:root{--ink: #0a120e;--panel: rgba(10, 19, 14, .9);--panel-solid: #0d1812;--edge: rgba(226, 232, 214, .16);--edge-hot: rgba(240, 173, 58, .55);--cream: #f2ecdc;--dim: #a9b6a0;--honey: #f0ad3a;--honey-soft: #ffd98a;--verdant: #8fd08a;--danger: #ff7a52;--ui: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--display: ui-serif, Georgia, "Iowan Old Style", "Times New Roman", serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--cream);font-family:var(--ui);-webkit-text-size-adjust:100%}#app{position:fixed;inset:0;overflow:hidden}#stage{position:absolute;inset:0;width:100%;height:100%;display:block}#grain{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(120% 90% at 50% 44%,#0000 38%,#0000009e),linear-gradient(180deg,#060c088c,#0000 22% 62%,#060c08ad)}.panel{position:absolute;z-index:6;background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:13px 15px;box-shadow:0 18px 44px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}h2{margin:0 0 9px;font:700 10px/1 var(--ui);letter-spacing:.18em;color:var(--honey)}#hud{position:absolute;z-index:7;top:14px;left:14px;right:14px;display:flex;align-items:center;gap:20px;padding:9px 16px;background:var(--panel);border:1px solid var(--edge);border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 14px 36px #00000073}.brand{display:flex;flex-direction:column;gap:3px;min-width:128px}.brand b{font:700 15px/1 var(--display);letter-spacing:.1em;color:var(--cream)}.brand span{font:600 9px/1 var(--mono);letter-spacing:.16em;color:var(--honey)}.meters{display:flex;gap:18px;flex:1 1 auto;min-width:0}.meter{display:grid;grid-template-columns:52px minmax(40px,1fr) 34px;align-items:center;gap:8px;flex:1 1 0;min-width:0}.meter-name{font:600 8px/1 var(--ui);letter-spacing:.14em;color:var(--dim)}.meter-bar{display:block;height:7px;border-radius:4px;background:#ffffff17;overflow:hidden}.meter-bar>i{display:block;height:100%;width:0;border-radius:4px;transition:width .2s linear}.meter-val{font:700 12px/1 var(--mono);text-align:right;color:var(--cream)}#meter-stores .meter-bar>i{background:linear-gradient(90deg,#d98c1c,var(--honey-soft))}#meter-colony .meter-bar>i{background:linear-gradient(90deg,#4d9c4f,var(--verdant))}#meter-brood .meter-bar>i{background:linear-gradient(90deg,#9d8f5f,#f2ecdc)}.meter.is-low .meter-bar>i{background:linear-gradient(90deg,#a8331a,var(--danger))}.meter.is-low .meter-val{color:var(--danger)}.hud-keys{display:flex;gap:7px}.icon{pointer-events:auto;min-width:54px;min-height:30px;padding:6px 9px;border-radius:8px;border:1px solid var(--edge);background:#f2ecdc12;color:var(--cream);font:700 9px/1 var(--ui);letter-spacing:.12em;cursor:pointer}.icon:hover{background:#f0ad3a29;border-color:var(--edge-hot)}.icon[aria-pressed=true]{color:var(--honey);border-color:var(--edge-hot)}#daybar{position:absolute;z-index:6;top:74px;left:14px;right:14px;display:flex;align-items:center;gap:14px;padding:7px 16px;background:var(--panel);border:1px solid var(--edge);border-radius:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.daybar-track{display:block;flex:0 0 190px;height:6px;border-radius:4px;background:#ffffff1a;overflow:hidden}.daybar-track>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#d98c1c,var(--honey-soft))}#weather-now{font:700 11px/1 var(--ui);letter-spacing:.1em;color:var(--honey-soft)}#weather-next{font:500 11px/1 var(--ui);letter-spacing:.04em;color:var(--dim)}#rival-chip{margin-left:auto;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,122,82,.6);background:#ff7a5224;color:var(--danger);font:700 9px/1 var(--ui);letter-spacing:.12em}#ledger{top:116px;left:14px;width:258px}.pips{display:flex;gap:5px;margin-bottom:11px}.pip{flex:1 1 0;height:7px;border-radius:2px;background:#ffffff1f}.pip.is-hard{background:#78a0be52}.pip.is-done{background:var(--verdant)}.pip.is-now{background:var(--honey);box-shadow:0 0 10px #f0ad3a99}.rows{margin:0 0 12px;display:grid;gap:5px}.rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.rows dt{font:600 9px/1.2 var(--ui);letter-spacing:.13em;color:var(--dim)}.rows dd{margin:0;font:700 12px/1 var(--mono);color:var(--cream)}.rival-head{color:var(--danger)}#rival-line{margin:0 0 12px;font:500 11px/1.45 var(--ui);color:var(--cream)}.log{margin:0;padding:0;list-style:none;display:grid;gap:5px}.log li{font:500 10px/1.35 var(--ui);color:var(--dim);padding-left:9px;border-left:2px solid rgba(255,255,255,.16)}.log li[data-tone=good]{color:var(--verdant);border-left-color:var(--verdant)}.log li[data-tone=bad]{color:var(--danger);border-left-color:var(--danger)}#readout{top:116px;right:14px;width:296px}.dancer-chips{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;border:1px solid var(--edge);background:#f2ecdc0f;color:var(--dim);font:600 9px/1 var(--ui);letter-spacing:.1em;cursor:pointer}.chip b{font:700 10px/1 var(--mono);color:var(--cream)}.chip.is-active{border-color:var(--edge-hot);background:#f0ad3a29;color:var(--honey-soft)}.chip.is-active b{color:var(--honey-soft)}.dial-wrap{display:flex;gap:12px;align-items:center}.dial{width:116px;height:116px;flex:0 0 116px}.dial .wedge{fill:#8fd08a1f;stroke:#f2ecdc24;stroke-width:.6}.dial .wedge.is-sel{fill:#f2ecdc1a;stroke:#f2ecdc80;stroke-width:1}.dial .wedge.is-rival{fill:#ff7a522e}.dial .wedge.is-live{fill:#f0ad3a6b;stroke:var(--honey-soft);stroke-width:1}.dial-ring{fill:none;stroke:#f2ecdc38;stroke-width:.8}.needle-line{stroke:var(--cream);stroke-width:2.1;stroke-linecap:round}.needle-head{fill:var(--honey)}.needle-tail,.dial-hub{fill:var(--cream)}.dial-side{flex:1 1 auto;min-width:0}.dial-bearing{margin:0;font:700 22px/1 var(--mono);color:var(--honey-soft);letter-spacing:.02em}.dial-sub{margin:5px 0 9px;font:500 10px/1.3 var(--ui);letter-spacing:.06em;color:var(--dim)}.gauge{display:flex;align-items:center;gap:8px;margin-top:8px}.gauge>span:first-child{font:600 8px/1 var(--ui);letter-spacing:.14em;color:var(--dim)}.gauge-bar{display:block;flex:1 1 auto;height:6px;border-radius:4px;background:#ffffff1a;overflow:hidden}.gauge-bar>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4d9c4f,var(--verdant))}.gauge b{font:700 9px/1 var(--mono);letter-spacing:.1em;min-width:44px;text-align:right;color:var(--dim)}.gauge b.strong{color:var(--verdant)}.gauge b.weak{color:var(--danger)}.run{margin-top:12px}.run-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.run-head span{font:600 8px/1 var(--ui);letter-spacing:.14em;color:var(--dim)}.run-head b{font:700 12px/1 var(--mono);color:var(--honey-soft)}.run-track{position:relative;height:14px;border-radius:4px;background:#ffffff1a;overflow:hidden}.run-track>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#d98c1c,var(--honey-soft))}.run-tick{position:absolute;top:0;bottom:0;width:1px;background:#0a130ed9;box-shadow:0 0 0 1px #f2ecdc4d}.run-scale{display:grid;grid-template-columns:40.5fr 21.7fr 37.8fr;margin-top:4px}.run-scale span{font:600 8px/1 var(--ui);letter-spacing:.12em;text-align:center;color:var(--dim)}#dock{left:14px;right:14px;bottom:14px;padding:12px 16px 14px}.dock-head{display:flex;align-items:baseline;gap:16px;margin-bottom:10px}.dock-head h2{margin:0;flex:0 0 auto}#status{margin:0;flex:1 1 auto;min-width:0;font:500 11px/1.3 var(--ui);color:var(--cream)}.dock-body{display:flex;gap:20px;align-items:flex-end;justify-content:center}.comb-wrap{flex:1 1 auto;min-width:0;max-width:900px}.comb-head{display:grid;grid-template-columns:48px repeat(8,1fr);gap:4px;margin-bottom:4px}.head-name{font:700 9px/1 var(--mono);letter-spacing:.1em;text-align:center;color:var(--dim)}.head-name.is-marked{color:var(--honey)}.head-name.is-rival{color:var(--danger)}.comb-grid{display:grid;grid-template-columns:48px repeat(8,1fr);gap:4px}.band-label{display:flex;align-items:center;font:700 8px/1 var(--mono);letter-spacing:.14em;color:var(--dim)}.cell{--fill: 0%;position:relative;display:flex;align-items:center;justify-content:center;height:34px;padding:0;border:1px solid rgba(242,236,220,.14);border-radius:3px;background:#1c160cb3;color:var(--cream);font:700 9px/1 var(--mono);letter-spacing:.06em;cursor:pointer;clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);overflow:hidden}.cell-fill{position:absolute;left:0;right:0;bottom:0;height:var(--fill);background:#f0ad3a66;transition:height .25s ease}.cell-dot{position:absolute;left:5px;top:5px;width:4px;height:4px;border-radius:50%;background:transparent}.cell.is-known .cell-dot{background:var(--honey-soft)}.cell-tag{position:relative;z-index:1}.cell:hover,.cell.is-hover{border-color:#f2ecdc80;background:#342a16d9}.cell.is-rival{border-color:#ff7a528c;background:#3a1812b8}.cell.is-marked{border-color:var(--honey);background:#784e12d1;box-shadow:inset 0 0 14px #f0ad3a73}.cell.is-selected{outline:2px solid var(--cream);outline-offset:-1px}.cell.is-barren{color:var(--danger)}.dock-actions{flex:0 0 186px;display:grid;gap:8px}.dock-actions button{width:100%;min-height:42px}.marked-line{margin:0;font:500 10px/1.35 var(--ui);color:var(--dim)}button.primary,button.ghost{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;cursor:pointer;font:700 12px/1 var(--ui);letter-spacing:.14em;padding:12px 20px;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}button.primary{background:linear-gradient(180deg,#f5bd4b,#d88f1e);color:#1b1206;box-shadow:0 8px 20px #d88f1e47}button.primary:hover{background:linear-gradient(180deg,#ffcd63,#e8a02c)}button.primary.big{font-size:15px;padding:16px 30px}button.ghost{background:#f2ecdc14;color:var(--cream);border-color:var(--edge)}button.ghost:hover{background:#f0ad3a29;border-color:var(--edge-hot)}button.ghost.is-on{background:#8fd08a33;border-color:#8fd08a99;color:var(--verdant)}button:disabled{opacity:.42;cursor:not-allowed}button small{font:600 9px/1 var(--mono);letter-spacing:.08em;opacity:.68}:focus-visible{outline:3px solid var(--honey-soft);outline-offset:2px}button:focus{outline:none}button:focus-visible{outline:3px solid var(--honey-soft);outline-offset:2px}.screen{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:22px;overflow:auto;background:radial-gradient(94% 84% at 50% 42%,#060c084d,#040906db);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.screen[hidden]{display:none}.sheet{width:min(720px,100%);padding:34px 38px 32px;border-radius:20px;border:1px solid var(--edge);background:#09110df0;box-shadow:0 30px 80px #0009}.sheet.narrow{width:min(560px,100%)}.sheet h2{font-size:11px}.sheet>h2{margin-bottom:12px}.eyebrow{margin:0 0 10px;font:700 10px/1 var(--mono);letter-spacing:.24em;color:var(--honey)}#title-screen h1{margin:0 0 14px;font:400 clamp(42px,7vw,66px)/.94 var(--display);letter-spacing:.01em;color:var(--cream)}#title-screen h1:after{content:"";display:block;width:84px;height:3px;margin-top:14px;border-radius:2px;background:linear-gradient(90deg,var(--honey),rgba(240,173,58,0))}.lede{margin:0 0 18px;max-width:56ch;font:400 16px/1.55 var(--ui);color:var(--cream)}.brief{margin:0 0 24px;padding:0;list-style:none;display:grid;gap:7px}.brief li{font:500 13px/1.45 var(--ui);color:var(--dim);padding-left:16px;position:relative}.brief li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--honey)}.brief b{color:var(--cream)}.title-actions{display:flex;flex-wrap:wrap;gap:10px}.sheet h3{margin:18px 0 8px;font:700 10px/1 var(--ui);letter-spacing:.18em;color:var(--honey)}.sheet p{margin:0 0 14px;font:400 14px/1.55 var(--ui);color:var(--cream)}.sheet p.keys{font:500 12px/1.7 var(--mono);color:var(--dim)}.sheet p.keys b{color:var(--honey-soft)}dl.help{margin:0 0 16px;display:grid;gap:12px}dl.help>div{display:grid;grid-template-columns:78px 1fr;gap:12px}dl.help dt{font:700 9px/1.5 var(--ui);letter-spacing:.14em;color:var(--honey)}dl.help dd{margin:0;font:400 13px/1.5 var(--ui);color:var(--cream)}dl.result{margin:0 0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}dl.result>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid rgba(242,236,220,.12);padding-bottom:5px}dl.result dt{font:600 9px/1.3 var(--ui);letter-spacing:.12em;color:var(--dim)}dl.result dd{margin:0;font:700 12px/1.3 var(--mono);color:var(--honey-soft)}#result-screen .log{margin-bottom:20px}#result-screen .log li{font-size:11px}@media(max-width:860px){#ledger{display:none}#hud{top:8px;left:8px;right:8px;flex-wrap:wrap;gap:8px 10px;padding:8px 10px}.brand{min-width:0;flex-direction:row;align-items:baseline;gap:8px}.brand b{font-size:13px}.hud-keys{margin-left:auto;gap:5px}.icon{min-width:44px;min-height:28px;padding:5px 7px;font-size:8px}.meters{order:3;width:100%;gap:10px}.meter{grid-template-columns:40px minmax(16px,1fr) 26px;gap:5px}.meter-name{font-size:7px;letter-spacing:.1em}.meter-val{font-size:11px}#daybar{top:94px;left:8px;right:8px;flex-wrap:wrap;gap:5px 10px;padding:6px 10px}.daybar-track{flex:1 1 100%}#weather-now,#weather-next{font-size:10px}#readout{top:148px;left:8px;right:8px;width:auto;padding:9px 12px 11px}#readout h2{display:none}.dancer-chips{margin-bottom:8px}.chip{padding:8px 12px}.dial{width:86px;height:86px;flex:0 0 86px}.dial-bearing{font-size:19px}.run{margin-top:9px}#dock{left:8px;right:8px;bottom:8px;padding:9px 11px 11px}.dock-head{flex-direction:column;align-items:flex-start;gap:3px;margin-bottom:8px}.dock-body{flex-direction:column;align-items:stretch;gap:9px}.comb-wrap{flex:none;width:100%;max-width:none;min-width:0}.comb-head,.comb-grid{grid-template-columns:32px repeat(8,minmax(0,1fr));gap:3px}.head-name{font-size:8px;letter-spacing:.04em}.band-label{font-size:7px;letter-spacing:.08em}.cell{height:34px;min-width:0;font-size:8px}.cell-dot{left:3px;top:3px;width:3px;height:3px}.dock-actions{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dock-actions button{min-height:44px;min-width:0;padding:8px 4px;font-size:11px;letter-spacing:.06em}.dock-actions button small{display:none}.marked-line{grid-column:1 / -1;font-size:9px}.sheet{padding:24px 22px 22px}.lede{font-size:14px}.brief li{font-size:12px}dl.help>div{grid-template-columns:1fr;gap:3px}dl.result{grid-template-columns:1fr}#title-screen h1{font-size:44px}}@media(max-height:560px){.brief,#ledger{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}