@font-face{font-family:Barlow Condensed;font-weight:200;font-style:normal;font-display:swap;src:url("./fonts/barlow-condensed-latin-200-normal-OKEES5TI.woff2") format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:300;font-style:normal;font-display:swap;src:url("./fonts/barlow-condensed-latin-300-normal-SLI3XZEN.woff2") format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:400;font-style:normal;font-display:swap;src:url("./fonts/ibm-plex-mono-latin-400-normal-OMPL3LOX.woff2") format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:600;font-style:normal;font-display:swap;src:url("./fonts/ibm-plex-mono-latin-600-normal-QLZJO7ER.woff2") format("woff2")}@font-face{font-family:Quicksand;font-weight:600;font-style:normal;font-display:swap;src:url("./fonts/quicksand-latin-600-normal-R73J7VFO.woff2") format("woff2")}:root{--bench: #1a1a20;--panel: #0b0b0d;--raised: #0f0f12;--line: #1c1c24;--line2: #26262f;--dim: #3a3a46;--gray: #82828f;--ink: #e6e6ec;--white: #f2f2f4;--active: #7fd4ff;--blue: #5b7cfa;--green: #35d07f;--gold: #f2c230;--orange: #e8b04a;--red: #f44a5e;--cream: #fdfbc8;--f-data: "IBM Plex Mono", ui-monospace, monospace;--f-display: "Barlow Condensed", "Arial Narrow", sans-serif;--f-voice: "Quicksand", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bench);color:var(--ink);font:400 13px/1.5 var(--f-data);letter-spacing:.02em;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:100vh;padding:16px}.panel{width:100%;max-width:600px;background:var(--panel);border:1px solid var(--line2);border-radius:10px;padding:14px 16px}.dots{background-image:radial-gradient(var(--line2) 1px,transparent 1.2px);background-size:14px 14px}.label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray)}.kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--active)}.voice{font:600 14px/1.4 var(--f-voice);color:var(--ink)}.value{font:300 26px/1.1 var(--f-display);letter-spacing:-.01em;color:var(--white);font-variant-numeric:tabular-nums}a{color:var(--active)}.btn{font:400 13px/1 var(--f-data);letter-spacing:.12em;text-transform:uppercase;padding:11px 16px;border-radius:4px;cursor:pointer;background:transparent;color:var(--white);border:1px solid var(--line2)}.btn:hover:not(:disabled){border-color:var(--active);color:var(--active)}.btn.primary{background:var(--white);color:var(--panel);border-color:var(--white)}.btn.primary:hover:not(:disabled){background:var(--active);border-color:var(--active);color:var(--panel)}.btn:disabled{opacity:.35;cursor:default}input,select{font:400 13px var(--f-data);color:var(--white);background:var(--raised);border:1px solid var(--line2);border-radius:4px;padding:7px 9px}input:focus,select:focus{outline:none;border-color:var(--active)}.cells{display:flex;gap:2px;flex:1;min-width:60px}.cells i{flex:1;height:10px;background:var(--line2)}.cells i.on{background:var(--c, var(--gold))}.status-dot{display:inline-block;width:8px;height:8px;margin-right:8px;vertical-align:1px}body{display:block;padding:0;min-height:100vh;overflow-x:hidden}#decor{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.panel{background:#0b0b0deb;backdrop-filter:blur(2px)}.app{position:relative;z-index:1;display:grid;gap:14px;padding:16px;max-width:1480px;margin:0 auto;grid-template-columns:minmax(250px,310px) minmax(0,660px) minmax(280px,350px);grid-template-areas:"top top top" "left stage right";justify-content:center;align-items:start}.topbar{grid-area:top;display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:none;padding:10px 14px}.side{display:flex;flex-direction:column;gap:14px}.side.left{grid-area:left}.side.right{grid-area:right}.stage{grid-area:stage;padding:12px;max-width:none}.side .panel{max-width:none}@media(max-width:1180px){.app{grid-template-columns:minmax(0,660px) minmax(260px,340px);grid-template-areas:"top top" "stage right" "left right"}}@media(max-width:860px){.app{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "stage" "left" "right";padding:8px;gap:10px}.hint{display:none}}#title{height:32px;width:auto}.live{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:220px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line2);border-radius:999px;font-size:12px;color:var(--gray);white-space:nowrap}.pill b{color:var(--white);font-weight:400}.pill .cells{min-width:48px;margin-left:4px}.pill .cells i{height:6px}.seg{display:inline-flex;border:1px solid var(--line2);border-radius:999px;padding:3px;gap:2px}.seg-btn{font:600 12px/1 var(--f-data);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:transparent;color:var(--gray);border:0;border-radius:999px;padding:8px 14px}.seg-btn.on{background:var(--gold);color:var(--panel)}.icon-btn{background:transparent;border:1px solid var(--line2);color:var(--white);border-radius:999px;width:36px;height:36px;cursor:pointer;font-size:15px}.icon-btn:hover,.seg-btn:hover:not(.on){color:var(--active);border-color:var(--active)}.shift-card{border-color:var(--tier, var(--line2));box-shadow:0 0 40px -18px var(--tier, transparent)}.shift-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.tier{font:300 22px/1 var(--f-display);letter-spacing:.02em;color:var(--tier, var(--white));text-transform:uppercase}.shift-card p{margin:0 0 8px}.shift-card .voice{font-size:14px}.next{margin-top:6px;padding-top:10px;border-top:1px solid var(--line);font:300 20px/1.1 var(--f-display);color:var(--white)}.next small{display:block;font:400 11px var(--f-data);letter-spacing:.12em;text-transform:uppercase;color:var(--gray);margin-bottom:2px}.missions{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.missions li{display:grid;grid-template-columns:1fr auto;gap:4px 8px;font-size:13px;color:var(--ink)}.missions .bar{grid-column:1 / -1;height:6px;background:var(--line2);border-radius:3px;overflow:hidden}.missions .bar i{display:block;height:100%;background:var(--active);transition:width .2s}.missions .count{color:var(--gray);font-variant-numeric:tabular-nums}.missions li.done{color:var(--green)}.missions li.done .bar i{background:var(--green)}.missions li.done .count:before{content:"\2713  "}.hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;padding:2px 6px 6px}.hud>div{display:flex;flex-direction:column;gap:0}.hud-time{align-items:flex-end}.hud-mid{align-items:center}.value.big{font-size:46px;line-height:1}.hud-time.low .value{color:var(--red)}.combo{font:300 26px/1 var(--f-display);color:var(--gold);min-height:26px;text-transform:uppercase;transition:transform .12s}.combo.pulse{transform:scale(1.25)}.hud-tier{font:400 11px var(--f-data);letter-spacing:.12em;text-transform:uppercase;color:var(--tier, var(--gray));margin-bottom:4px}@media(max-width:860px){.value.big{font-size:34px}.combo{font-size:20px}.topbar{gap:8px;padding:8px 10px}#title{height:17px}.live{order:3;flex-basis:100%;gap:6px}.live .pill:nth-child(2){display:none}.pill{padding:4px 8px;font-size:11px}.seg{margin-left:auto}.seg-btn{padding:7px 10px}.icon-btn{width:32px;height:32px}.stage{padding:8px}}.board-wrap{position:relative}canvas#c{display:block;width:100%;aspect-ratio:1;touch-action:manipulation;cursor:pointer;user-select:none;-webkit-user-select:none}.controls{display:flex;gap:8px;justify-content:center;padding-top:4px}.drop-btn{min-width:160px;font-size:15px;padding:14px 20px}.hint{text-align:center;color:var(--dim);font-size:11px;margin:8px 0 0;letter-spacing:.08em}#toast{position:absolute;left:50%;top:4%;transform:translate(-50%,-10px);opacity:0;padding:8px 14px;border-radius:999px;background:var(--green);color:var(--panel);font:600 13px var(--f-data);letter-spacing:.06em;pointer-events:none;transition:opacity .2s,transform .2s;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%)}#toast.gold{background:var(--gold)}#toast.blue{background:var(--active)}#over{position:absolute;inset:7%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:8px;padding:18px;text-align:center;border-radius:50%;background:radial-gradient(circle,rgba(11,11,13,.96) 55%,rgba(11,11,13,.82) 70%,transparent 71%);animation:pop .25s ease-out}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:none;opacity:1}}#over[hidden]{display:none}.value.huge{font-size:76px;color:var(--gold);line-height:1}.badge-best{background:var(--gold);color:var(--panel);font:600 12px var(--f-data);letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.badge-best[hidden]{display:none}.big-btn{font-size:16px;padding:14px 34px;margin-top:6px}.save{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:8px;padding-top:10px;border-top:1px solid var(--line2);width:min(300px,100%)}.save[hidden]{display:none}.field{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left}.field input{width:100%;font-size:15px;padding:9px 10px}#txStatus.ok{color:var(--green)}#txStatus.err{color:var(--red)}@media(max-width:860px){#over{inset:0;border-radius:12px;background:#0b0b0df0}.value.huge{font-size:54px}}.tabs{display:flex;gap:4px;margin:10px 0;flex-wrap:wrap}.tab{font:400 11px/1 var(--f-data);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:transparent;color:var(--gray);border:1px solid var(--line2);border-radius:999px;padding:7px 10px}.tab.on{color:var(--panel);background:var(--active);border-color:var(--active)}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}td{padding:7px 4px;border-top:1px solid var(--line)}td.n{color:var(--gray);width:26px}td.r{text-align:right}tr.top1 td.n{color:var(--gold)}tr.me td{color:var(--active)}.empty{color:var(--gray);padding:10px 0}.predict p{margin:8px 0}.buckets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.buckets .btn{padding:10px 6px;font-size:12px}.help summary{cursor:pointer;list-style:none}.help summary::-webkit-details-marker{display:none}.help summary:after{content:" +"}.help[open] summary:after{content:" \2013"}.help p{margin:8px 0 0;color:var(--gray);font-size:12px}.how-btn{font:600 12px/1 var(--f-data);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:transparent;color:var(--active);border:1px solid var(--active);border-radius:999px;padding:10px 14px}.how-btn:hover{background:var(--active);color:var(--panel)}body.ht-open{overflow:hidden}.howto{position:fixed;inset:0;z-index:10;background:#060609d1;backdrop-filter:blur(4px);display:flex;justify-content:center;animation:fade .2s}.howto[hidden]{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}.ht-page{width:min(980px,100%);height:100%;overflow-y:auto;padding:28px 24px 40px;background:var(--panel);border-left:1px solid var(--line2);border-right:1px solid var(--line2)}.ht-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.ht-head h2{font:300 44px/1.05 var(--f-display);color:var(--white);margin:6px 0 10px}.ht-head .voice{color:var(--gray);max-width:680px;margin:0;font-size:15px}.ht-close{flex:none}.ht-goal{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 8px}.ht-chip{display:inline-block;padding:7px 12px;border-radius:999px;border:1px solid var(--c, var(--line2));color:var(--c, var(--white));font:600 12px var(--f-data);letter-spacing:.04em}.ht-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;padding:26px 0;border-top:1px solid var(--line)}.ht-step:nth-of-type(2n) .ht-visual{order:2}.ht-visual{display:flex;justify-content:center}.ht-num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--panel);font:600 14px var(--f-data)}.ht-text h3{font:300 30px/1.1 var(--f-display);color:var(--white);margin:10px 0 8px}.ht-text p{margin:0 0 8px;color:var(--ink);font:600 14px/1.5 var(--f-voice)}.demo{width:100%;max-width:380px;background:radial-gradient(circle at 50% 40%,#171b33,#0b0b0d 70%);border:1px solid var(--line2);border-radius:12px}.ht-ladder .demo,.ht-special .demo{width:46px;max-width:none;background:none;border:0}.ht-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px;width:100%}.ht-rung{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--gray);text-align:center}.ht-rung:last-child span{color:var(--gold)}.ht-specials{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.ht-special{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid var(--line2);border-radius:10px}.ht-special .demo{width:52px;flex:none}.ht-special b{color:var(--white);font:300 20px var(--f-display)}.ht-special p{margin:2px 0 0;font-size:12px;color:var(--gray)}.ht-flow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.ht-flow>div{padding:8px 10px;border:1px solid var(--line2);border-radius:10px;display:flex;flex-direction:column;gap:2px}.ht-flow b{color:var(--white);font:300 18px var(--f-display)}.ht-flow span{color:var(--gray);font-size:11px}.ht-flow i{color:var(--gold);font-style:normal}.ht-tiers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ht-tier{padding:10px;border:1px solid var(--line2);border-radius:10px}.ht-tier p{margin:8px 0 0;font-size:12px;color:var(--gray)}.ht-missions{width:100%;max-width:360px;padding:14px;border:1px solid var(--line2);border-radius:10px;margin:0}.ht-board{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.ht-board>div:last-child:nth-child(odd){grid-column:1 / -1}.ht-board>div{padding:10px;border:1px solid var(--line2);border-radius:10px;display:flex;flex-direction:column;gap:4px}.ht-board b{color:var(--white);font:300 18px var(--f-display)}.ht-board span{color:var(--gray);font-size:12px}.ht-foot{display:flex;justify-content:center;padding-top:26px;border-top:1px solid var(--line)}@media(max-width:860px){.ht-page{padding:18px 14px 30px;border:0}.ht-head h2{font-size:32px}.ht-step{grid-template-columns:1fr;gap:14px;padding:20px 0}.ht-step:nth-of-type(2n) .ht-visual{order:0}.ht-specials,.ht-tiers,.ht-board{grid-template-columns:1fr}.how-btn{padding:8px 10px;font-size:11px}}#review{width:100%;text-align:left;padding:8px 10px;border:1px solid var(--line2);border-radius:6px;background:var(--raised)}#review[hidden]{display:none}#review summary{cursor:pointer}#reviewList{display:grid;grid-template-columns:max-content 1fr;gap:3px 12px;margin:8px 0}#reviewList dt{color:var(--gray);text-transform:uppercase;letter-spacing:.1em;font-size:10px;padding-top:2px}#reviewList dd{margin:0;color:var(--white);word-break:break-word;font-size:12px}.verify{width:24px;height:24px;border-radius:50%;border:1px solid var(--line2);background:transparent;color:var(--gray);cursor:pointer;font:600 12px var(--f-data);padding:0}.verify:hover{border-color:var(--active);color:var(--active)}.verify.ok{border-color:var(--green);color:var(--green)}.verify.bad{border-color:var(--red);color:var(--red)}.buckets .btn.picked{background:var(--gold);color:var(--panel);border-color:var(--gold);opacity:1}.btn.claim{margin-top:8px;border-color:var(--gold);color:var(--gold)}.connect-btn{font:600 12px/1 var(--f-data);letter-spacing:.08em;cursor:pointer;white-space:nowrap;background:transparent;color:var(--white);border:1px solid var(--line2);border-radius:999px;padding:10px 14px}.connect-btn:hover{border-color:var(--active);color:var(--active)}.connect-btn.holder{color:var(--crown, var(--gold));border-color:var(--crown, var(--gold))}.crown{font-size:13px}@media(max-width:860px){.connect-btn{padding:8px 10px;font-size:11px}}.confirm{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;padding:8px;border:1px solid var(--gold);border-radius:6px}.confirm span{flex-basis:100%;color:var(--white);font-size:12px}.confirm .btn{padding:8px 10px;font-size:11px}.points-pill{font:600 12px/1 var(--f-data);letter-spacing:.06em;cursor:pointer;white-space:nowrap;background:transparent;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:10px 14px}.points-pill[hidden]{display:none}.points-pill:hover{background:var(--gold);color:var(--panel)}.my-points{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 10px;padding:8px 10px;border:1px solid var(--line2);border-radius:8px}.my-points b{font:300 22px/1 var(--f-display);color:var(--gold)}.my-points .tab{margin-left:auto}@media(max-width:860px){.points-pill{padding:8px 10px;font-size:11px}}.verify.partial{border-color:var(--gold);color:var(--gold)}.verify.copy{border-color:var(--red);color:var(--red)}
