:root{--ink: #0c0c1e;--panel: rgba(12, 12, 30, .93);--panel-solid: #0f0f24;--line: rgba(214, 208, 240, .16);--bone: #f0e9dc;--muted: #a9a3c9;--ochre: #dca94a;--indigo: #5a58bd;--unit: clamp(52px, 15.5vw, 64px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#14132e}body{color:var(--bone);font:15px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#f0e9dc12;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:600;letter-spacing:.04em;transition:background .12s ease,border-color .12s ease,transform .12s ease}button:hover{background:#f0e9dc24}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--ochre);outline-offset:2px}button.primary{background:var(--ochre);color:#14132e;border-color:#e8c274}button.primary:hover{background:#ecbb63}button[aria-pressed=true]{background:#dca94a38;border-color:#dca94a99}[hidden]{display:none!important}#app{position:fixed;inset:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:6px;padding:8px max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom))}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}#vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(125% 92% at 50% 44%,#0000 38%,#060614a8)}#slot{z-index:2;pointer-events:none;min-height:40px}#topbar,#hud,#status,#deck{position:relative;z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0}#topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px}.brand{display:flex;align-items:center;gap:9px;min-width:0}.brand i{width:20px;height:20px;flex:none;border-radius:5px;background:linear-gradient(135deg,var(--bone) 0 50%,transparent 50% 100%),linear-gradient(315deg,var(--ochre) 0 50%,transparent 50% 100%),var(--indigo)}.brand span{font-weight:700;letter-spacing:.14em;font-size:12px;white-space:nowrap}.brand small{display:block;font-weight:600;font-size:10px;letter-spacing:.08em;color:var(--ochre);white-space:nowrap}.tools{display:flex;gap:6px;flex:none}#hud{display:flex;align-items:center;gap:8px 12px;padding:8px 10px}.hud-name{flex:1 1 auto;min-width:0}.brief{margin:2px 0 0;font-size:12px;color:var(--muted)}.hud-meters{flex:none;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.eyebrow{margin:0;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--ochre)}#m-name{margin:1px 0 0;font-size:17px;line-height:1.15}.meter{display:flex;align-items:baseline;gap:6px;font-size:11px}.meter>span:first-child{color:var(--muted);letter-spacing:.1em;font-weight:700;font-size:10px}.meter b{font-variant-numeric:tabular-nums;font-size:15px}.bar{display:block;height:5px;min-width:44px;border-radius:3px;background:#f0e9dc24;overflow:hidden}.bar>span{display:block;height:100%;width:0;background:var(--ochre);transition:width .16s ease}#edges{flex:none;display:grid;grid-template-areas:". n ." "w core e" ". s .";grid-template-columns:auto auto auto;gap:3px;align-items:center;justify-items:center}.edge{display:grid;grid-template-rows:auto auto auto;justify-items:center;gap:2px;padding:4px 6px;min-width:42px;font-size:10px;border-radius:8px}.edge b{font-size:12px;letter-spacing:.08em;color:var(--ochre)}.edge em{font-style:normal;font-variant-numeric:tabular-nums;font-size:10px;color:var(--muted)}.edge .bar{min-width:36px;height:4px}.edge.lit{border-color:#dca94acc;background:#dca94a2e}.edge.shut{background:#f0e9dceb;border-color:#f0e9dc}.edge.shut b,.edge.shut em{color:#14132e}.edge.shut .bar>span{background:#14132e}#edge-north{grid-area:n}#edge-west{grid-area:w}#edge-east{grid-area:e}#edge-south{grid-area:s}.core{grid-area:core;display:grid;justify-items:center;padding:0 3px}.core b{font-size:19px;line-height:1;font-variant-numeric:tabular-nums}.core span{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:700}#status{margin:0;padding:7px 12px;font-size:12.5px;text-align:center}#deck{display:grid;gap:7px;padding:8px}#tray{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.kind{--motif: var(--bone);position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:var(--unit);min-height:60px;padding:8px 3px 5px;border-radius:10px}.kind .glyph{width:28px;height:28px;display:grid;gap:1px}.kind .glyph i{border-radius:2px;background:#f0e9dc12}.kind .glyph i.on{background:var(--motif)}.kind .meta{display:flex;align-items:baseline;justify-content:center;gap:3px;white-space:nowrap}.kind .tag{font-size:9px;font-weight:700;color:var(--muted);white-space:nowrap}.kind .cost{font-size:9.5px;font-weight:700;font-variant-numeric:tabular-nums}.kind .left{position:absolute;top:2px;right:3px;min-width:15px;padding:0 3px;border-radius:999px;background:#f0e9dc2e;font-size:10px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.kind.on{background:var(--ochre);color:#14132e;border-color:#e8c274}.kind.on .glyph i{background:#14132e33}.kind.on .glyph i.on{background:#14132e}.kind.on .tag,.kind.on .cost{color:#14132e}.kind.on .left{background:#14132e47;color:#14132e}.kind.empty{opacity:.42}.acts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.acts button{min-height:42px;font-size:12px;letter-spacing:.06em;padding:8px 4px}.screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#080816e6;overflow:auto}.card{width:min(560px,100%);background:var(--panel-solid);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 24px 60px #0000008c}.card h1{margin:4px 0 8px;font-size:clamp(30px,8vw,42px);letter-spacing:.06em}.card h2{margin:3px 0 8px;font-size:clamp(21px,5.5vw,28px)}.lede{margin:0 0 12px;font-size:14px}.foot{margin:10px 0 0;font-size:12px;color:var(--muted)}.notes{margin:0 0 14px;padding-left:18px;display:grid;gap:6px;font-size:13px;color:var(--muted)}.notes b{color:var(--ochre);font-weight:700}.keys{margin:0 0 14px;font-size:12px;color:var(--muted)}.keys b{color:var(--ochre)}.row{display:flex;flex-wrap:wrap;gap:8px}.row button{min-height:44px}.opts{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.opt{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)}.opt input{width:17px;height:17px;accent-color:var(--ochre)}body[data-phase=title] #topbar,body[data-phase=title] #hud,body[data-phase=title] #status,body[data-phase=title] #deck,body[data-phase=pause] #hud,body[data-phase=pause] #status,body[data-phase=pause] #deck,body[data-phase=help] #hud,body[data-phase=help] #status,body[data-phase=help] #deck,body[data-phase=clear] #hud,body[data-phase=clear] #status,body[data-phase=clear] #deck{display:none}@media(max-width:620px){.brand span{font-size:11px;letter-spacing:.1em}.brand i{width:17px;height:17px}#topbar{padding:6px 8px}#topbar button{padding:7px 9px;font-size:12px}#hud{flex-wrap:wrap;gap:6px 10px}.hud-name{flex:1 1 40%}#m-name{font-size:16px}.brief{font-size:11.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hud-meters{flex:0 0 auto;flex-direction:row;align-items:center;gap:10px}.meter{gap:5px}.meter b{font-size:14px}.bar{min-width:36px}#edges{order:3;flex:1 1 100%;grid-template-areas:"n w core e s";grid-template-columns:repeat(5,auto);justify-content:space-between;gap:4px}.edge{min-width:40px;padding:4px 5px}.core b{font-size:17px}.acts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){#hud{padding:10px 14px}.brief{font-size:13px}.kind{width:74px;min-height:62px}.kind .glyph{width:30px;height:30px}#deck{grid-template-columns:minmax(0,1fr) auto;align-items:center}#tray{justify-content:flex-start}.acts{grid-template-columns:repeat(6,minmax(0,82px))}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}