:root{--ui-scale:1;--bg:#14110f;--panel:#1a1511f0;--panel2:#261f19f5;--ink:#efe6d4;--muted:#b3a58c;--accent:#d9a441;--line:#5b4a34;--danger:#e07a5f;--good:#7fc47f;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font:calc(15px * var(--ui-scale)) / 1.35 Georgia, "Iowan Old Style", "Palatino Linotype", serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}@media (max-height:460px){html,body{font-size:calc(13px * var(--ui-scale))}.portrait{width:10em;min-height:34px;padding:.1em .3em}.portrait .face{width:24px;height:24px}#partybar{top:calc(44px + var(--safe-t));gap:.2em}}#stage{touch-action:none;position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}.hidden{display:none!important}body.busy #actionbar button,body.busy #talk button{opacity:.6}button,.button{border:1px solid var(--line);min-width:40px;min-height:40px;color:var(--ink);font:inherit;cursor:pointer;background:#2b231b;border-radius:6px;justify-content:center;align-items:center;gap:.35em;padding:.4em .8em;display:inline-flex}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,.button:focus-within,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);color:#1b140c;border-color:var(--accent);font-weight:700}button.ghost{background:0 0}button.small{min-height:32px;padding:.2em .6em;font-size:.9em}button[aria-pressed=true],button.on{border-color:var(--accent);background:#4a3a22}input,select{font:inherit;border:1px solid var(--line);color:var(--ink);background:#0f0c0a;border-radius:4px;min-height:38px;padding:.35em}input[type=range]{width:100%;min-height:0;accent-color:var(--accent)}input[type=checkbox]{width:1.2em;height:1.2em;min-height:0;accent-color:var(--accent)}label{margin:.4em 0;display:block}label.check{align-items:center;gap:.5em;display:flex}.row{justify-content:space-between;align-items:center;gap:.5em;margin:.4em 0;display:flex}.row.wrap{flex-wrap:wrap;justify-content:flex-start}.hint{color:var(--muted);font-size:.88em}.small{font-size:.88em}.bad{color:var(--danger)}.good{color:var(--good)}.big{font-size:1.15em;font-weight:700}.badge{border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:.15em .5em;font-size:.8em}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 40px #000a}.screen{z-index:10;top:calc(10px + var(--safe-t));bottom:calc(10px + var(--safe-b));width:min(620px, calc(100vw - 20px - var(--safe-l) - var(--safe-r)));padding:.8em 1.2em;position:fixed;left:50%;overflow-y:auto;transform:translate(-50%)}#creation{width:min(980px, calc(100vw - 20px - var(--safe-l) - var(--safe-r)))}#menu h1{font-variant:small-caps;letter-spacing:.04em;color:var(--accent);margin:.1em 0 0}.sub{color:var(--muted);margin:0}.campaign{border-bottom:1px solid var(--line);align-items:center;gap:.5em;padding:.45em 0;display:flex}.campaign .info{flex:1;min-width:0}.campaign .info small{color:var(--muted);display:block}#menu-msg{color:var(--danger);min-height:1.2em}.cr-head{justify-content:space-between;align-items:center;gap:.5em;display:flex}.cr-head h2{color:var(--accent);margin:0}.cr-body{grid-template-columns:minmax(180px,1fr) 3fr;gap:1em;display:grid}@media (max-width:700px){.cr-body{grid-template-columns:1fr}}.slots{flex-direction:column;gap:.35em;display:flex}.slot{text-align:left;flex-wrap:wrap;justify-content:flex-start}.slot small{color:var(--muted);width:100%;padding-left:1.6em}.slot.on{border-color:var(--accent);background:#3a2e1c}.swatch{border:1px solid #000;border-radius:50%;width:1em;height:1em;display:inline-block}.choices{flex-wrap:wrap;gap:.4em;display:flex}.choices.col{flex-direction:column}.choice{text-align:left;flex-direction:column;flex:8em;align-items:flex-start}.choice small{color:var(--muted);font-size:.8em}.choice.on{border-color:var(--accent);background:#3a2e1c}.desc{color:var(--muted);margin:.3em 0;font-style:italic}.stats,.statline{grid-template-columns:repeat(6,1fr);gap:.3em;display:grid}.stat{flex-direction:column;min-height:56px;padding:.2em}.stat.ro{border:1px solid var(--line);border-radius:6px;align-items:center;display:flex}.stat small{color:var(--muted);font-size:.75em}.stat strong{font-size:1.2em}.stat.key{border-color:#8a6a2a}.stat.on{background:var(--accent);color:#1b140c}.colours{flex-wrap:wrap;gap:.3em;display:flex}.swatch-btn{border:2px solid #000;border-radius:50%;width:30px;min-width:30px;height:30px;min-height:30px;padding:0}.swatch-btn.on{border-color:var(--ink);outline:2px solid var(--accent)}.spell{flex:14em}#hud>*{z-index:5;position:fixed}#topbar{padding:calc(4px + var(--safe-t)) calc(6px + var(--safe-r)) 4px calc(6px + var(--safe-l));pointer-events:none;background:linear-gradient(#000b,#0000);justify-content:space-between;align-items:flex-start;gap:.5em;display:flex;top:0;left:0;right:0}#topbar>*{pointer-events:auto}.where{text-shadow:0 1px 3px #000;flex-direction:column;padding-left:.2em;display:flex}.where span{color:var(--muted);font-size:.82em}.tools{align-items:center;gap:.3em;display:flex}.tools button{min-width:38px;min-height:38px;padding:.2em .5em}#initiative{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25em;max-width:55vw;display:flex}.chip{border:1px solid var(--line);background:#2b231bdd;border-radius:999px;padding:.15em .45em;font-size:.78em}.chip.foe{border-color:#8a3a2a}.chip.on{background:var(--accent);color:#1b140c;font-weight:700}.chip.down{opacity:.4;text-decoration:line-through}.round{color:var(--muted);font-size:.78em}#partybar{top:calc(52px + var(--safe-t));left:calc(6px + var(--safe-l));flex-direction:column;gap:.3em;display:flex}.portrait{text-align:left;background:#1f1813dd;justify-content:flex-start;width:11.5em;min-height:42px;padding:.2em .4em}.portrait.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.portrait.down{opacity:.6}.face{color:#fff;text-shadow:0 1px 2px #000;border:2px solid #000;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.pinfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pname{white-space:nowrap;text-overflow:ellipsis;font-size:.85em;overflow:hidden}.lvl{color:var(--accent)}.hpbar{background:#000;border-radius:3px;height:12px;position:relative;overflow:hidden}.hpfill{background:#4f9f4f;position:absolute;top:0;bottom:0;left:0}.hptext{text-align:center;color:#fff;font-family:ui-monospace,monospace;font-size:9px;line-height:12px;position:absolute;inset:0}.conds{gap:2px;font-size:.75em;display:flex}.cond{background:#2a4a2a;border-radius:3px;padding:0 3px}.cond.bad{background:#5a2a22}#log{left:calc(13em + var(--safe-l));bottom:calc(60px + var(--safe-b));pointer-events:none;text-shadow:0 1px 2px #000,0 0 6px #000;width:min(420px,100vw - 30em);font-size:.85em}#log p{margin:.1em 0}#log .QUEST_CHANGE,.fulllog .QUEST_CHANGE{color:var(--accent)}#log .ERROR{color:var(--danger)}#log .COMBAT_EVENT{color:var(--muted);font-size:.9em}#actionbar{padding:4px calc(6px + var(--safe-r)) calc(4px + var(--safe-b)) calc(6px + var(--safe-l));background:linear-gradient(#0000,#000c);flex-wrap:nowrap;justify-content:center;align-items:center;gap:.35em;display:flex;bottom:0;left:0;right:0;overflow-x:auto}.tool{white-space:nowrap;font-size:.88em}.economy{flex-direction:column;gap:1px;min-width:5.5em;font-size:.72em;display:flex}.economy .used{opacity:.35;text-decoration:line-through}.abs{gap:.25em;max-width:calc(100vw - 16em);display:flex;overflow-x:auto}.ab{flex-direction:column;gap:0;min-width:52px;padding:.15em .3em;font-size:.75em;line-height:1.1;position:relative}.ab .ic{font-size:1.5em}.ab .nm{white-space:nowrap;text-overflow:ellipsis;max-width:6.5em;overflow:hidden}.ab .ct{color:var(--accent);font-size:.9em;position:absolute;top:1px;right:3px}.ab .cost{color:var(--muted);font-size:.8em;position:absolute;top:1px;left:3px}.ab.no{opacity:.4}.ab.on{background:var(--accent);color:#1b140c}.endturn{white-space:nowrap}.waiting{color:var(--muted);padding:.6em;font-style:italic}#card{right:calc(6px + var(--safe-r));top:calc(48px + var(--safe-t));width:min(250px,38vw);max-height:calc(100% - 120px - var(--safe-t) - var(--safe-b));padding:.4em .6em;font-size:.92em;overflow-y:auto}#card p{margin:.2em 0}#card .go{width:100%;margin-top:.3em}#talk{left:50%;bottom:calc(6px + var(--safe-b));width:min(720px,100vw - 16px);max-height:calc(100% - 70px - var(--safe-t));z-index:7;padding:.6em .9em;overflow-y:auto;transform:translate(-50%)}.talk-head{color:var(--accent);align-items:center;gap:.5em;display:flex}.said{font-size:1.05em;line-height:1.45}.check{margin:.2em 0;font-size:.85em}.check.good{color:var(--good)}.check.bad{color:var(--danger)}.options{flex-direction:column;gap:.3em;margin:0;padding:0;list-style:none;display:flex}.options button{text-align:left;justify-content:flex-start;width:100%}.options .n{color:var(--accent);min-width:1.2em;font-weight:700}#modals{z-index:30;position:fixed}.modal-wrap{padding:calc(8px + var(--safe-t)) calc(8px + var(--safe-r)) calc(8px + var(--safe-b)) calc(8px + var(--safe-l));background:#0008;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:min(560px,100%);max-height:100%;padding:.6em 1em 1em;overflow-y:auto}.modal.wide{width:min(900px,100%)}.modal-head{background:var(--panel2);justify-content:space-between;align-items:center;margin:-.6em -1em .4em;padding:.4em 1em;display:flex;position:sticky;top:-.6em}.modal-head h2{color:var(--accent);margin:0;font-size:1.2em}.tabs{flex-wrap:wrap;gap:.3em;margin-bottom:.5em;display:flex}.tab.on{border-color:var(--accent);background:#3a2e1c}.sheet-cols{grid-template-columns:1.2fr 1fr;gap:1em;display:grid}@media (max-width:640px){.sheet-cols{grid-template-columns:1fr}}.facts{font-size:.9em}.equip{flex-direction:column;gap:.25em;margin:.5em 0;display:flex}.slotrow{grid-template-columns:5.5em 1fr auto;align-items:center;gap:.4em;display:grid}.slotrow small{color:var(--muted)}.items{flex-direction:column;gap:.2em;margin:.3em 0;padding:0;list-style:none;display:flex}.item{justify-content:flex-start;width:100%;min-height:34px}.shoprow{gap:.3em;display:flex}.itemdetail{border:1px solid var(--line);background:#1a1411;border-radius:8px;margin-top:.5em;padding:.5em}.lore{color:var(--muted);font-style:italic}.journal .quest h3 small{color:var(--muted);font-size:.75em;font-weight:400}.journal .quest.done h3{color:var(--good)}.journal .quest.failed h3{color:var(--danger)}.journal ul{padding-left:1.1em}.journal li{margin:.3em 0}.textcard p{white-space:pre-line;font-size:1.05em;line-height:1.5}.fulllog p{margin:.2em 0;font-size:.9em}#toasts{z-index:25;top:calc(50px + var(--safe-t));pointer-events:none;flex-direction:column;align-items:center;gap:.3em;width:min(520px,90vw);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast-msg{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:.35em .8em;font-size:.9em;transition:opacity .4s;box-shadow:0 4px 16px #0008}.toast-msg.good{border-color:#4f8f4f}.toast-msg.bad{border-color:var(--danger)}.toast-msg.quest{border-color:var(--accent)}.toast-msg .sym{color:var(--accent)}.toast-msg.out{opacity:0}.toast{z-index:40;left:50%;bottom:calc(70px + var(--safe-b));background:var(--panel);border:1px solid var(--accent);border-radius:8px;align-items:center;gap:.6em;padding:.4em .8em;display:flex;position:fixed;transform:translate(-50%)}#dev{z-index:20;top:calc(50px + var(--safe-t));right:calc(6px + var(--safe-r));width:min(440px,100vw - 12px);max-height:calc(100% - 110px - var(--safe-t) - var(--safe-b));padding:.5em .8em;position:fixed;overflow-y:auto}#dev button,#dev select,#dev input{min-height:34px;font-size:.8em}#dev-out{white-space:pre-wrap;word-break:break-all;-webkit-user-select:text;user-select:text;margin:0;font:11px/1.35 ui-monospace,Menlo,Consolas,monospace}details summary{cursor:pointer;padding:.3em 0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}