:root[data-text=small]{--fs:.88}:root[data-text=large]{--fs:1.15}:root{--fs:1;--bg:#16130f;--page:#1c1813;--ink:#e9e1d3;--muted:#9a8f7d;--faint:#6c6354;--line:#2e2820;--accent:#d6a75c;--danger:#d9776a;--good:#7fb069;--chip:#262019;--over:#e07a35;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#efe8dc;--page:#f7f2e9;--ink:#2b241b;--muted:#6f6454;--faint:#9c907c;--line:#ddd2c0;--accent:#8a5a14;--danger:#a3392c;--good:#3d7a2a;--chip:#ebe2d3;--over:#c85f1c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{margin:0}#root{min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%}button{font:inherit;color:inherit}.app{flex-direction:column;min-height:100dvh;display:flex}.app.fighting{height:100dvh}.loading{height:100dvh;color:var(--muted);text-align:center;font-family:var(--serif);place-items:center;padding:24px;display:grid}.status{--fs:1;z-index:15;padding:8px 16px 6px;padding-top:max(8px, env(safe-area-inset-top));background:var(--page);border-bottom:1px solid var(--line);font-size:calc(13px * var(--fs));flex:none;position:sticky;top:0}.status .where{flex-wrap:wrap;align-items:baseline;gap:0 6px;display:flex}.status .place{color:var(--ink);font-weight:600}.status .within{color:var(--muted)}.status .clock{color:var(--muted);white-space:nowrap;margin-left:auto}.status .me{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:3px;display:flex}.status .hp.hurt{color:var(--danger)}.status .feel{color:var(--accent)}.menu-button{font-size:calc(18px * var(--fs));color:var(--muted);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0 4px;line-height:1}.menu{z-index:10;background:var(--page);border:1px solid var(--line);border-radius:8px;flex-direction:column;min-width:200px;display:flex;position:absolute;top:100%;right:12px;overflow:hidden;box-shadow:0 8px 24px #00000059}.menu button{text-align:left;cursor:pointer;background:0 0;border:0;padding:12px 14px}.menu button+button{border-top:1px solid var(--line)}.menu-sep{border:0;border-top:3px solid var(--line);margin:0}.menu-label{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0;padding:8px 14px 2px;font-size:11px}.menu .menu-check{align-items:center;gap:8px;display:flex}.menu-check .check{width:1em;color:var(--accent);display:inline-block}.menu-backdrop{z-index:9;position:fixed;inset:0}.menu{max-height:calc(100dvh - 80px);overflow-y:auto}.menu button:disabled{color:var(--faint);cursor:default}.menu-note{border-top:1px solid var(--line);color:var(--muted);font-size:calc(14px * var(--fs));margin:0;padding:12px 14px}.menu-item{border-top:1px solid var(--line);color:inherit;font:inherit;padding:12px 14px;text-decoration:none;display:block}.menu-links{border-top:1px solid var(--line);font-size:calc(14px * var(--fs));flex-wrap:wrap;gap:4px 16px;margin:0;padding:12px 14px;display:flex}.menu-links a{color:var(--muted)}.book{flex:1}.page{max-width:40rem;margin:0 auto;padding:8px 16px 24px}.title{font-family:var(--serif);font-weight:400;font-size:calc(26px * var(--fs));text-align:center;color:var(--accent);margin:28px 0 8px}.title .moon{vertical-align:-.12em;margin-right:.1em}.earlier{text-align:center;color:var(--faint);font-size:calc(13px * var(--fs));margin:12px 0}.day{font-family:var(--serif);font-weight:400;font-size:calc(15px * var(--fs));letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--accent);margin:32px 0 8px}.day:before,.day:after{content:"—";color:var(--faint);margin:0 10px}.turn{margin:20px 0 28px}.turn p{font-family:var(--serif);font-size:calc(18px * var(--fs));margin:0 0 .85em;line-height:1.6}.turn .input{font-family:var(--sans);font-size:calc(14px * var(--fs));color:var(--muted);border-left:2px solid var(--line);white-space:pre-wrap;margin-bottom:12px;padding-left:10px;font-style:italic;line-height:1.4}.turn .summary,.note{font-family:var(--sans);font-size:calc(13px * var(--fs));color:var(--faint);line-height:1.4}.money-line{margin:6px 0 0}.money-pill{font-family:var(--sans);font-size:calc(13px * var(--fs));border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 10px;line-height:1.4;display:inline-block}.money-pill.in{border-color:var(--accent);color:var(--accent)}.turn .thinking{color:var(--faint)}.turn-progress{background:var(--chip);border-radius:999px;height:4px;margin:0 0 12px;position:relative;overflow:hidden}.turn-progress .fill{background:var(--accent);border-radius:999px;transition:width .25s linear;position:absolute;inset:0 auto 0 0}.turn-progress .fill.over{background:var(--over)}.turn .phase{font-family:var(--sans);font-size:calc(14px * var(--fs));color:var(--muted)}.turn .phase .did{color:var(--faint)}.dots:after{content:"";text-align:left;width:1.5em;animation:1.2s steps(4,end) infinite dots;display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.name{font-weight:600}.combat{background:var(--page);border:1px solid var(--line);font-family:var(--sans);border-radius:8px;margin:0 0 14px;padding:10px 12px}.combat summary{cursor:pointer;flex-direction:column;gap:2px;list-style:none;display:flex}.combat summary::-webkit-details-marker{display:none}.combat .combat-head{font-size:calc(14px * var(--fs));color:var(--accent);font-weight:600}.combat .combat-took{font-size:calc(13px * var(--fs));color:var(--muted)}.combat summary:after{content:"Show the fight, blow by blow";font-size:calc(12px * var(--fs));color:var(--faint)}.combat[open] summary:after{content:"Hide it"}.combat-lines{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.combat p{font-family:var(--sans);font-size:calc(14px * var(--fs));margin:0 0 4px;line-height:1.45}.combat .round{margin-top:6px;font-weight:600}.combat .outcome{color:var(--accent);font-weight:600}.fight-writeup{background:var(--page);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;margin:-6px 0 14px;padding:4px 14px 2px}.fight-writeup:before{content:"The fight, told";font-family:var(--sans);font-size:calc(11px * var(--fs));letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:6px 0 2px;display:block}.error{color:var(--danger);font-size:calc(14px * var(--fs))}.composer{padding-bottom:max(8px, env(safe-area-inset-bottom));margin-top:8px}.page:has(>.composer){padding-bottom:0}.composer .modes{border-bottom:1px solid var(--line);gap:2px;margin-bottom:8px;display:flex}.composer .modes .tab{margin-bottom:-1px;padding:6px 10px 5px}.composer .chips.dimmed{opacity:.35;pointer-events:none}.composer .mode-options{flex-wrap:wrap;justify-content:flex-end;align-self:center;gap:4px 12px;margin-left:auto;display:flex}.composer .strong-gm{font:calc(12px * var(--fs)) var(--sans);color:var(--muted);cursor:pointer;white-space:nowrap;align-self:center;align-items:center;gap:5px;display:flex}.composer .strong-gm input{accent-color:var(--accent);margin:0}.composer .gm-mode{font:calc(12px * var(--fs)) var(--sans);color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;align-self:center;max-width:100%;padding:2px 4px}.composer.talk textarea{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--bg))}.composer.editing .modes{display:none}.turn.gm-talk .gm-answer{font:calc(15px * var(--fs))/1.5 var(--sans);border:1px dashed var(--line);background:color-mix(in srgb, var(--accent) 5%, var(--page));border-radius:10px;padding:10px 14px;position:relative}.turn.gm-talk .gm-answer p,.turn.gm-talk .gm-answer ul{margin:6px 0}.turn.gm-talk .gm-answer ul{padding-left:20px}.turn.gm-talk .gm-label{font:600 calc(11px * var(--fs)) var(--sans);letter-spacing:.06em;color:var(--accent);margin-bottom:2px;display:inline-block}.gm-hint{border:1px dashed var(--line);background:color-mix(in srgb, var(--accent) 5%, var(--page));font:calc(15px * var(--fs))/1.5 var(--sans);border-radius:10px;margin:0 0 18px;padding:8px 14px}.gm-hint summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.gm-hint .gm-label{font:600 calc(11px * var(--fs)) var(--sans);letter-spacing:.06em;color:var(--accent);text-transform:uppercase}.gm-hint .gm-hint-what{font-size:calc(13px * var(--fs));color:var(--muted)}.gm-hint[open] .gm-hint-what{display:none}.gm-hint-body{margin-top:6px}.gm-hint-body p,.gm-hint-body ul{margin:6px 0}.gm-hint-body ul{padding-left:20px}.gm-hint-body h4{font-size:calc(15px * var(--fs));margin:12px 0 2px}.gm-hint-gist{font-weight:600}.gm-hint .link{font-size:calc(13px * var(--fs));padding:0}.gm-hint-head{font-size:calc(12px * var(--fs));letter-spacing:.04em;color:var(--muted);font-weight:600;margin-bottom:0!important}.chips{scrollbar-width:none;gap:6px;padding-bottom:8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--chip);border:1px solid var(--line);max-width:80vw;font-size:calc(14px * var(--fs));text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:16px;flex:none;padding:6px 12px;overflow:hidden}.composer .chips{flex-direction:column;overflow:visible}.composer .chip{white-space:normal;border-radius:10px;max-width:100%;padding:8px 12px}.composer .chip.on{background:color-mix(in srgb, var(--accent) 14%, var(--chip))}.row{align-items:flex-end;gap:8px;max-width:40rem;margin:0 auto;display:flex}.row[hidden]{display:none}.composer textarea{resize:none;background:var(--bg);color:var(--ink);border:1px solid var(--line);font:calc(16px * var(--fs))/1.4 var(--sans);border-radius:10px;outline:none;flex:1;padding:10px 12px}.composer textarea:focus{border-color:var(--accent)}.composer textarea:read-only{opacity:.4}.composer.editing .row{z-index:40;max-width:none;height:50dvh;padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));background:var(--page);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:10px;margin:0;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 24px #00000059}.composer.editing textarea{flex:1;min-height:0}.composer.editing .send{display:none}.panel-bar{flex:none;justify-content:space-between;gap:12px;display:flex}.backdrop{z-index:39;background:#00000080;position:fixed;inset:0}.send{background:var(--accent);width:44px;height:44px;color:var(--bg);font-size:calc(18px * var(--fs));cursor:pointer;border:0;border-radius:10px;flex:none}.send:disabled{opacity:.35;cursor:default}.fight-menu{padding:10px 12px;padding-bottom:max(10px, env(safe-area-inset-bottom));background:var(--page);border-top:1px solid var(--line);flex:none}.menu-title{font-weight:600;font-size:calc(14px * var(--fs));margin:0}.fight-menu .menu-head{justify-content:space-between;align-items:center;gap:8px;height:30px;margin-bottom:6px;display:flex}.fight-menu .options{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:46px;align-content:start;gap:6px;height:202px;display:grid;overflow-y:auto}@media (width>=640px){.fight-menu .options{height:98px}}.fight-menu .options button{background:var(--chip);border:1px solid var(--line);text-align:left;line-height:1.2;font-size:calc(14px * var(--fs));cursor:pointer;border-radius:8px;align-items:center;padding:4px 10px;display:flex;overflow:hidden}.fight-menu .options button:disabled{opacity:.45;cursor:default}.opening p{font-family:var(--serif);font-size:calc(18px * var(--fs));line-height:1.6}.opening .hint{font-family:var(--sans);font-size:calc(14px * var(--fs));color:var(--muted)}.start{flex-direction:column;height:100dvh;display:flex}.create{min-height:100dvh}.start .account{border:1px solid var(--line);background:var(--page);border-radius:10px;margin:8px 0 4px;padding:10px 14px}.start .account p{margin:0}.start .account-row{align-items:baseline;gap:12px;display:flex}.start .account-row>p{flex:1}.coins-left{color:var(--accent);white-space:nowrap;font-family:var(--sans)}.coins-left .moon{vertical-align:-.12em}.start .account .link{font-size:inherit;padding:0}.start .account-form{flex-direction:column;gap:8px;display:flex}.start .account-form h2{margin:0 0 2px}.account-view{border:1px solid var(--line);background:var(--page);border-radius:10px;margin:8px 0;padding:14px 16px}.account-view h2{margin:0 0 10px}.account-facts{grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;display:grid}.account-facts dt{color:var(--muted)}.account-facts dd{overflow-wrap:anywhere;margin:0}.account-facts .moon{vertical-align:-.12em;color:var(--accent)}.account-part{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;padding-top:12px;display:flex}.account-part h3,.account-part p{margin:0}.account-part .account-form{flex-direction:column;align-self:stretch;gap:8px;display:flex}.account-part .adult-check{margin-top:0}.start .game-card{gap:6px}.start .game-card .card-pick{text-align:left}.start .game-actions{font-size:calc(13px * var(--fs));flex-wrap:wrap;align-items:center;gap:8px;display:flex}.start .game-actions button:not(.link){background:var(--chip);border:1px solid var(--line);font:calc(13px * var(--fs)) var(--sans);color:var(--ink);cursor:pointer;border-radius:8px;padding:3px 10px}.start-body{flex:1;width:100%;max-width:40rem;margin:0 auto;padding:8px 16px 24px;overflow-y:auto}.create-body{width:100%;max-width:40rem;padding:8px 16px;padding-bottom:max(24px, env(safe-area-inset-bottom));margin:0 auto}.start h2,.create h2{font-family:var(--serif);font-weight:400;font-size:calc(22px * var(--fs));margin:20px 0 10px}.create h3{font-size:calc(13px * var(--fs));text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:18px 0 8px}.hint{color:var(--muted);font-size:calc(14px * var(--fs));line-height:1.45}.optional{color:var(--muted);font-size:.8em;font-weight:400}.create-head{text-align:center;padding-top:max(16px, env(safe-area-inset-top));margin-bottom:8px}.create-head .world{font-family:var(--serif);color:var(--accent);font-weight:400;font-size:calc(28px * var(--fs));margin:8px 0 2px}.create-head .step{color:var(--muted);font-size:calc(14px * var(--fs));margin:0}.create-nav{border-top:1px solid var(--line);text-align:center;margin-top:24px;padding-top:16px}.create-buttons{justify-content:center;gap:12px;display:flex}.create-body>section+section{border-top:1px solid var(--line);margin-top:18px;padding-top:4px}.create-missing{font-size:calc(13px * var(--fs));color:var(--muted);margin:0 0 12px}.primary,.secondary{font-size:calc(16px * var(--fs));cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:11px 22px}.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.primary:disabled{opacity:.35;cursor:default}.secondary{background:0 0}.link{color:var(--accent);cursor:pointer;font-size:calc(14px * var(--fs));background:0 0;border:0;padding:12px 0}.text{background:var(--bg);width:100%;color:var(--ink);border:1px solid var(--line);font:calc(18px * var(--fs))/1.4 var(--sans);border-radius:10px;outline:none;padding:12px 14px}textarea.text{font-size:calc(16px * var(--fs));resize:vertical}.text:focus{border-color:var(--accent)}.text.small{font-size:calc(15px * var(--fs));margin-top:8px;padding:8px 12px}.cards{gap:8px;display:grid}.card{text-align:left;background:var(--page);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;gap:3px;width:100%;padding:12px 14px;display:flex}.card.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.card-pick{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:3px;padding:0;display:flex}.card-title{text-transform:capitalize;font-weight:600}.card-text{color:var(--muted);font-size:calc(14px * var(--fs));line-height:1.4}.confirm{margin-top:12px}.confirm.begin{text-align:center}.rating{font-family:var(--sans);margin:0 0 12px}.site-footer{font-family:var(--sans);font-size:calc(13px * var(--fs));color:var(--muted);text-align:center;margin:28px 0 0;line-height:1.8}.site-footer p{margin:0}.site-footer a,.adult-check a,.hint a{color:var(--accent)}.captcha{min-height:65px}.site-footer .copyright{font-size:calc(12px * var(--fs));color:var(--faint);margin-top:4px}.budget{font-family:var(--sans);font-size:calc(13px * var(--fs));color:var(--muted);margin:4px 0 12px}.budget.over{color:var(--accent)}.rating-choice{flex-wrap:wrap;gap:8px;display:flex}.rating-choice button{border:1px solid var(--line);background:var(--page);cursor:pointer;font:inherit;font-size:calc(14px * var(--fs));border-radius:999px;padding:6px 14px}.rating-choice button.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.rating-choice button.locked{color:var(--faint);border-style:dashed}.adult-check{border:1px solid var(--line);font-size:calc(14px * var(--fs));border-radius:10px;margin-top:10px;padding:10px 12px;line-height:1.45}.adult-check p{margin:0 0 8px}.adult-check label{align-items:flex-start;gap:8px;display:flex}.adult-actions{gap:8px;margin-top:10px;display:flex}.confirm p{color:var(--muted);font-size:calc(14px * var(--fs));margin:0 0 10px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{background:var(--page);border:1px solid var(--line);cursor:pointer;text-transform:capitalize;border-radius:10px;flex:1 0 auto;min-width:64px;padding:11px 14px}.seg button.on,.chip.on{border-color:var(--accent);color:var(--accent)}.chips.wrap{flex-wrap:wrap;padding-bottom:0;overflow:visible}.chips.wrap .chip{white-space:normal;max-width:100%}.stats{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.stat{background:var(--page);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.stat.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.stat-name{font-size:calc(12px * var(--fs));letter-spacing:.08em;color:var(--muted)}.stat-value{font-size:calc(26px * var(--fs));font-family:var(--serif)}.stat-sum{font-size:calc(11px * var(--fs));color:var(--faint)}.sheet h2{margin-bottom:4px}.sheet p{margin:6px 0;line-height:1.5}.sheet-stats{font-variant-numeric:tabular-nums}.sheet .background{font-family:var(--serif);font-style:italic}.book.hidden{display:none}.fight-log{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.fight-log .page{padding-top:12px;padding-bottom:16px}.fight-log p{font-family:var(--sans);font-size:calc(15px * var(--fs));margin:0 0 6px;line-height:1.5}.fight-log .round{color:var(--accent);font-weight:600;font-size:calc(13px * var(--fs));letter-spacing:.06em;text-transform:uppercase;margin-top:14px}.fight-log .outcome{color:var(--accent);font-weight:600}.fight-menu.waiting .menu-title{color:var(--muted)}.fight{background:var(--page);border-bottom:1px solid var(--line);font-size:calc(14px * var(--fs));flex:none;padding:8px 16px 10px}.fight-round{color:var(--accent);font-weight:600;font-size:calc(13px * var(--fs));letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px}.sides{grid-template-columns:1fr 1fr;gap:12px;display:grid}.side-name{font-size:calc(12px * var(--fs));color:var(--faint);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px}.fighter{border:2px solid #0000;border-radius:6px;flex-direction:column;margin:0 0 4px -6px;padding:2px 6px;line-height:1.3;display:flex}.fighter.flash{animation:.4s ease-in-out 3 blink}.fighter.flash.hurt{--blink:var(--danger)}.fighter.flash.healed{--blink:var(--good)}@keyframes blink{0%,to{border-color:#0000}50%{border-color:var(--blink,var(--accent))}}.fighter .who{font-weight:600}.fighter .cond{color:var(--muted);font-size:calc(13px * var(--fs))}.fighter.acting .who{color:var(--accent)}.fighter.out{opacity:.5}.fighter .guard{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.fighter .badge{font-family:var(--sans);font-size:calc(11px * var(--fs));color:var(--accent);border:1px solid var(--accent);border-radius:8px;padding:0 6px;font-weight:600}.fighter .badge.ward{color:var(--muted);border-color:var(--line)}.fight-menu .back{border:1px solid var(--line);color:var(--muted);font-size:calc(13px * var(--fs));cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px}.purse.gained{border-radius:8px;padding:0 4px;animation:1s ease-in-out 4 journal-blink}.purse-gain{color:var(--accent);margin-left:4px;font-weight:600}.purse-gain.spent{color:var(--muted);font-weight:500}.journal-button{background:var(--chip);border:1px solid var(--line);font-size:calc(14px * var(--fs));cursor:pointer;border-radius:12px;margin-left:auto;padding:1px 8px;line-height:1.4;position:relative}.journal-button+.journal-button,.journal-button+.sheet-button,.journal-button.pack-button{margin-left:4px}.journal-count{font-size:calc(11px * var(--fs));color:var(--accent);margin-left:3px;font-weight:600}.journal-button.new{border-color:var(--accent);animation:1s ease-in-out 4 journal-blink}@keyframes journal-blink{0%,to{background:var(--chip);box-shadow:0 0 #0000}50%{background:#d6a75c40;box-shadow:0 0 0 3px #d6a75c59}}.quest-group{font:600 calc(12px * var(--fs)) var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:18px 0 8px}.sheet-button{background:var(--chip);border:1px solid var(--line);font-size:calc(13px * var(--fs));cursor:pointer;border-radius:12px;margin-left:auto;padding:2px 10px}.sheet-button+.menu-button{margin-left:4px}.drawer-wrap{z-index:20;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.drawer{background:var(--bg);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:min(64rem,100%);height:100%;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000059}.drawer-head{background:var(--page);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:6px 8px 0 12px;display:flex}.tabs{scrollbar-width:none;flex:1;gap:2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{font-size:calc(14px * var(--fs));color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:10px 10px 8px}.tab.on{color:var(--ink);border-bottom-color:var(--accent)}.close{font-size:calc(18px * var(--fs));color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;padding:8px}.drawer-body{overscroll-behavior:contain;flex:1;width:100%;padding:8px max(16px,50% - 19rem) 32px;line-height:1.5;overflow-y:auto}.drawer-body h2{font-family:var(--serif);font-weight:400;font-size:calc(24px * var(--fs));margin:12px 0 2px}.drawer-body h3{font-size:calc(15px * var(--fs));align-items:center;gap:8px;margin:18px 0 4px;display:flex}.drawer-body p{margin:6px 0}.muted{color:var(--muted)}.tag{font-size:calc(11px * var(--fs));color:var(--accent);border:1px solid var(--accent);border-radius:8px;margin-left:6px;padding:0 6px;font-weight:600}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;margin:12px 0;display:grid}.stat-box{background:var(--page);border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:center;padding:6px 4px;display:flex}.list{margin:8px 0;padding:0;list-style:none}.list .row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.list .buttons{flex-shrink:0;gap:6px;display:flex}.small{background:var(--chip);border:1px solid var(--line);font-size:calc(13px * var(--fs));cursor:pointer;border-radius:8px;flex:none;padding:6px 10px}.small:disabled{opacity:.4;cursor:default}.quest,.person{border-bottom:1px solid var(--line);padding:4px 0 10px}.quest.closed{opacity:.6}.quest .log{font-size:calc(13px * var(--fs));color:var(--muted)}.quest details.log summary{cursor:pointer;margin:4px 0}.quest-steps{font-family:var(--sans);font-size:calc(14px * var(--fs));margin:6px 0;padding:0;list-style:none}.quest-steps li{margin:3px 0}.quest-steps li.done{color:var(--muted)}.quest-steps li.done span{color:var(--accent)}.quest-steps li.next{font-weight:600}.storyline{border:1px solid var(--line);border-left:3px solid var(--accent);font-family:var(--sans);font-size:calc(14px * var(--fs));border-radius:6px;margin:14px 0 4px;padding:8px 12px;line-height:1.45}.storyline-head{font:600 calc(11px * var(--fs)) var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 4px}.storyline-quest+.storyline-quest{margin-top:6px}.storyline-title{margin:0;font-weight:600}.storyline-kind{color:var(--accent);margin-right:6px;font-weight:500}.storyline-quest.failed .storyline-kind,.storyline-quest.abandoned .storyline-kind,.storyline-quest.declined .storyline-kind{color:var(--muted)}.storyline-step{margin:2px 0 0}.storyline-step.done{color:var(--muted)}.storyline-step.done span{color:var(--accent)}.storyline-wait{margin-top:10px}.ways{gap:6px;display:grid}.way{text-align:left;background:var(--page);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:10px 12px}.way:disabled{opacity:.45;cursor:default}.tree{font-size:calc(14px * var(--fs));margin:6px 0;padding:0;list-style:none}.tree li{padding:2px 0}.tree .here{color:var(--accent);font-weight:600}.tree .heard{color:var(--faint)}.formation{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.formation select{background:var(--page);color:var(--ink);border:1px solid var(--line);font:calc(14px * var(--fs)) var(--sans);border-radius:8px;padding:6px 8px}.shell{min-height:100dvh;display:flex;overflow-x:clip}.shell>.app{flex:1;min-width:0}.debug-wrap{display:none}.debug-wrap.open{z-index:30;display:flex;position:fixed;inset:0}@media (width>=1100px){.debug-wrap,.debug-wrap.open{border-left:1px solid var(--line);flex:none;align-self:flex-start;width:460px;height:100dvh;display:flex;position:sticky;top:0}.debug-button,.debug .close{display:none}}.debug-button{font-size:calc(15px * var(--fs));cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0 4px}.debug-button+.sheet-button{margin-left:4px}.debug{background:var(--bg);width:100%;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:calc(12px * var(--fs));flex-direction:column;display:flex}.debug-head{padding:8px 10px;padding-top:max(8px, env(safe-area-inset-top));background:var(--page);border-bottom:1px solid var(--line);align-items:center;gap:6px;display:flex}.debug-title{color:var(--accent);font-weight:600;font-family:var(--sans);font-size:calc(13px * var(--fs));flex:1}.debug-body{flex:1;padding:8px 10px 24px;overflow-y:auto}.debug-body p{white-space:pre-wrap;word-break:break-word;margin:4px 0;line-height:1.4}.d-input{font-family:var(--sans);font-size:calc(13px * var(--fs));color:var(--ink);font-style:italic}.d-totals{color:var(--accent)}.d-thinking{color:var(--muted);border-left:2px solid var(--line);padding-left:8px;font-style:italic}.d-call{color:#c9b26a}.d-call code{color:var(--muted)}.d-reply{color:var(--faint)}.d-roll{color:#8fb2c9}.d-summary{color:var(--accent)}.d-dim{color:var(--faint)}.d-combat p{color:var(--ink)}.fold{margin:2px 0}.fold-head{color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:2px 0}.fold pre{background:var(--page);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:50vh;margin:4px 0 8px;padding:8px;overflow:auto}.dim{color:var(--faint)}.plate-name{font-family:var(--serif);font-size:calc(22px * var(--fs));color:#f1e6d2}.plate-when{font-family:var(--sans);font-size:calc(12px * var(--fs));letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.plate-stage{aspect-ratio:1216/832;position:relative;overflow:hidden}.plate-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.plate-img.blurred{filter:blur(10px)brightness(.7);transform:scale(1.1)}.plate-img.stacked{opacity:0;transition:opacity 1.4s,filter 1.4s}.plate-img.stacked.on{opacity:1}.cast-front{clip-path:inset(-12px -12px 0);pointer-events:none;position:absolute;bottom:0;transform:translate(-50%)}.cast-front img{width:auto;max-width:none;height:200%;display:block}.cast-pending{text-align:center;font:600 calc(12px * var(--fs)) var(--sans);color:#f1e6d2;background:#16130fb3;border:1px dashed #f1e6d280;border-radius:10px 10px 0 0;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:20% 0 0}.cast-outlined{filter:url(#cast-outline-1)}.cast-name{pointer-events:auto;white-space:nowrap;font:600 calc(12px * var(--fs)) var(--sans);color:#f1e6d2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#16130fbf;border:1px solid #f1e6d259;border-radius:999px;padding:3px 10px;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}@media (width>=1025px){.cast-name{font-size:calc(14px * var(--fs));padding:4px 12px}}.plate-break{border-block:1px solid var(--line);cursor:zoom-in;height:clamp(150px,30vw,240px);margin:28px -16px 18px;position:relative;overflow:hidden}.plate-break .plate-stage.cover{width:100%;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.plate-break figcaption{z-index:1;background:linear-gradient(#0000,#16130fe6);flex-direction:column;gap:2px;padding:40px 16px 12px;display:flex;position:absolute;inset:auto 0 0}.plate-break.blurred{cursor:default}@media (width>=720px){.plate-break{border:1px solid var(--line);border-radius:8px;margin-inline:0}}.plate-full{z-index:30;touch-action:pan-x pan-y;cursor:zoom-out;background:#000;place-items:center;animation:.25s plate-in;display:grid;position:fixed;inset:0}.plate-full .plate-stage.full{width:min(100vw,146.154dvh)}.plate-full-caption{padding:40px 16px max(16px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#000c);flex-direction:column;gap:2px;display:flex;position:absolute;inset:auto 0 0}@media (orientation:portrait){.plate-full{overscroll-behavior:contain;scrollbar-width:none;align-items:center;display:flex;overflow:auto hidden}.plate-full::-webkit-scrollbar{display:none}.plate-full .plate-stage.full{flex:none;width:auto;height:50dvh;margin:0 auto}.plate-full-caption{position:fixed}}@keyframes plate-in{0%{opacity:0}to{opacity:1}}.plate-panel{display:none}@media (width>=1025px){.plate-break{display:none}.shell.has-plate>.app{border-right:1px solid var(--line);flex:none;width:min(46rem,52vw)}.shell.has-plate .plate-panel{background:#000;flex:1;align-self:flex-start;min-width:0;height:100dvh;display:block;position:sticky;top:0;overflow:hidden}.plate-layer{position:absolute;inset:0}.plate-layer img{opacity:0;width:100%;height:100%;transition:opacity 1.4s;position:absolute;inset:0}.plate-layer img.on{opacity:1}.plate-layer.fill img{object-fit:cover;filter:blur(18px)brightness(.45)saturate(.9);transform:scale(1.15)}.plate-fit{place-items:center;display:grid;position:absolute;inset:0;container-type:size}.plate-fit .plate-stage.contain{width:min(100cqw,146.154cqh)}.plate-panel.blurred .plate-img.stacked{filter:blur(14px)brightness(.7)}.plate-fit:before{content:"";z-index:1;background:linear-gradient(90deg,#16130f99,#0000);width:48px;position:absolute;inset:0 auto 0 0}.plate-caption{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16130f99;border-radius:8px;flex-direction:column;gap:2px;padding:10px 14px;display:flex;position:absolute;top:24px;left:24px}}.pictures{font-family:var(--sans);margin:4px 0 14px}.picture-ask{font-size:calc(13px * var(--fs));color:var(--faint);cursor:pointer;background:0 0;border:0;padding:0}.picture-ask:hover{color:var(--accent)}.picture{margin:0}.picture img{border:1px solid var(--line);cursor:zoom-in;border-radius:8px;width:100%;display:block}.picture figcaption{font-size:calc(12px * var(--fs));color:var(--faint);margin-top:4px}.picture-status{font-size:calc(14px * var(--fs));color:var(--muted);background:var(--page);border:1px dashed var(--line);border-radius:8px;margin:6px 0 0;padding:10px 12px}.picture-status.failed{color:var(--danger);border-style:solid}.picture-status p{margin:0}.picture-progress{background:var(--chip);border-radius:999px;height:6px;margin-top:8px;display:block;overflow:hidden}.picture-progress span{background:var(--accent);border-radius:999px;height:100%;transition:width 1s linear;display:block}.picture-refresh{background:var(--chip);border:1px solid var(--line);width:28px;height:28px;font-size:calc(15px * var(--fs));color:var(--ink);cursor:pointer;border-radius:999px;margin-left:6px;line-height:1}.picture-actions{gap:8px;margin:6px 0 0;display:flex}.picture-actions button,.modal-buttons button{background:var(--chip);border:1px solid var(--line);font:calc(13px * var(--fs)) var(--sans);color:var(--ink);cursor:pointer;border-radius:8px;padding:5px 12px}.picture-actions:empty{display:none}.modal-wrap{z-index:60;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--page);width:min(440px,100%);max-height:90dvh;color:var(--ink);border:1px solid var(--line);font-family:var(--sans);border-radius:12px;padding:16px;overflow:auto}.modal h3{font-size:calc(16px * var(--fs));color:var(--accent);margin:0 0 10px;font-weight:600}.modal.picture-debug{width:min(960px,100%)}.picture-debug details{border:1px solid var(--line);border-radius:8px;margin:0 0 6px;padding:6px 10px}.picture-debug summary{cursor:pointer;font-size:calc(13px * var(--fs))}.picture-debug pre{white-space:pre-wrap;word-break:break-word;max-height:60dvh;font-size:calc(12px * var(--fs));margin:8px 0 0;overflow:auto}.modal textarea{width:100%;font:calc(15px * var(--fs)) var(--sans);color:var(--ink);background:var(--bg);border:1px solid var(--line);resize:vertical;border-radius:8px;padding:8px 10px}.modal .framings{gap:8px;margin:10px 0 0;display:flex}.modal .who{flex-wrap:wrap;gap:6px;max-height:30dvh;margin:0 0 10px;display:flex;overflow:auto}.modal .who .chip{max-width:100%}.modal .include-me{font-size:calc(13px * var(--fs));color:var(--muted);cursor:pointer;align-items:center;gap:6px;margin:0 0 10px;display:flex}.modal .include-me input{accent-color:var(--accent);margin:0}.modal .chip.on{background:color-mix(in srgb, var(--accent) 18%, var(--chip));border-color:var(--accent)}.modal-buttons{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.modal-buttons .primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.picture-full{z-index:70;touch-action:pan-x pan-y;cursor:zoom-out;background:#000000e0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex;position:fixed;inset:0}.picture-full img{object-fit:contain;border-radius:6px;max-width:100%;max-height:calc(100dvh - 60px)}.picture-full p{font:calc(13px * var(--fs)) var(--sans);color:#d8cdb9;margin:0}.picture-stack{align-items:center;gap:5px;display:inline-flex}.stack-nav{font:calc(13px * var(--fs)) var(--sans);color:#d8cdb9;cursor:default;align-items:center;gap:12px;display:flex}.stack-nav button{color:#f1e6d2;width:40px;height:40px;font-size:calc(22px * var(--fs));cursor:pointer;background:#16130fbf;border:1px solid #f1e6d259;border-radius:999px;line-height:1}.stack-nav span{text-align:center;max-width:60vw}.beta-ribbon{pointer-events:none;z-index:30;width:110px;height:110px;position:fixed;top:0;right:0;overflow:hidden}.beta-ribbon span{background:var(--accent);width:150px;color:var(--page);font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;text-align:center;padding:5px 0;font-size:12px;font-weight:700;position:absolute;top:24px;right:-34px;transform:rotate(45deg);box-shadow:0 2px 6px #00000059}.menu-beta{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.85em;font-weight:600}@media (width<=520px){.status .coins-unit{display:none}.status .me{column-gap:9px}}.status .coins{color:var(--accent);white-space:nowrap}.coins .moon,.budget .moon{vertical-align:-.12em}.turn-coins{color:var(--accent);white-space:nowrap}.turn-coins .moon{vertical-align:-.12em}.feedback-panel{max-width:40rem;font-size:calc(14px * var(--fs));color:var(--muted);margin:0 auto;padding:10px 0 4px}.feedback-panel p{margin:0 0 12px;line-height:1.5}.discord-button{background:var(--accent);width:fit-content;color:var(--page);border-radius:8px;margin:0 auto;padding:10px 18px;font-weight:600;text-decoration:none;display:block}.discord-button:hover{filter:brightness(1.08)}.down-note{z-index:1000;background:var(--accent);color:var(--bg);font-size:calc(14px * var(--fs,1));text-align:center;padding:8px 16px;position:fixed;top:0;left:0;right:0}