:root{color-scheme:dark;--ink: #f3ece0;--muted: #9a8b76;--sodium: #ffb14a;--wire: #e6eef2;--danger: #ff5c48;--good: #86e2ac;--panel: rgba(10, 9, 7, .82);--panel-solid: #0c0b09;--line: rgba(255, 177, 74, .24);--line-soft: rgba(230, 238, 242, .12);--mono: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;--step: 4px;--ease: cubic-bezier(.22, 1, .36, 1);background:#0a0907;color:var(--ink);font-family:var(--mono);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0a0907}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible{outline:2px solid var(--sodium);outline-offset:2px}#app{position:relative;isolation:isolate}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 76% 62% at 50% 46%,transparent 42%,rgba(6,5,4,.72) 100%)}.eyebrow{margin:0;font-size:8px;letter-spacing:.22em;color:var(--sodium);text-transform:uppercase}.hud{position:absolute;z-index:3;top:0;left:0;right:0;height:62px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;padding:0 20px;background:linear-gradient(180deg,rgba(8,7,6,.94) 0%,rgba(8,7,6,.55) 70%,transparent 100%);pointer-events:none}.hud>div{display:flex;align-items:center;gap:10px;min-width:0}.hud span{font-size:8px;letter-spacing:.2em;color:var(--muted);white-space:nowrap}.hud strong{font-size:11px;letter-spacing:.1em;font-weight:500;white-space:nowrap}.hud strong b{color:var(--wire);font-weight:600}.rule{flex:0 1 190px;height:3px}.rule>span{display:flex;gap:2px;width:100%;height:100%}.rule i{flex:1;height:3px;background:#e6eef224}.rule i.live{background:var(--wire);box-shadow:0 0 6px #e6eef273}.rule i.half{background:linear-gradient(90deg,var(--wire) 50%,rgba(230,238,242,.14) 50%)}.phase-block{flex-direction:column;gap:2px;align-items:center}.phase-block strong{font-size:13px;letter-spacing:.24em;color:var(--ink)}.dawn-block{justify-content:flex-end}.horizon{flex:0 1 190px;height:3px;background:#ffb14a29;position:relative;overflow:hidden}.horizon b{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,rgba(255,177,74,.5),var(--sodium))}.tape{position:absolute;z-index:3;left:20px;bottom:76px;width:232px;padding:10px 12px 11px;background:var(--panel);border-left:2px solid var(--line);backdrop-filter:blur(3px);pointer-events:none}.tape-list{margin:8px 0 9px;min-height:62px}.tape-row{display:grid;grid-template-columns:7px minmax(0,1fr);gap:7px;align-items:baseline;padding:2px 0;font-size:9px;letter-spacing:.08em;color:var(--muted);animation:tape-in .4s var(--ease)}.tape-row i{width:5px;height:5px;margin-top:5px;background:currentColor}.tape-row b{color:var(--ink);font-weight:500}.tape-row.live{color:var(--sodium)}.tape-row.ghost{color:#6d7f86}@keyframes tape-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.tally{display:flex;flex-wrap:wrap;gap:3px 6px;align-items:baseline;padding-top:8px;border-top:1px solid var(--line-soft);font-size:8px;letter-spacing:.12em;color:var(--muted)}.tally b{color:var(--ink);font-weight:500}.tally .sep{margin-left:6px}.board{position:absolute;z-index:3;right:20px;top:50%;transform:translateY(-50%) translate(14px);width:214px;padding:12px;background:var(--panel);border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .24s var(--ease),transform .24s var(--ease)}.board.near{opacity:1;transform:translateY(-50%)}.board.ready{border-color:#86e2ac99}.board.ready .eyebrow{color:var(--good)}.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:10px 0 12px}.slot{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line-soft);font-size:9px;color:#9a8b7699;position:relative}.slot.asked{border-color:var(--sodium);color:var(--sodium)}.slot.done{border-color:var(--good);color:var(--good);background:#86e2ac1f}.slot.asked:after{content:"";position:absolute;inset:-1px;border:1px solid var(--sodium);animation:slot-pulse 1.1s ease-in-out infinite}@keyframes slot-pulse{0%,to{opacity:.85}50%{opacity:.15}}.wings{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.wing-key{display:grid;gap:3px;place-items:center;padding:7px 0 6px;border:1px solid var(--line-soft);color:var(--muted);transition:border-color .18s var(--ease),color .18s var(--ease),background .18s var(--ease)}.wing-key kbd{font-size:7px;color:#9a8b7699}.wing-key b{font-size:12px;font-weight:600;color:var(--ink)}.wing-key i{font-size:6px;letter-spacing:.1em;font-style:normal}.board.ready .wing-key{border-color:var(--line)}.wing-key.occupied{border-color:var(--good);background:#86e2ac24}.wing-key.occupied i{color:var(--good)}.wing-key.clear{border-color:var(--line-soft)}.wing-key.clear i{color:#6d7f86}.wing-key:hover{background:#ffb14a1f;border-color:var(--sodium)}.board-hint{margin:10px 0 0;font-size:8px;letter-spacing:.16em;color:var(--muted);text-align:center}.board.ready .board-hint{color:var(--good)}.verbs{position:absolute;z-index:3;right:20px;bottom:76px;display:flex;gap:6px}.verbs button{width:62px;padding:8px 4px 7px;display:grid;gap:2px;justify-items:center;background:var(--panel);border:1px solid var(--line-soft);color:var(--muted);transition:border-color .16s var(--ease),color .16s var(--ease),background .16s var(--ease)}.verbs button kbd{font-size:7px;color:#9a8b7699}.verbs button span{font-size:11px;letter-spacing:.14em;color:var(--ink)}.verbs button small{font-size:6px;letter-spacing:.1em}.verbs button:hover:not(:disabled){border-color:var(--sodium);background:#ffb14a1a}.verbs button:disabled{opacity:.34;cursor:not-allowed}.verbs button.held{border-color:var(--sodium);background:#ffb14a33;color:var(--sodium)}.verbs button.held span{color:var(--sodium)}.notice{position:absolute;z-index:3;left:50%;bottom:92px;transform:translate(-50%);max-width:min(520px,calc(100vw - 40px));padding:8px 18px;text-align:center;background:var(--panel);border-bottom:1px solid var(--line);pointer-events:none;transition:opacity .3s var(--ease)}.notice span{display:block;font-size:8px;letter-spacing:.24em;color:var(--sodium)}.notice strong{display:block;margin-top:3px;font-size:12px;letter-spacing:.04em;font-weight:500}.notice.fade{opacity:0}.notice.alarm span{color:var(--danger)}.legend{position:absolute;z-index:3;left:20px;bottom:22px;display:flex;flex-wrap:wrap;gap:4px 16px;max-width:300px;font-size:7px;letter-spacing:.14em;color:var(--muted);pointer-events:none}.legend kbd{color:var(--ink)}.utility{position:absolute;z-index:4;right:20px;bottom:22px;display:flex;gap:6px}.utility button{padding:6px 10px;font-size:8px;letter-spacing:.16em;color:var(--muted);border:1px solid var(--line-soft);background:var(--panel)}.utility button:hover{color:var(--sodium);border-color:var(--line)}.modal{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:24px;background:#06050480;opacity:0;pointer-events:none;transition:opacity .32s var(--ease)}.modal.visible{opacity:1;pointer-events:auto}.modal-card{width:min(430px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:26px 26px 22px;background:var(--panel-solid);border:1px solid var(--line);border-left:3px solid var(--sodium)}.modal-card h1{margin:12px 0 14px;font-size:46px;line-height:.94;letter-spacing:.04em;font-weight:700}.modal-card h1 span{color:var(--sodium)}.modal-card>p:not(.eyebrow):not(.modal-foot){margin:0 0 18px;font-size:11px;line-height:1.68;color:var(--muted)}.briefing{display:flex;gap:4px;margin-bottom:16px}.briefing span{flex:1;padding:8px 6px;border:1px solid var(--line-soft);font-size:8px;letter-spacing:.14em;color:var(--muted);text-align:center}.briefing b{display:block;margin-bottom:3px;color:var(--sodium);font-size:10px}.modal-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:0 0 16px}.modal-stats:empty{display:none}.modal-stats div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line-soft);font-size:9px;letter-spacing:.1em;color:var(--muted)}.modal-stats div b{color:var(--ink);font-weight:500}.seed-line{margin-bottom:16px;font-size:8px;letter-spacing:.18em;color:var(--muted)}.seed-line b{color:var(--sodium)}.board-close{width:100%;margin-top:10px;padding:7px 4px 6px;border:1px solid var(--line-soft);color:var(--muted);font-size:8px;letter-spacing:.14em;transition:border-color .18s var(--ease),color .18s var(--ease)}.board-close kbd{margin-right:6px;color:#9a8b7699}.board-close:hover:not(:disabled){border-color:var(--sodium);color:var(--sodium)}.board-close:disabled{opacity:.3;cursor:not-allowed}.primary{width:100%;min-height:48px;background:var(--sodium);color:#1a1206;font-size:12px;letter-spacing:.2em;font-weight:700;transition:background .16s var(--ease)}.primary:hover{background:#ffc978}.modal-foot{margin:12px 0 0;font-size:7px;letter-spacing:.14em;color:#9a8b76a8}@media(pointer:coarse),(max-width:820px){.hud{height:54px;padding:0 12px;gap:10px}.phase-block strong{font-size:10px;letter-spacing:.14em}.rule,.horizon{flex-basis:90px}.hud span{font-size:7px}.tape{left:12px;right:12px;bottom:146px;width:auto;padding:8px 10px 9px}.tape-list{min-height:0;max-height:78px;overflow:hidden;margin:6px 0 7px}.board{inset:auto 12px 286px;width:auto;transform:translateY(10px)}.board.near{transform:none}.verbs{right:12px;left:12px;bottom:78px;gap:5px}.verbs button{flex:1;width:auto;min-height:54px;padding:8px 2px}.verbs button span{font-size:11px}.notice{top:62px;bottom:auto;padding:6px 12px}.notice strong{font-size:11px}.legend{display:none}.utility{right:12px;bottom:20px}.utility button{padding:8px 10px}.modal{padding:14px}.modal-card{padding:22px 20px 18px}.modal-card h1{font-size:40px}.modal-card>p:not(.eyebrow):not(.modal-foot){font-size:11px;line-height:1.6}.wings{gap:4px}.wing-key{padding:9px 0 8px}}@media(max-height:620px){.tape{display:none}.board{bottom:150px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.tape-row{animation:none}}