:root{--gold:#E8C15A;--gold-dim:#9A7B2E;--gold-bright:#FFE9A8;--emerald:#17C08B;--emerald-glow:rgba(23,192,139,.35);--crimson:#F04B52;--crimson-glow:rgba(240,75,82,.35);--txt:#EDEAE2;--txt2:#8E8B82;--txt3:#55534C;--glass-a:rgba(255,255,255,.055);--glass-b:rgba(255,255,255,.015);--glass-c:rgba(255,255,255,.04);--glass-line:rgba(232,193,90,.14);--glass-inset:rgba(255,255,255,.08);--pipbg:rgba(255,255,255,.06);--pipline:rgba(255,255,255,.1);--ringbg:rgba(255,255,255,.07);--btn-ink:#0a0903;--vig1:rgba(3,3,4,.55);--vig2:rgba(2,2,3,.92);--shadow:0 30px 80px rgba(0,0,0,.6)}[data-theme=light]{--gold:#A9832C;--gold-dim:#7A5D1D;--gold-bright:#C9A544;--emerald:#0E8C64;--emerald-glow:rgba(14,140,100,.25);--crimson:#C13A40;--crimson-glow:rgba(193,58,64,.25);--txt:#25211A;--txt2:#6E675A;--txt3:#A39A88;--glass-a:rgba(255,255,255,.72);--glass-b:rgba(255,255,255,.5);--glass-c:rgba(255,255,255,.65);--glass-line:rgba(122,93,29,.25);--glass-inset:rgba(255,255,255,.9);--pipbg:rgba(37,33,26,.07);--pipline:rgba(37,33,26,.12);--ringbg:rgba(37,33,26,.1);--btn-ink:#FFF7E0;--vig1:rgba(238,231,216,.35);--vig2:rgba(232,224,206,.75);--shadow:0 30px 70px rgba(80,66,35,.25)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Space Grotesk,system-ui,sans-serif;color:var(--txt);background:#050506;overflow:hidden;transition:color .4s}[data-theme=light] body{background:#efe8d8}#bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;transition:background .4s;background:radial-gradient(ellipse 70% 55% at 50% 42%,transparent 0%,var(--vig1) 62%,var(--vig2) 100%)}.scanline{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.05;background:repeating-linear-gradient(0deg,transparent 0 2px,#000 2px 4px)}[data-theme=light] .scanline{opacity:.025}.ui{position:relative;z-index:2;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.shake{animation:shake .45s ease}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-8px,3px)}30%{transform:translate(7px,-4px)}45%{transform:translate(-5px,-3px)}60%{transform:translate(5px,3px)}75%{transform:translate(-3px,1px)}90%{transform:translate(2px,-1px)}}.topbar{width:min(680px,94vw);display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px}.ctl{height:34px;min-width:34px;padding:0 10px;border-radius:8px;cursor:pointer;background:var(--glass-c);border:1px solid var(--glass-line);color:var(--txt2);font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;display:flex;align-items:center;justify-content:center;gap:6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:color .2s,border-color .2s}.ctl:hover{color:var(--gold);border-color:var(--gold)}.ctl svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.logo{font-family:Unbounded,sans-serif;font-weight:700;font-size:clamp(18px,3vw,26px);letter-spacing:.34em;text-transform:uppercase;margin-bottom:6px;text-align:center;background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 45%,var(--gold-dim) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(232,193,90,.25))}.tagline{font-size:10.5px;letter-spacing:.42em;text-transform:uppercase;color:var(--txt3);margin-bottom:26px;text-align:center}.table{width:min(680px,94vw);background:linear-gradient(160deg,var(--glass-a),var(--glass-b) 55%,var(--glass-c));border:1px solid var(--glass-line);border-radius:18px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow),inset 0 1px 0 var(--glass-inset);padding:30px 38px 34px;position:relative;overflow:hidden;transition:background .4s,border-color .4s}.table:before{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.045),transparent);animation:sweep 7s ease-in-out infinite;pointer-events:none}@keyframes sweep{0%,55%{left:-60%}85%,to{left:130%}}.vs{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.pside{min-width:150px}.pside.right{text-align:right}.pname{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--txt2);margin-bottom:8px}.pname .bot{font-size:8.5px;letter-spacing:.2em;color:var(--gold);border:1px solid var(--glass-line);border-radius:3px;padding:2px 6px;margin-left:8px;vertical-align:1px}.pscore{font-family:Unbounded,sans-serif;font-weight:500;font-size:46px;line-height:1;font-variant-numeric:tabular-nums;color:var(--txt)}.ring-wrap{position:relative;width:104px;height:104px;flex:none}.ring-wrap svg{transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--ringbg);stroke-width:5}.ring-fg{fill:none;stroke:var(--gold);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .3s}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-sec{font-family:Unbounded,sans-serif;font-size:26px;font-weight:500;line-height:1}.ring-lbl{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--txt2);margin-top:4px}.hist{display:flex;gap:9px;justify-content:center;margin-bottom:28px}.pip{width:13px;height:13px;transform:rotate(45deg);border-radius:2.5px;background:var(--pipbg);border:1px solid var(--pipline);transition:all .3s}.pip.ss{background:var(--emerald);border-color:var(--emerald);box-shadow:0 0 12px var(--emerald-glow)}.pip.tt{background:var(--crimson);border-color:var(--crimson);box-shadow:0 0 12px var(--crimson-glow)}.pip.mix{background:var(--gold-dim);border-color:var(--gold-dim);box-shadow:0 0 10px #e8c15a4d}.pip.cur{border-color:var(--gold);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #e8c15a00}50%{box-shadow:0 0 14px #e8c15a80}}.stage{min-height:225px;display:flex;align-items:center;justify-content:center;perspective:900px;position:relative}.homep,.queuep,.lockedp{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.hometotal{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.htl{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--txt3)}.htv{font-family:Unbounded,sans-serif;font-size:34px;font-weight:500;color:var(--gold)}.namein{width:min(300px,80%);background:var(--glass-c);border:1px solid var(--glass-line);border-radius:8px;padding:12px 16px;color:var(--txt);text-align:center;font-family:Space Grotesk,sans-serif;font-size:14px;letter-spacing:.06em;outline:none;transition:border-color .2s}.namein:focus{border-color:var(--gold)}.namein::placeholder{color:var(--txt3)}.ghostbtn{background:transparent;border:1px solid var(--glass-line);border-radius:8px;color:var(--txt2);font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:10px 22px;cursor:pointer;transition:color .2s,border-color .2s}.ghostbtn:hover{color:var(--gold);border-color:var(--gold)}.lbwrap{width:min(380px,92%)}.lblist{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;padding-right:4px}.lbrow{display:flex;justify-content:space-between;align-items:center;background:var(--glass-c);border:1px solid var(--glass-line);border-radius:6px;padding:8px 14px;font-size:12.5px}.lbrow .rank{color:var(--txt3);font-family:Unbounded,sans-serif;font-size:10px;width:24px;text-align:left}.lbrow .nm{flex:1;text-align:left;letter-spacing:.04em}.lbrow .pt{font-family:Unbounded,sans-serif;font-size:12px;color:var(--gold)}.lbrow.you{border-color:var(--gold)}.conn{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--txt3);min-height:14px}.errline{font-size:12px;color:var(--crimson);letter-spacing:.04em;min-height:16px}.homerow{display:flex;gap:10px;justify-content:center}.qspin{width:44px;height:44px;border-radius:50%;border:2px solid var(--glass-line);border-top-color:var(--gold);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qtxt{font-family:Unbounded,sans-serif;font-size:14px;letter-spacing:.14em;text-transform:uppercase}.qsub{font-size:11.5px;color:var(--txt3);letter-spacing:.08em}.lockedword{font-family:Unbounded,sans-serif;font-size:24px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.lockedword.S{color:var(--emerald);text-shadow:0 0 24px var(--emerald-glow)}.lockedword.T{color:var(--crimson);text-shadow:0 0 24px var(--crimson-glow)}.choices{display:flex;gap:18px;width:100%}.cbtn{flex:1;position:relative;border-radius:14px;padding:30px 18px 26px;cursor:pointer;font-family:inherit;color:var(--txt);text-align:center;overflow:hidden;transition:transform .18s ease,box-shadow .25s,border-color .25s}.cbtn .w{font-family:Unbounded,sans-serif;font-size:21px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;display:block}.cbtn .d{font-size:12px;color:var(--txt2);margin-top:9px;display:block;letter-spacing:.04em}.cbtn.share{background:linear-gradient(165deg,#17c08b29,#17c08b08 60%);border:1px solid rgba(23,192,139,.32)}.cbtn.share .w{color:var(--emerald);text-shadow:0 0 24px var(--emerald-glow)}.cbtn.share:hover{transform:translateY(-4px) rotateX(4deg);box-shadow:0 18px 50px #17c08b38;border-color:var(--emerald)}.cbtn.steal{background:linear-gradient(165deg,#f04b5229,#f04b5208 60%);border:1px solid rgba(240,75,82,.32)}.cbtn.steal .w{color:var(--crimson);text-shadow:0 0 24px var(--crimson-glow)}.cbtn.steal:hover{transform:translateY(-4px) rotateX(4deg);box-shadow:0 18px 50px #f04b5238;border-color:var(--crimson)}.cbtn:active{transform:translateY(0) scale(.98)}.reveal{width:100%;text-align:center}.rrow{display:flex;justify-content:center;gap:22px;margin-bottom:18px}.rcard{width:170px;border-radius:14px;padding:22px 12px 18px;animation:flipin .5s cubic-bezier(.2,.7,.3,1.1);backface-visibility:hidden}@keyframes flipin{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}.rcard.S{background:linear-gradient(165deg,#17c08b2e,#17c08b0a);border:1px solid rgba(23,192,139,.4);box-shadow:0 0 40px #17c08b26}.rcard.T{background:linear-gradient(165deg,#f04b522e,#f04b520a);border:1px solid rgba(240,75,82,.4);box-shadow:0 0 40px #f04b5226}.rwho{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--txt2);margin-bottom:10px}.rword{font-family:Unbounded,sans-serif;font-size:22px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.rcard.S .rword{color:var(--emerald);text-shadow:0 0 20px var(--emerald-glow)}.rcard.T .rword{color:var(--crimson);text-shadow:0 0 20px var(--crimson-glow)}.rpts{font-family:Unbounded,sans-serif;font-size:15px;font-weight:500;margin-top:10px;color:var(--gold)}.auto{font-size:11px;letter-spacing:.1em;color:var(--txt3)}.endp{width:100%;text-align:center;animation:flipin .5s cubic-bezier(.2,.7,.3,1.1)}.endtitle{font-family:Unbounded,sans-serif;font-size:32px;font-weight:700;letter-spacing:.06em;margin-bottom:12px;text-transform:uppercase;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 55%,var(--gold-dim));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(232,193,90,.3))}.endtitle.lose{background:linear-gradient(180deg,var(--txt2),var(--txt3));-webkit-background-clip:text;background-clip:text;filter:none}.endsub{font-size:13.5px;color:var(--txt2);line-height:1.7;max-width:400px;margin:0 auto 10px}.endadded{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}.endbtns{display:flex;gap:12px;justify-content:center;align-items:center}.bigbtn{font-family:Unbounded,sans-serif;font-size:12px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--btn-ink);background:linear-gradient(180deg,var(--gold-bright),var(--gold) 60%,var(--gold-dim));border:none;border-radius:8px;padding:16px 44px;cursor:pointer;box-shadow:0 0 30px #e8c15a40,inset 0 1px #ffffff80;transition:transform .15s,box-shadow .2s}.bigbtn:hover{transform:translateY(-2px);box-shadow:0 0 46px #e8c15a73,inset 0 1px #ffffff80}.bigbtn:active{transform:translateY(0)}.hint{margin-top:18px;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--txt3);text-align:center;min-height:14px}.flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0}.flash.red{background:radial-gradient(ellipse at 50% 50%,rgba(240,75,82,.22),transparent 70%);animation:flash .5s ease}.flash.green{background:radial-gradient(ellipse at 50% 50%,rgba(23,192,139,.18),transparent 70%);animation:flash .5s ease}@keyframes flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.spark{position:fixed;width:7px;height:7px;border-radius:50%;z-index:4;pointer-events:none;animation:spark .8s cubic-bezier(.1,.6,.3,1) forwards}@keyframes spark{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@media (max-width:560px){.table{padding:22px 18px 26px}.pscore{font-size:32px}.ring-wrap{width:82px;height:82px}.ring-wrap svg{width:82px;height:82px}.ring-sec{font-size:20px}.rcard{width:132px}.cbtn .w{font-size:16px}}