:root{--paper:#fffaf0;--ink:#173f43;--teal:#125c60;--line:#ddd8c6;--sage:#edf0e2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.6rem 1rem;border:1px solid var(--line);border-radius:14px;background:#fffdf6;text-decoration:none;cursor:pointer}a{color:var(--teal)}button.primary,.button.primary{background:var(--teal);color:white;border-color:var(--teal)}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #c9902b;outline-offset:3px}header.site{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:18px max(20px,calc((100vw - 1120px)/2))}.brand{font:700 29px/1.2 Georgia,serif;text-decoration:none;color:var(--ink)}nav,.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}main{max-width:1120px;margin:auto;padding:28px 22px 60px}h1,h2,h3{font-family:Georgia,serif;line-height:1.2}h1{font-size:clamp(32px,5vw,52px);margin:12px 0 24px}h2{font-size:28px}.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:center;margin-bottom:40px}.hero img{width:100%;border-radius:20px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card,.panel{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fffdf6}.card img{width:100%;height:210px;object-fit:cover;border-radius:12px}.reader{max-width:740px;margin:32px auto;font:var(--reader-size,22px)/1.7 Georgia,serif}.reader h1{font-size:clamp(32px,6vw,48px)}.reader p{margin:0 0 1.2em}.reader li{margin-bottom:.6em}.utilities{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;position:sticky;top:0;z-index:2;background:var(--paper);border-bottom:1px solid var(--line);padding:10px 0}.chapter-end{border-top:1px solid var(--line);padding-top:18px;margin-top:28px;font:17px/1.6 system-ui,sans-serif}.chapter-end details{background:var(--sage);border-radius:14px;padding:16px;margin:18px 0}.chapter-end summary{cursor:pointer;font-weight:600;min-height:28px}.chapter-end .primary{width:100%}.status{min-height:1.5em}.badge{font-size:14px;border-radius:20px;padding:4px 12px;background:var(--sage)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}label{display:block;margin-top:16px;font-weight:600}input,textarea,select{width:100%;background:#fffefa;border:1px solid var(--line);border-radius:9px;padding:10px;min-height:46px}input[type=checkbox],input[type=radio]{width:auto;min-height:0}.toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.rich-editor{min-height:350px;padding:18px;border:1px solid var(--line);border-radius:12px;background:white;font:21px/1.6 Georgia,serif;overflow-wrap:anywhere}.rich-editor p{margin:0 0 1em}.rich-editor:empty:before{content:attr(data-placeholder);color:#777}.split{display:grid;grid-template-columns:1fr 120px;gap:12px}.row{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0}.row-title{flex:1}.row h3{margin:0 0 8px}.danger{color:#a42b2b}.review{max-width:740px}.review dl{display:grid;grid-template-columns:140px 1fr;gap:12px}.review dd{margin:0;overflow-wrap:anywhere}dialog{max-width:740px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:18px;color:var(--ink);background:var(--paper);padding:24px}dialog::backdrop{background:#123a4380}[hidden]{display:none!important}footer{border-top:1px solid var(--line);padding:20px;text-align:center;font-size:14px}.small{font-size:14px;color:#5d7170}.notice{background:var(--sage);padding:12px;border-radius:10px}.check{display:flex;align-items:center;gap:10px}.preview-image{width:100%;max-height:220px;object-fit:cover;border-radius:12px}.reader img{max-width:100%}@media(max-width:700px){header.site{padding:16px;align-items:flex-start}.brand{font-size:24px}nav{gap:12px;font-size:15px}main{padding:20px 16px 40px}.hero,.cards,.editor-layout{grid-template-columns:1fr}.hero img{max-height:230px;object-fit:cover}.reader{margin:24px auto;font-size:var(--reader-size,21px)}.row{flex-wrap:wrap;gap:10px}.row-title{flex-basis:65%}.row .actions{width:100%}.work-actions{position:sticky;bottom:0;background:var(--paper);padding:12px 0;border-top:1px solid var(--line);z-index:4}.review dl{grid-template-columns:1fr;gap:4px}.review dd{margin-bottom:12px}}
.story-bottle{padding:4px 10px;gap:7px}.story-bottle img{width:32px;height:36px;object-fit:contain;user-select:none;-webkit-user-drag:none}dialog .entries details{border-top:1px solid var(--line);padding:16px 0}dialog .entries summary{cursor:pointer;font-weight:600;min-height:44px}dialog .entries details:not([open])>p{display:block}dialog .entries article{font-size:18px}dialog .entries p{margin:8px 0}@media(max-width:700px){header.site{flex-wrap:wrap}header.site nav{width:100%;justify-content:space-between}.story-bottle span{display:none}}

.story-filters{margin:0 0 22px}.story-filters [aria-pressed=true]{background:var(--teal);color:white;border-color:var(--teal)}.image-preview{margin-top:12px}.image-preview .preview-image{object-fit:contain;background:var(--sage)}.image-preview button{font-size:14px}

.card img,.card-image-preview{aspect-ratio:8/5;height:auto}.card-image-preview{overflow:hidden;border-radius:12px;margin:12px 0;background:var(--sage)}.card-image-preview img{display:block;width:100%;height:100%;object-fit:cover}.image-preview fieldset,#imageFocusControls{min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px;margin:16px 0}input[type=range]{padding:0;min-height:44px}#imageFocusControls legend{font-size:15px;font-weight:600}#imageFocusControls label{font-size:14px;margin-top:8px}

.hero img{display:block;height:auto;aspect-ratio:3/2;object-fit:contain}@media(max-width:700px){.hero img{max-height:none;height:auto;object-fit:contain}}

.home-reading{align-items:stretch;margin-bottom:26px}.family-invite img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0}.family-invite h2{margin:12px 0}.family-invite p{margin-bottom:0}.first-story{display:flex;flex-direction:column;justify-content:center}.first-story>h2{font-size:24px;margin:0 0 26px}.chapter-preview h2{font-size:32px}.game-invite{display:flex;justify-content:space-between;align-items:center;gap:20px}.game-invite h2{font-size:25px;margin:0}.game-invite p{margin:8px 0 0}@media(max-width:700px){.home-reading .first-story{order:-1}.game-invite{align-items:flex-start;flex-direction:column;gap:14px}.family-invite img{max-width:450px;margin:auto}}

.story-news-dialog{max-height:90dvh;overflow:auto}.story-news-dialog>.actions{position:sticky;top:-24px;z-index:2;background:var(--paper);padding:12px 0;justify-content:space-between}.story-news-dialog summary p{font-weight:400;font-size:15px}.story-news-dialog h2{margin:0}