:root{--magenta: #e52ec0;--yellow: #f2d024;--panel: rgba(12, 12, 18, .78);--panel-border: rgba(255, 255, 255, .08);--text: #e8e6ef;--muted: #8f8ba0;font-family:"Jersey 10",Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0e;color:var(--text)}#scene{position:fixed;top:0;right:0;bottom:0;left:0;display:block}#ui-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui-root>*{pointer-events:auto}button{font-family:inherit;cursor:pointer;border:none;color:inherit;background:none}.gem{width:12px;height:12px;background:var(--yellow);transform:rotate(45deg);display:inline-block;box-shadow:0 0 6px #f2d02499}.hud-corners{position:relative}.hud-corners:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--acc: rgba(255, 255, 255, .5);background:linear-gradient(var(--acc),var(--acc)) 0 0 / 13px 2px no-repeat,linear-gradient(var(--acc),var(--acc)) 0 0 / 2px 13px no-repeat,linear-gradient(var(--acc),var(--acc)) 100% 0 / 13px 2px no-repeat,linear-gradient(var(--acc),var(--acc)) 100% 0 / 2px 13px no-repeat,linear-gradient(var(--acc),var(--acc)) 0 100% / 13px 2px no-repeat,linear-gradient(var(--acc),var(--acc)) 0 100% / 2px 13px no-repeat,linear-gradient(var(--acc),var(--acc)) 100% 100% / 13px 2px no-repeat,linear-gradient(var(--acc),var(--acc)) 100% 100% / 2px 13px no-repeat}#sidebar{position:absolute;left:0;top:0;bottom:0;width:320px;display:flex;flex-direction:column;padding:20px 18px 44px;gap:12px;background:linear-gradient(100deg,#060609eb 62%,#06060957);border-right:1px solid rgba(255,255,255,.12);pointer-events:none}#sidebar>*{pointer-events:auto}.sb-spring{flex:1;pointer-events:none;min-height:8px}.pp{position:relative;padding:12px 14px 10px;border:1px solid rgba(255,255,255,.1);transition:border-color .25s}.pp[data-color]{--team: var(--yellow)}.pp[data-color=b]{--team: var(--magenta)}.pp.active{border-color:var(--team)}.pp.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--acc: var(--team);background:linear-gradient(var(--acc),var(--acc)) 0 0 / 15px 2px no-repeat,linear-gradient(var(--acc),var(--acc)) 0 0 / 2px 15px no-repeat,linear-gradient(var(--acc),var(--acc)) 100% 0 / 15px 2px no-repeat,linear-gradient(var(--acc),var(--acc)) 100% 0 / 2px 15px no-repeat,linear-gradient(var(--acc),var(--acc)) 0 100% / 15px 2px no-repeat,linear-gradient(var(--acc),var(--acc)) 0 100% / 2px 15px no-repeat,linear-gradient(var(--acc),var(--acc)) 100% 100% / 15px 2px no-repeat,linear-gradient(var(--acc),var(--acc)) 100% 100% / 2px 15px no-repeat}.pp-head{display:flex;flex-direction:column;gap:1px}.pp-name{font-size:30px;letter-spacing:1px;line-height:1}.pp-badge{font-size:14px;letter-spacing:2px;display:flex;align-items:center;gap:5px}.pp-slots{display:flex;gap:7px;margin:11px 0 2px}.pp-slot{width:58px;height:58px;border:1px solid rgba(255,255,255,.16);background:#ffffff08;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pp-slot .slot-icon{width:100%;height:100%;object-fit:cover;display:block}.pp-slot.filled{border-color:#ffffff52}.pp-slot.usable{cursor:pointer}.pp-slot.usable:hover{border-color:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow)}.pp-slot.hidden-trap:after{content:"?";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#06060aeb;color:var(--muted);font-size:30px}.pp-effects{display:flex;gap:5px;margin-top:8px;min-height:4px;flex-wrap:wrap}.effect-chip{font-size:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);padding:1px 5px 1px 3px;display:flex;align-items:center;gap:5px;letter-spacing:1px}.effect-chip .chip-icon{width:18px;height:18px;object-fit:cover;display:block}.sb-clocks{display:flex;flex-direction:column;gap:8px}.clock-row{display:flex;align-items:center;gap:12px;min-height:46px}.clock-row[data-clockrow]{--team: var(--yellow)}.clock-row[data-clockrow=b]{--team: var(--magenta)}.clock{font-size:40px;line-height:1;letter-spacing:1px;color:var(--muted);padding:5px 12px;font-variant-numeric:tabular-nums}.clock-row.active .clock{color:#14100a;background:var(--team);box-shadow:0 0 22px -4px var(--team)}.clock.low{animation:blink .8s steps(2) infinite}.clock-tag{font-size:15px;letter-spacing:2px;white-space:nowrap}@keyframes blink{50%{opacity:.4}}.sb-shop{display:flex;align-items:stretch;gap:12px}.sb-gold{display:flex;align-items:center;gap:9px;font-size:30px;color:var(--yellow);font-variant-numeric:tabular-nums}#shop-btn{flex:1;background:var(--shop, var(--yellow));color:#16121c;font-size:30px;letter-spacing:4px;padding:8px 12px;border:1px solid var(--shop, var(--yellow));clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:filter .12s,transform .1s}#shop-btn:hover{filter:brightness(1.08)}#shop-btn:active{transform:translateY(1px)}#bottom-bar{position:absolute;left:0;bottom:0;width:320px;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:15px;letter-spacing:2px;color:var(--muted);pointer-events:none}#bottom-bar>*{pointer-events:auto}#options-btn{font-size:15px;letter-spacing:2px;color:var(--muted)}#options-btn:hover{color:var(--yellow)}#toast{position:absolute;top:22px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:8px 22px;font-size:26px;letter-spacing:2px;opacity:0;transition:opacity .25s;pointer-events:none!important}#toast.show{opacity:1}#toast.check{color:#ff4050;border-color:#ff4050}.float-gold{position:absolute;font-size:34px;color:#ffd75e;text-shadow:0 0 12px rgba(255,200,60,.9),0 2px 3px #000;pointer-events:none!important;animation:floatUp 1.4s ease-out forwards;white-space:nowrap;transform:translate(-50%,-50%)}.float-gold small{display:block;font-size:16px;color:#ffedb0;text-align:center}@keyframes floatUp{0%{opacity:0;margin-top:6px}12%{opacity:1}70%{opacity:1}to{opacity:0;margin-top:-64px}}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#040408b8;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#shop{display:flex;align-items:stretch;gap:26px;width:min(1180px,94vw);height:min(560px,82vh)}.shop-panel{background:#06060aeb;border:1px solid rgba(255,255,255,.16);padding:20px 22px;display:flex;flex-direction:column;min-width:0}.shop-panel.grid-panel{flex:1.35}.shop-panel.detail-panel{flex:1}.shop-hd{font-size:34px;letter-spacing:4px;color:#fff;display:flex;align-items:center;gap:12px;margin-bottom:20px}.shop-close{position:absolute;top:22px;right:26px;font-size:22px;letter-spacing:3px;color:var(--muted);border:1px solid rgba(255,255,255,.22);padding:6px 14px}.shop-close:hover{color:#fff;border-color:#fff}.shop-grid{flex:1;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:min-content;gap:12px;overflow-y:auto;align-content:start}.shop-card{background:#ffffff08;border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 7px 5px;transition:border-color .12s,background .12s}.shop-card:hover{border-color:#f2d0248c}.shop-card.selected{border-color:var(--yellow);background:#f2d02417;box-shadow:inset 0 0 0 1px var(--yellow)}.shop-card .icon{width:100%;aspect-ratio:1;object-fit:cover;display:block}.shop-card .price{font-size:19px;color:var(--yellow);display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.shop-balance{margin-top:16px;align-self:flex-end;font-size:24px;color:var(--muted);letter-spacing:2px;display:flex;align-items:center;gap:8px}.detail-body{display:flex;gap:18px}.detail-body .art{width:150px;height:150px;flex:0 0 auto;border:1px solid rgba(255,255,255,.14);overflow:hidden;background:#000}.detail-body .art img{width:100%;height:100%;object-fit:cover;display:block}.detail-text{min-width:0}.detail-text .name{font-size:32px;letter-spacing:2px;color:var(--yellow)}.detail-text .desc{font-size:19px;line-height:1.4;color:var(--text);margin-top:10px}.buy-row{margin-top:auto;display:flex;align-items:center;gap:18px}.buy-row .price{font-size:34px;color:var(--yellow);display:flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums}.price .gem.sm,.shop-balance .gem,.shop-card .price .gem{width:10px;height:10px}.buy-btn{flex:1;background:var(--yellow);color:#17130a;font-size:28px;letter-spacing:4px;padding:12px;border:1px solid var(--yellow);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.buy-btn:hover{filter:brightness(1.08)}.buy-btn.blocked{background:transparent;color:#6d6a78;border-color:#ffffff29;cursor:not-allowed}.buy-btn.bought{background:#35e08a;color:#06251a;border-color:#35e08a}.buy-btn.shake{animation:buyShake .4s ease}@keyframes buyShake{10%,50%,90%{transform:translate(-6px)}30%,70%{transform:translate(6px)}}.shop-balance.spent{color:#ff6a5e}.float-spend{position:absolute;font-size:28px;color:#ff6a5e;text-shadow:0 0 12px rgba(255,90,70,.7),0 2px 3px #000;pointer-events:none!important;animation:floatUp 1.2s ease-out forwards;white-space:nowrap;transform:translate(-50%,-50%);z-index:3}.pp-slot.just-bought{animation:slotBought 1.4s ease-out}@keyframes slotBought{0%{box-shadow:0 0 #f2d02400}25%{box-shadow:0 0 24px #f2d024f2;border-color:var(--yellow);transform:scale(1.14)}to{box-shadow:0 0 #f2d02400}}#chooser .box{background:#101018;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:26px 30px;text-align:center}#chooser .title{font-size:30px;letter-spacing:2px;margin-bottom:16px}#chooser .pieces{display:flex;gap:12px}#chooser .pieces button{width:84px;height:84px;font-size:52px;border:2px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff0d}#chooser .pieces button:hover{border-color:var(--yellow);background:#f2d0241f}#options-menu{position:absolute;left:16px;bottom:40px;background:#08080cf7;border:1px solid rgba(255,255,255,.18);padding:8px;display:flex;flex-direction:column;gap:3px;min-width:288px}#options-menu button{font-size:22px;letter-spacing:1px;text-align:left;padding:8px 12px}#options-menu button:hover{background:#ffffff14}#options-menu .danger{color:#ff5060}#pregame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;transition:opacity .6s}#pregame.fade{opacity:0;pointer-events:none!important}.pg-half{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding-bottom:16vh;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);overflow:hidden}.pg-half.yellow{background:radial-gradient(ellipse 92% 66% at 50% 40%,#f2d02438,#08080ce0 70%)}.pg-half.magenta{background:radial-gradient(ellipse 92% 66% at 50% 40%,#e52ec03d,#08080ce0 70%)}.pg-tag{font-size:clamp(15px,1.5vw,22px);letter-spacing:5px;text-indent:5px;margin-bottom:4px;animation:pgFade .6s .15s ease both}.pg-half.yellow .pg-tag{color:var(--yellow)}.pg-half.magenta .pg-tag{color:var(--magenta)}.pg-name{font-size:clamp(46px,5.6vw,88px);letter-spacing:3px;line-height:1;color:#fff;text-align:center;text-shadow:0 3px 0 #000,0 0 26px rgba(0,0,0,.6)}.pg-half.yellow .pg-name{animation:pgInLeft .6s cubic-bezier(.2,.7,.2,1) both,pgGlowY 2.6s .7s ease-in-out infinite}.pg-half.magenta .pg-name{animation:pgInRight .6s cubic-bezier(.2,.7,.2,1) both,pgGlowM 2.6s .7s ease-in-out infinite}.pg-badge{display:flex;align-items:center;gap:10px;font-size:clamp(22px,2.2vw,34px);letter-spacing:3px;animation:pgRise .55s .38s cubic-bezier(.2,.7,.2,1) both}.pg-badge .ic{font-size:1.1em;line-height:1}.pg-half.yellow .pg-badge{color:var(--yellow)}.pg-half.magenta .pg-badge{color:var(--magenta)}.pg-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding-top:12vh}.pg-count{font-size:clamp(34px,3.4vw,56px);letter-spacing:3px;color:#fff;text-shadow:0 3px 0 #000,0 0 30px rgba(0,0,0,.7);animation:pgFade .6s .5s ease both}.pg-count .n{display:inline-block;font-size:clamp(60px,6vw,110px);min-width:.9em;animation:pop 1s ease-in-out infinite}@keyframes pop{0%{transform:scale(.6);opacity:.4}25%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pgInLeft{0%{opacity:0;transform:translate(-70px)}to{opacity:1;transform:none}}@keyframes pgInRight{0%{opacity:0;transform:translate(70px)}to{opacity:1;transform:none}}@keyframes pgRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pgFade{0%{opacity:0}to{opacity:1}}@keyframes pgGlowY{50%{text-shadow:0 3px 0 #000,0 0 40px rgba(242,208,36,.75)}}@keyframes pgGlowM{50%{text-shadow:0 3px 0 #000,0 0 40px rgba(229,46,192,.8)}}@media(prefers-reduced-motion:reduce){.pg-tag,.pg-name,.pg-badge,.pg-count,.pg-count .n{animation:none}}#victory .box{background:#101018;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:44px 64px;text-align:center;display:flex;flex-direction:column;gap:14px;box-shadow:0 0 80px #e52ec033}#victory .verdict{font-size:40px;letter-spacing:4px;color:var(--muted)}#victory .winner{font-size:84px;letter-spacing:5px;line-height:1}#victory .reason{font-size:26px;letter-spacing:2px;color:var(--muted)}#victory .golds{display:flex;justify-content:center;gap:40px;font-size:28px;margin-top:8px}#victory .again{margin-top:18px;background:var(--yellow);color:#1c1703;font-size:32px;letter-spacing:3px;padding:14px 30px;border-radius:10px}#lobby{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#040407e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lb-topbar,.lb-footer{display:flex;align-items:center;justify-content:space-between;padding:22px 34px;font-size:15px;letter-spacing:3px;color:var(--muted)}.lb-brand{display:flex;align-items:center;gap:9px;color:var(--text)}.lb-footer{color:#8f8ba0b3;font-size:13px}.lb-online{display:flex;align-items:center;gap:7px;letter-spacing:.14em;color:var(--muted)}.lb-online.off{color:#8f8ba099}.lb-online .dot{width:8px;height:8px;background:#35e08a;box-shadow:0 0 8px #35e08a;animation:onlinePulse 1.8s ease-in-out infinite}.lb-online.off .dot{background:var(--muted);box-shadow:none;animation:none}@keyframes onlinePulse{50%{opacity:.35}}.lb-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 24px}.lb-frame{width:min(540px,92vw);display:flex;flex-direction:column;gap:13px;text-align:center}.lb-frame.wide{width:min(860px,94vw)}.lb-title{line-height:1}.cd-word{font-size:64px;letter-spacing:5px;color:#fff}.lb-tag{font-size:17px;letter-spacing:4px;color:var(--muted);margin-bottom:12px}.lb-row{display:flex;gap:10px;align-items:center}.lb-row>*{flex:1}#lobby input{font-family:inherit;font-size:26px;letter-spacing:2px;text-align:center;padding:12px;color:var(--text);background:#ffffff0a;border:1px solid rgba(255,255,255,.2);outline:none;min-width:0}#lobby input:focus{border-color:var(--yellow);background:#f2d0240d}.lb-rank{font-size:24px;flex:0 0 auto;padding:0 8px;letter-spacing:1px}.lb-btn{font-size:25px;letter-spacing:3px;padding:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff08;color:var(--text);transition:border-color .12s,background .12s}.lb-btn:hover{border-color:var(--yellow);background:#f2d0240f}.lb-btn.primary{background:#fff;border-color:#fff;color:#14141a;font-size:28px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.lb-btn.primary:hover{filter:brightness(.94);background:#fff}.lb-btn.local{color:var(--muted)}.lb-btn.local:hover{color:var(--text)}.lb-me{display:flex;align-items:baseline;justify-content:center;gap:14px;padding:4px 0 6px;flex-wrap:wrap}.lb-me-name{font-size:32px;color:var(--yellow);letter-spacing:2px}.lb-record{font-size:19px;color:var(--muted)}.lb-logout{font-size:16px;color:var(--muted);border-bottom:1px dotted var(--muted)}.lb-logout:hover{color:var(--text)}.lb-status{font-size:28px;letter-spacing:3px}.lb-sub{font-size:17px;color:var(--muted);letter-spacing:1px}.lb-dots{animation:blink 1.2s steps(3) infinite}.lb-error{font-size:19px;letter-spacing:1px;color:#ff5060}.lb-code{font-size:80px;letter-spacing:14px;color:var(--yellow);text-shadow:0 0 26px rgba(242,208,36,.5);line-height:1;-webkit-user-select:text;user-select:text}.lb-board{display:flex;flex-direction:column;gap:5px;max-height:min(460px,52vh);overflow-y:auto;padding-right:4px}.lb-board-row{display:grid;grid-template-columns:44px minmax(120px,1fr) auto 76px auto;align-items:center;gap:12px;padding:9px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);font-size:19px;text-align:left}.lb-board-row.me{border-color:var(--yellow);background:#f2d02414}.lb-board-row .pos{color:var(--muted);font-size:22px;font-variant-numeric:tabular-nums}.lb-board-row .pos.p1{color:var(--yellow)}.lb-board-row .pos.p2{color:#c3cdd8}.lb-board-row .pos.p3{color:#c98a4b}.lb-board-row .name{color:var(--text);font-size:22px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-board-row .rank{letter-spacing:1px;white-space:nowrap}.lb-board-row .elo{color:var(--yellow);text-align:right;font-variant-numeric:tabular-nums}.lb-board-row .rec{color:var(--muted);font-size:17px;white-space:nowrap}#victory .elo-line{font-size:24px;letter-spacing:1px;color:var(--muted)}#victory .elo-line b{color:#ffd75e}#victory .delta-up{color:#35e08a}#victory .delta-down{color:#ff5060}.hidden{display:none!important}@media(max-width:1279px){#sidebar,#bottom-bar{width:268px}.pp-name{font-size:24px}.clock{font-size:32px}.pp-slot{width:50px;height:50px}}