:root{--ink:#e9ecf5;--dim:#a3a3bb;--faint:#6e6e8a;--line:#1c1c2a;--line2:#2b2b45;--green:#5ef0a0;--red:#ff5566;--mono:"Space Mono",ui-monospace,monospace;--sans:"Space Grotesk",system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{margin:0;background:linear-gradient(rgba(0,0,0,.74),rgba(0,0,0,.74)),#000 url('https://d2ol7oe51mr4n9.cloudfront.net/user_3INvx3MrbZ8yC9kBLKk33DzVAfd/39b72a09-8896-4222-8149-f6fa819f39fd.jpg') 50% 50%/cover no-repeat;color:var(--ink);font-family:var(--sans);overflow:hidden;user-select:none;touch-action:manipulation}.stage{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;background:transparent;cursor:crosshair;touch-action:none}.hud{position:absolute;left:0;right:0;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) clamp(12px,2vw,28px) 0;pointer-events:none}.hud>*{pointer-events:auto}.hl{display:flex;gap:8px;justify-self:start}.hc{justify-self:center;font-family:var(--mono);font-weight:700;font-size:.74rem;letter-spacing:.34em;color:var(--dim);white-space:nowrap}.hr{display:flex;gap:10px;justify-self:end;align-items:center}.pill{position:relative;font:inherit;font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--ink);text-decoration:none;border:0;border-radius:0;padding:8px 0;background:none;white-space:nowrap;cursor:pointer;text-shadow:0 1px 6px #000}.pill::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:linear-gradient(90deg,transparent,var(--green) 28%,var(--green) 72%,transparent);opacity:0;transform:scaleX(0);transform-origin:left center;transition:transform .28s ease,opacity .28s ease}.pill:hover::after,.pill:focus-visible::after{opacity:1;transform:scaleX(1)}.pill:hover{color:var(--ink)}.pill[hidden]{display:none}.stat{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;color:var(--dim);white-space:nowrap}.stat span{color:var(--green);font-weight:700}body.playing .hc{visibility:hidden}.wtop{font:inherit;font-family:var(--mono);font-weight:700;font-size:.7rem;letter-spacing:.1em;white-space:nowrap;cursor:pointer;background:var(--green);color:#04130b;border:1px solid var(--green);border-radius:999px;padding:9px 15px;box-shadow:0 0 24px rgba(94,240,160,.45)}.wtop.off{animation:wtop-glow 2.4s ease-in-out infinite}@keyframes wtop-glow{50%{box-shadow:0 0 42px rgba(94,240,160,.8)}}.wtop.on{background:rgba(0,0,0,.5);color:var(--ink);border-color:var(--line2);box-shadow:none;animation:none}.wtop.on.low{border-color:var(--red);color:var(--red)}body.playing .wtop{visibility:hidden}.wpop{position:fixed;z-index:50;width:min(340px,calc(100vw - 20px));background:rgba(6,6,14,.97);border:1px solid var(--line2);border-radius:16px;padding:18px 20px;box-shadow:0 18px 60px rgba(0,0,0,.65);color:var(--ink);user-select:text}.wpop[hidden]{display:none}.wpop h3{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;color:var(--dim);font-weight:400;margin:0 0 12px}.wpop .wbtn{width:100%;font:inherit;font-family:var(--mono);font-weight:700;letter-spacing:.08em;font-size:.76rem;background:var(--green);color:#04130b;border:0;border-radius:999px;padding:12px 18px;cursor:pointer}.wpop .wpick{display:grid;gap:8px}.wpop .wopt{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.wpop .wopt img{width:18px;height:18px;border-radius:4px}.wpop .wrow,.wpop .wbal{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:.78rem;padding:7px 0;border-bottom:1px solid var(--line)}.wpop .wbal{color:var(--dim)}.wpop .wbal b{color:var(--ink);font-weight:400}.wpop .holder{color:var(--green)}.wpop .nothold{color:var(--faint)}.wpop .wfine{font-size:.8rem;color:var(--dim);line-height:1.6;margin:10px 0 0}.wpop .wfine a{color:var(--green)}@media (prefers-reduced-motion:reduce){.wtop.off{animation:none}}@media (max-width:560px){.hud{grid-template-columns:auto minmax(0,1fr) auto}.hc{overflow:hidden;text-overflow:ellipsis;letter-spacing:.2em}.stat{display:none}.wtop{padding:8px 11px;font-size:.62rem}.wtop .wl{display:none}}#score{position:absolute;left:0;right:0;top:9%;z-index:4;text-align:center;font-family:var(--mono);font-weight:700;font-size:clamp(2.6rem,6vw,4.6rem);letter-spacing:.04em;pointer-events:none;text-shadow:0 2px 30px rgba(0,0,0,.9)}.overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,3vh,30px);padding:clamp(54px,9vh,86px) 16px clamp(12px,3vh,28px);overflow:hidden;background:rgba(0,0,0,.28)}body.playing .overlay{display:none}.panel{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vh,18px);text-align:center;width:min(760px,100%)}.panel.hide{display:none}.panel h1{font-family:var(--mono);font-weight:700;font-size:clamp(2rem,min(12vh,9vw),6rem);letter-spacing:.2em;margin:0;line-height:1;padding-left:.2em;text-shadow:0 0 40px rgba(94,240,160,.25)}.panel .kicker{font-family:var(--mono);font-size:clamp(.68rem,1.7vh,.84rem);letter-spacing:.34em;color:var(--green);margin:0}.panel p.blurb{margin:0;color:#c9cbd9;max-width:44ch;font-size:clamp(.92rem,2.5vh,1.2rem);line-height:1.5}.panel .how{display:none}.big{font-family:var(--mono);font-weight:700;font-size:clamp(3rem,min(17vh,13vw),7.4rem);margin:0;line-height:1;letter-spacing:.02em}.hint{margin:0;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;color:var(--faint)}.hint b{color:var(--ink);font-weight:400;border:1px solid var(--line2);border-radius:4px;padding:2px 7px;margin-right:6px}@media (hover:none){.hint{display:none}}.gate{font-family:var(--mono);font-size:clamp(.66rem,1.8vh,.84rem);letter-spacing:.16em;color:var(--red);margin:0;line-height:1.7;max-width:62ch}.gate.ok{color:var(--green)}.gate:empty{display:none}.turn{display:none;margin:0;font-size:.82rem;color:var(--dim)}@media (orientation:portrait) and (max-width:900px){.turn{display:block}}.btn{font:inherit;font-family:var(--mono);font-weight:700;letter-spacing:.22em;font-size:.78rem;background:var(--ink);color:#05050a;border:0;border-radius:4px;padding:15px 34px;cursor:pointer}.btn:hover{background:#fff}.btn:active{transform:translateY(1px)}.btn.go{background:var(--green);color:#04130b;font-size:clamp(.92rem,2.5vh,1.14rem);padding:clamp(14px,2.8vh,24px) clamp(46px,6vw,78px);box-shadow:0 0 36px rgba(94,240,160,.38)}.btn.go:hover{background:#8ff7bf}.btn.go:disabled{opacity:.7;cursor:default;box-shadow:none}.btn.ghostbtn{background:rgba(0,0,0,.4);color:var(--ink);border:1px solid var(--line2);padding:clamp(12px,2.4vh,20px) 26px;font-size:.74rem}.btn.ghostbtn:hover{border-color:#4a4a70}.btn.ghostbtn:disabled{opacity:.5;cursor:default}.btn.ghostbtn.next{border-color:var(--green);color:var(--green)}.btnrow{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center}.btnrow a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.sharewhy{font-family:var(--mono);font-size:.7rem;line-height:1.7;color:var(--green);max-width:52ch;margin:0}.ghosts{display:flex;gap:10px 26px;flex-wrap:wrap;justify-content:center}.ghost{font:inherit;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;color:var(--dim);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.ghost:hover{color:var(--green)}.only-attract{display:none}.bstat{font-family:var(--mono);font-size:.7rem;line-height:1.7;color:var(--dim);max-width:56ch;margin:0}.bstat:empty{display:none}.bstat.ok{color:var(--green)}.bstat.bad{color:var(--red)}.pname{display:flex;flex-direction:column;align-items:center;gap:6px;user-select:text}.pname[hidden]{display:none}.pname span{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;color:var(--dim)}.pname input{font:inherit;font-family:var(--mono);font-size:.95rem;letter-spacing:.08em;text-align:center;color:var(--ink);background:rgba(0,0,0,.6);border:1px solid #34344f;border-radius:4px;padding:10px 14px;width:min(300px,80vw);user-select:text}.pname input:focus{outline:none;border-color:var(--green)}.strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 26px;margin:0;font-family:var(--mono);font-size:clamp(.64rem,1.7vh,.78rem);letter-spacing:.14em;color:var(--dim)}.strip b{color:var(--green);font-weight:700}.strip span:empty{display:none}.strip a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line2);padding-bottom:2px}.strip a:hover{color:var(--green);border-color:var(--green)}.gamebar{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;width:min(1100px,100%)}.gamebar a{font-family:var(--mono);font-size:clamp(.62rem,1.6vh,.72rem);letter-spacing:.14em;color:var(--dim);text-decoration:none;border:1px solid var(--line2);border-radius:999px;padding:clamp(6px,1.1vh,9px) clamp(10px,1.2vw,15px);background:rgba(0,0,0,.45)}.gamebar a:hover{color:var(--ink);border-color:#3c3c5c}.gamebar a.on{color:#04130b;background:var(--green);border-color:var(--green)}@media (max-height:600px){.strip{display:none}.hint{display:none}}@media (max-height:460px){.gamebar,.turn{display:none}.panel p.blurb{font-size:.86rem}.overlay{padding-top:48px}}@media (max-height:360px){.panel p.blurb,.ghosts{display:none}}@media (max-width:760px){.hc{display:none}.hud{grid-template-columns:1fr 1fr}}body.attract .hud,body.attract .strip,body.attract .gamebar,body.attract .pname,body.attract .hint,body.attract .gate,body.attract .turn,body.attract .go,body.attract #card{display:none}body.loop .panel{display:none}body.loop .overlay{background:none}body.attract #score{top:7%;font-size:clamp(1.4rem,5vw,2.4rem)}body.attract .overlay{padding:12px;gap:8px}body.attract .panel h1{font-size:1.1rem;letter-spacing:.18em}body.attract .big{font-size:2rem}body.attract .panel p.blurb{font-size:.78rem;max-width:34ch}body.attract .btnrow,body.attract .bstat,body.attract .sharewhy{display:none}body.attract .only-attract{display:inline}body.attract .btn{padding:10px 20px;font-size:.66rem}.friend{font-family:var(--mono);font-size:clamp(.66rem,1.8vh,.84rem);letter-spacing:.14em;color:#ffd166;margin:0;line-height:1.7;max-width:62ch}.friend[hidden]{display:none}body.attract .friend{display:none}.linkbtn{font:inherit;font-family:var(--mono);font-size:clamp(.66rem,1.8vh,.8rem);letter-spacing:.14em;color:var(--green);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:5px}.linkbtn:hover{color:var(--ink)}.rules{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(0,0,0,.8)}.rules[hidden]{display:none}.rules-box{width:min(640px,100%);max-height:calc(100vh - 28px);overflow:auto;border:1px solid var(--line2);border-radius:16px;background:#07080e;padding:20px 22px;text-align:left}.rules-k{margin:0 0 6px;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;color:#ffd166}.rules-t{margin:0 0 12px;font-family:var(--mono);font-weight:700;font-size:clamp(.98rem,2.6vh,1.28rem);color:var(--ink)}.rules-l{margin:0;padding-left:1.4em;display:grid;gap:8px;color:#c9cbd9;font-size:clamp(.8rem,1.9vh,.92rem);line-height:1.45}.rules-n{margin:12px 0 0;font-size:.8rem;color:var(--dim);line-height:1.5}.rules-acts{display:flex;justify-content:flex-end;margin-top:14px}.panel .pk{letter-spacing:.2em}body.attract .rules,body.attract .linkbtn,body.attract .pk{display:none}@media (max-height:460px){.panel .pk{display:none}}