:root{--ink: #10141f;--ink-soft: #1d2536;--stage: #05070d;--panel-top: #2f7fd4;--panel-bottom: #1a4f92;--text: #ffffff;--muted: #cfe3ff;--btn-top: #ffffff;--btn-bottom: #cddcef;--btn-text: #16263c;--on-top: #ffcf54;--on-bottom: #f08a1b;--go-top: #8fe44a;--go-bottom: #3fa023;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--stage);color:var(--text);font:700 13px/1.45 Trebuchet MS,Segoe UI,Verdana,ui-sans-serif,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}#root,.shell{position:fixed;inset:0;display:flex;flex-direction:column}.stage{position:absolute;inset:0;overflow:hidden}.stage-gl,.stage-overlay{position:absolute;inset:0;display:block}.stage-overlay{pointer-events:none}.chrome{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;padding:16px;gap:12px;transition:opacity .14s ease}.chrome.hidden{opacity:0;pointer-events:none}.chrome>*{pointer-events:auto}.projector .chrome,.projector-body .chrome{display:none}.projector-body{cursor:none}.panel{position:relative;background:linear-gradient(180deg,var(--panel-top) 0%,var(--panel-bottom) 100%);border:3px solid var(--ink);border-radius:14px;padding:12px 14px;box-shadow:inset 0 2px #ffffff73,inset 0 -3px #00000040,0 6px #00000073,0 14px 30px #00000080}.panel:before{content:"";position:absolute;inset:3px 3px auto;height:42%;border-radius:10px 10px 20px 20px/10px 10px 12px 12px;background:linear-gradient(180deg,#ffffff57,#fff0);pointer-events:none}.panel.centred{margin:auto;max-width:640px;padding:26px 28px}.dock{display:flex;flex-direction:column;gap:9px}.dock-row{position:relative;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.dock-row.subtle{gap:14px}.spacer{flex:1}.kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#ffd96b;text-shadow:0 2px 0 rgba(0,0,0,.5)}.display{margin:0 0 12px;font-size:46px;line-height:1;letter-spacing:-.01em;font-weight:800;color:#fff;text-shadow:0 3px 0 #0d2a52,0 6px 0 rgba(0,0,0,.35),0 10px 20px rgba(0,0,0,.5)}.lede{margin:0 0 18px;color:var(--muted);font-size:14px;font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,.4)}.hint{margin:0;font-size:12px;font-weight:600;color:var(--muted);max-width:64ch;text-shadow:0 1px 0 rgba(0,0,0,.4)}.fineprint{color:var(--muted);font-size:11.5px;font-weight:600;margin:14px 0 0;opacity:.85}.row{display:flex;gap:10px;flex-wrap:wrap}.btn{appearance:none;position:relative;border:2px solid var(--ink);border-radius:9px;background:linear-gradient(180deg,var(--btn-top) 0%,var(--btn-bottom) 100%);color:var(--btn-text);padding:7px 12px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.7);box-shadow:inset 0 1px #ffffffe6,0 3px #00000073;transition:transform 70ms ease,box-shadow 70ms ease,filter .11s ease}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(3px);box-shadow:inset 0 1px #fff9,0 0 #00000073}.btn.on{background:linear-gradient(180deg,var(--on-top) 0%,var(--on-bottom) 100%);color:#3a1f02;text-shadow:0 1px 0 rgba(255,255,255,.45)}.btn.accent{background:linear-gradient(180deg,var(--go-top) 0%,var(--go-bottom) 100%);color:#102a06;text-shadow:0 1px 0 rgba(255,255,255,.4)}.btn.big{padding:12px 22px;font-size:16px;border-radius:12px;border-width:3px;box-shadow:inset 0 2px #ffffffe6,0 5px #00000073}.btn.big:active{transform:translateY(5px);box-shadow:inset 0 2px #fff9,0 0 #00000073}.btn.ghost{background:linear-gradient(180deg,#7fb2e8,#4d84c4);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.45)}.btn.disabled{opacity:.45;pointer-events:none;filter:saturate(.5)}.switch{display:inline-flex;gap:3px;padding:3px;border-radius:11px;background:#00000052;border:2px solid var(--ink);box-shadow:inset 0 2px 4px #00000073}.switch .btn{box-shadow:inset 0 1px #ffffffb3;border-width:2px;padding:6px 11px}.switch .btn:active{transform:translateY(1px)}.lens{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;color:var(--muted)}.lens .fineprint{margin:0}.slider{width:140px;accent-color:#ffb020}.hud{display:inline-flex;gap:10px;align-items:center;font-variant-numeric:tabular-nums;color:var(--muted);font-size:12.5px}.hud strong{color:#fff;font-size:14px}.fatal{margin:auto;max-width:460px;padding:24px;text-align:center;color:var(--muted)}.pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin-bottom:18px}.pick-card{position:relative;text-align:left;display:flex;flex-direction:column;gap:5px;padding:14px;border-radius:12px;cursor:pointer;border:3px solid var(--ink);background:linear-gradient(180deg,#fff,#d7e6f7);color:#16263c;font:inherit;box-shadow:inset 0 2px #fffffff2,0 5px #00000073;transition:transform 90ms ease,box-shadow 90ms ease,filter .12s ease}.pick-card:hover{transform:translateY(-3px);filter:brightness(1.05);box-shadow:inset 0 2px #fffffff2,0 8px #00000073}.pick-card:active{transform:translateY(2px);box-shadow:inset 0 2px #fffc,0 1px #00000073}.pick-card .kicker{color:#e2711b;text-shadow:none;margin-bottom:2px}.pick-card strong{font-size:19px;font-weight:800;color:#12335e}.pick-card span:last-child{color:#3d566f;font-size:12px;font-weight:600}@media(max-width:720px){.display{font-size:32px}.panel.centred{padding:18px}.chrome{padding:9px}}