.hex-launch-page{min-height:100vh;background:radial-gradient(circle at 50% -20%,rgba(31,116,255,.12),transparent 42%),var(--bg)}.hex-launch{width:min(900px,calc(100% - 32px));padding:56px 0 46px}.hex-launch-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:24px;align-items:end;margin-bottom:24px}.hex-launch-head h1{margin:7px 0 8px;font-size:clamp(30px,5vw,48px)}.hex-launch-head p{margin:0;color:var(--muted);line-height:1.9}.hex-join-card h2{margin:0 0 18px;font-size:18px}.hex-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hex-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hex-color-field>div{display:grid;grid-template-columns:48px 1fr;gap:8px}.hex-color-field input[type=color]{width:48px;height:42px;padding:3px;border-radius:10px}.qhex-lobby-page{min-height:100vh;padding-bottom:86px;color:#edf5ff;background:radial-gradient(circle at 50% 28%,rgba(28,104,220,.18),transparent 38%),linear-gradient(135deg,#07142d,#08245a)}.qhex-lobby-top{color:#fff;background:#0c2a5de0;border-color:#5394e63d}.qhex-lobby{width:min(1348px,calc(100% - 32px));margin:0 auto;padding:18px 0 34px}.qhex-lobby-hero{min-height:145px;padding:28px 34px;display:grid;grid-template-columns:1.25fr 1.45fr 170px;gap:30px;align-items:center;border-radius:22px;background:#051431b8;border:1px solid rgba(68,151,224,.33);box-shadow:inset 0 1px #ffffff08}.qhex-lobby-title span{color:#76cfff;font-size:10px;font-weight:850}.qhex-lobby-title span i{display:inline-block;width:6px;height:6px;margin-inline-end:6px;border-radius:50%;background:#73d7ff}.qhex-lobby-title h1{margin:7px 0;font-size:28px}.qhex-lobby-title p{margin:0;color:#8495b2;font-size:12px}.qhex-join-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qhex-join-option{min-height:72px;padding:11px;display:grid;grid-template-columns:32px 1fr 42px;gap:8px;align-items:center;border-radius:14px;background:#0a193bc7;border:1px solid rgba(70,120,190,.3)}.qhex-join-option svg{padding:7px;width:32px;height:32px;border-radius:9px}.qhex-join-option span{font-size:9px;color:#98a9c2}.qhex-join-option span b{display:block;margin-top:2px;color:#fff;font-size:12px}.qhex-join-option>strong{height:48px;display:grid;place-items:center;border-radius:10px;font:950 24px/1 Sora}.qhex-join-option.one svg,.qhex-join-option.one>strong{color:#82b5ff;background:#2878ff2e}.qhex-join-option.two svg,.qhex-join-option.two>strong{color:#ff7b83;background:#ef33402e}.qhex-lobby-total{min-height:88px;display:grid;place-items:center;align-content:center;border-inline-start:1px solid rgba(100,139,194,.22)}.qhex-lobby-total strong{font:950 34px/1 Sora}.qhex-lobby-total span{margin-top:8px;color:#899bb7;font-size:10px;font-weight:800}.qhex-team-lobbies{direction:ltr;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.qhex-team-lobby{direction:rtl;min-height:485px;padding:22px 26px;border-radius:22px;background:#061027d6;border:1px solid rgba(65,120,195,.35)}.qhex-team-lobby--one{border-color:#2878ff80;background:linear-gradient(145deg,#0a224ee6,#051027e6)}.qhex-team-lobby--two{border-color:#ef334080;background:linear-gradient(215deg,#3e0f19ad,#051027e6)}.qhex-team-lobby>header{display:flex;align-items:center;justify-content:space-between}.qhex-team-lobby>header div{display:flex;align-items:center;gap:9px}.qhex-team-lobby>header h2{margin:0;font-size:18px}.qhex-team-lobby>header span{color:#a8b6cc;font-size:10px}.qhex-team-lobby--one>header svg,.qhex-team-lobby--one>header span b{color:#63a1ff}.qhex-team-lobby--two>header svg,.qhex-team-lobby--two>header span b{color:#ff6670}.qhex-team-lobby ul{margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;list-style:none}.qhex-team-lobby li{min-width:0;display:flex;align-items:center;gap:9px}.qhex-team-lobby li .player-banner{flex:1;min-width:0}.qhex-team-lobby li>button{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:9px;color:#ff91b7;background:#7e1f4126;border:1px solid rgba(225,70,120,.25)}.qhex-empty-team{min-height:360px;display:grid;place-items:center;align-content:center;text-align:center;color:#526582}.qhex-empty-team h3{margin:10px 0 4px;color:#9cabc0}.qhex-empty-team p{margin:0;font-size:11px}.qhex-lobby-footer{position:fixed;z-index:30;inset:auto 0 0;min-height:78px;padding:12px max(24px,calc((100% - 1348px)/2));display:flex;align-items:center;justify-content:space-between;color:#fff;background:#040d22f5;border-top:1px solid rgba(72,127,203,.25)}.qhex-lobby-footer>div{display:flex;align-items:center;gap:10px}.qhex-lobby-footer>div:first-child{display:grid;grid-template-columns:auto 1fr}.qhex-lobby-footer small{grid-column:2;color:#71829e}.qhex-lobby-footer .btn--primary{min-width:170px}.qhex-page{--qhex-one: #2878ff;--qhex-two: #ef3340;min-height:100vh;color:#eef5ff;background:radial-gradient(circle at 50% 48%,rgba(31,93,205,.18),transparent 34%),linear-gradient(180deg,#071433,#06102a 58%,#07132d)}.qhex-page .game-topbar{background:#050d23f0;border-color:#4b84d733}.qhex-stage{width:min(980px,calc(100% - 30px));margin:0 auto;padding:86px 0 34px}.qhex-scorebar{direction:ltr;display:grid;grid-template-columns:1fr 190px 1fr;gap:18px;align-items:stretch}.qhex-team,.qhex-status{direction:rtl;min-height:62px;padding:11px 18px;display:flex;flex-direction:column;justify-content:center;border-radius:15px;background:#0c1f47db;border:1px solid rgba(55,127,226,.4);box-shadow:inset 0 1px #ffffff08}.qhex-team small,.qhex-status small{color:#7183a4;font-size:10px;font-weight:750}.qhex-team strong,.qhex-status strong{margin-top:2px;font-size:17px;font-weight:950}.qhex-team--one{align-items:flex-start;border-color:color-mix(in srgb,var(--qhex-one) 55%,transparent);background:linear-gradient(120deg,#0c1f47e6,color-mix(in srgb,var(--qhex-one) 12%,#0b193c))}.qhex-team--one strong{color:var(--qhex-one)}.qhex-team--two{align-items:flex-end;border-color:color-mix(in srgb,var(--qhex-two) 55%,transparent);background:linear-gradient(240deg,#0c1f47e6,color-mix(in srgb,var(--qhex-two) 12%,#0b193c))}.qhex-team--two strong{color:var(--qhex-two)}.qhex-team-line{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.qhex-team-line b{min-width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:color-mix(in srgb,currentColor 16%,transparent);border:1px solid color-mix(in srgb,currentColor 35%,transparent);font:950 18px/1 Sora,sans-serif}.qhex-team--one .qhex-team-line b{color:var(--qhex-one)}.qhex-team--two .qhex-team-line b{color:var(--qhex-two)}.qhex-status{align-items:center;text-align:center}.qhex-status strong{color:#fff}.qhex-board-wrap{position:relative;min-height:575px;margin-top:17px;padding-top:18px;display:flex;justify-content:center;align-items:flex-start;border-top:1px solid rgba(66,121,200,.14)}.qhex-board-wrap:before,.qhex-board-wrap:after{content:"";position:absolute;opacity:.13;border:2px solid #7ea8e5;border-radius:18px;transform:rotate(20deg)}.qhex-board-wrap:before{width:44px;height:44px;left:2%;top:18%}.qhex-board-wrap:after{width:35px;height:35px;right:2%;bottom:18%;transform:rotate(-18deg)}.qhex-board{direction:ltr;width:min(650px,76vw);display:grid;grid-template-columns:repeat(var(--qhex-size),1fr);gap:0 4px;padding:18px calc(50% / var(--qhex-size)) 24px 0;filter:drop-shadow(0 15px 22px rgba(0,0,0,.22))}.qhex-cell{position:relative;aspect-ratio:.88;margin-block:-16px;display:grid;place-items:center;border:0;color:#0a2048;background:transparent;clip-path:polygon(25% 2%,75% 2%,100% 50%,75% 98%,25% 98%,0 50%);cursor:pointer;transition:transform .18s ease,filter .18s ease,background .25s ease}.qhex-cell:before{content:"";position:absolute;inset:2px;clip-path:inherit;background:linear-gradient(150deg,#fff 8%,#edf5fb 56%,#d9e9f5);box-shadow:inset 0 0 0 2px #3a7fc2,inset 0 0 28px #337cbe14}.qhex-cell span{position:relative;z-index:1;font-size:clamp(25px,3vw,43px);font-weight:950;text-shadow:0 2px 0 #fff}.qhex-cell:hover:not(:disabled){z-index:3;filter:brightness(1.05) drop-shadow(0 8px 9px rgba(34,116,219,.3))}.qhex-cell:disabled{cursor:default}.qhex-cell.is-selected:before{background:linear-gradient(145deg,#ffe6a0,#ffb629);box-shadow:inset 0 0 0 3px #fff1b6}.qhex-cell.is-one:before{background:var(--qhex-one);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--qhex-one) 70%,white)}.qhex-cell.is-two:before{background:var(--qhex-two);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--qhex-two) 70%,white)}.qhex-cell.is-one span,.qhex-cell.is-two span{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.28)}.qhex-cell.is-path{z-index:5;animation:qhexPath .65s ease-in-out infinite alternate}@keyframes qhexPath{to{filter:drop-shadow(0 0 17px #fff) brightness(1.24)}}.qhex-board-wrap.has-question .qhex-board{filter:brightness(.47) saturate(.7)}.qhex-stage:has(.qhex-question) .qhex-scorebar{opacity:.28;filter:brightness(.6)}.qhex-question{position:absolute;z-index:8;top:-166px;width:min(650px,calc(100% - 30px));min-height:690px;padding:22px 28px 26px;display:flex;flex-direction:column;border-radius:22px;color:#eef5ff;background:linear-gradient(150deg,#0c2758fc,#051433fc);border:1px solid rgba(80,151,235,.42);box-shadow:0 28px 80px #00000094,inset 0 1px #ffffff0d}.qhex-question-letter{position:relative;width:126px;height:145px;margin:-12px auto 16px;display:grid;place-items:center;background:#6484a7;clip-path:polygon(25% 2%,75% 2%,100% 50%,75% 98%,25% 98%,0 50%)}.qhex-question-letter:before{content:"";position:absolute;inset:4px;clip-path:inherit;background:linear-gradient(145deg,#102d59,#0a1d42)}.qhex-question-letter span{position:relative;z-index:1;font-size:38px;font-weight:950}.qhex-question-prompt{padding:16px 24px 20px;border-radius:16px;text-align:center;background:#030e255c;border:1px solid rgba(91,143,210,.28)}.qhex-question-head{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px}.qhex-question-meta{color:#7290b5;font-size:10px;font-weight:850}.qhex-question-timer{min-width:82px;height:32px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;direction:ltr;color:#76dcff;background:#248ee021;border:1px solid rgba(83,183,239,.32);font:900 14px/1 Sora,sans-serif}.qhex-question-timer.is-expired,.qhex-host-status strong.is-expired{color:#ff709d;border-color:#ff48826b;background:#ff23691c;animation:qhexTimerPulse .85s ease-in-out infinite alternate}@keyframes qhexTimerPulse{to{opacity:.58}}.qhex-question h2{margin:8px 0 0;font-size:clamp(18px,2.1vw,27px);line-height:1.55}.qhex-reveal{width:100%;min-height:54px;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;color:#adc0dc;background:#030d2394;border:1px solid rgba(83,134,200,.3)}.qhex-reveal span{font-size:11px;font-weight:850}.qhex-reveal b{color:#fff;font-size:13px}.qhex-reveal.is-open{border-color:#4bafff9e;background:#1458a02e}.qhex-chat-answer{margin-top:12px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;border-radius:11px;background:#ffffff09}.qhex-chat-answer span{color:#7586a2;font-size:10px}.qhex-chat-answer strong{font-size:12px}.qhex-chat-answer.is-resolved{background:#23c0771a;border:1px solid rgba(65,220,145,.3)}.qhex-chat-answer.is-resolved span{color:#67dda5}.qhex-question-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.qhex-grant{min-height:42px;padding:8px 12px;border-radius:11px;color:#fff;font-weight:900;opacity:.62;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease}.qhex-grant--one{background:var(--qhex-one)}.qhex-grant--two{background:var(--qhex-two)}.qhex-grant:not(:disabled):hover{opacity:1;transform:translateY(-1px)}.qhex-grant.is-active{opacity:1;box-shadow:0 0 0 3px #fff3,0 8px 22px #0003}.qhex-grant:disabled{opacity:.26;cursor:not-allowed;filter:saturate(.35)}.qhex-question-links{display:flex;justify-content:center;gap:20px;margin-top:14px}.qhex-question-links button{color:#9eb0ca;background:transparent;font-size:10px;font-weight:750}.qhex-question-links button:hover{color:#fff}.qhex-next-round{width:100%;min-height:48px;margin-top:14px;border-radius:12px;color:#06132d;background:linear-gradient(90deg,#61d9ff,#348dff);font-size:14px;font-weight:950;box-shadow:0 10px 28px #348dff40}.qhex-next-round:hover{filter:brightness(1.08);transform:translateY(-1px)}.qhex-round-message{position:absolute;z-index:9;padding:22px 30px;display:flex;align-items:center;gap:12px;border-radius:17px;color:#fff;background:#091c41f5;border:1px solid rgba(255,255,255,.18);box-shadow:0 22px 60px #00000080}.qhex-legend{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:-18px;color:#7587a4;font-size:11px}.qhex-legend .one{color:var(--qhex-one)}.qhex-legend .two{color:var(--qhex-two)}.qhex-control-backdrop{position:fixed;z-index:38;inset:68px 0 0;border:0;background:#01081994;-webkit-backdrop-filter:brightness(.72);backdrop-filter:brightness(.72)}.qhex-host-panel{position:fixed;z-index:40;inset:68px 0 0 auto;width:min(420px,100%);padding:24px;color:#edf6ff;background:linear-gradient(160deg,#0c2a5efc,#051942fc);border-inline-start:1px solid rgba(78,150,238,.36);box-shadow:-24px 0 70px #0000004d}.qhex-host-panel>header{display:flex;align-items:center;justify-content:space-between}.qhex-host-panel>header span{color:#74d6ff;font-size:11px;font-weight:850}.qhex-host-panel>header h2{margin:2px 0 0;font-size:22px}.qhex-host-tabs{margin-top:18px;padding:5px;display:grid;grid-template-columns:1fr 1fr;gap:5px;border-radius:13px;background:#03102c8c;border:1px solid rgba(77,137,217,.32)}.qhex-host-tabs button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;color:#a9bad2;background:transparent;font-weight:900}.qhex-host-tabs button.is-active{color:#061633;background:linear-gradient(90deg,#58d8ff,#2d8cff);box-shadow:0 6px 18px #1e85ff40}.qhex-host-tabs b{min-width:20px;height:20px;display:grid;place-items:center;border-radius:99px;font-size:10px;background:#ffffff24}.qhex-host-controls,.qhex-host-players{margin-top:18px}.qhex-host-status{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qhex-host-status>span{min-height:62px;padding:11px 14px;display:flex;flex-direction:column;border-radius:12px;background:#04143573;border:1px solid rgba(74,130,201,.3)}.qhex-host-status small{color:#91a3bf;font-size:10px}.qhex-host-status strong{margin-top:4px;font-size:17px}.qhex-host-controls>label{margin-top:15px;display:flex;align-items:center;justify-content:space-between;font-weight:900}.qhex-time-input{display:flex;align-items:center;border-radius:11px;overflow:hidden;border:1px solid rgba(75,142,224,.45)}.qhex-time-input input{width:66px;height:42px;padding:0 10px;direction:ltr;color:#fff;background:#041230bf;border:0;font-weight:950}.qhex-time-input b{height:42px;padding:0 10px;display:grid;place-items:center;color:#93a8c5;background:#04123073;font-size:10px}.qhex-host-info{margin:18px 0;display:grid;gap:8px}.qhex-host-info span{padding:12px 14px;display:flex;justify-content:space-between;border-radius:10px;color:#9eb0c9;background:#ffffff09}.qhex-host-info b{color:#fff}.qhex-host-controls>.btn{width:100%}.qhex-host-players>p{color:#91a4c0;font-size:11px}.qhex-host-players ul{margin:14px 0 0;padding:0;max-height:calc(100vh - 235px);display:grid;gap:8px;overflow:auto;list-style:none}.qhex-host-players li{padding:11px 12px;display:grid;grid-template-columns:1fr auto 30px;gap:10px;align-items:center;border-radius:12px;background:#03112e80;border:1px solid rgba(68,126,200,.25)}.qhex-host-players li div{display:flex;flex-direction:column}.qhex-host-players li div>span{margin-top:3px;color:#8699b7;font-size:9px}.qhex-host-players i{display:inline-block;width:6px;height:6px;margin-inline-end:4px;border-radius:50%}.qhex-host-players i.one{background:var(--qhex-one)}.qhex-host-players i.two{background:var(--qhex-two)}.qhex-host-players li>b{color:#9eb5d5;font-size:11px}.qhex-host-players li>button{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#ff8fb6;background:#8f254c2e;border:1px solid rgba(221,66,118,.2)}.qhex-add-players h2{margin:5px 0 22px;font-size:26px}.qhex-add-label{color:#93a4bd;font-size:11px;font-weight:850}.qhex-add-rules{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.qhex-add-rules>div{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;background:#081736a6;border:1px solid rgba(73,130,202,.3)}.qhex-add-rules span{color:#9bb0cb;font-size:10px}.qhex-add-rules strong{font-size:11px}.qhex-add-rules b{margin-inline-start:5px;font:950 20px/1 Sora}.qhex-add-rules .one b{color:var(--qhex-one)}.qhex-add-rules .two b{color:var(--qhex-two)}.qhex-add-head{margin-top:18px;display:flex;justify-content:space-between;color:#9eafc8;font-size:11px;font-weight:850}.qhex-add-head b{min-width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#3e88ea33}.qhex-add-list{margin:10px 0 0;padding:0;max-height:220px;display:grid;gap:8px;overflow:auto;list-style:none}.qhex-add-list li{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}.qhex-add-list li>i{padding:5px 8px;border-radius:99px;font-size:9px;font-style:normal;font-weight:850}.qhex-add-list li>i.one{color:#8db9ff;background:#2878ff26}.qhex-add-list li>i.two{color:#ff8aca;background:#ec198f26}.qhex-add-empty,.qhex-add-note{color:#8395b0;font-size:11px}.qhex-add-empty{min-height:90px;display:grid;place-items:center;border:1px dashed rgba(84,137,205,.26);border-radius:12px}.qhex-add-note{margin-top:15px}.qhex-add-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:9px;margin-top:18px}.qhex-winner .win-icon{color:#07142e;background:linear-gradient(145deg,#ffe895,#f3af28)}.qhex-champion-board{position:relative;overflow:hidden;text-align:center}.qhex-champion-rays{position:absolute;z-index:-1;width:330px;height:330px;top:-210px;left:50%;transform:translate(-50%);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,215,87,.18) 0 12deg,transparent 12deg 25deg);filter:blur(.3px)}.qhex-champion-crown{width:74px;height:74px;margin:0 auto 10px;display:grid;place-items:center;border-radius:23px;color:#6b4300;background:linear-gradient(145deg,#fff1a8,#f4b529);box-shadow:0 15px 40px #f6b8274d;transform:rotate(-4deg)}.qhex-champion-board h2{margin:6px 0 10px;font-size:clamp(25px,4vw,36px)}.qhex-champion-board.is-one h2{color:var(--qhex-one)}.qhex-champion-board.is-two h2{color:var(--qhex-two)}.qhex-champion-score{width:max-content;margin:0 auto 18px;padding:8px 14px;display:flex;align-items:center;gap:10px;border-radius:11px;color:#95a8c3;background:#ffffff0b;border:1px solid rgba(115,155,211,.2);font-size:10px}.qhex-champion-score strong{color:#fff;font:950 16px/1 Sora}.qhex-first-place-list{position:relative;padding:16px;border-radius:18px;background:linear-gradient(145deg,#0e2a58d1,#051330e0);border:1px solid rgba(244,190,56,.38);box-shadow:inset 0 1px #ffffff0a}.qhex-first-place-list.winner-board{margin:0}.qhex-first-place-list.winner-board.has-skin{border:2px solid transparent;background:var(--wb-bg) padding-box,var(--wb-edge) border-box;box-shadow:0 18px 50px -24px var(--wb-glow),inset 0 1px #ffffff0d}.qhex-first-place-list>header{display:flex;align-items:center;justify-content:space-between;text-align:start}.qhex-first-place-list>header div{display:flex;align-items:center;gap:8px;color:#ffd967;font-weight:950}.qhex-first-place-list>header small{color:#8396b2;font-size:10px}.qhex-first-place-list ol{margin:14px 0 0;padding:0;display:grid;gap:8px;list-style:none}.qhex-first-place-list li{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center}.qhex-first-place-list li>i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#c0cee0;background:#fff1;font: 950 12px/1 Sora}.qhex-first-place-list li.is-first>i{color:#604000;background:linear-gradient(145deg,#fff1a2,#eab12e);box-shadow:0 5px 15px #ebb12740}.qhex-first-place-list .pbanner{width:calc(100% - 28px);min-width:0;justify-self:center}.qhex-first-place-list .qhex-player-points{position:relative;z-index:4;min-width:62px;padding:7px 9px;border-radius:9px;color:#fff;background:#030e24b8;border:1px solid rgba(119,159,213,.24);font-size:11px;text-align:center;white-space:nowrap}.qhex-first-place-list li.is-first .pbanner{filter:drop-shadow(0 7px 14px rgba(245,189,48,.16))}.qhex-champion-new{width:min(360px,100%);margin-top:18px}.qhex-round-summary{text-align:center}.qhex-round-crown{width:66px;height:66px;margin:0 auto 10px;display:grid;place-items:center;border-radius:20px;color:#fff;transform:rotate(6deg)}.qhex-round-crown.one{background:linear-gradient(145deg,var(--qhex-one),#1555c8);box-shadow:0 12px 30px color-mix(in srgb,var(--qhex-one) 28%,transparent)}.qhex-round-crown.two{background:linear-gradient(145deg,var(--qhex-two),#a70c62);box-shadow:0 12px 30px color-mix(in srgb,var(--qhex-two) 28%,transparent)}.qhex-round-summary h2{margin:6px 0 4px;font-size:28px}.qhex-round-summary>p{margin:0;color:#8fa2bd;font-size:12px}.qhex-round-leaders{direction:ltr;margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.qhex-round-leaders section{direction:rtl;padding:15px;border-radius:16px;text-align:start;background:#051431a3;border:1px solid rgba(75,132,205,.3)}.qhex-round-leaders section.is-one{border-color:color-mix(in srgb,var(--qhex-one) 48%,transparent)}.qhex-round-leaders section.is-two{border-color:color-mix(in srgb,var(--qhex-two) 48%,transparent)}.qhex-round-leaders header{display:flex;align-items:center;justify-content:space-between}.qhex-round-leaders header span{font-weight:950}.qhex-round-leaders section.is-one header span{color:var(--qhex-one)}.qhex-round-leaders section.is-two header span{color:var(--qhex-two)}.qhex-round-leaders header b{padding:5px 8px;border-radius:8px;color:#b5c5db;background:#ffffff0f;font:850 11px/1 Sora}.qhex-round-leaders ol{margin:13px 0 0;padding:0;display:grid;gap:7px;list-style:none}.qhex-round-leaders li{min-height:42px;padding:7px 9px;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border-radius:10px;background:#ffffff09}.qhex-round-leaders li i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:#07142e;background:#d9e7f5;font: 950 11px/1 Sora}.qhex-round-leaders li:first-child i{background:linear-gradient(145deg,#ffe790,#e8a720)}.qhex-round-leaders li strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.qhex-round-leaders li span{color:#8fa3bf;font-size:10px}.qhex-summary-next{width:min(360px,100%);margin-top:20px}.qhex-round-leaders .qhex-player-name{display:flex;align-items:center;gap:6px;min-width:0}.qhex-round-leaders .qhex-player-name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qhex-round-leaders .qhex-platform{display:inline-flex;flex:0 0 auto}.qhex-round-leaders .qhex-platform--kick{color:#53fc18}.qhex-round-leaders .qhex-platform--tiktok{color:#fff}.qhex-round-leaders .qhex-platform--discord{color:#8c9eff}.team-join-badge{margin-inline-start:8px;padding:3px 7px;border-radius:99px;font-size:8px;font-weight:850}.team-join-badge--left{color:#82b5ff;background:#2878ff21}.team-join-badge--right{color:#ff7b83;background:#ef334024}@media(max-width:760px){.hex-launch{padding-top:28px}.hex-launch-head,.hex-two-fields,.hex-settings-grid{grid-template-columns:1fr}.qhex-lobby{width:calc(100% - 16px)}.qhex-lobby-hero{grid-template-columns:1fr;padding:18px}.qhex-join-options,.qhex-team-lobbies{grid-template-columns:1fr}.qhex-lobby-total{border:0;min-height:54px}.qhex-team-lobby{min-height:320px;padding:16px}.qhex-team-lobby ul{grid-template-columns:1fr}.qhex-lobby-footer{padding:10px}.qhex-lobby-footer small{display:none}.qhex-lobby-footer .btn--primary{min-width:120px}.qhex-stage{width:calc(100% - 12px);padding-top:26px}.qhex-scorebar{grid-template-columns:1fr 105px 1fr;gap:6px}.qhex-team,.qhex-status{min-height:54px;padding:8px;border-radius:11px}.qhex-team small,.qhex-status small{font-size:7px}.qhex-team strong,.qhex-status strong{font-size:11px}.qhex-board-wrap{min-height:440px;margin-top:8px;padding-top:12px}.qhex-board{width:min(92vw,560px)}.qhex-cell{margin-block:-10px}.qhex-cell span{font-size:clamp(20px,8vw,34px)}.qhex-question{top:-112px;min-height:620px;padding:16px}.qhex-question-letter{width:92px;height:105px}.qhex-question-actions{grid-template-columns:1fr}.qhex-question-links{gap:10px;flex-wrap:wrap}.qhex-legend{margin-top:-5px}.qhex-round-leaders{grid-template-columns:1fr}}.qhex-first-place-list.has-art-winboard{overflow:visible}.qhex-winboard-art{display:grid;place-items:center;margin:-4px auto 16px}.qhex-winboard-art .wb-mini--image{width:min(180px,100%)!important}:root{--font-ar: "Alexandria", "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif;--font-en: "Sora", "Segoe UI", sans-serif;--bg: #060b1e;--bg-deep: #04081a;--surface: #0b1432;--surface-soft: #0f1c44;--surface-raised: #17203f;--text: #f0f6ff;--muted: #8ea4ca;--muted-dim: #6d84ab;--border: rgba(56, 189, 248, .14);--border-strong: rgba(56, 189, 248, .3);--blue: #0066ff;--cyan: #00d2ff;--royal: #1d4ed8;--sky: #38bdf8;--gradient: linear-gradient(115deg, #00d2ff 0%, #0066ff 48%, #1d4ed8 100%);--gradient-soft: linear-gradient(145deg, #00d2ff 0%, #0066ff 56%, #1d4ed8 100%);--good: #22c55e;--warn: #eab308;--bad: #ef4444;--radius-xs: 10px;--radius-sm: 14px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 34px;--radius-pill: 999px;--shadow-sm: 0 12px 32px rgba(0, 0, 0, .35);--shadow-md: 0 28px 80px rgba(0, 0, 0, .55);--shadow-accent: 0 14px 34px rgba(0, 102, 255, .32);--container: 1220px;--topbar-h: 62px;--rail-w: 62px;--ease: cubic-bezier(.22, .61, .36, 1);--dur: .22s}:root[data-theme=light]{--bg: #f4f8ff;--bg-deep: #e9f1ff;--surface: #ffffff;--surface-soft: #edf4ff;--surface-raised: #ffffff;--text: #09132e;--muted: #4f6388;--muted-dim: #6b7ea4;--border: rgba(0, 102, 255, .14);--border-strong: rgba(0, 102, 255, .28);--shadow-sm: 0 10px 26px rgba(0, 82, 255, .08);--shadow-md: 0 22px 70px rgba(0, 82, 255, .14)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ar);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(760px 420px at 88% -8%,rgba(0,102,255,.24),transparent 62%),radial-gradient(620px 420px at 6% 12%,rgba(0,210,255,.12),transparent 60%)}:root[data-theme=light] body:before{opacity:.55}h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.01em}p{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}::selection{background:#00d2ff59}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}.shell{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.kicker{display:block;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--cyan);margin-bottom:6px}.muted{color:var(--muted)}.centered{display:grid;place-items:center;min-height:100vh}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;line-height:1;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),filter var(--dur) var(--ease)}.btn--sm{padding:8px 14px;font-size:12px}.btn--primary{background:var(--gradient);color:#fff;box-shadow:var(--shadow-accent)}.btn--primary:hover{transform:translateY(-1.5px);filter:brightness(1.07)}.btn--primary:active{transform:translateY(0)}.btn--ghost{background:color-mix(in srgb,var(--surface-soft) 80%,transparent);border:1px solid var(--border);color:var(--text)}.btn--ghost:hover{border-color:var(--border-strong);transform:translateY(-1.5px)}.btn:disabled{opacity:.45;pointer-events:none}.ghost-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-soft) 70%,transparent);border:1px solid var(--border);font-size:12px;font-weight:700;transition:all var(--dur) var(--ease)}.ghost-btn:hover{border-color:var(--border-strong);transform:translateY(-1px)}.ghost-btn:disabled{opacity:.4;pointer-events:none}.ghost-btn--danger{color:#ff8b8b;border-color:#ff5a5a47}.ghost-btn--danger:hover{background:#ff464624}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--surface-soft) 75%,transparent);border:1px solid var(--border);transition:all var(--dur) var(--ease)}.icon-btn:hover{border-color:var(--border-strong);transform:translateY(-1px)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#04122b;flex:none;box-shadow:inset 0 0 0 2px #ffffff2e}.avatar--sm{width:26px;height:26px;font-size:10px}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted-dim);flex:none}.dot.on{background:var(--good);box-shadow:0 0 0 4px #22c55e2e;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #22c55e2e}50%{box-shadow:0 0 0 7px #22c55e0f}}.topbar{position:sticky;top:0;z-index:40;height:var(--topbar-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--border)}.topbar-inner{height:100%;display:flex;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;gap:9px}.brand-mark{width:32px;height:32px;display:block}.brand-mark svg{width:100%;height:100%}.brand-text{font-size:17px;font-weight:800;letter-spacing:-.02em}.brand--sm .brand-mark{width:26px;height:26px}.brand--sm .brand-text{font-size:15px}.topnav{display:flex;gap:22px;margin-inline-start:auto;font-size:13px;font-weight:600}.topnav a{color:var(--muted);position:relative;padding:6px 0;transition:color var(--dur) var(--ease)}.topnav a:hover,.topnav a.is-active{color:var(--text)}.topnav a.is-active:after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;border-radius:2px;background:var(--gradient)}.topbar-actions{display:flex;align-items:center;gap:9px}.wallet-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-soft) 75%,transparent);border:1px solid var(--border);font-size:12px;color:var(--cyan)}.wallet-chip strong{color:var(--text)}.wallet-chip span{color:var(--muted)}.dash{display:flex;gap:18px;flex:1;padding:26px 0 60px}.rail{position:sticky;top:calc(var(--topbar-h) + 18px);align-self:flex-start;width:var(--rail-w);padding:8px;border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--border);display:flex;flex-direction:column;gap:6px;margin-inline-end:12px;transition:width var(--dur) var(--ease)}.rail-open .rail{width:196px}.rail-toggle{width:34px;height:30px;margin:2px auto 6px;display:grid;place-items:center;border-radius:10px;color:var(--muted);transition:background var(--dur) var(--ease)}.rail-toggle:hover{background:var(--surface-soft);color:var(--text)}.rail-open .rail-toggle svg{transform:rotate(180deg)}.rail-toggle svg{transition:transform var(--dur) var(--ease)}.rail-items{display:flex;flex-direction:column;gap:5px}.rail-item{display:flex;align-items:center;gap:11px;height:42px;padding:0 11px;border-radius:14px;color:var(--muted);white-space:nowrap;transition:all var(--dur) var(--ease)}.rail-item span{font-size:12.5px;font-weight:700;opacity:0;width:0;overflow:hidden;transition:opacity var(--dur) var(--ease)}.rail-open .rail-item span{opacity:1;width:auto}.rail-item:hover:not(:disabled){background:var(--surface-soft);color:var(--text)}.rail-item.is-active{background:var(--gradient);color:#fff;box-shadow:var(--shadow-accent)}.rail-item.is-locked{opacity:.4;cursor:not-allowed}.panel{flex:1;min-width:0}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px;flex-wrap:wrap}.panel-heading h1{font-size:clamp(26px,3.4vw,38px)}.panel-heading p{color:var(--muted);font-size:13px;margin-top:6px}.games-count{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--border);font-size:12px;color:var(--muted)}.games-count strong{font-size:16px;color:var(--text)}.games-count-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--gradient);color:#fff}.games-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.games-search{display:flex;align-items:center;gap:9px;padding:0 14px;height:42px;min-width:260px;flex:1 1 260px;max-width:380px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid var(--border);color:var(--muted);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.games-search:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 4px #00d2ff1a}.games-search input{flex:1;min-width:0;background:none;border:none;outline:none;font-size:13px;color:var(--text)}.games-search input::placeholder{color:var(--muted-dim)}.games-search-clear{display:grid;place-items:center;color:var(--muted)}.games-search-clear:hover{color:var(--text)}.games-filters{display:flex;gap:7px;flex-wrap:wrap}.games-filters button{padding:9px 16px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid var(--border);font-size:12.5px;font-weight:700;color:var(--muted);transition:all var(--dur) var(--ease)}.games-filters button:hover{color:var(--text);border-color:var(--border-strong)}.games-filters button.active{background:var(--gradient);color:#fff;border-color:transparent;box-shadow:var(--shadow-accent)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(266px,1fr));gap:16px}.game-card{--accent: var(--blue);position:relative;display:flex;flex-direction:column;min-height:240px;padding:20px;border-radius:var(--radius-md);background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),var(--surface) 52%);border:1px solid var(--border);overflow:hidden;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.game-card:before{content:"";position:absolute;inset-block-start:-46px;inset-inline-end:-46px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 40%,transparent),transparent 68%);opacity:.55;pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.game-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 22px 50px #0000006b}.game-card:hover:before{opacity:.85;transform:scale(1.12)}.game-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.game-art{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 88%,#fff 12%),var(--accent));color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 34%,transparent);transition:transform var(--dur) var(--ease)}.game-card:hover .game-art{transform:translateY(-2px) rotate(-5deg)}.game-card-flags{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--radius-pill);font-size:10px;font-weight:700;white-space:nowrap}.badge--new{background:color-mix(in srgb,var(--accent) 24%,transparent);color:color-mix(in srgb,var(--accent) 65%,#fff);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.badge--live{background:#22c55e29;color:#6ee7a0;border:1px solid rgba(34,197,94,.32)}.game-card h3{font-size:16px;color:var(--accent);margin-bottom:7px}.game-card>p{font-size:11.5px;line-height:1.75;color:var(--muted);flex:1}.game-card-actions{display:flex;gap:8px;margin-top:16px}.game-launch{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;border-radius:var(--radius-pill);background:linear-gradient(105deg,color-mix(in srgb,var(--accent) 78%,#fff 22%),var(--accent));color:#fff;font-size:12.5px;font-weight:700;box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 30%,transparent);transition:transform var(--dur) var(--ease),filter var(--dur) var(--ease)}.game-launch svg{transform:scaleX(-1)}.game-launch:hover{transform:translateY(-1.5px);filter:brightness(1.08)}.game-help{width:56px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-soft) 85%,transparent);border:1px solid var(--border);font-size:12px;font-weight:700;color:var(--muted);transition:all var(--dur) var(--ease)}.game-help:hover{color:var(--text);border-color:var(--border-strong)}.empty-state{display:grid;place-items:center;gap:10px;padding:64px 20px;text-align:center;border-radius:var(--radius-lg);border:1px dashed var(--border);color:var(--muted)}.empty-state strong{font-size:16px;color:var(--text)}.modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:#030714b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .18s var(--ease)}@keyframes fade{0%{opacity:0}}.modal{position:relative;width:min(100%,560px);max-height:min(88vh,860px);overflow:auto;padding:26px;border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--surface-soft),var(--surface) 62%);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);animation:rise .24s var(--ease)}.modal--sm{width:min(100%,420px)}.modal--lg{width:min(100%,660px)}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.97)}}.modal-backdrop--results{background:#030714db;-webkit-backdrop-filter:none;backdrop-filter:none}.modal--results{max-height:calc(100dvh - 32px);overflow-x:hidden;overscroll-behavior:contain;contain:layout paint}.modal--results,.modal--results *{animation:none!important}.modal-close{position:absolute;z-index:5;inset-block-start:16px;inset-inline-start:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--surface-soft) 80%,transparent);border:1px solid var(--border);color:var(--muted);transition:all var(--dur) var(--ease)}.modal-close:hover{color:var(--text);border-color:var(--border-strong)}.reconnect-backdrop{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:20px;background:#030714c7}.reconnect-card{width:min(100%,430px);padding:30px 26px 26px;display:grid;justify-items:center;gap:12px;text-align:center;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:linear-gradient(155deg,var(--surface-soft),var(--surface));box-shadow:var(--shadow-md)}.reconnect-spinner{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--blue) 18%,var(--surface));border:1px solid color-mix(in srgb,var(--cyan) 35%,transparent)}.reconnect-spinner i{width:27px;height:27px;border:3px solid rgba(255,255,255,.18);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}.reconnect-platforms{display:flex;align-items:center;justify-content:center;gap:8px}.reconnect-platforms span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--platform-color);background:color-mix(in srgb,var(--platform-color) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--platform-color) 35%,transparent)}.reconnect-card h2{font-size:21px}.reconnect-card p{max-width:34ch;color:var(--muted);font-size:13px}.reconnect-card small{color:var(--cyan);font-size:11px;font-weight:800}.reconnect-actions{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.reconnect-cancel{min-width:150px;color:#ff8b8b;border-color:color-mix(in srgb,#ff5a5a 38%,var(--border))}.reconnect-cancel:hover{background:color-mix(in srgb,#ff4646 12%,var(--surface-soft));border-color:color-mix(in srgb,#ff5a5a 65%,var(--border))}.reconnect-spinner--failed{color:#ff8b8b;background:color-mix(in srgb,#ff4646 14%,var(--surface));border-color:color-mix(in srgb,#ff5a5a 40%,transparent)}.connect-status-list{width:100%;display:grid;gap:8px;margin:4px 0 0;padding:0;list-style:none;text-align:start}.connect-status-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.connect-status-list li>div{flex:1;min-width:0;display:grid;gap:2px}.connect-status-list strong{font-size:13px}.connect-status-list small{color:var(--muted);font-size:11.5px;font-weight:600;overflow-wrap:anywhere}.connect-status-list li[data-status=failed]{border-color:color-mix(in srgb,#ff5a5a 45%,var(--border))}.connect-status-list li[data-status=failed] small{color:#ff8b8b}.connect-status-list li[data-status=connected]{border-color:color-mix(in srgb,#3ddc84 45%,var(--border))}.connect-status-list li[data-status=connected] small{color:#3ddc84}.connect-status-glyph{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:10px;color:var(--platform-color);background:color-mix(in srgb,var(--platform-color) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--platform-color) 35%,transparent)}.connect-status-state{flex:none;display:grid;place-items:center;width:22px}.connect-status-list li[data-status=connected] .connect-status-state{color:#3ddc84}.connect-status-list li[data-status=failed] .connect-status-state{color:#ff8b8b}.connect-note{margin-top:10px;font-size:12.5px}.help-head{text-align:center;margin-bottom:18px}.help-head h2{font-size:26px}.help-head .kicker{color:color-mix(in srgb,var(--accent) 70%,#fff)}.help-brief{padding:16px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 10%,var(--surface-soft));border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);text-align:center;margin-bottom:20px}.help-brief-copy span{font-size:10.5px;font-weight:700;color:var(--cyan)}.help-brief-copy p{font-size:13.5px;font-weight:600;margin-top:6px}.help-badges{display:flex;justify-content:center;gap:14px;margin-top:12px;flex-wrap:wrap}.help-badges span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.help-section{margin-bottom:20px}.help-section-title{display:flex;align-items:center;gap:11px;justify-content:flex-start;margin-bottom:14px}.help-section-icon{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:var(--gradient);color:#fff}.help-section-title span{display:block;font-size:10.5px;color:var(--cyan);font-weight:700}.help-section-title h4{font-size:16px}.help-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}.help-steps:before{content:"";position:absolute;inset-inline:12%;top:13px;height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}.help-steps li{position:relative;text-align:center;padding-top:34px}.help-step-no{position:absolute;top:0;inset-inline:0;margin:auto;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--cyan)}.help-steps strong{display:block;font-size:12.5px;margin-bottom:5px}.help-steps p{font-size:11px;line-height:1.7;color:var(--muted)}.help-modes{display:grid;grid-template-columns:1fr 1fr;gap:11px}.help-mode{padding:13px;border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--border)}.help-mode strong{display:block;font-size:12px;color:var(--cyan);margin-bottom:5px}.help-mode p{font-size:11px;line-height:1.7;color:var(--muted)}.help-actions{display:flex;gap:10px;justify-content:center;margin-top:22px}.launch-topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:14px;padding-inline:22px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:40}.launch-topbar-actions{display:flex;align-items:center;gap:9px}.launch{--accent: var(--blue);padding:34px 0 70px;display:grid;gap:16px;max-width:880px}.launch-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:8px}.launch-head h1{font-size:clamp(26px,3.4vw,36px)}.launch-head>div>p{font-size:13px;color:var(--muted);margin-top:7px;max-width:46ch}.platform-chip{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border)}.platform-chip-icon{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 22%,transparent);color:color-mix(in srgb,var(--accent) 70%,#fff)}.platform-chip span{font-size:10px;color:var(--muted);display:block}.platform-chip strong{font-size:12px}.platform-chip-action{margin-inline-start:8px;color:color-mix(in srgb,var(--accent) 72%,#fff)!important;font-weight:800}.chip-edit{padding:5px 11px;border-radius:var(--radius-pill);background:var(--surface-soft);border:1px solid var(--border);font-size:11px;font-weight:700;color:var(--muted)}.chip-edit:hover{color:var(--text)}.launch-card{padding:20px;border-radius:var(--radius-lg);background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface) 58%);border:1px solid var(--border)}.launch-card h2{font-size:19px;margin-bottom:5px}.launch-card>.muted{font-size:12px}.field{display:block;margin-top:16px;padding:14px;border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--border)}.field-label strong{display:block;font-size:12.5px}.field-label span{font-size:10.5px;color:var(--muted)}.field input{width:100%;margin-top:10px;padding:11px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg) 62%,transparent);border:1px solid var(--border);outline:none;font-size:14px;font-weight:700;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.field input:focus{border-color:var(--border-strong);box-shadow:0 0 0 4px #00d2ff1a}.launch-card--switch{display:flex;align-items:center;justify-content:space-between;gap:18px;transition:border-color var(--dur) var(--ease)}.launch-card--switch strong{font-size:13.5px}.launch-card--switch .muted{font-size:11px;margin-top:4px}.launch-card--switch.is-on{border-color:color-mix(in srgb,var(--cyan) 42%,transparent)}.switch{width:48px;height:27px;border-radius:var(--radius-pill);flex:none;background:var(--surface-raised);border:1px solid var(--border);position:relative;transition:background var(--dur) var(--ease)}.switch span{position:absolute;top:2px;inset-inline-end:2px;width:21px;height:21px;border-radius:50%;background:var(--muted);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.switch[aria-checked=true]{background:var(--gradient);border-color:transparent}.switch[aria-checked=true] span{background:#fff;transform:translate(-21px)}.launch-card--accordion{padding:0;overflow:hidden}.accordion-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;font-size:14px;font-weight:700}.accordion-head svg{color:var(--muted);transition:transform var(--dur) var(--ease)}.accordion-head svg.rot{transform:rotate(180deg)}.accordion-body{padding:0 20px 20px;border-top:1px solid var(--border);animation:slideDown .26s var(--ease)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}}.accordion-body-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;flex-wrap:wrap}.accordion-body-head h3{font-size:16px}.accordion-body-head .muted{font-size:11.5px;margin-top:3px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.setting{display:flex;flex-direction:column;gap:8px;padding:13px;border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--border)}.setting>span{font-size:11px;color:var(--muted);font-weight:700}.setting input,.setting select{padding:9px 11px;border-radius:10px;background:color-mix(in srgb,var(--bg) 60%,transparent);border:1px solid var(--border);outline:none;font-size:13px;font-weight:700}.setting input:focus,.setting select:focus{border-color:var(--border-strong)}.setting--row{flex-direction:row;align-items:center;justify-content:space-between}.setting--row input{width:92px;text-align:center}.setting--slider input{padding:0}.radio-row{display:flex;gap:7px}.radio-row button{flex:1;padding:9px;border-radius:10px;background:color-mix(in srgb,var(--bg) 55%,transparent);border:1px solid var(--border);font-size:12px;font-weight:700;color:var(--muted);transition:all var(--dur) var(--ease)}.radio-row button.on{background:var(--gradient);color:#fff;border-color:transparent}.launch-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--border)}.launch-footer .muted{display:inline-flex;align-items:center;gap:7px;font-size:11.5px}.launch-footer-actions{display:flex;gap:10px}.demo-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-soft) 80%,transparent);border:1px solid var(--border);font-size:11.5px;font-weight:700;color:var(--muted)}.demo-pill i{width:7px;height:7px;border-radius:50%;background:var(--good);animation:pulse 2s infinite}.lobby{--accent: var(--blue);padding:26px 0 120px;display:grid;gap:16px}.lobby-hero{position:relative;overflow:hidden;text-align:center;padding:34px 24px 30px;border-radius:var(--radius-xl);background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),var(--surface) 62%);border:1px solid var(--border)}.lobby-hero:before,.lobby-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 34%,transparent),transparent 70%)}.lobby-hero:before{width:210px;height:210px;top:-78px;inset-inline-start:-58px}.lobby-hero:after{width:240px;height:240px;bottom:-132px;inset-inline-end:-64px}.lobby-hero h1{font-size:clamp(30px,4.6vw,46px);margin:4px 0 8px}.lobby-hero>p{font-size:13px;color:var(--muted)}.lobby-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--cyan)}.lobby-kicker i{width:6px;height:6px;border-radius:50%;background:currentColor}.join-card{position:relative;z-index:1;display:inline-flex;align-items:center;gap:14px;margin-top:20px;padding:12px 14px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg) 55%,transparent);border:1px solid var(--border-strong)}.join-card-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 24%,transparent);color:#fff}.join-card-copy{text-align:start}.join-card-copy span{display:block;font-size:11px;font-weight:700}.join-card-copy small{font-size:10px;color:var(--muted)}.join-word{padding:10px 22px;border-radius:var(--radius-sm);background:var(--gradient);color:#fff;font-size:22px;font-weight:900;box-shadow:var(--shadow-accent)}.lobby-count{position:absolute;bottom:18px;inset-inline-end:26px;text-align:end;z-index:1}.lobby-count strong{display:block;font-size:26px;line-height:1}.lobby-count span{font-size:10.5px;color:var(--muted)}.lobby-players{padding:18px 20px 22px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid var(--border);min-height:190px}.lobby-players-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.lobby-players-head h2{display:inline-flex;align-items:center;gap:8px;font-size:15px}.counter{font-size:11.5px;color:var(--muted)}.lobby-empty{font-size:12.5px}.player-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px}.player-chip{display:inline-flex;align-items:center;gap:9px;padding:6px 8px 6px 6px;border-radius:var(--radius-pill);background:var(--surface-soft);border:1px solid var(--border);animation:joinIn .38s var(--ease) backwards}@keyframes joinIn{0%{opacity:0;transform:translateY(10px) scale(.9)}}.player-chip-name{font-size:12px;font-weight:700;padding-inline-end:4px}.player-chip-kick{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:color-mix(in srgb,var(--bg) 50%,transparent);transition:all var(--dur) var(--ease)}.player-chip-kick:hover{color:#ff8b8b;background:#ff464629}.lobby-bar,.game-bar{position:fixed;inset-inline:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px clamp(14px,3vw,30px);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border)}.lobby-bar-status,.game-bar-state{display:flex;align-items:center;gap:11px}.lobby-bar-status strong,.game-bar-state strong{display:block;font-size:12.5px}.lobby-bar-status small,.game-bar-state small{font-size:10.5px;color:var(--muted)}.lobby-bar-actions,.game-bar-actions{display:flex;gap:9px;flex-wrap:wrap}.demo-fill-btn{border-color:color-mix(in srgb,var(--cyan) 38%,var(--border))!important;color:color-mix(in srgb,var(--cyan) 82%,#fff)!important}.demo-fill-btn:not(:disabled):hover{background:color-mix(in srgb,var(--cyan) 12%,var(--surface-soft))}.game-shell{--accent: var(--blue);min-height:100dvh;padding-bottom:86px}.game-shell>main{flex:1}.game-topbar{position:sticky;top:0;z-index:40;height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:clamp(12px,2.4vw,24px);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.game-topbar-side{display:flex;align-items:center;gap:11px}.game-topbar-side--end{flex-wrap:wrap;justify-content:flex-end}.game-topbar-title{font-size:12px;color:var(--muted);padding-inline-start:11px;border-inline-start:1px solid var(--border)}.takwin{display:grid;grid-template-columns:clamp(300px,18vw,380px) minmax(0,1fr);gap:clamp(16px,1.2vw,26px);padding:clamp(20px,2vh,30px) clamp(12px,2.4vw,36px) 24px;align-items:stretch}.takwin-stage{order:2}.takwin-side{order:1}.takwin-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 22px 24px;border-radius:var(--radius-xl);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface) 64%);border:1px solid var(--border);position:relative;overflow:hidden}.takwin-stage:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;bottom:-160px;inset-inline-start:-110px;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%)}.takwin-stage h1{font-size:clamp(21px,2.9vw,30px)}.takwin-stage>.muted{font-size:12px;margin-top:7px}.takwin-stats{display:flex;justify-content:center;gap:12px;margin:14px 0 12px}.takwin-stats div{min-width:116px;padding:10px 16px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg) 42%,transparent);border:1px solid var(--border)}.takwin-stats span{display:block;font-size:10px;color:var(--muted)}.takwin-stats strong{font-size:17px}.takwin-status{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg) 48%,transparent);border:1px solid var(--border);max-width:100%}.takwin-status.shake{animation:shake .4s var(--ease);border-color:#ef444480}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.takwin-status-icon{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--good);color:#04220f;flex:none}.takwin-status-label{font-size:9.5px;color:var(--muted)}.takwin-status strong{font-size:12px}.hive{position:relative;margin:16px auto 4px;transform-origin:top center}@media(max-height:960px){.hive{transform:scale(.82);margin-bottom:-58px}}@media(max-height:800px){.hive{transform:scale(.72);margin-bottom:-92px}}.hex{position:absolute;width:112px;height:98px;display:grid;place-items:center;font-size:34px;font-weight:900;color:#062854;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:linear-gradient(150deg,#dff6ff,#58c4ff);filter:drop-shadow(0 11px 16px rgba(0,0,0,.26));animation:hexIn .38s var(--ease) backwards;transition:transform .18s var(--ease);-webkit-user-select:none;user-select:none}.hex:hover{transform:translateY(-3px)}@keyframes hexIn{0%{opacity:0;transform:translateY(14px) scale(.86)}}.hex--center{background:linear-gradient(145deg,#00d2ff,#06f 56%,#1d4ed8);color:#fff}.hex--center.flash{animation:flashHex .52s var(--ease)}@keyframes flashHex{0%,to{transform:scale(1)}35%{transform:scale(1.13);filter:drop-shadow(0 0 22px rgba(0,210,255,.85))}}.hive.is-idle .hex{opacity:.4}.takwin-form{max-width:400px;margin:18px auto 0;padding:14px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg) 44%,transparent);border:1px solid var(--border);position:relative;z-index:1}.takwin-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.takwin-form-head span{font-size:11px;color:var(--muted);font-weight:700}.hint-dot{width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:800;background:var(--surface-soft);border:1px solid var(--border);color:var(--muted)}.hint-dot:hover{color:var(--cyan);border-color:var(--border-strong)}.takwin-input-row{display:flex;gap:8px}.takwin-input-row input{flex:1;min-width:0;padding:11px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg) 62%,transparent);border:1px solid var(--border);outline:none;font-size:15px;font-weight:700;text-align:center;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.takwin-input-row input:focus{border-color:var(--border-strong);box-shadow:0 0 0 4px #00d2ff1a}.takwin-input-row input:disabled{opacity:.45}.takwin-hint{margin-top:10px;padding:9px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--warn) 14%,transparent);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);display:flex;align-items:center;justify-content:space-between;gap:10px;animation:slideDown .22s var(--ease)}.takwin-hint span{font-size:10.5px;color:var(--warn);font-weight:700}.takwin-hint strong{font-size:13px;letter-spacing:.12em}.takwin-side{padding:18px;border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--border);max-height:calc(100vh - 160px);overflow:auto}@media(min-width:1800px)and (min-height:1000px){.takwin-stage{padding-block:42px}.takwin-stage h1{font-size:36px}.takwin-stage>.muted{font-size:14px}.takwin-stats{margin-block:20px 16px}.takwin-stats div{min-width:138px;padding:12px 20px}.takwin-stats span{font-size:11px}.takwin-stats strong{font-size:20px}.takwin-status{padding:10px 18px}.hive{transform:scale(1.12);margin-block:38px 28px}.takwin-form{width:min(100%,460px);max-width:460px;padding:17px}.takwin-side{padding:24px}.side-head h2{font-size:17px}.side-empty{font-size:13px}}@media(min-width:721px)and (max-height:800px){.takwin{padding-block:12px 16px}.takwin-stage{justify-content:flex-start;padding-block:14px}.takwin-stage h1{font-size:24px}.takwin-stage>.muted{margin-top:3px}.takwin-stats{margin-block:8px}.takwin-stats div,.takwin-status{padding-block:6px}.hive{transform:scale(.64);margin-top:8px;margin-bottom:-126px}.takwin-form{margin-top:8px;padding:10px}}.side-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.side-head h2{font-size:15px}.side-count{min-width:30px;height:30px;padding:0 9px;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--surface-soft);border:1px solid var(--border);font-size:12px;font-weight:800}.side-empty{font-size:12px;text-align:center;padding:26px 8px}.found-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.found-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--border);animation:joinIn .3s var(--ease) backwards}.found-item strong{font-size:13px;display:block}.found-item small{font-size:10px;color:var(--muted)}.found-item>div{flex:1;min-width:0}.pts{font-size:11px;font-weight:800;color:var(--good)}.missed{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.missed .kicker{color:#ff9b9b}.missed-chips{display:flex;flex-wrap:wrap;gap:5px}.missed-chips span{padding:4px 9px;border-radius:8px;background:color-mix(in srgb,var(--bad) 12%,transparent);border:1px solid color-mix(in srgb,var(--bad) 24%,transparent);font-size:11px;color:color-mix(in srgb,var(--bad) 40%,#fff)}.game-bar--center{justify-content:center;gap:10px}.game-bar-metrics{display:flex;gap:9px}.metric{min-width:92px;padding:6px 14px;border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--border);text-align:center}.metric small{display:block;font-size:9.5px;color:var(--muted)}.metric strong{font-size:15px;font-variant-numeric:tabular-nums}.metric--accent{background:color-mix(in srgb,var(--warn) 16%,transparent);border-color:color-mix(in srgb,var(--warn) 32%,transparent)}.metric--accent strong{color:var(--warn)}.metric.danger{border-color:#ef444480}.metric.danger strong{color:#ff8b8b;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.45}}.lb-head{text-align:center;position:relative;margin-bottom:16px}.lb-head .kicker,.lb-head h2,.help-head .kicker,.help-head h2{pointer-events:none}.lb-head h2{font-size:22px}.lb-count{position:absolute;inset-block-start:4px;inset-inline-start:46px;min-width:28px;height:28px;padding:0 8px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--surface-soft);border:1px solid var(--border);font-size:12px;font-weight:800}.lb-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.lb-list li{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--border)}.lb-list li.is-me{border-color:var(--border-strong);background:color-mix(in srgb,var(--cyan) 9%,var(--surface-soft))}.lb-rank{width:20px;text-align:center;font-size:11px;color:var(--muted);font-weight:800}.lb-who{flex:1;min-width:0}.lb-who strong{display:block;font-size:12.5px}.lb-who small{font-size:10px;color:var(--muted)}.lb-score{text-align:center}.lb-score strong{display:block;font-size:15px}.lb-score small{font-size:9.5px;color:var(--muted)}.add-players{display:grid;gap:14px}.add-players>.kicker{padding-inline-end:36px;color:var(--cyan)}.add-players h2{font-size:23px}.add-players-rule{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 8%,var(--surface-soft))}.add-players-rule span,.add-players-head span{color:var(--muted);font-size:11px;font-weight:700}.add-players-rule strong{font-size:13px}.add-players-rule b{color:var(--cyan)}.add-players-head{display:flex;align-items:center;justify-content:space-between}.add-players-head b{min-width:28px;height:28px;padding:0 8px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-soft)}.add-players-list{list-style:none;margin:0;padding:0;display:grid;gap:7px;max-height:210px;overflow:auto}.add-players-list li{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);animation:joinIn .26s var(--ease) backwards}.add-players-list strong{font-size:12.5px}.add-players-empty{padding:20px 12px;text-align:center;border:1px dashed var(--border);border-radius:var(--radius-sm)}.add-players-note{font-size:11px}.add-players-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:2px}.win{text-align:center;padding:8px 4px}.win-icon{width:66px;height:66px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:var(--gradient);color:#fff;box-shadow:var(--shadow-accent);animation:popIn .42s var(--ease)}@keyframes popIn{0%{opacity:0;transform:scale(.6) rotate(-14deg)}}.win h2{font-size:21px;margin-bottom:7px}.win .muted{font-size:12.5px;margin-bottom:18px}.winner-profile{width:min(100%,260px);margin:16px auto 14px;padding:16px;display:grid;justify-items:center;gap:9px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 10%,var(--surface-soft));box-shadow:inset 0 1px #ffffff0a}.winner-profile .avatar-wrap{filter:drop-shadow(0 8px 16px rgba(0,0,0,.28))}.winner-profile>strong{font-size:18px;line-height:1.25}.winner-profile .plat-tag{font-size:10px}.winner-board{margin:16px 0 14px}.winner-champion{position:relative;width:min(100%,280px);margin:0 auto 12px;padding:25px 18px 16px;display:grid;justify-items:center;gap:8px;border:1px solid color-mix(in srgb,#facc15 50%,var(--border));border-radius:var(--radius-lg);background:linear-gradient(155deg,color-mix(in srgb,#facc15 15%,var(--surface-soft)),color-mix(in srgb,var(--accent) 10%,var(--surface)));box-shadow:0 14px 34px #00000038,inset 0 1px #ffffff12}.winner-crown{position:absolute;inset-block-start:-17px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#facc15;background:#4a3500;border:1px solid rgba(250,204,21,.55);filter:drop-shadow(0 6px 12px rgba(250,204,21,.2))}.winner-rank{color:#facc15;font-size:10px;font-weight:900;letter-spacing:.04em}.winner-identity{display:grid;justify-items:center;gap:2px;max-width:100%;min-width:0}.winner-name-row{display:flex;align-items:center;justify-content:center;gap:5px;max-width:100%;min-width:0}.winner-name-row .winner-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-platform{display:inline-flex;flex:none;width:11px;height:11px;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .45))}.winner-platform--kick{color:#53fc18}.winner-platform--tiktok{color:#fff}.winner-platform--discord{color:#8c9eff}.winner-handle{display:block;max-width:100%;overflow:hidden;color:var(--muted);font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.winner-meta{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.winner-meta>span{font-size:11px;font-weight:800;color:var(--muted)}.pbanner-reward.winner-reward-progress{position:relative;inset:auto;display:block;width:min(360px,calc(100% - 24px));margin:-4px auto 16px;container-type:inline-size}.winner-reward-progress .pbanner-reward-copy>b{font-size:clamp(7px,2.7cqi,9px)}.winner-reward-progress .pbanner-reward-coins{font-size:clamp(6px,2.2cqi,8px)}.winner-followers{list-style:none;margin:0;padding:0;display:grid;gap:7px;text-align:start}.winner-followers li{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);animation:joinIn .28s var(--ease) backwards}.winner-followers li:nth-child(2){animation-delay:45ms}.winner-followers li:nth-child(3){animation-delay:90ms}.winner-followers li:nth-child(4){animation-delay:135ms}.winner-place{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--cyan);font-size:11px;font-weight:900}.winner-person{flex:1;min-width:0}.winner-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.winner-person small{display:block;color:var(--muted);font-size:9.5px;margin-top:2px}.winner-points{color:var(--muted);font-size:10.5px;font-weight:800;white-space:nowrap}.shifra{display:flex;min-height:calc(100vh - 54px)}.shifra-scene{order:2;flex:1;min-width:0;padding:20px clamp(12px,2.2vw,22px) 90px}.host-panel{order:1}.shifra-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(158px * var(--card-scale, 1)),1fr));gap:12px}.player-board{position:relative;padding:11px;border-radius:var(--radius-md);background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface) 60%);border:1px solid var(--border);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.player-board.solved{border-color:#22c55e8c;box-shadow:0 0 0 1px #22c55e47,0 14px 32px #22c55e24}.player-board header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.player-board-name{font-size:11.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-rows{display:grid;gap:5px}.board-row{display:grid;grid-auto-flow:column;gap:5px;justify-content:center;direction:ltr}.board-row--rtl{direction:rtl}.cell{width:calc(26px * var(--card-scale, 1));height:calc(26px * var(--card-scale, 1));border-radius:7px;display:grid;place-items:center;font-size:calc(13px * var(--card-scale, 1));font-weight:800;background:color-mix(in srgb,var(--bg) 52%,transparent);border:1px solid var(--border);font-variant-numeric:tabular-nums}.cell--exact{background:#16a34a;border-color:#16a34a;color:#04220f}.cell--near{background:#eab308;border-color:#eab308;color:#2b2000}.cell--miss{background:color-mix(in srgb,var(--surface-raised) 90%,transparent);border-color:var(--border);color:var(--muted)}.cell.pop{animation:flip .36s var(--ease) backwards}@keyframes flip{0%{transform:rotateX(-90deg) scale(.86);opacity:0}to{transform:rotateX(0) scale(1);opacity:1}}.result-card{max-width:560px;margin:8vh auto 0;text-align:center;padding:30px 26px;border-radius:var(--radius-xl);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface) 62%);border:1px solid var(--border);animation:rise .3s var(--ease)}.result-icon{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--cyan) 22%,transparent);color:var(--cyan);border:1px solid var(--border-strong)}.result-card h2{font-size:22px;margin-bottom:14px}.result-card .muted{font-size:12.5px;margin-bottom:18px}.secret-reveal{color:var(--cyan);letter-spacing:.14em;font-variant-numeric:tabular-nums}.result-player-banner{width:100%;display:grid;justify-items:center;gap:8px;margin:0 auto 14px}.result-player-banner .pbanner{margin-inline:auto}.result-player-banner .pbanner.has-reward{margin-bottom:27px}.result-point-award{display:inline-flex;align-items:center;min-height:25px;padding-inline:11px;border-radius:var(--radius-pill);color:#86efac;background:#22c55e24;border:1px solid rgba(34,197,94,.32);font-size:11px;font-weight:900}.result-progress{display:grid;gap:6px;width:min(420px,100%);margin:0 auto 18px!important;padding:11px 14px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:13px;background:color-mix(in srgb,var(--surface-raised) 72%,transparent)}.result-progress>span:first-child strong{color:var(--text);font-size:1.08em}.result-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;margin-bottom:18px;border-radius:var(--radius-pill);background:#22c55e24;border:1px solid rgba(34,197,94,.3)}.result-chip strong{font-size:12.5px}.host-panel{width:300px;flex:none;padding:16px;overflow:auto;max-height:calc(100vh - 54px);position:sticky;top:54px;background:color-mix(in srgb,var(--surface) 86%,transparent);border-inline-end:1px solid var(--border);animation:panelIn .28s var(--ease)}.host-panel--overlay{position:fixed;inset-block:54px 0;inset-inline-end:0;z-index:45;max-height:none;width:min(320px,92vw);background:color-mix(in srgb,var(--surface) 97%,var(--bg));border-inline-start:1px solid var(--border-strong);border-inline-end:0;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@keyframes panelIn{0%{opacity:0;transform:translate(-24px)}}.host-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.host-panel-head h2{font-size:18px}.seg{display:flex;gap:5px;padding:4px;border-radius:var(--radius-pill);background:var(--surface-soft);border:1px solid var(--border);margin-bottom:14px}.seg button{flex:1;padding:8px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;color:var(--muted);transition:all var(--dur) var(--ease)}.seg button.on{background:var(--gradient);color:#fff}.seg button b{font-size:10px;opacity:.8}.stat-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.stat-pair div{padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--border)}.stat-pair span{display:block;font-size:10px;color:var(--muted)}.stat-pair strong{font-size:13px}.panel-sub{font-size:14px;margin:16px 0 10px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.legend{display:grid;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.legend span{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.sw{width:14px;height:14px;border-radius:4px;display:inline-block}.sw--exact{background:#16a34a}.sw--near{background:#eab308}.sw--miss{background:var(--surface-raised);border:1px solid var(--border)}.panel-players{list-style:none;margin:0;padding:0;display:grid;gap:6px}.panel-players li{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--border)}.panel-players strong{flex:1;font-size:12px}.panel-settings-stack{display:grid;gap:9px}.setting--summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--border)}.setting--summary strong{color:var(--cyan);font-size:13px}.player-remove{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:8px;color:var(--muted);border:1px solid transparent;transition:all var(--dur) var(--ease)}.player-remove:hover{color:#ff8b8b;border-color:#ef444459;background:#ef44441a}.player-toggle{flex:none;padding:5px 8px;border-radius:8px;border:1px solid rgba(239,68,68,.28);color:#fda4af;background:#ef444414;font-size:9px;font-weight:800}.player-toggle.is-return{border-color:#22c55e4d;color:#86efac;background:#22c55e17}.game-notice{position:fixed;z-index:120;top:72px;left:50%;transform:translate(-50%);max-width:min(430px,calc(100vw - 24px));display:flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid rgba(245,158,11,.42);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,#713f12);box-shadow:var(--shadow-md);color:#fde68a;font-size:12px;font-weight:800;animation:rise .22s var(--ease)}.panel-empty{padding:22px 10px;text-align:center;font-size:11.5px}.secret-field{display:flex;align-items:center;gap:10px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--surface-soft);border:1px solid var(--border)}.secret-field span{font-size:10.5px;color:var(--muted);font-weight:700;white-space:nowrap}.secret-field input{width:128px;background:none;border:none;outline:none;font-size:15px;font-weight:800;letter-spacing:.18em;text-align:center}.secret-field input:disabled{opacity:.55}.shifra-clock{position:sticky;top:66px;z-index:8;width:max-content;margin:0 auto 16px;display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shifra-clock span{color:var(--muted);font-size:11px;font-weight:700}.shifra-clock strong{min-width:48px;color:var(--cyan);font-variant-numeric:tabular-nums;font-size:16px}.shifra-clock.is-urgent{color:#fb7185;border-color:#f43f5e80;animation:timerPulse .7s ease-in-out infinite alternate}.shifra-clock.is-urgent strong{color:#fb7185}@keyframes timerPulse{to{transform:scale(1.04);box-shadow:0 0 22px #f43f5e38}}.fateel-stage{min-height:calc(100vh - 54px);padding:24px clamp(14px,3vw,42px) 100px;text-align:center}.fateel-focus{max-width:420px;margin:0 auto 18px;display:grid;justify-items:center;gap:8px}.fateel-focus>strong{font-size:22px}.fuse-orb{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#fb923c,#dc2626);box-shadow:0 12px 34px #ef444447}.fuse-orb.urgent{animation:fuseBeat .34s ease-in-out infinite alternate}@keyframes fuseBeat{to{transform:scale(1.1);filter:brightness(1.25)}}.fateel-number{color:var(--cyan);font-size:12px}.fateel-pass-help{display:flex;align-items:center;gap:7px;margin-top:4px;padding:7px 12px;border:1px solid rgba(249,115,22,.3);border-radius:999px;background:#f9731617;color:#fdba74;font-size:10px}.fateel-pass-help b{color:#fff}.fuse-time{direction:ltr;display:flex;align-items:baseline;gap:6px;margin-top:2px}.fuse-time strong{font-size:36px;font-variant-numeric:tabular-nums}.fuse-time span,.fateel-focus p{color:var(--muted);font-size:11px}.fateel-stats{max-width:720px;margin:0 auto 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.fateel-stats span{padding:9px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:10px}.fateel-stats b{display:block;margin-top:2px;color:var(--text);font-size:15px}.fateel-arena{max-width:1040px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.fateel-arena button{position:relative;min-height:80px;display:grid;grid-template-columns:auto 1fr;align-items:center;text-align:start;gap:7px;padding:9px;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:.2s ease}.fateel-player-number{position:absolute;top:7px;inset-inline-start:8px;min-width:27px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:8px;background:#0066ff29;border:1px solid var(--border);color:var(--cyan);font-size:10px;font-weight:900}.fateel-holder-bomb{position:absolute;z-index:3;top:-12px;inset-inline-end:-8px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#fb923c,#dc2626);border:2px solid #ffc078;box-shadow:0 7px 20px #ef44446b;animation:fuseBeat .38s ease-in-out infinite alternate}.fateel-arena button strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:11px}.fateel-arena button:not(:disabled):hover{transform:translateY(-2px);border-color:var(--border-strong)}.fateel-arena button.holder{border-color:#fb923c;background:#f9731621;box-shadow:0 0 22px #f9731626}.fateel-arena button.last{border-color:#38bdf8}.fateel-arena button.out{opacity:.3;filter:grayscale(1);text-decoration:line-through}.cups-stage{position:relative;min-height:calc(100vh - 54px);padding:34px 5vw 92px;overflow:hidden;background:radial-gradient(circle at 50% 68%,rgba(0,126,255,.13),transparent 42%)}.cups-heading{width:min(580px,46vw);margin-left:auto;margin-right:0;text-align:start}.cups-heading h1{margin:2px 0 4px;font-size:clamp(25px,3vw,38px)}.cups-heading p{color:var(--muted);font-size:12px}.cups-live-state{display:flex;align-items:center;gap:7px;margin-top:17px;font-size:12px;font-weight:800}.cups-live-state i{width:8px;height:8px;border-radius:50%;background:#1477ff;box-shadow:0 0 0 5px #1477ff1f}.cups-round-stats{position:absolute;top:45px;inset-inline-end:18%;display:flex;gap:8px}.cups-round-stats span{min-width:74px;padding:9px 12px;text-align:center;color:var(--muted);font-size:10px;border:1px solid var(--border);border-radius:16px;background:#08163a85}.cups-round-stats b{display:block;color:var(--text);font-size:18px;line-height:1.1}.cups-difficulty{position:absolute;top:145px;inset-inline-end:17%;display:flex;gap:20px;padding:0;background:none;border:0}.cups-difficulty span{text-align:center}.cups-difficulty small,.cups-difficulty b{display:block;font-size:10px;white-space:nowrap}.cups-difficulty small{color:var(--muted)}.cups-difficulty b{color:var(--text)}.cups-timer{position:absolute;z-index:6;top:145px;left:50%;transform:translate(-50%);min-width:142px;display:grid;grid-template-columns:auto auto;align-items:end;justify-content:center;gap:0 8px;padding:8px 16px;text-align:center;border:1px solid rgba(245,158,11,.5);border-radius:14px;background:#753a048c}.cups-timer small{grid-column:1/-1;color:#ffdca1;font-size:9px}.cups-timer strong{font-size:25px;line-height:1}.cups-timer span{font-size:10px}.cups-timer.guess{border-color:var(--border-strong);background:#04275bb3}.cups-board{direction:ltr;position:relative;width:min(1240px,82vw);height:430px;margin:18px auto 0}.cups-numbers{position:absolute;left:0;right:0;bottom:149px;z-index:7;display:grid;grid-template-columns:repeat(var(--cups),1fr);pointer-events:none}.cups-numbers span{justify-self:center;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#01255bd1;border:1px solid rgba(255,255,255,.17);color:#fff;font-size:21px;font-weight:900}.cup-runner{position:absolute;z-index:3;bottom:78px;width:clamp(76px,8vw,122px);height:178px;margin-left:calc(clamp(76px,8vw,122px)/-2);transition:left .43s cubic-bezier(.2,.72,.2,1),transform .22s ease}.cup-runner.moving-up{transform:translateY(-62px) scale(1.04);z-index:5}.cup-runner.moving-down{transform:translateY(26px) scale(.96);z-index:2}.cup-runner.has-ball{transform:translateY(-38px)}.cup-shell{position:absolute;left:0;bottom:18px;width:100%;height:132px;border-radius:44% 44% 14% 14%/18% 18% 9% 9%;background:linear-gradient(105deg,#0872d5 4%,#079cff 46%,#0061be 85%);border:2px solid rgba(116,209,255,.75);box-shadow:inset 9px 0 18px #ffffff1f,inset -10px 0 20px #001c664d,0 15px 17px #00000047}.cup-shell:after{content:"";position:absolute;left:-7%;right:-7%;bottom:-8px;height:17px;border-radius:12px;background:linear-gradient(#29b9ff,#0876d9);border:2px solid #72d6ff;box-shadow:0 6px 9px #0000004d}.cup-shine{position:absolute;top:14px;right:15%;width:11%;height:43%;border-radius:50%;background:linear-gradient(rgba(255,255,255,.3),transparent)}.cup-ball-static{position:absolute;z-index:2;bottom:89px;width:30px;height:30px;margin-left:-15px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff,#ffe066 18%,#ff8a00 65%,#b93600);box-shadow:0 5px 16px #ff84008c;animation:joinIn .25s ease}.cup-runner.is-winner .cup-shell{filter:drop-shadow(0 0 17px rgba(34,197,94,.7));border-color:#52ef8b}.cup-runner>small{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);color:var(--muted);font-size:9px;white-space:nowrap}.cups-shelf{position:absolute;z-index:1;left:0;right:0;bottom:73px;height:15px;border-radius:50%;background:linear-gradient(#40607d,#132a43 35%,#061324);box-shadow:0 12px 12px #00000073}.cups-shelf:before,.cups-shelf:after{content:"";position:absolute;top:10px;width:8px;height:68px;background:#0a263c}.cups-shelf:before{left:10%}.cups-shelf:after{right:10%}.cups-stage-note{text-align:center;font-size:11px;color:var(--muted);margin-top:-25px}.cups-stage-note span{display:block;margin-top:3px}.cups-start{position:fixed;z-index:12;bottom:14px;left:50%;transform:translate(-50%)}.cups-start:hover{transform:translate(-50%) translateY(-2px)}.cups-result{text-align:center}.cups-result>p{margin:8px 0 12px}.cups-correct{display:inline-grid;gap:3px;margin-bottom:13px;padding:8px 18px;border-radius:14px;background:var(--surface-soft)}.cups-correct span{font-size:9px;color:var(--muted)}.cups-correct b{font-size:22px;color:var(--cyan)}.cups-result-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:start;margin-bottom:18px}.cups-result-cols>div{padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.cups-result-cols h3{font-size:12px;margin-bottom:8px}.cups-result-cols h3 b{color:var(--cyan)}.cups-result-cols div>span{display:flex;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid var(--border);font-size:11px}.cups-result-cols div>span:last-child{border:0}.cups-result-cols button{margin-inline-start:auto;color:var(--cyan);font-size:10px;font-weight:800}.cups-draw{text-align:center;padding:8px}.cups-draw-icon{width:74px;height:74px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;color:#fbbf24;background:linear-gradient(145deg,#fbbf243d,#f973161a);border:1px solid rgba(251,191,36,.35)}.cups-draw h2{font-size:27px;margin-bottom:6px}.cups-draw>p{max-width:390px;margin:0 auto 16px;font-size:12px}.cups-draw-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px;max-height:230px;overflow:auto;margin:12px 0 20px;padding:4px}.cups-draw-player{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);text-align:start}.cups-draw-player strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.cups-draw-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}@media(max-width:800px){.cups-heading{width:100%;margin:0;text-align:center}.cups-live-state{justify-content:center}.cups-round-stats{position:static;justify-content:center;margin-top:12px}.cups-difficulty{position:static;justify-content:center;margin:12px 0}.cups-timer{top:245px}.cups-board{width:96vw;height:350px;margin-top:0}.cup-runner{width:clamp(48px,15vw,82px);height:132px;margin-left:calc(clamp(48px,15vw,82px)/-2);bottom:70px}.cup-shell{height:95px}.cups-numbers{bottom:119px}.cups-numbers span{width:38px;height:38px;font-size:14px}.cup-ball-static{bottom:79px}.cups-shelf{bottom:65px}.cups-stage-note{margin-top:-15px}}@media(max-width:640px){.fateel-stats{grid-template-columns:1fr 1fr}.fateel-arena{grid-template-columns:repeat(3,1fr)}.cups-result-cols{grid-template-columns:1fr}.cups-stage{padding-inline:10px}.cups-difficulty{gap:9px}.cups-difficulty small,.cups-difficulty b{font-size:8px}.cups-timer{top:260px}}.platform-chip.is-live{border-color:#22c55e73}.connect-card{transition:border-color var(--dur) var(--ease)}.connect-card[data-status=connected]{border-color:#22c55e6b}.connect-card[data-status=error]{border-color:#ef444473}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}.platform-option{--p: var(--cyan);position:relative;display:flex;align-items:center;gap:11px;padding:15px 16px;border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--border);text-align:start;transition:all var(--dur) var(--ease)}.platform-option:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--p) 55%,transparent)}.platform-option.on{border-color:var(--p);background:color-mix(in srgb,var(--p) 12%,var(--surface-soft));box-shadow:0 0 0 1px color-mix(in srgb,var(--p) 40%,transparent)}.platform-glyph{width:38px;height:38px;border-radius:12px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--p) 20%,transparent);color:var(--p)}.platform-option.on .platform-glyph{background:var(--p);color:#06132b}.platform-name{font-size:14px;font-weight:800;flex:1}.platform-check{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;border:1px solid var(--border);color:transparent;transition:all var(--dur) var(--ease)}.platform-option.on .platform-check{background:var(--p);border-color:var(--p);color:#06132b}.connect-field{margin-top:14px}.connect-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.connect-row input{flex:1;min-width:150px;padding:11px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg) 62%,transparent);border:1px solid var(--border);outline:none;font-size:14px;font-weight:700;direction:ltr;text-align:start;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.handle-prefix{font-size:12px;font-weight:700;color:var(--muted);direction:ltr;white-space:nowrap;padding:11px 10px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg) 45%,transparent);border:1px solid var(--border)}.connect-error{display:flex;align-items:center;gap:7px;margin-top:11px;padding:9px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bad) 14%,transparent);border:1px solid color-mix(in srgb,var(--bad) 32%,transparent);font-size:11.5px;color:#ff9b9b;white-space:pre-line;line-height:1.75;align-items:flex-start;animation:slideDown .2s var(--ease)}.connect-note{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px;padding:9px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--warn) 12%,transparent);border:1px solid color-mix(in srgb,var(--warn) 28%,transparent);font-size:11.5px;color:var(--warn);animation:slideDown .2s var(--ease)}.connect-note code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;padding:1px 6px;border-radius:6px;background:color-mix(in srgb,var(--bg) 55%,transparent);direction:ltr}.mode-tag--demo{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn)}.connect-live.mode-demo{background:color-mix(in srgb,var(--warn) 7%,var(--surface-soft));border-color:color-mix(in srgb,var(--warn) 26%,transparent)}.connect-live{margin-top:13px;padding:13px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--good) 8%,var(--surface-soft));border:1px solid rgba(34,197,94,.28);animation:slideDown .24s var(--ease)}.connect-live-head strong{font-size:12.5px;direction:ltr;unicode-bidi:plaintext}.chat-feed li{display:flex;gap:8px;align-items:baseline;padding:6px 10px;border-radius:10px;background:color-mix(in srgb,var(--bg) 42%,transparent);font-size:11.5px;animation:joinIn .26s var(--ease) backwards}.demo-pill.is-live{border-color:#22c55e66;color:var(--text)}.live-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-pill);background:#22c55e21;border:1px solid rgba(34,197,94,.32);font-size:10.5px;font-weight:700}.live-badge i{width:6px;height:6px;border-radius:50%;background:var(--good);animation:pulse 2s infinite}.live-badge b{color:var(--muted);font-weight:700;direction:ltr}.avatar-wrap{position:relative;display:inline-flex;flex:none}.avatar--img{object-fit:cover;background:var(--surface-raised)}.avatar-wrap--lg .avatar{width:40px;height:40px;font-size:13px}.avatar-plat{position:absolute;inset-block-end:-2px;inset-inline-end:-3px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--bg);color:#06132b}.avatar-wrap--sm .avatar-plat{width:13px;height:13px;inset-inline-end:-4px}.avatar-plat--kick{background:#53fc18}.avatar-plat--tiktok{background:#25f4ee}.plat-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);font-size:10px;font-weight:800}.plat-tag--kick{background:#53fc1826;color:#7dfb52;border:1px solid rgba(83,252,24,.32)}.plat-tag--tiktok{background:#25f4ee24;color:#55f6f1;border:1px solid rgba(37,244,238,.3)}.lobby-platforms{position:relative;z-index:1;display:flex;justify-content:center;gap:8px;margin-top:14px;flex-wrap:wrap}.live-badges{display:inline-flex;gap:6px;flex-wrap:wrap}.live-badge--kick{background:#53fc181f;border-color:#53fc184d;color:#7dfb52}.live-badge--tiktok{background:#25f4ee1f;border-color:#25f4ee4d;color:#55f6f1}.connect-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.connect-head h2{font-size:19px;margin-bottom:5px}.connect-head .muted{font-size:12px}.plat-rows{display:grid;gap:10px;margin-top:16px}.plat-row{--p: var(--cyan);padding:4px;border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--border);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.plat-row.is-picked{border-color:color-mix(in srgb,var(--p) 40%,transparent)}.plat-row.is-on{border-color:color-mix(in srgb,var(--p) 62%,transparent);background:color-mix(in srgb,var(--p) 9%,var(--surface-soft))}.plat-row[data-status=error]{border-color:#ef444480}.plat-pick{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:15px;text-align:start;transition:background var(--dur) var(--ease)}.plat-pick:hover{background:color-mix(in srgb,var(--p) 8%,transparent)}.plat-check{width:20px;height:20px;flex:none;border-radius:7px;display:grid;place-items:center;border:1.5px solid var(--border-strong);color:#06132b;transition:all var(--dur) var(--ease)}.plat-row.is-picked .plat-check{background:var(--p);border-color:var(--p)}.platform-glyph{width:36px;height:36px;border-radius:11px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--p) 18%,transparent);color:var(--p)}.plat-row.is-picked .platform-glyph{background:var(--p);color:#06132b}.plat-row-title{flex:1;min-width:0}.plat-row-title strong{display:block;font-size:13.5px}.plat-row-title small{font-size:10.5px;color:var(--muted)}.connect-row{display:flex;align-items:center;gap:8px;padding:0 12px 12px;flex-wrap:wrap}.connect-row input{flex:1;min-width:150px;padding:10px 13px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg) 62%,transparent);border:1px solid var(--border);outline:none;font-size:13.5px;font-weight:700;direction:ltr;text-align:start;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.connect-row input:focus{border-color:var(--border-strong);box-shadow:0 0 0 4px #00d2ff1a}.connect-row input[aria-invalid=true]{border-color:#ef444499}.connect-row input:disabled{opacity:.7}.handle-prefix{font-size:11.5px;font-weight:700;color:var(--muted);direction:ltr;white-space:nowrap;padding:10px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg) 45%,transparent);border:1px solid var(--border)}.connect-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.bridge-dot{display:inline-flex;align-items:center;gap:7px;margin-inline-start:auto;font-size:11px;color:var(--muted)}.bridge-dot i{width:7px;height:7px;border-radius:50%;background:var(--muted-dim);flex:none}.bridge-dot.on i{background:var(--good);box-shadow:0 0 0 3px #22c55e29}.spinner{width:13px;height:13px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.connect-error{display:flex;align-items:flex-start;gap:7px;margin:0 12px 12px;padding:9px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bad) 14%,transparent);border:1px solid color-mix(in srgb,var(--bad) 32%,transparent);font-size:11.5px;color:#ff9b9b;line-height:1.75;animation:slideDown .2s var(--ease)}.connect-error svg{flex:none;margin-top:3px}.connect-hint{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px;font-size:11.5px;color:var(--muted)}.connect-hint code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;padding:1px 6px;border-radius:6px;background:color-mix(in srgb,var(--bg) 55%,transparent);direction:ltr}.mode-tag{padding:3px 9px;border-radius:var(--radius-pill);font-size:9.5px;font-weight:800}.mode-tag--live{background:#22c55e33;color:#6ee7a0}.connect-live{margin-top:14px;padding:13px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--good) 8%,var(--surface-soft));border:1px solid rgba(34,197,94,.28);animation:slideDown .24s var(--ease)}.connect-live-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}.connect-live-head strong{font-size:12.5px;unicode-bidi:plaintext}.connect-live-head .muted{font-size:10.5px;margin-inline-start:auto}.chat-feed{list-style:none;margin:0;padding:0;display:grid;gap:6px;min-height:66px}.chat-feed li{display:flex;gap:8px;align-items:center;padding:6px 10px;border-radius:10px;background:color-mix(in srgb,var(--bg) 42%,transparent);font-size:11.5px;animation:joinIn .26s var(--ease) backwards}.chat-feed b{font-weight:800;white-space:nowrap}.chat-feed span{color:var(--muted)}.chat-wait{color:var(--muted);font-size:11.5px;background:none!important}.avatar-plat--twitch{background:#9146ff;color:#fff}.avatar-plat--discord{background:#5865f2;color:#fff}.plat-tag--twitch{background:#9146ff29;color:#b58cff;border:1px solid rgba(145,70,255,.34)}.plat-tag--discord{background:#5865f229;color:#9aa4ff;border:1px solid rgba(88,101,242,.34)}.live-badge--twitch{background:#9146ff21;border-color:#9146ff52;color:#b58cff}.live-badge--discord{background:#5865f221;border-color:#5865f252;color:#9aa4ff}.heading-side{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.source-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 80%,transparent);font-size:11px;font-weight:700;color:var(--muted);transition:all var(--dur) var(--ease)}.source-chip:hover{color:var(--text);border-color:var(--border-strong)}.source-chip--mysql{color:#6ee7a0;border-color:#22c55e52;background:#22c55e1a}.source-chip--builtin{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,transparent);background:color-mix(in srgb,var(--warn) 10%,transparent)}.source-chip:disabled{opacity:.6;pointer-events:none}.boot{display:grid;place-items:center;gap:14px;color:var(--muted);font-size:13px}.spinner--lg{width:30px;height:30px;border-width:3px;border-color:var(--border-strong);border-top-color:var(--cyan)}.spinner--dark{border-color:#0003;border-top-color:currentColor}:root[data-theme=light] .kicker{color:#0052cc}:root[data-theme=light] .game-card{background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 12%,#fff),#fff 58%)}:root[data-theme=light] .game-card h3{color:color-mix(in srgb,var(--accent) 72%,#06132b)}:root[data-theme=light] .game-card>p{color:#47597c}:root[data-theme=light] .badge--new{background:color-mix(in srgb,var(--accent) 16%,#fff);color:color-mix(in srgb,var(--accent) 68%,#06132b);border-color:color-mix(in srgb,var(--accent) 34%,transparent)}:root[data-theme=light] .badge--live{background:#dcfce7;color:#14663b;border-color:#86efac}:root[data-theme=light] .game-launch{background:linear-gradient(105deg,color-mix(in srgb,var(--accent) 86%,#000 14%),color-mix(in srgb,var(--accent) 72%,#000 28%))}:root[data-theme=light] .game-art{color:#fff}:root[data-theme=light] .help-brief-copy span,:root[data-theme=light] .help-section-title span,:root[data-theme=light] .help-mode strong,:root[data-theme=light] .lobby-kicker{color:#0052cc}:root[data-theme=light] .help-step-no{color:#0052cc}:root[data-theme=light] .hex{color:#062854}:root[data-theme=light] .avatar{color:#06132b}:root[data-theme=light] .cell--exact{color:#f0fff5}:root[data-theme=light] .missed-chips span{color:#9b1c1c;background:#fee2e2;border-color:#fca5a5}:root[data-theme=light] .metric--accent strong{color:#92660a}:root[data-theme=light] .secret-reveal{color:#0052cc}:root[data-theme=light] .ghost-btn--danger{color:#b91c1c}:root[data-theme=light] .avatar-plat{border-color:#fff}:root[data-theme=light] .plat-tag--kick{color:#2f7a10;background:#eafce2;border-color:#9ae86f}:root[data-theme=light] .plat-tag--tiktok{color:#0a6d6a;background:#e0fbfa;border-color:#7ee8e4}:root[data-theme=light] .live-badge--kick{color:#2f7a10}:root[data-theme=light] .live-badge--tiktok{color:#0a6d6a}:root[data-theme=light] .source-chip--mysql{color:#14663b}:root[data-theme=light] .source-chip--builtin{color:#92660a}:root[data-theme=light] .mode-tag--live{background:#14663b;color:#eafff3}:root[data-theme=light] .mode-tag--demo{background:#92660a;color:#fff9e8}:root[data-theme=light] .plat-row-title small{color:#47597c}:root[data-theme=light] .platform-option.on .platform-glyph,:root[data-theme=light] .platform-option.on .platform-check{color:#08121f}:root[data-theme=light] .connect-error{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}:root[data-theme=light] .chat-feed span{color:#47597c}:root[data-theme=light] .live-badge{color:#14663b}@media(max-width:1080px){.takwin{grid-template-columns:1fr}.takwin-side{position:static;max-height:none}.host-panel{position:fixed;inset-block:54px 0;inset-inline-end:0;z-index:45;background:color-mix(in srgb,var(--surface) 97%,var(--bg));border-inline-start:1px solid var(--border-strong);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}@media(max-width:860px){.topnav{display:none}.topbar-actions{margin-inline-start:auto}.help-steps{grid-template-columns:1fr;gap:16px}.help-steps:before{display:none}.help-steps li{padding-top:0;padding-inline-start:40px;text-align:start}.help-step-no{inset-inline:auto;inset-inline-start:0;top:0}.help-modes{grid-template-columns:1fr}.launch-head,.accordion-body-head,.connect-actions{flex-direction:column;align-items:stretch}.bridge-dot{margin-inline-start:0;justify-content:center}.lobby-count{position:static;text-align:center;margin-top:16px}.panel-grid{grid-template-columns:1fr}}@media(max-width:720px){.rail{position:fixed;inset-block-end:0;inset-inline:0;top:auto;width:auto;flex-direction:row;border-radius:0;border-inline:none;border-bottom:none;margin:0;padding:6px 8px;z-index:50;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.rail-toggle{display:none}.rail-items{flex-direction:row;width:100%;justify-content:space-around}.rail-item span{display:none}.dash{flex-direction:column;padding-bottom:76px}.games-grid{grid-template-columns:1fr}.games-toolbar{flex-direction:column;align-items:stretch}.games-search{max-width:none;flex:0 0 42px}.games-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.games-filters::-webkit-scrollbar{display:none}.games-filters button{flex:none}.hive{transform:scale(.76);transform-origin:top center;margin-bottom:-46px}.game-bar,.lobby-bar{flex-direction:column;align-items:stretch;gap:10px}.game-bar-actions,.lobby-bar-actions{justify-content:stretch}.game-bar-actions>*,.lobby-bar-actions>*{flex:1;justify-content:center}.game-bar-metrics{justify-content:center}.modal{padding:20px 16px}.join-card{flex-direction:column;gap:10px}.game-topbar{height:auto;min-height:52px;padding-block:7px;flex-wrap:wrap}.game-topbar-title{display:none}.game-topbar-side--end .ghost-btn:not(.ghost-btn--danger){display:none}.game-topbar-side--end .ghost-btn.mobile-keep{display:inline-flex;width:38px;min-width:38px;padding-inline:0;justify-content:center;font-size:0}.game-shell{padding-bottom:190px}.takwin{padding-top:14px}.game-bar{gap:8px;padding:10px 12px}.game-bar-state{justify-content:center}.game-bar-metrics{gap:8px}.metric{min-width:0;flex:1}.game-bar-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.game-bar-actions>*{width:100%;padding-inline:8px;font-size:11.5px}.shifra{flex-direction:column}.shifra-scene{padding-bottom:130px}.game-bar--center{flex-direction:row;flex-wrap:wrap;justify-content:center}.secret-field input{width:90px}}@media(max-width:420px){.hive{transform:scale(.62);margin-bottom:-76px}.takwin-stats{flex-direction:column;align-items:stretch}}.games-group{margin-top:22px}.games-group:first-of-type{margin-top:0}.games-group-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.games-group-head h2{font-size:14px;font-weight:800}.games-group-head>span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--blue) 18%,transparent);border:1px solid color-mix(in srgb,var(--blue) 30%,transparent);font-size:11px;font-weight:700}.games-group-head>p{font-size:11px;color:var(--muted)}.games-group--soon .games-group-head>span{background:color-mix(in srgb,var(--muted) 18%,transparent);border-color:var(--border)}.badge--soon{background:color-mix(in srgb,var(--muted) 16%,transparent);color:var(--muted);border:1px solid var(--border)}.game-card.is-soon{opacity:.62;filter:saturate(.55)}.game-card.is-soon:hover{opacity:.78}.game-card.is-soon .game-art{transform:none!important}.game-launch.is-disabled,.game-launch:disabled{background:color-mix(in srgb,var(--surface-soft) 88%,transparent);border:1px solid var(--border);color:var(--muted);box-shadow:none;cursor:not-allowed}.game-launch.is-disabled:hover,.game-launch:disabled:hover{transform:none;filter:none}.game-launch.is-disabled svg{transform:none}.add-players-head .add-players-cap{margin-inline-start:auto;font-size:10.5px;font-weight:600;color:var(--muted)}.admin-rejected{display:flex;flex-direction:column;gap:8px;padding:11px 13px;border-radius:var(--radius-sm, 12px);background:#eab3081f;border:1px solid rgba(234,179,8,.3)}.setting-note{display:block;margin-top:8px;color:var(--muted);font-size:10.5px;line-height:1.7}.radio-row button:disabled{opacity:.42;cursor:not-allowed}.hex-page{--team-a: #27b8ff;--team-b: #ff4f8b;min-height:100vh;background:radial-gradient(circle at 14% 42%,color-mix(in srgb,var(--team-a) 15%,transparent),transparent 30%),radial-gradient(circle at 86% 48%,color-mix(in srgb,var(--team-b) 13%,transparent),transparent 31%),var(--bg)}.platform-war-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:var(--radius-pill);color:#ffda6b;background:#f59e0b21;border:1px solid rgba(245,158,11,.34);font-size:10.5px;font-weight:900;animation:warBadge 1.8s ease-in-out infinite}@keyframes warBadge{50%{box-shadow:0 0 22px #f59e0b38;transform:translateY(-1px)}}.hex-game{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:22px 0 40px}.hex-score-row{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch}.hex-team{--team: var(--team-a);position:relative;overflow:hidden;padding:14px 16px;border:1px solid color-mix(in srgb,var(--team) 38%,var(--border));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--team) 10%,var(--surface)),var(--surface));box-shadow:inset 0 1px #ffffff0d}.hex-team--b{--team: var(--team-b)}.hex-team:after{content:"";position:absolute;width:120px;height:120px;inset:-50px auto auto -35px;border-radius:50%;background:var(--team);opacity:.07;filter:blur(14px)}.hex-team-title{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.hex-team-emblem{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;color:#07111f;background:var(--team);box-shadow:0 0 20px color-mix(in srgb,var(--team) 32%,transparent)}.hex-team-title div{flex:1;min-width:0}.hex-team-title small{display:block;margin-bottom:2px;color:var(--muted);font-size:9.5px}.hex-team-title strong{display:block;font-size:16px}.hex-team-title>b{color:var(--team);font:900 27px/1 Sora,sans-serif}.hex-team-roster{display:flex;align-items:center;margin-top:12px;min-height:24px}.hex-team-roster .avatar-wrap{margin-inline-start:-6px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.28))}.hex-team-roster .avatar-wrap:first-child{margin-inline-start:0}.hex-team-roster>span{font:800 9px/1 Sora;padding:5px 7px;border-radius:99px;background:var(--surface-raised);border:1px solid var(--border)}.hex-team-progress{height:3px;margin-top:12px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--team) 12%,var(--surface-soft))}.hex-team-progress i{display:block;height:100%;border-radius:inherit;background:var(--team);box-shadow:0 0 10px var(--team);transition:width .6s cubic-bezier(.2,.8,.2,1)}.hex-vs{align-self:center;display:grid;place-items:center;min-width:72px}.hex-vs span{font:950 18px/1 Sora;color:var(--text)}.hex-vs small{margin-top:5px;color:var(--muted);white-space:nowrap;font-size:8.5px}.hex-arena{position:relative;isolation:isolate;min-height:550px;margin-top:18px;padding:46px 72px;display:grid;place-items:center;overflow:hidden;border-radius:28px;border:1px solid var(--border);background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at center,color-mix(in srgb,var(--blue) 11%,transparent),transparent 56%),var(--surface);background-size:32px 32px,32px 32px,auto,auto;box-shadow:var(--shadow-md),inset 0 1px #ffffff0a}.hex-arena:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--team-a) 7%,transparent),transparent 32%,transparent 68%,color-mix(in srgb,var(--team-b) 7%,transparent))}.hex-edge{position:absolute;z-index:0;opacity:.8}.hex-edge--left,.hex-edge--right{width:4px;height:58%;top:21%;background:var(--border-strong);box-shadow:0 0 12px color-mix(in srgb,var(--text) 12%,transparent)}.hex-edge--left{left:30px}.hex-edge--right{right:30px}.hex-edge--top,.hex-edge--bottom{height:4px;width:48%;left:26%;background:var(--border-strong);box-shadow:0 0 12px color-mix(in srgb,var(--text) 12%,transparent)}.hex-edge--top{top:22px}.hex-edge--bottom{bottom:22px}.hex-edge.is-winning{background:var(--winner-color, #fff);box-shadow:0 0 24px var(--winner-color, #fff);animation:edgeWin .65s ease-in-out infinite alternate}@keyframes edgeWin{to{opacity:.55}}.hex-board{direction:ltr;position:relative;z-index:2;width:min(600px,72vw);display:grid;grid-template-columns:repeat(5,1fr);gap:7px 5px;padding-bottom:22px}.hex-cell{--cell-team: #23314b;position:relative;aspect-ratio:1.08;display:grid;place-items:center;border:0;color:#eaf2ff;background:linear-gradient(145deg,#243452,#111b30);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);filter:drop-shadow(0 7px 5px rgba(0,0,0,.26));cursor:pointer;transition:transform .18s ease,filter .18s ease,background .35s ease;animation:hexEnter .43s cubic-bezier(.22,.8,.25,1) backwards;animation-delay:var(--delay)}.hex-cell:nth-child(10n+6),.hex-cell:nth-child(10n+7),.hex-cell:nth-child(10n+8),.hex-cell:nth-child(10n+9),.hex-cell:nth-child(10n+10){transform:translate(50%)}.hex-cell:not(:disabled):hover{z-index:3;transform:translateY(-5px) scale(1.05);filter:drop-shadow(0 10px 10px rgba(0,0,0,.34)) brightness(1.15)}.hex-cell:nth-child(10n+6):not(:disabled):hover,.hex-cell:nth-child(10n+7):not(:disabled):hover,.hex-cell:nth-child(10n+8):not(:disabled):hover,.hex-cell:nth-child(10n+9):not(:disabled):hover,.hex-cell:nth-child(10n+10):not(:disabled):hover{transform:translate(50%) translateY(-5px) scale(1.05)}@keyframes hexEnter{0%{opacity:0;transform:translateY(15px) scale(.8)}}.hex-cell:before{content:"";position:absolute;inset:5px;clip-path:inherit;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 55%)}.hex-cell-letter{position:relative;z-index:2;font-size:clamp(24px,4vw,47px);font-weight:900;text-shadow:0 3px 12px rgba(0,0,0,.35)}.hex-cell.is-selected{background:linear-gradient(145deg,#ffe08a,#e99800);color:#271700;animation:cellSelected .9s ease-in-out infinite alternate}@keyframes cellSelected{to{filter:drop-shadow(0 0 20px rgba(255,190,40,.55))}}.hex-cell.is-a,.hex-cell.is-b{color:#06101c}.hex-cell.is-a{--cell-team: var(--team-a);background:linear-gradient(145deg,color-mix(in srgb,var(--team-a) 88%,#fff),color-mix(in srgb,var(--team-a) 72%,#00152a))}.hex-cell.is-b{--cell-team: var(--team-b);background:linear-gradient(145deg,color-mix(in srgb,var(--team-b) 88%,#fff),color-mix(in srgb,var(--team-b) 72%,#280014))}.hex-cell.is-capturing{z-index:8;animation:cellCapture .52s cubic-bezier(.18,.85,.25,1)}@keyframes cellCapture{0%{transform:scale(.82) rotate(-4deg);filter:brightness(3)}45%{transform:scale(1.18) rotate(3deg);filter:drop-shadow(0 0 30px var(--cell-team)) brightness(1.5)}to{transform:scale(1)}}.hex-cell.is-winning{animation:winningCell .85s ease-in-out infinite alternate}@keyframes winningCell{to{filter:drop-shadow(0 0 20px #fff) brightness(1.3)}}.hex-flag{position:absolute;inset:7px 11px auto auto;z-index:3;display:flex;gap:2px;transform:rotate(-12deg)}.hex-flag i{width:3px;height:9px;border-radius:3px;background:#00000075;animation:flagWave .7s ease-in-out infinite alternate}.hex-flag i:nth-child(2){height:13px;animation-delay:-.22s}.hex-flag i:nth-child(3){animation-delay:-.42s}@keyframes flagWave{to{transform:translateY(3px);opacity:.55}}.hex-runner{position:absolute;z-index:5;inset:auto auto 10px 10px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#06101c;background:#fff;box-shadow:0 5px 15px #00000059;animation:runnerLand .65s cubic-bezier(.15,.8,.2,1),runnerIdle 1.1s .65s ease-in-out infinite alternate}@keyframes runnerLand{0%{opacity:0;transform:translate(-85px,-75px) rotate(-80deg) scale(.45)}70%{transform:translate(3px,-8px) rotate(8deg) scale(1.15)}}@keyframes runnerIdle{to{transform:translateY(-5px) rotate(8deg)}}.hex-goal-hint{position:absolute;z-index:3;inset:auto 50% 8px auto;transform:translate(50%);display:flex;align-items:center;gap:9px;color:var(--muted);font-size:9px;font-weight:800}.hex-goal-hint i{width:3px;height:3px;border-radius:50%;background:var(--muted-dim)}.hex-command{min-height:78px;margin-top:14px;padding:13px 16px;display:flex;align-items:center;gap:13px;border-radius:20px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-sm)}.hex-command.is-open{border-color:#f59e0b66;background:linear-gradient(100deg,rgba(245,158,11,.09),var(--surface) 34%)}.hex-command-icon,.hex-question-letter{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:15px;background:var(--surface-soft);border:1px solid var(--border);color:var(--blue)}.hex-question-letter{font-size:29px;font-weight:950;color:#211400;background:linear-gradient(145deg,#ffe99d,#f5a900);border:0;box-shadow:0 6px 20px #f59e0b3d}.hex-command>div:nth-child(2),.hex-command-copy{flex:1;min-width:0}.hex-command strong,.hex-command small{display:block}.hex-command strong{font-size:13px}.hex-command small{margin-top:4px;color:var(--muted);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hex-answer{width:min(420px,100%);margin-top:8px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:10px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--border);text-align:start}.hex-answer span{font-size:9px;font-weight:800}.hex-answer b{color:var(--text);font-size:10.5px}.hex-answer.is-visible{border-color:#27b8ff66;background:#27b8ff14}.hex-timer{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:50%;color:#ffd772;background:#f59e0b1c;border:1px solid rgba(245,158,11,.32);font:900 14px/1 Sora}.hex-timer.is-hot{color:#fff;background:var(--bad);border-color:var(--bad);animation:timerHot .55s ease-in-out infinite alternate}@keyframes timerHot{to{transform:scale(1.09);box-shadow:0 0 20px #ef444466}}.hex-awards{display:flex;gap:8px}.hex-award{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:11px;font-size:10.5px;font-weight:850;color:#07111f;transition:transform .15s ease,filter .15s ease}.hex-award:hover{transform:translateY(-2px);filter:brightness(1.1)}.hex-award--a{background:var(--team-a)}.hex-award--b{background:var(--team-b)}.hex-command-action{padding:8px 10px;border-radius:10px;color:var(--muted);background:transparent;border:1px solid var(--border);font-size:9.5px;font-weight:800}.hex-command-action:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.hex-command-action:disabled{opacity:.45;cursor:not-allowed}.hex-host .stat-pair{margin-top:18px}.hex-host-actions{display:grid;gap:8px;margin-top:14px}.hex-host>.muted{margin-top:16px;line-height:1.9;font-size:10.5px}.hex-win{--winner: var(--team-a)}.hex-win--b{--winner: var(--team-b)}.hex-win .win-icon{color:#08121f;background:var(--winner);box-shadow:0 0 35px color-mix(in srgb,var(--winner) 35%,transparent)}@media(max-width:760px){.hex-game{width:min(100% - 16px,680px);padding-top:12px}.hex-score-row{gap:7px}.hex-vs{min-width:32px}.hex-vs small{display:none}.hex-team{padding:10px;border-radius:15px}.hex-team-emblem{width:31px;height:31px}.hex-team-title small{display:none}.hex-team-title strong{font-size:11px}.hex-team-title>b{font-size:18px}.hex-team-roster{display:none}.hex-team-progress{margin-top:8px}.hex-arena{min-height:430px;padding:38px 28px;border-radius:20px}.hex-board{width:min(88vw,490px);gap:4px 2px}.hex-cell-letter{font-size:clamp(20px,8vw,35px)}.hex-edge--left{left:10px}.hex-edge--right{right:10px}.hex-edge--top{top:12px}.hex-edge--bottom{bottom:12px}.hex-command{flex-wrap:wrap}.hex-command-copy{min-width:calc(100% - 120px)}.hex-awards{width:100%;display:grid;grid-template-columns:1fr 1fr}.hex-award{justify-content:center;padding-inline:7px}.hex-command-action{min-height:34px}.platform-war-badge{display:none}}.auth-legal{margin-top:14px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.auth-legal a{color:var(--cyan)}.trivia-stage{flex:1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 18px 0;overflow-y:auto}.trivia-head{text-align:center;display:flex;flex-direction:column;gap:6px}.trivia-head h1{font-size:22px}.trivia-stats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.trivia-stats span{padding:6px 12px;border-radius:var(--radius-pill);font-size:11px;color:var(--muted);background:color-mix(in srgb,var(--surface-soft) 85%,transparent);border:1px solid var(--border)}.trivia-stats b{color:var(--text);font-size:13px;margin-inline-start:4px}.trivia-timer{display:flex;align-items:baseline;gap:6px}.trivia-timer strong{font-size:34px;color:var(--accent)}.trivia-timer span{font-size:11px;color:var(--muted)}.trivia-timer.urgent strong{animation:trivia-pulse .7s infinite alternate}@keyframes trivia-pulse{to{opacity:.45}}.trivia-card{width:min(100%,680px);padding:18px;text-align:center;border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface) 60%)}.trivia-card h2{font-size:19px;margin-bottom:14px}.trivia-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.trivia-option{display:flex;align-items:center;gap:9px;text-align:start;padding:11px 12px;border-radius:12px;background:color-mix(in srgb,var(--surface-soft) 85%,transparent);border:1px solid var(--border)}.trivia-option strong{flex:1;font-size:13px}.trivia-option small{font-size:10px;color:var(--muted)}.trivia-option-no{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:color-mix(in srgb,var(--accent) 22%,transparent);font-size:12px;font-weight:800}.trivia-option.is-right{background:#22c55e2e;border-color:#22c55e73}.trivia-option.is-wrong{opacity:.5}.trivia-hint{font-size:11px;margin-top:12px}.trivia-arena{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding-bottom:14px}.trivia-player{display:flex;align-items:center;gap:7px;padding:6px 11px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-soft) 85%,transparent);border:1px solid var(--border)}.trivia-player strong{font-size:11.5px}.trivia-player.answered{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.trivia-player.out{opacity:.38;filter:saturate(.4)}.trivia-badge{padding:2px 7px;border-radius:var(--radius-pill);font-size:9.5px;font-weight:700;background:color-mix(in srgb,var(--accent) 22%,transparent)}.trivia-badge.ok{background:#22c55e33;color:#6ee7a0}.trivia-badge.no{background:#ef444433;color:#fca5a5}.trivia-badge.out{background:color-mix(in srgb,var(--muted) 18%,transparent);color:var(--muted)}.auth-wrap{flex:1;display:grid;place-items:center;padding:28px 18px}.auth-card{width:min(100%,460px);padding:26px;border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(160deg,color-mix(in srgb,var(--blue) 10%,var(--surface)),var(--surface) 60%);display:flex;flex-direction:column;gap:10px}.auth-card h1{font-size:22px}.auth-form{display:flex;flex-direction:column;gap:12px;margin-top:6px}.auth-form .btn{justify-content:center;height:42px}.auth-error{display:flex;align-items:center;gap:7px;font-size:11.5px;padding:9px 11px;border-radius:12px;background:#ef444424;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}.account-stats div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--surface-soft) 85%,transparent);border:1px solid var(--border)}.account-stats span{font-size:10.5px;color:var(--muted)}.account-stats strong{font-size:20px}.account-xp{position:relative;display:flex;flex-direction:column;gap:6px}.account-xp i{display:block;height:8px;border-radius:6px;background:var(--gradient);min-width:4px;transition:width var(--dur) var(--ease)}.account-xp small{font-size:10.5px;color:var(--muted)}.link-row{padding:14px 0;border-top:1px solid var(--border)}.link-row-head{display:flex;align-items:center;gap:10px;margin-bottom:9px}.link-row-head strong{font-size:12px}.link-row-form{display:flex;flex-wrap:wrap;gap:8px}.link-row-form input{flex:1;min-width:160px;height:38px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-soft) 85%,transparent);color:var(--text);font:inherit}.user-chip{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:5px 12px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-soft) 85%,transparent);border:1px solid var(--border)}.user-chip-name{font-size:12px;font-weight:700}.user-chip-meta{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.user-chip-meta i{width:3px;height:3px;border-radius:50%;background:var(--muted)}.empty-state-actions{display:flex;gap:8px;margin-top:10px}.admin-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-bottom:18px}.admin-game{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:14px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 85%,transparent);border:1px solid var(--border);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.admin-game:hover{transform:translateY(-1.5px)}.admin-game strong{font-size:15px}.admin-game span{font-size:10.5px;color:var(--muted)}.admin-game.on{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 14%,transparent)}.admin-form{display:flex;flex-direction:column;gap:14px;margin-top:12px}.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:0 13px;height:42px;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-soft) 85%,transparent);color:var(--text);font:inherit}.admin-form textarea{height:auto;padding:12px 13px;border-radius:var(--radius-md);line-height:2;resize:vertical}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{outline:none;border-color:color-mix(in srgb,var(--blue) 60%,transparent)}.admin-form .btn{align-self:flex-start}.admin-json-import{display:grid;gap:10px;margin-top:6px;padding:14px;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.admin-json-import code{direction:ltr;text-align:left;overflow-wrap:anywhere;color:var(--muted);font-size:11px}.admin-json-import .btn{position:relative;width:fit-content;cursor:pointer}.admin-json-import input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.admin-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-option{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 85%,transparent);border:1px solid var(--border)}.admin-option.is-correct{border-color:#22c55e80;background:#22c55e1f}.admin-option input{flex:1;min-width:0;height:34px;padding:0 10px;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid transparent;border-radius:var(--radius-pill)}.admin-option-no{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;flex:none;background:color-mix(in srgb,var(--blue) 22%,transparent);font-size:11px;font-weight:800}.admin-correct{flex:none;font-size:10px;font-weight:700;color:var(--muted);white-space:nowrap;padding:5px 10px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--border);cursor:pointer;font-family:inherit}.admin-option.is-correct .admin-correct{color:#6ee7a0;display:inline-flex;align-items:center;gap:4px;border-color:#22c55e66;background:#22c55e29}.admin-note{display:flex;align-items:center;gap:7px;font-size:11.5px;padding:9px 11px;border-radius:12px;background:#22c55e24;color:#6ee7a0;border:1px solid rgba(34,197,94,.3)}.admin-rejected{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:11px 13px;border-radius:12px;background:#eab3081f;border:1px solid rgba(234,179,8,.3)}.admin-rejected>strong{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#fde68a}.admin-rejected ul{display:flex;flex-wrap:wrap;gap:6px}.admin-rejected li{display:flex;align-items:center;gap:6px;padding:4px 9px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 70%,transparent);font-size:10.5px}.admin-rejected li b{font-weight:800}.admin-rejected li span{color:var(--muted)}.admin-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.admin-form-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-items{display:flex;flex-direction:column;gap:8px;max-height:460px;overflow-y:auto}.admin-items li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--surface-soft) 85%,transparent);border:1px solid var(--border)}.admin-items li.is-off{opacity:.5}.admin-item-id{font-size:10px;color:var(--muted);min-width:38px;flex:none}.admin-item-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.admin-item-body strong{font-size:12.5px}.admin-item-body small{font-size:10px;color:var(--muted)}.admin-item-correct{color:#6ee7a0!important}.dash--full{display:block}.dash--full .panel{width:100%}@media(max-width:700px){.admin-options,.account-stats{grid-template-columns:1fr}}@media(max-width:620px){.trivia-options{grid-template-columns:1fr}}.admin-shuffle-note{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);padding:9px 11px;border-radius:12px;background:color-mix(in srgb,var(--blue) 10%,transparent);border:1px dashed color-mix(in srgb,var(--blue) 35%,transparent)}.admin-option .admin-correct:hover{border-color:color-mix(in srgb,var(--blue) 55%,var(--border));color:var(--text)}.admin-option.is-correct .admin-correct:hover{color:#6ee7a0;border-color:#22c55e8c}.account{display:flex;flex-direction:column;gap:18px}.player-card{position:relative;overflow:hidden;padding:24px;border-radius:var(--radius-xl, 22px);border:1px solid var(--border);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--blue) 26%,transparent),transparent 60%),linear-gradient(160deg,color-mix(in srgb,var(--surface-soft) 92%,transparent),var(--surface) 70%)}.player-card-glow{position:absolute;inset-inline-end:-60px;top:-80px;width:260px;height:260px;background:radial-gradient(circle,color-mix(in srgb,var(--blue) 35%,transparent),transparent 65%);filter:blur(6px);pointer-events:none}.player-card-head{position:relative;display:flex;align-items:center;gap:16px}.player-avatar{position:relative;display:inline-flex}.player-level-badge{position:absolute;inset-inline-end:-6px;bottom:-6px;display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:var(--radius-pill);font-size:12px;font-weight:900;color:#fff;background:var(--gradient);border:2px solid var(--surface);box-shadow:0 6px 16px color-mix(in srgb,var(--blue) 40%,transparent)}.player-identity h1{font-size:24px;line-height:1.3}.player-handle{font-size:11.5px;color:var(--muted)}.player-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.player-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);font-size:10px;font-weight:700;color:var(--muted);background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--border)}.player-tag.is-streamer{color:#6ee7a0;border-color:#22c55e59;background:#22c55e24}.player-tag.is-admin{color:#c4b5fd;border-color:#8b5cf659;background:#8b5cf624}.player-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 16px}.player-stat{display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid var(--border)}.player-stat small{display:block;font-size:10.5px;color:var(--muted)}.player-stat strong{font-size:21px;line-height:1.2}.player-stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;flex:none;background:color-mix(in srgb,var(--tint) 20%,transparent);color:var(--tint);border:1px solid color-mix(in srgb,var(--tint) 35%,transparent)}.player-stat--level{--tint: #fbbf24}.player-stat--xp{--tint: #38bdf8}.player-stat--coins{--tint: #f59e0b}.player-progress{position:relative;display:flex;flex-direction:column;gap:7px}.player-progress-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.player-progress-head span{display:inline-flex;align-items:center;gap:5px}.player-progress-head b{color:var(--text);font-size:11px}.player-progress-bar{height:10px;border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid var(--border)}.player-progress-bar i{display:block;height:100%;border-radius:8px;background:var(--gradient);min-width:6px;transition:width .42s var(--ease)}.oauth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.oauth-card{display:flex;flex-direction:column;gap:12px;justify-content:space-between;padding:16px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 85%,transparent);border:1px solid var(--border)}.oauth-card.is-linked{border-color:color-mix(in srgb,var(--brand) 45%,transparent);background:color-mix(in srgb,var(--brand) 9%,transparent)}.oauth-card-head{display:flex;align-items:center;gap:11px}.oauth-card-head strong{font-size:14px;display:block}.oauth-card-head small{font-size:10.5px;color:var(--muted)}.oauth-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;flex:none;background:color-mix(in srgb,var(--brand) 20%,transparent);color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 40%,transparent)}.oauth-dot{width:9px;height:9px;border-radius:50%;background:var(--brand);margin-inline-start:auto;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 22%,transparent)}.oauth-connect{justify-content:center}.oauth-card .btn{width:100%;justify-content:center}@media(max-width:760px){.player-stats,.oauth-grid{grid-template-columns:1fr}}.oauth-linked-note{display:inline-flex;align-items:center;gap:6px;justify-content:center;padding:8px 12px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;color:color-mix(in srgb,var(--brand) 75%,#fff);background:color-mix(in srgb,var(--brand) 14%,transparent);border:1px solid color-mix(in srgb,var(--brand) 35%,transparent)}.link-confirm{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.link-confirm h2{font-size:20px}.link-confirm-warn{display:flex;align-items:center;gap:7px;font-size:11.5px;padding:9px 13px;border-radius:12px;background:#ef444424;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.link-confirm-note{font-size:12px;color:var(--muted)}.link-account-card{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:9px;padding:20px 16px 16px;border-radius:var(--radius-md);background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--brand) 20%,transparent),transparent 62%),color-mix(in srgb,var(--surface-soft) 88%,transparent);border:1px solid color-mix(in srgb,var(--brand) 40%,transparent)}.link-account-platform{position:absolute;top:10px;inset-inline-start:12px;font-size:10px;font-weight:800;letter-spacing:.4px;padding:3px 9px;border-radius:var(--radius-pill);color:color-mix(in srgb,var(--brand) 78%,#fff);background:color-mix(in srgb,var(--brand) 16%,transparent);border:1px solid color-mix(in srgb,var(--brand) 38%,transparent)}.link-account-avatar{width:78px;height:78px;border-radius:50%;object-fit:cover;border:3px solid color-mix(in srgb,var(--brand) 55%,transparent);box-shadow:0 10px 26px color-mix(in srgb,var(--brand) 25%,transparent)}.link-account-avatar--empty{display:grid;place-items:center;color:var(--muted);background:color-mix(in srgb,var(--surface) 70%,transparent)}.link-account-card>strong{font-size:16px}.link-account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:4px}.link-account-stats>div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 8px;border-radius:12px;background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid var(--border)}.link-account-stats small{font-size:10px;color:var(--muted)}.link-account-stats b{font-size:16px}.link-account-stats .player-stat-icon{width:30px;height:30px;border-radius:10px}.link-confirm-actions{display:flex;gap:10px;width:100%;margin-top:4px}.link-confirm-actions .btn{flex:1;justify-content:center;height:42px}.admin-user-search{display:flex;gap:8px;align-items:center;margin:12px 0 14px}.admin-user-search .games-search{flex:1}.admin-users{display:flex;flex-direction:column;gap:12px}.admin-user-card{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 85%,transparent);border:1px solid var(--border)}.admin-user-head{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.admin-user-head>div{flex:1;min-width:140px}.admin-user-head strong{display:block;font-size:14px}.admin-user-head small{font-size:10.5px;color:var(--muted)}.admin-user-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;flex:none;background:var(--gradient);color:#fff;font-size:13px;font-weight:800}.admin-user-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-user-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid color-mix(in srgb,var(--brand) 28%,var(--border))}.admin-user-link>div{flex:1;min-width:0}.admin-user-link strong{display:block;font-size:12px}.admin-user-link small{font-size:10px;color:var(--muted)}.admin-user-link .oauth-logo{width:32px;height:32px;border-radius:10px}@media(max-width:700px){.admin-user-links{grid-template-columns:1fr}}.player-progress-foot{font-size:10.5px;color:var(--muted)}.profile-picture-card{display:flex;align-items:center;gap:20px}.profile-picture-preview{flex:none}.profile-picture-preview .avatar{width:84px;height:84px}.profile-picture-content{flex:1;min-width:0}.profile-picture-form{display:flex;align-items:center;gap:8px;margin-top:12px}.profile-picture-form input{flex:1;min-width:180px;height:40px;padding:0 13px;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 75%,transparent);color:var(--text);font:inherit;direction:ltr;text-align:left}.profile-picture-form input:focus{outline:none;border-color:color-mix(in srgb,var(--blue) 60%,transparent)}.leaderboard-page{padding-block:34px 56px}.leaderboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.leaderboard-head h1{font-size:clamp(25px,4vw,38px);margin-bottom:5px}.leaderboard-tabs{flex:none}.leaderboard-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.leaderboard-card{overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-soft) 90%,transparent)}.leaderboard-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.leaderboard-list li{display:grid;grid-template-columns:42px 48px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:76px;padding:11px 18px;border-bottom:1px solid var(--border)}.leaderboard-list li:last-child{border-bottom:0}.leaderboard-list li.is-me{background:color-mix(in srgb,var(--blue) 11%,transparent)}.leaderboard-list li.is-top{background:linear-gradient(90deg,color-mix(in srgb,var(--medal) 10%,transparent),transparent 60%)}.leaderboard-list li.is-top-1{--medal: #fbbf24}.leaderboard-list li.is-top-2{--medal: #cbd5e1}.leaderboard-list li.is-top-3{--medal: #d97706}.leaderboard-rank{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:var(--muted);font-weight:900;background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid var(--border)}.is-top .leaderboard-rank{color:var(--medal);border-color:color-mix(in srgb,var(--medal) 42%,transparent)}.leaderboard-user{min-width:0}.leaderboard-user strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.leaderboard-user small{color:var(--muted);font-size:10.5px}.leaderboard-values{text-align:end}.leaderboard-values b{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:14px}.leaderboard-values span{display:block;margin-top:3px;color:var(--muted);font-size:10.5px}.leaderboard-empty{display:flex;align-items:center;justify-content:center;gap:9px;min-height:240px;color:var(--muted)}@media(max-width:700px){.profile-picture-card,.leaderboard-head{align-items:stretch;flex-direction:column}.profile-picture-preview{align-self:center}.profile-picture-form{flex-wrap:wrap}.profile-picture-form input{flex-basis:100%}.leaderboard-tabs{width:100%}.leaderboard-tabs button{flex:1}.leaderboard-list li{grid-template-columns:34px 40px minmax(0,1fr);padding-inline:11px;gap:9px}.leaderboard-values{grid-column:2 / -1;display:flex;align-items:center;justify-content:space-between;padding-bottom:5px}.leaderboard-values span{margin-top:0}}.game-card .g-art{position:relative;display:block;aspect-ratio:1.45;width:100%;margin:-2px 0 12px;border-radius:14px;overflow:hidden;isolation:isolate;background:radial-gradient(70% 90% at 30% 60%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in srgb,var(--accent) 22%,#0d1f21),#0a1415);box-shadow:inset 0 0 0 1px #ffffff0f}.game-card .g-art-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:20px 20px;-webkit-mask-image:radial-gradient(80% 80% at 50% 45%,#000,transparent 75%);mask-image:radial-gradient(80% 80% at 50% 45%,#000,transparent 75%);opacity:.55}.game-card .g-art-mark{position:absolute;top:14px;inset-inline-end:14px;width:26px;height:26px;color:color-mix(in srgb,var(--accent) 80%,#fff);opacity:.85}.game-card .g-art-mark svg{width:100%;height:100%;display:block}.game-card .g-art-ill{position:absolute;inset-inline-start:6%;bottom:8%;color:color-mix(in srgb,var(--accent) 65%,#fff);opacity:.28;filter:drop-shadow(0 8px 26px rgba(0,0,0,.45));pointer-events:none}.game-card .g-art-title{position:absolute;inset-inline-end:8%;bottom:20%;font-size:clamp(24px,3.2vw,40px);font-weight:900;letter-spacing:-.5px;line-height:1;color:#d8fbfe;text-shadow:0 3px 0 color-mix(in srgb,var(--accent) 65%,#0a1415),0 0 26px color-mix(in srgb,var(--accent) 55%,transparent)}.game-card .g-art-new,.game-card .g-art-soon,.game-card .g-art-cat{position:absolute;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:10.5px;font-weight:800;line-height:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-card .g-art-cat{bottom:10px;inset-inline-end:10px;background:#00000073;color:#cbe9ec;box-shadow:inset 0 0 0 1px #ffffff1f}.game-card .g-art-new{top:10px;inset-inline-start:10px;background:linear-gradient(135deg,#ffd35c,#f59e0b);color:#2a1a00}.game-card .g-art-soon{top:10px;inset-inline-start:10px;background:#0000008c;color:#e7eef0;box-shadow:inset 0 0 0 1px #ffffff24}.game-card.is-soon .g-art{filter:saturate(.5)}.game-card.is-soon .g-art:after{content:"";position:absolute;inset:0;background:#040a0b59}.pbanner{--pb-bg: color-mix(in srgb, var(--surface, #12203a) 88%, transparent);--pb-edge: linear-gradient(90deg, rgba(148, 163, 184, .5), rgba(148, 163, 184, .18));--pb-glow: transparent;--pb-ink: var(--text, #e8eefc);--pb-h: 40px;position:relative;display:inline-flex;align-items:center;gap:.5rem;min-height:var(--pb-h);padding-block:.22rem;padding-inline-start:.3rem;padding-inline-end:1.15rem;border-radius:999px;background:var(--pb-bg);color:var(--pb-ink);font-weight:700;line-height:1.5;isolation:isolate;max-width:100%}.pbanner--sm{--pb-h: 32px;padding-block:.18rem;padding-inline-start:.22rem;padding-inline-end:.95rem;gap:.4rem;font-size:.82rem}.pbanner--lg{--pb-h: 54px;padding-block:.3rem;padding-inline-start:.38rem;padding-inline-end:1.5rem;gap:.65rem;font-size:1.05rem}.pbanner-frame{position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--pb-edge);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:2}.pbanner.is-decorated{--pb-shape: polygon(0 18%, 5% 18%, 9% 0, 15% 10%, 50% 2%, 85% 10%, 91% 0, 95% 18%, 100% 18%, 97% 50%, 100% 82%, 95% 82%, 91% 100%, 85% 90%, 50% 98%, 15% 90%, 9% 100%, 5% 82%, 0 82%, 3% 50%);min-width:min(230px,100%);margin-inline:12px;border-radius:8px;clip-path:var(--pb-shape);box-shadow:0 0 0 1px #0000002e,0 9px 28px -10px var(--pb-glow)}.pbanner--sm.is-decorated{min-width:min(176px,100%);margin-inline:8px}.pbanner--lg.is-decorated{min-width:min(286px,100%);min-height:70px;margin-inline:14px;padding-inline-end:2.25rem}.pbanner.is-decorated:after{content:"";position:absolute;inset:-6px;border-radius:inherit;background:radial-gradient(ellipse at center,var(--pb-glow),transparent 70%);opacity:.38;filter:blur(7px);z-index:-1;pointer-events:none}.pbanner-ornament{position:absolute;inset-block:5px;width:34px;z-index:1;color:var(--pb-glow);filter:drop-shadow(0 0 5px var(--pb-glow));pointer-events:none}.pbanner-ornament--start{inset-inline-start:4px}.pbanner-ornament--end{inset-inline-end:4px;transform:scaleX(-1)}.pbanner-ornament i,.pbanner-ornament b{position:absolute;display:block;background:linear-gradient(135deg,color-mix(in srgb,currentColor 90%,white),currentColor 55%,transparent)}.pbanner-ornament i{inset:2px 1px 52% 3px;clip-path:polygon(0 100%,35% 12%,58% 65%,100% 0,72% 100%)}.pbanner-ornament b{inset:52% 1px 2px 3px;clip-path:polygon(0 0,35% 88%,58% 35%,100% 100%,72% 0)}.pbanner-sigil{position:absolute;inset-inline-end:27px;top:50%;translate:0 -50%;z-index:3;color:color-mix(in srgb,var(--pb-glow) 78%,white);text-shadow:0 0 8px var(--pb-glow);display:grid;place-items:center;min-width:1.55em;min-height:1.55em;padding:.08em;border:1px solid color-mix(in srgb,var(--pb-glow) 72%,white);border-radius:50%;background:#0308149e;box-shadow:inset 0 0 7px color-mix(in srgb,var(--pb-glow) 45%,transparent),0 0 8px var(--pb-glow);font-size:.72em;font-weight:900;pointer-events:none}.pbanner.tier-epic .pbanner-ornament,.pbanner.tier-legendary .pbanner-ornament{width:42px}.pbanner.tier-legendary .pbanner-ornament i,.pbanner.tier-legendary .pbanner-ornament b{background:linear-gradient(135deg,#fff4bf,currentColor 48%,#7c4a00)}.pbanner.tier-legendary .pbanner-sigil{animation:pb-sigil 1.8s ease-in-out infinite}@keyframes pb-sigil{50%{scale:1.28;filter:brightness(1.35)}}.pbanner-avatar{display:inline-flex;flex:none;position:relative;z-index:4;padding:3px;border-radius:50%;background:conic-gradient(from 25deg,var(--pb-glow),#fff 18%,var(--pb-glow) 38%,transparent 51%,var(--pb-glow) 72%,#fff 86%,var(--pb-glow));box-shadow:0 0 0 2px #050c1ce6,0 0 14px var(--pb-glow)}.pbanner-avatar .avatar,.pbanner-avatar .avatar-wrap{border-radius:50%}.pbanner-avatar .avatar{border:2px solid rgb(255 255 255 / .72)}.pbanner--lg .pbanner-avatar .avatar-wrap--lg .avatar{width:58px;height:58px}.pbanner--lg .pbanner-avatar{margin-block:-4px}.pbanner--sm .pbanner-avatar{padding:2px}.pbanner-avatar .avatar-plat{z-index:4}.avatar-level-badge{position:absolute;right:-3px;bottom:-3px;z-index:8;display:grid;place-items:center;min-width:19px;height:19px;padding-inline:4px;border:2px solid #081124;border-radius:999px;background:linear-gradient(145deg,#fbbf24,#d97706);box-shadow:0 2px 7px #000000a6,0 0 8px #fbbf246b;color:#fff;font:900 9px/1 Sora,Alexandria,sans-serif;text-shadow:0 1px 2px rgb(0 0 0 / .65)}.pbanner--sm .avatar-level-badge{right:-2px;bottom:-2px;min-width:16px;height:16px;padding-inline:3px;border-width:1.5px;font-size:8px}.pbanner .banner-level-badge{left:var(--pb-level-x);right:auto;top:var(--pb-level-y);bottom:auto;z-index:7;width:max-content;max-width:32px;transform:translate(-56%,-58%)}.pbanner.pbanner--sm .banner-level-badge{right:auto;bottom:auto;width:max-content;max-width:28px}.pbanner-name{position:relative;z-index:1;white-space:nowrap;overflow:hidden;max-width:14ch;line-height:1.7;padding-block:1px;text-shadow:0 1px 2px rgb(0 0 0 / .45);display:flex;align-items:center;justify-content:center;gap:5px;font-family:Alexandria,Noto Kufi Arabic,Segoe UI,Tahoma,sans-serif;font-weight:700}.pbanner-identity{display:flex;flex:1 1 auto;min-width:0;max-width:100%;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}.pbanner-name-row{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0}.pbanner-name-text{display:block;width:auto;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1em;font-weight:800;unicode-bidi:plaintext}.pbanner-handle{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aeb8c8;font-family:Sora,Segoe UI,sans-serif;font-size:.61em;font-weight:600;line-height:1.25;letter-spacing:.01em;text-shadow:0 1px 2px rgb(0 0 0 / .8);unicode-bidi:isolate}.pbanner-platform{display:inline-flex;flex:0 0 auto;width:10px;height:10px;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .45))}.pbanner-platform svg{width:10px;height:10px}.pbanner-platform--kick{color:#53fc18}.pbanner-platform--tiktok{color:#fff}.pbanner-platform--discord{color:#8c9eff}.pbanner--lg .pbanner-name{max-width:18ch}.pbanner-reward{position:absolute;z-index:12;left:25%;right:5%;bottom:-15px;min-width:0;padding:3px 7px 4px;border:1px solid rgb(34 211 238 / .48);border-radius:8px;color:#eafcff;background:linear-gradient(100deg,#031227f5,#07223ef5);box-shadow:0 5px 14px #00000075,0 0 12px #22d3ee33;font-family:Sora,Alexandria,sans-serif;animation:pb-reward-in .42s cubic-bezier(.2,.8,.2,1) both}.pbanner-reward-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;line-height:1;white-space:nowrap}.pbanner-reward-copy b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:clamp(6.5px,2.5cqi,9px);font-weight:800}.pbanner-reward-copy em{color:#67e8f9;font-style:normal}.pbanner-reward-coins{display:inline-flex;align-items:center;gap:2px;min-height:13px;padding:1px 4px;border:1px solid rgb(251 191 36 / .42);border-radius:99px;color:#fde68a;background:linear-gradient(135deg,#f59e0b3d,#78350f52);box-shadow:inset 0 1px #ffffff1a,0 0 7px #f59e0b2e;font-family:Alexandria,Sora,sans-serif;font-size:clamp(5.5px,2cqi,7.5px);font-weight:900;white-space:nowrap}.pbanner-reward-coins svg{flex:none;width:8px;height:8px;stroke-width:2.4}.pbanner-reward-track{display:block;height:3px;margin-top:3px;overflow:hidden;border-radius:99px;background:#ffffff21}.pbanner-reward-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#06b6d4,#22d3ee,#60a5fa);box-shadow:0 0 8px #22d3ee;animation:pb-reward-fill .75s .18s ease-out both;transform-origin:left}.pbanner--sm .pbanner-reward{left:22%;right:2%;bottom:-13px}.pbanner.has-reward{margin-bottom:22px}.pbanner--sm.has-reward{margin-bottom:19px}@keyframes pb-reward-in{0%{opacity:0;transform:translateY(-8px) scale(.94)}}@keyframes pb-reward-fill{0%{transform:scaleX(0)}}.pbanner-dot{width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#ffffff59,#ffffff14);box-shadow:inset 0 0 0 2px #ffffff40;display:block}.pbanner--lg .pbanner-dot{width:38px;height:38px}.pbanner:not(.is-decorated){--pb-bg: color-mix(in srgb, var(--surface, #12203a) 70%, transparent)}.pbanner.has-wing .pbanner-frame:before,.pbanner.has-wing .pbanner-frame:after{content:"";position:absolute;top:50%;width:16px;height:16px;translate:0 -50%;background:var(--pb-wing, var(--pb-glow));clip-path:polygon(0 50%,55% 0,100% 50%,55% 100%);opacity:.95}.pbanner.has-wing .pbanner-frame:before{inset-inline-start:-7px}.pbanner.has-wing .pbanner-frame:after{inset-inline-end:-7px;scale:-1 1}.pb-starter{--pb-bg: linear-gradient(100deg, #1b2740, #243352);--pb-edge: linear-gradient(90deg, #64748b, #94a3b8, #64748b);--pb-glow: #64748b;--pb-shape: polygon(0 16%, 7% 16%, 11% 0, 19% 9%, 81% 9%, 89% 0, 93% 16%, 100% 16%, 96% 50%, 100% 84%, 93% 84%, 89% 100%, 81% 91%, 19% 91%, 11% 100%, 7% 84%, 0 84%, 4% 50%)}.pb-nebula{--pb-bg: linear-gradient(100deg, #1a1b3a, #2b2455 55%, #1a1b3a);--pb-edge: linear-gradient(90deg, #8b93d6, #c4b5fd, #8b93d6);--pb-glow: #8b5cf6;--pb-shape: polygon(0 28%, 6% 14%, 16% 16%, 22% 0, 78% 0, 84% 16%, 94% 14%, 100% 28%, 96% 50%, 100% 72%, 94% 86%, 84% 84%, 78% 100%, 22% 100%, 16% 84%, 6% 86%, 0 72%, 4% 50%)}.pb-nebula .pbanner-frame{box-shadow:inset 0 0 12px #c4b5fd40}.pb-nebula:before{content:"";position:absolute;inset:2px;pointer-events:none;background:radial-gradient(circle at 22% 32%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 68% 68%,#ddd6fe 0 1.3px,transparent 2px),radial-gradient(circle at 82% 25%,#fff 0 1px,transparent 1.8px);animation:pb-twinkle 2.4s ease-in-out infinite alternate}.pb-dunes{--pb-bg: linear-gradient(100deg, #3a2a16, #5a4120 55%, #3a2a16);--pb-edge: linear-gradient(90deg, #c8a35c, #f3dca6, #c8a35c);--pb-glow: #d9a441;--pb-ink: #fdf3dc;--pb-shape: polygon(0 0, 9% 16%, 16% 2%, 38% 9%, 61% 0, 84% 10%, 92% 0, 100% 20%, 96% 50%, 100% 80%, 92% 100%, 84% 90%, 61% 100%, 38% 91%, 16% 98%, 9% 84%, 0 100%, 4% 50%)}.pb-dunes:before{content:"";position:absolute;inset:2px;pointer-events:none;background:radial-gradient(100% 70% at 10% 115%,rgb(252 211 77 / .28) 0 38%,transparent 39%),radial-gradient(100% 65% at 80% 120%,rgb(255 247 214 / .15) 0 34%,transparent 35%);animation:pb-drift 5s ease-in-out infinite alternate}.pb-neon{--pb-bg: linear-gradient(100deg, #06131f, #0a2436 60%, #06131f);--pb-edge: linear-gradient(90deg, #22d3ee, #a5f3fc, #22d3ee);--pb-glow: #22d3ee;--pb-ink: #e0fbff;--pb-shape: polygon(0 22%, 8% 22%, 14% 0, 84% 0, 100% 50%, 84% 100%, 14% 100%, 8% 78%, 0 78%, 6% 50%)}.pb-neon .pbanner-frame{box-shadow:inset 0 0 10px #22d3ee73,0 0 14px #22d3ee59}.pb-neon:before{content:"";position:absolute;inset:2px;pointer-events:none;background:linear-gradient(90deg,transparent 0 35%,rgb(165 243 252 / .38) 48%,transparent 61%);background-size:260% 100%;animation:pb-scan 2.2s linear infinite}.pb-emerald{--pb-bg: linear-gradient(100deg, #052e1f, #0b4a33 55%, #052e1f);--pb-edge: linear-gradient(90deg, #34d399, #d1fae5, #059669);--pb-glow: #10b981;--pb-ink: #e6fff5;--pb-shape: polygon(0 50%, 8% 10%, 19% 0, 81% 0, 92% 10%, 100% 50%, 92% 90%, 81% 100%, 19% 100%, 8% 90%)}.pb-emerald .pbanner-ornament i,.pb-emerald .pbanner-ornament b{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.pb-emerald:before{content:"";position:absolute;inset:2px;pointer-events:none;background:conic-gradient(from 35deg at 24% 50%,transparent,rgb(167 243 208 / .24),transparent 28%);animation:pb-gem 3s ease-in-out infinite}.pb-ember{--pb-bg: linear-gradient(100deg, #2b1005, #4a1b06 55%, #2b1005);--pb-edge: linear-gradient(90deg, #f97316, #fed7aa, #ea580c);--pb-glow: #fb7185;--pb-ink: #ffeede;--pb-shape: polygon(0 32%, 5% 8%, 11% 25%, 17% 0, 24% 17%, 31% 4%, 69% 4%, 76% 17%, 83% 0, 89% 25%, 95% 8%, 100% 32%, 96% 50%, 100% 68%, 95% 92%, 89% 75%, 83% 100%, 76% 83%, 69% 96%, 31% 96%, 24% 83%, 17% 100%, 11% 75%, 5% 92%, 0 68%, 4% 50%)}.pb-ember:before{content:"";position:absolute;inset:2px;border-radius:inherit;background:radial-gradient(circle at 15% 120%,rgb(249 115 22 / .55),transparent 55%);animation:pb-ember-pulse 2.6s ease-in-out infinite;pointer-events:none}@keyframes pb-ember-pulse{0%,to{opacity:.45}50%{opacity:.9}}.pb-rank10{--pb-bg: linear-gradient(100deg, #10233f, #1b3a63 55%, #10233f);--pb-edge: linear-gradient(90deg, #3b82f6, #bfdbfe, #3b82f6);--pb-glow: #3b82f6;--pb-ink: #eaf3ff;--pb-shape: polygon(0 14%, 13% 14%, 18% 0, 50% 7%, 82% 0, 87% 14%, 100% 14%, 96% 50%, 100% 86%, 87% 86%, 82% 100%, 50% 93%, 18% 100%, 13% 86%, 0 86%, 4% 50%)}.pb-rank10 .pbanner-sigil,.pb-rank25 .pbanner-sigil{font-size:.61em;letter-spacing:-.04em}.pb-rank10:before{content:"";position:absolute;inset:2px;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgb(191 219 254 / .34) 50%,transparent 65%);background-size:260% 100%;animation:pb-scan 3.2s linear infinite}.pb-abyss{--pb-bg: linear-gradient(100deg, #04182e, #0b3358 55%, #04182e);--pb-edge: linear-gradient(90deg, #0ea5e9, #67e8f9, #0369a1);--pb-glow: #0ea5e9;--pb-ink: #e6f6ff;--pb-wing: #38bdf8;--pb-shape: polygon(0 20%, 10% 8%, 18% 18%, 28% 0, 72% 0, 82% 18%, 90% 8%, 100% 20%, 96% 50%, 100% 86%, 88% 100%, 76% 86%, 62% 100%, 38% 92%, 20% 100%, 10% 84%, 0 80%, 5% 50%)}.pb-abyss .pbanner-frame:before,.pb-abyss .pbanner-frame:after{content:""}.pb-abyss:before{content:"";position:absolute;inset:2px;border-radius:inherit;background:linear-gradient(105deg,transparent 35%,rgb(103 232 249 / .3) 50%,transparent 65%);background-size:260% 100%;animation:pb-sheen 4.2s linear infinite;pointer-events:none}@keyframes pb-sheen{0%{background-position:200% 0}to{background-position:-60% 0}}.pb-violet{--pb-bg: linear-gradient(100deg, #1e0b35, #3b1263 55%, #1e0b35);--pb-edge: linear-gradient(90deg, #a855f7, #e9d5ff, #7e22ce);--pb-glow: #a855f7;--pb-ink: #f6ecff;--pb-wing: #c084fc;--pb-shape: polygon(0 0, 12% 18%, 0 36%, 7% 50%, 0 64%, 12% 82%, 0 100%, 25% 91%, 50% 100%, 75% 91%, 100% 100%, 88% 82%, 100% 64%, 93% 50%, 100% 36%, 88% 18%, 100% 0, 75% 9%, 50% 0, 25% 9%)}.pb-violet .pbanner-frame{box-shadow:inset 0 0 0 1px #e9d5ff4d}.pb-cyber{--pb-bg: repeating-linear-gradient(115deg, rgb(56 189 248 / .1) 0 2px, transparent 2px 7px), linear-gradient(100deg, #0a0f1f, #101c3a 55%, #0a0f1f);--pb-edge: linear-gradient(90deg, #22d3ee, #f472b6, #22d3ee);--pb-glow: #f472b6;--pb-ink: #e9fbff;--pb-wing: #22d3ee;--pb-shape: polygon(8% 0, 72% 0, 78% 12%, 94% 12%, 100% 38%, 94% 50%, 100% 62%, 94% 88%, 82% 88%, 74% 100%, 0 100%, 0 72%, 5% 65%, 0 45%, 6% 35%, 0 18%);border-radius:10px}.pb-cyber .pbanner-frame{border-radius:10px}.pb-cyber{animation:pb-cyber-jitter 4s steps(1,end) infinite}.pb-rank25{--pb-bg: linear-gradient(100deg, #2a1338, #46205c 55%, #2a1338);--pb-edge: linear-gradient(90deg, #c084fc, #fae8ff, #9333ea);--pb-glow: #c084fc;--pb-ink: #faf0ff;--pb-wing: #e879f9;--pb-shape: polygon(0 50%, 7% 18%, 18% 10%, 24% 0, 34% 10%, 50% 2%, 66% 10%, 76% 0, 82% 10%, 93% 18%, 100% 50%, 93% 82%, 82% 90%, 76% 100%, 66% 90%, 50% 98%, 34% 90%, 24% 100%, 18% 90%, 7% 82%)}.pb-rank25:before{content:"";position:absolute;inset:2px;pointer-events:none;background:linear-gradient(120deg,transparent 0 40%,rgb(250 232 255 / .45) 50%,transparent 60%);background-size:300% 100%;animation:pb-crystal 2.8s linear infinite}.pb-royal{--pb-bg: linear-gradient(100deg, #2e2206, #4d3a0b 52%, #2e2206);--pb-edge: linear-gradient(90deg, #b8860b, #ffe9a8, #b8860b);--pb-glow: #f0b429;--pb-ink: #fff6dc;--pb-wing: #f5cb5c;--pb-shape: polygon(0 22%, 8% 22%, 13% 0, 22% 14%, 31% 2%, 40% 14%, 50% 0, 60% 14%, 69% 2%, 78% 14%, 87% 0, 92% 22%, 100% 22%, 96% 50%, 100% 84%, 88% 84%, 82% 100%, 50% 92%, 18% 100%, 12% 84%, 0 84%, 4% 50%)}.pb-royal .pbanner-frame{box-shadow:inset 0 0 0 1px #ffe9a873,0 0 18px #f0b42959}.pb-royal .pbanner-name:before{content:"\265b";margin-inline-end:.35rem;color:#ffe9a8}.pb-royal:before{content:"";position:absolute;inset:2px;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgb(255 246 210 / .32),transparent 48%);animation:pb-crown-glow 2.5s ease-in-out infinite}.pb-dragon{--pb-bg: linear-gradient(100deg, #2b0509, #59080f 52%, #2b0509);--pb-edge: linear-gradient(90deg, #dc2626, #fca5a5, #7f1d1d);--pb-glow: #ef4444;--pb-ink: #ffeaea;--pb-wing: #ef4444;--pb-shape: polygon(0 30%, 6% 18%, 12% 25%, 18% 0, 28% 17%, 38% 3%, 50% 15%, 62% 3%, 72% 17%, 82% 0, 88% 25%, 94% 18%, 100% 30%, 94% 50%, 100% 70%, 92% 82%, 84% 72%, 78% 100%, 66% 84%, 50% 96%, 34% 84%, 22% 100%, 16% 72%, 8% 82%, 0 70%, 6% 50%)}.pb-dragon:before{content:"";position:absolute;inset:2px;border-radius:inherit;background:repeating-radial-gradient(circle at 0 50%,rgb(252 165 165 / .16) 0 3px,transparent 3px 9px);pointer-events:none;animation:pb-scales 3.4s linear infinite}.pb-frost{--pb-bg: linear-gradient(100deg, #0b2233, #14405c 52%, #0b2233);--pb-edge: linear-gradient(90deg, #7dd3fc, #ffffff, #7dd3fc);--pb-glow: #bae6fd;--pb-ink: #f2fbff;--pb-wing: #e0f2fe;--pb-shape: polygon(0 22%, 9% 14%, 14% 0, 24% 18%, 34% 4%, 44% 16%, 55% 0, 66% 16%, 78% 5%, 88% 18%, 100% 8%, 96% 50%, 100% 92%, 88% 82%, 78% 95%, 66% 84%, 55% 100%, 44% 84%, 34% 96%, 24% 82%, 14% 100%, 9% 86%, 0 78%, 5% 50%)}.pb-frost:before{content:"";position:absolute;inset:2px;border-radius:inherit;background:linear-gradient(110deg,transparent 40%,rgb(255 255 255 / .45) 50%,transparent 60%);background-size:300% 100%;animation:pb-sheen 3.4s linear infinite;pointer-events:none}.pb-galaxy{--pb-bg: linear-gradient(100deg, #150a2e, #2b1259 50%, #150a2e);--pb-edge: conic-gradient(from 0deg, #f472b6, #38bdf8, #a78bfa, #34d399, #f472b6);--pb-glow: #a78bfa;--pb-ink: #f7f0ff;--pb-wing: #f472b6;--pb-shape: polygon(0 36%, 6% 16%, 18% 7%, 34% 0, 66% 0, 82% 7%, 94% 16%, 100% 36%, 96% 50%, 100% 64%, 94% 84%, 82% 93%, 66% 100%, 34% 100%, 18% 93%, 6% 84%, 0 64%, 4% 50%)}.pb-galaxy:before{content:"";position:absolute;inset:2px;border-radius:inherit;background:radial-gradient(1.5px 1.5px at 18% 35%,#fff,transparent),radial-gradient(1.5px 1.5px at 62% 70%,#fff,transparent),radial-gradient(1.5px 1.5px at 84% 28%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 18%,#fff,transparent);opacity:.8;pointer-events:none;animation:pb-orbit 5.5s linear infinite}@keyframes pb-twinkle{50%{opacity:.28;filter:brightness(.8)}to{opacity:1;filter:brightness(1.5)}}@keyframes pb-drift{to{translate:7% 0;filter:brightness(1.18)}}@keyframes pb-scan{0%{background-position:210% 0}to{background-position:-80% 0}}@keyframes pb-gem{50%{opacity:.35;rotate:4deg;scale:1.05}}@keyframes pb-cyber-jitter{0%,91%,to{translate:0;filter:none}92%{translate:1px 0;filter:hue-rotate(18deg)}94%{translate:-1px 0}}@keyframes pb-crystal{0%{background-position:200% 0}to{background-position:-70% 0}}@keyframes pb-crown-glow{50%{opacity:.42;filter:brightness(1.45)}}@keyframes pb-scales{to{background-position:18px 0}}@keyframes pb-orbit{50%{opacity:.45;filter:hue-rotate(50deg)}to{rotate:1turn}}.pb-abyss,.pb-violet,.pb-cyber,.pb-rank25,.pb-royal,.pb-dragon,.pb-frost,.pb-galaxy{--pb-has-wing: 1}.pb-abyss .pbanner-frame:before,.pb-abyss .pbanner-frame:after,.pb-violet .pbanner-frame:before,.pb-violet .pbanner-frame:after,.pb-cyber .pbanner-frame:before,.pb-cyber .pbanner-frame:after,.pb-rank25 .pbanner-frame:before,.pb-rank25 .pbanner-frame:after,.pb-royal .pbanner-frame:before,.pb-royal .pbanner-frame:after,.pb-dragon .pbanner-frame:before,.pb-dragon .pbanner-frame:after,.pb-frost .pbanner-frame:before,.pb-frost .pbanner-frame:after,.pb-galaxy .pbanner-frame:before,.pb-galaxy .pbanner-frame:after{content:"";position:absolute;top:50%;width:14px;height:14px;translate:0 -50%;background:var(--pb-wing, var(--pb-glow));clip-path:polygon(0 50%,55% 0,100% 50%,55% 100%);filter:drop-shadow(0 0 5px var(--pb-glow))}.pb-abyss .pbanner-frame:before,.pb-violet .pbanner-frame:before,.pb-cyber .pbanner-frame:before,.pb-rank25 .pbanner-frame:before,.pb-royal .pbanner-frame:before,.pb-dragon .pbanner-frame:before,.pb-frost .pbanner-frame:before,.pb-galaxy .pbanner-frame:before{inset-inline-start:-6px}.pb-abyss .pbanner-frame:after,.pb-violet .pbanner-frame:after,.pb-cyber .pbanner-frame:after,.pb-rank25 .pbanner-frame:after,.pb-royal .pbanner-frame:after,.pb-dragon .pbanner-frame:after,.pb-frost .pbanner-frame:after,.pb-galaxy .pbanner-frame:after{inset-inline-end:-6px}@media(prefers-reduced-motion:reduce){.pbanner,.pbanner:before,.pbanner:after,.pbanner-sigil{animation:none!important}}.pbanner .avatar-wrap.has-banner:after{display:none}.avatar-wrap.has-banner:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--pb-ring, #94a3b8);box-shadow:0 0 10px -1px var(--pb-ring, #94a3b8);pointer-events:none;z-index:0}.avatar-wrap.has-banner .avatar-plat{z-index:3}.store-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.store-balance{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1rem;border-radius:14px;background:color-mix(in srgb,#f59e0b 14%,transparent);border:1px solid color-mix(in srgb,#f59e0b 35%,transparent);font-weight:800}.store-balance b{font-size:1.25rem;color:#f59e0b}.store-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 .3rem}.store-tabs button{padding:.45rem 1rem;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}.store-tabs button.on{background:var(--brand, #2563eb);border-color:transparent;color:#fff}.store-section-title{display:flex;align-items:center;gap:.5rem;margin:1.6rem 0 .7rem;font-weight:800}.store-section-title span{margin-inline-start:auto;font-weight:700;font-size:.85rem;opacity:.7}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.store-card{display:flex;flex-direction:column;gap:.7rem;padding:.9rem;border-radius:16px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);background:color-mix(in srgb,var(--surface, #12203a) 65%,transparent)}.store-card-top{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:700}.store-tier{padding:.15rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--tier) 20%,transparent);color:var(--tier);border:1px solid color-mix(in srgb,var(--tier) 40%,transparent)}.store-owned-tag{opacity:.75;display:inline-flex;align-items:center;gap:.25rem}.store-stage{display:grid;place-items:center;min-height:92px;padding:.8rem;border-radius:12px;background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--tier) 18%,transparent),transparent 70%),color-mix(in srgb,#000 20%,transparent);overflow:hidden}.store-stage--banner{min-height:150px;padding-inline:1rem}.store-stage--banner .pbanner{width:min(100%,420px)}.store-card h3{margin:0;font-size:1rem}.store-card p{margin:0;font-size:.82rem;opacity:.75}.store-card .store-expiry{font-size:.78rem;opacity:.8}.store-card-actions{margin-top:auto;display:flex;gap:.5rem}.store-card-actions .btn{flex:1;justify-content:center}.store-buy{display:grid;gap:.8rem}.store-buy-option{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.9rem 1rem;border-radius:14px;border:1px solid color-mix(in srgb,currentColor 16%,transparent);background:color-mix(in srgb,var(--surface, #12203a) 60%,transparent);color:inherit;font:inherit;text-align:start;cursor:pointer}.store-buy-option:hover:not(:disabled){border-color:var(--brand, #2563eb)}.store-buy-option:disabled{opacity:.5;cursor:not-allowed}.store-buy-option strong{display:block;font-size:1rem}.store-buy-option small{opacity:.7}.store-buy-price{flex:none;display:inline-flex;align-items:center;gap:.35rem;font-weight:800;color:#f59e0b;white-space:nowrap}.player-chip--banner{background:none;border:0;padding:0;box-shadow:none}.player-chip--banner .player-chip-kick{position:relative;z-index:3;margin-inline-start:.15rem}.winner-champion .pbanner{margin:.2rem 0 .1rem}.winner-portrait{position:relative;display:grid;place-items:center;width:88px;height:88px;margin:.35rem auto .15rem;border-radius:50%;padding:5px;background:conic-gradient(from 0deg,var(--wb-glow, #fbbf24),#fff7c2,var(--wb-glow, #fbbf24),transparent,var(--wb-glow, #fbbf24));box-shadow:0 0 0 3px #050a18e6,0 0 28px color-mix(in srgb,var(--wb-glow, #fbbf24) 66%,transparent)}.winner-portrait:before,.winner-portrait:after{content:"";position:absolute;top:50%;width:34px;height:44px;translate:0 -50%;background:linear-gradient(135deg,var(--wb-glow, #fbbf24),transparent);clip-path:polygon(100% 0,45% 22%,72% 42%,0 50%,72% 58%,45% 78%,100% 100%,82% 50%);opacity:.82;z-index:-1}.winner-portrait:before{right:calc(100% - 4px)}.winner-portrait:after{left:calc(100% - 4px);scale:-1 1}.winner-portrait .avatar-wrap--lg .avatar{width:76px;height:76px;border-radius:50%;border:3px solid rgb(255 255 255 / .8)}.winner-portrait .avatar-wrap--lg{border-radius:50%}.winner-portrait .avatar-level-badge{right:-5px;bottom:-4px;min-width:25px;height:25px;font-size:11px}.winner-name{font-size:1.1rem;text-shadow:0 2px 12px rgb(0 0 0 / .55)}.winner-person{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.panel-players .pbanner{max-width:100%}.winner-board.has-skin{position:relative;padding:1.1rem 1rem 1.2rem;border-radius:20px;border:2px solid transparent;background:var(--wb-bg, transparent) padding-box,var(--wb-edge, linear-gradient(90deg, #64748b, #94a3b8)) border-box;box-shadow:0 18px 50px -24px var(--wb-glow, #000);overflow:hidden;isolation:isolate}.winner-board.has-skin>*{position:relative;z-index:1}.winner-board-title{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:-.3rem auto .7rem;color:color-mix(in srgb,var(--wb-glow, #fbbf24) 76%,white);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.winner-board-title i{width:42px;height:1px;background:linear-gradient(90deg,transparent,currentColor)}.winner-board-title i:last-child{scale:-1 1}.winner-board.has-skin:after{content:"";position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--wb-glow, #fff) 38%,transparent);clip-path:polygon(0 0,28% 0,30% 2px,70% 2px,72% 0,100% 0,100% 30%,calc(100% - 2px) 32%,calc(100% - 2px) 68%,100% 70%,100% 100%,72% 100%,70% calc(100% - 2px),30% calc(100% - 2px),28% 100%,0 100%,0 70%,2px 68%,2px 32%,0 30%);pointer-events:none;z-index:1}.winner-board.has-skin:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--wb-art, none);opacity:var(--wb-art-opacity, .55)}.wb-wb-classic{--wb-bg: linear-gradient(160deg, #141f36, #0e1728);--wb-edge: linear-gradient(90deg, #64748b, #94a3b8, #64748b);--wb-glow: #64748b}.wb-wb-spotlight{--wb-bg: linear-gradient(160deg, #101a2e, #0b1220);--wb-edge: linear-gradient(90deg, #fbbf24, #fef3c7, #f59e0b);--wb-glow: #fbbf24;--wb-art: conic-gradient(from 210deg at 50% -10%, transparent 0deg, rgb(251 191 36 / .22) 25deg, transparent 50deg);--wb-art-opacity: 1}.wb-wb-emerald{--wb-bg: linear-gradient(160deg, #06301f, #041a12);--wb-edge: linear-gradient(90deg, #34d399, #d1fae5, #059669);--wb-glow: #10b981;--wb-art: radial-gradient(circle at 50% 0%, rgb(52 211 153 / .22), transparent 60%)}.wb-wb-podium{--wb-bg: linear-gradient(160deg, #161a3a, #0c1027);--wb-edge: linear-gradient(90deg, #6366f1, #c7d2fe, #4338ca);--wb-glow: #6366f1;--wb-art: linear-gradient(to top, rgb(99 102 241 / .3) 0 34%, transparent 34%) 50% 100% / 34% 44% no-repeat, linear-gradient(to top, rgb(99 102 241 / .18) 0 24%, transparent 24%) 8% 100% / 28% 34% no-repeat, linear-gradient(to top, rgb(99 102 241 / .18) 0 24%, transparent 24%) 92% 100% / 28% 28% no-repeat;--wb-art-opacity: 1}.wb-wb-aurora{--wb-bg: linear-gradient(160deg, #0a1b2e, #07101f);--wb-edge: linear-gradient(90deg, #22d3ee, #a5b4fc, #f472b6);--wb-glow: #38bdf8;--wb-art: linear-gradient(115deg, transparent 20%, rgb(34 211 238 / .25) 40%, rgb(244 114 182 / .22) 60%, transparent 80%);--wb-art-opacity: 1;background-size:250% 100%}.wb-wb-aurora:before{background-size:250% 100%;animation:pb-sheen 7s linear infinite}.wb-wb-rank15{--wb-bg: linear-gradient(160deg, #2a1338, #170a20);--wb-edge: linear-gradient(90deg, #c084fc, #fae8ff, #9333ea);--wb-glow: #c084fc;--wb-art: radial-gradient(circle at 50% 0%, rgb(192 132 252 / .25), transparent 62%)}.wb-wb-crown{--wb-bg: linear-gradient(160deg, #35270a, #1c1405);--wb-edge: linear-gradient(90deg, #b8860b, #ffe9a8, #b8860b);--wb-glow: #f0b429;--wb-art: radial-gradient(circle at 50% -5%, rgb(255 233 168 / .3), transparent 58%)}.wb-wb-crown .winner-crown{filter:drop-shadow(0 0 10px #ffe9a8)}.wb-wb-galaxy{--wb-bg: linear-gradient(160deg, #1a0d35, #0c0620);--wb-edge: linear-gradient(90deg, #f472b6, #38bdf8, #a78bfa, #f472b6);--wb-glow: #a78bfa;--wb-art: radial-gradient(1.6px 1.6px at 12% 22%, #fff, transparent), radial-gradient(1.6px 1.6px at 78% 18%, #fff, transparent), radial-gradient(1.4px 1.4px at 32% 64%, #fff, transparent), radial-gradient(1.4px 1.4px at 88% 72%, #fff, transparent), radial-gradient(1.2px 1.2px at 58% 40%, #fff, transparent);--wb-art-opacity: .85}.wb-wb-saudi96{--wb-bg: linear-gradient(155deg, #063d2b, #071d17 62%, #03110d);--wb-edge: linear-gradient(90deg, #167d56, #f4e4bd, #167d56);--wb-glow: #39d98a;--wb-art: radial-gradient(circle at 50% 15%, rgb(244 228 189 / .28), transparent 24%), linear-gradient(115deg, transparent 28%, rgb(255 255 255 / .08) 29% 31%, transparent 32% 68%, rgb(255 255 255 / .08) 69% 71%, transparent 72%), repeating-linear-gradient(135deg, transparent 0 18px, rgb(22 125 86 / .12) 18px 20px);--wb-art-opacity: 1}.wb-wb-saudi96 .winner-board-title span:before{content:"\2726  96 \2726";margin-inline-end:.45rem}.wb-wb-ocean{--wb-bg: radial-gradient(circle at 50% 18%, #185f72, #08293b 48%, #03131f);--wb-edge: linear-gradient(90deg, #0ea5b7, #f1fbff, #38bdf8, #0ea5b7);--wb-glow: #67e8f9;--wb-art: radial-gradient(circle at 50% 22%, rgb(255 255 255 / .7) 0 3px, rgb(103 232 249 / .35) 4px 16px, transparent 17px), radial-gradient(ellipse at 12% 110%, rgb(34 211 238 / .24) 0 34%, transparent 35%), radial-gradient(ellipse at 88% 110%, rgb(14 165 233 / .24) 0 34%, transparent 35%), repeating-radial-gradient(ellipse at 50% 120%, transparent 0 24px, rgb(125 211 252 / .12) 25px 28px);--wb-art-opacity: 1}.wb-wb-ocean .winner-crown{color:#e8fdff;filter:drop-shadow(0 0 12px #67e8f9)}.wb-wb-wolf{--wb-bg: linear-gradient(155deg, #202838, #0b101b 58%, #05070d);--wb-edge: linear-gradient(90deg, #64748b, #f8fafc, #94a3b8, #475569);--wb-glow: #cbd5e1;--wb-art: radial-gradient(circle at 78% 18%, rgb(248 250 252 / .32) 0 9%, transparent 9.5%), linear-gradient(145deg, transparent 60%, rgb(148 163 184 / .16) 60.5% 68%, transparent 68.5%), linear-gradient(35deg, transparent 63%, rgb(71 85 105 / .24) 63.5% 72%, transparent 72.5%);--wb-art-opacity: 1}.wb-wb-wolf .winner-board-title span:before{content:"\25c6";margin-inline-end:.4rem}.wb-mini{position:relative;display:grid;place-items:center;width:100%;max-width:240px;min-height:176px;padding:.75rem .8rem .7rem;border-radius:18px;border:2px solid transparent;background:var(--wb-bg, #141f36) padding-box,var(--wb-edge, #64748b) border-box;box-shadow:0 16px 34px -17px var(--wb-glow, #000),inset 0 0 28px #ffffff0a;overflow:hidden;isolation:isolate}.wb-mini:before{content:"";position:absolute;inset:0;background:var(--wb-art, none);opacity:var(--wb-art-opacity, .55);pointer-events:none;z-index:-1}.wb-mini:after{content:"";position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--wb-glow, #fff) 45%,transparent);border-radius:13px;clip-path:polygon(0 0,32% 0,35% 3px,65% 3px,68% 0,100% 0,100% 32%,calc(100% - 3px) 35%,calc(100% - 3px) 65%,100% 68%,100% 100%,68% 100%,65% calc(100% - 3px),35% calc(100% - 3px),32% 100%,0 100%,0 68%,3px 65%,3px 35%,0 32%);pointer-events:none}.wb-mini-rays{position:absolute;inset:0;background:conic-gradient(from 205deg at 50% 40%,transparent 0 16deg,color-mix(in srgb,var(--wb-glow, #fff) 20%,transparent) 17deg 24deg,transparent 25deg 45deg);opacity:.65;pointer-events:none}.wb-mini-champion{position:relative;z-index:2;display:grid;justify-items:center;gap:.12rem;margin-top:.15rem}.wb-mini-crown{position:absolute;top:-13px;z-index:3;display:grid;place-items:center;color:var(--wb-glow, #fbbf24);filter:drop-shadow(0 0 6px var(--wb-glow, #fbbf24))}.wb-mini-portrait{display:grid;place-items:center;width:68px;height:68px;padding:4px;border-radius:50%;background:conic-gradient(var(--wb-glow, #fbbf24),#fff,var(--wb-glow, #fbbf24),transparent,var(--wb-glow, #fbbf24));box-shadow:0 0 0 3px #060d1eeb,0 0 19px var(--wb-glow, #fbbf24)}.wb-mini-portrait .avatar-wrap--lg .avatar{width:58px;height:58px;border-radius:50%;border:2px solid rgb(255 255 255 / .78)}.wb-mini-champion strong{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;color:#fff;text-shadow:0 2px 8px #000}.wb-mini-champion small{color:color-mix(in srgb,var(--wb-glow, #fbbf24) 72%,white);font-size:.6rem;font-weight:900}.wb-mini-podium{position:relative;z-index:1;align-self:end;display:flex;align-items:end;justify-content:center;width:78%;height:37px;margin-top:-4px}.wb-mini-podium i{display:grid;place-items:center;width:30%;height:24px;color:#ffffffb8;font:800 .56rem/1 inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--wb-glow, #fff) 36%,transparent),#ffffff0f);border:1px solid color-mix(in srgb,var(--wb-glow, #fff) 45%,transparent);border-radius:7px 7px 2px 2px}.wb-mini-podium i.is-first{height:35px;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--wb-glow, #fff) 66%,transparent),#ffffff14)}.store-stage--winboard .wb-mini{width:min(100%,240px)}.wb-mini--image{width:min(100%,142px)!important;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;isolation:isolate}.wb-mini--image:before,.wb-mini--image:after{content:none}.store-stage--winboard:has(.wb-mini--image){min-height:230px}.wb-art-image,.winner-art-image{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.wb-art-portrait,.winner-board.has-image-skin .winner-portrait{position:absolute;left:var(--wba-portrait-x);top:var(--wba-portrait-y);transform:translate(-50%,-50%);z-index:1;display:block;width:var(--wba-portrait-w);height:var(--wba-portrait-h);margin:0;padding:0;overflow:hidden;border:0;border-radius:50%;background:#071225;box-shadow:none}.wb-art-portrait .avatar-wrap,.winner-board.has-image-skin .winner-portrait .avatar-wrap,.wb-art-portrait .avatar,.winner-board.has-image-skin .winner-portrait .avatar{display:block;width:100%;height:100%;border:0;border-radius:50%;object-fit:cover}.wb-art-portrait .avatar-plat,.winner-board.has-image-skin .winner-portrait .avatar-plat{display:none}.wb-art-portrait,.wb-mini-portrait{overflow:visible}.wb-art-portrait .avatar-level-badge,.winner-board.has-image-skin .winner-portrait .avatar-level-badge{right:-7px;bottom:-5px}.winboard-level-badge{left:var(--wba-level-x);right:auto;top:var(--wba-level-y);bottom:auto;z-index:5;transform:translate(-56%,-58%)}.wb-art-label,.winner-art-label{position:absolute;left:var(--wba-name-x);top:var(--wba-name-y);z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:var(--wba-name-w);height:var(--wba-name-h);margin:0;padding-inline:4%;overflow:hidden;color:#fff;line-height:1.15;text-align:center;text-shadow:0 2px 7px #000,0 0 10px rgb(0 0 0 / .7)}.wb-art-identity,.winner-art-identity{display:flex;align-items:center;justify-content:center;gap:4px;max-width:100%;min-width:0}.winner-art-person{display:grid;justify-items:center;gap:1px;max-width:100%;min-width:0}.wb-art-identity strong,.winner-art-identity bdi{min-width:0;overflow:hidden;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.winner-art-subline{display:flex;align-items:center;justify-content:center;gap:3px;max-width:100%;min-width:0;color:#ffffffc7;font-size:.72em;font-weight:800;white-space:nowrap}.winner-art-subline .winner-handle{display:inline-block;min-width:0;color:#ffffffad;font-size:.82em;text-shadow:0 1px 4px #000}.winner-art-subline>i{flex:none;color:#ffffff6b;font-style:normal}.wb-art-label{font-size:.61rem}.wb-art-label small{color:#ffffffd1;font-size:.76em;font-weight:850;white-space:nowrap}.winner-art-points{color:inherit;font-size:inherit;font-weight:850;white-space:nowrap}.wb-art-label .plat-tag,.winner-art-label .plat-tag{flex:none;padding:2px;border:0;border-radius:50%;line-height:0}.wb-art-label .plat-tag svg,.winner-art-label .plat-tag svg{width:9px;height:9px}.winner-board.has-image-skin{padding:0 0 1rem;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}.winner-board.has-image-skin:before,.winner-board.has-image-skin:after{content:none}.winner-board.has-image-skin .winner-champion{width:min(100%,220px);margin:0 auto 14px;padding:0;gap:0;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate}.winner-board.has-image-skin .winner-crown,.winner-board.has-image-skin .winner-rank,.winner-board.has-image-skin .winner-meta{display:none}.winner-board.has-image-skin .winner-portrait:before,.winner-board.has-image-skin .winner-portrait:after{content:none}.winner-art-label{font-size:clamp(.72rem,2.7vw,.88rem)}.winner-board.has-image-skin .winner-followers{width:min(100%,520px);margin-inline:auto}.winner-board.has-skin,.wb-mini{overflow:visible}.wb-ornament{position:absolute;top:50%;z-index:0;display:block;width:clamp(34px,12%,58px);height:62%;translate:0 -50%;pointer-events:none;color:var(--wb-glow, #94a3b8)}.wb-mini .wb-ornament{width:42px;height:68%;z-index:-1}.wb-ornament--start{inset-inline-start:-27px}.wb-ornament--end{inset-inline-end:-27px;scale:-1 1}.wb-mini .wb-ornament--start{inset-inline-start:-22px}.wb-mini .wb-ornament--end{inset-inline-end:-22px}.wb-ornament i,.wb-ornament b{position:absolute;inset:0;display:block;background:var(--wb-edge, currentColor);opacity:.94}.wb-ornament b{inset:16% 12%;background:color-mix(in srgb,var(--wb-glow, #fff) 65%,#081225);opacity:.86}.wb-wb-classic .wb-ornament i{clip-path:polygon(100% 6%,56% 14%,30% 35%,0 50%,30% 65%,56% 86%,100% 94%,72% 68%,48% 50%,72% 32%)}.wb-wb-classic .wb-ornament b{clip-path:polygon(100% 0,46% 24%,8% 50%,46% 76%,100% 100%,70% 50%)}.wb-wb-spotlight .wb-ornament i{clip-path:polygon(100% 20%,62% 8%,34% 22%,48% 38%,0 50%,48% 62%,34% 78%,62% 92%,100% 80%,72% 50%)}.wb-wb-spotlight .wb-ornament b{clip-path:polygon(100% 26%,44% 43%,10% 50%,44% 57%,100% 74%,68% 50%)}.wb-wb-emerald .wb-ornament i{clip-path:polygon(100% 4%,60% 18%,76% 34%,20% 28%,0 50%,20% 72%,76% 66%,60% 82%,100% 96%,72% 50%)}.wb-wb-emerald .wb-ornament b{clip-path:polygon(100% 18%,54% 34%,12% 50%,54% 66%,100% 82%,70% 50%)}.wb-wb-podium .wb-ornament i{clip-path:polygon(100% 10%,64% 10%,64% 27%,38% 27%,38% 43%,0 43%,0 57%,38% 57%,38% 73%,64% 73%,64% 90%,100% 90%)}.wb-wb-podium .wb-ornament b{clip-path:polygon(100% 22%,72% 22%,72% 40%,24% 40%,8% 50%,24% 60%,72% 60%,72% 78%,100% 78%)}.wb-wb-aurora .wb-ornament i{clip-path:polygon(100% 2%,68% 16%,28% 11%,58% 38%,0 50%,58% 62%,28% 89%,68% 84%,100% 98%,70% 50%)}.wb-wb-aurora .wb-ornament b{clip-path:polygon(100% 14%,50% 35%,8% 50%,50% 65%,100% 86%,68% 50%)}.wb-wb-rank15 .wb-ornament i{clip-path:polygon(100% 0,58% 25%,24% 8%,38% 39%,0 50%,38% 61%,24% 92%,58% 75%,100% 100%,70% 50%)}.wb-wb-rank15 .wb-ornament b{clip-path:polygon(100% 18%,42% 39%,4% 50%,42% 61%,100% 82%,68% 50%)}.wb-wb-crown .wb-ornament i{clip-path:polygon(100% 8%,60% 22%,38% 0,28% 34%,0 50%,28% 66%,38% 100%,60% 78%,100% 92%,70% 50%)}.wb-wb-crown .wb-ornament b{clip-path:polygon(100% 20%,54% 36%,8% 50%,54% 64%,100% 80%,67% 50%)}.wb-wb-galaxy .wb-ornament i{clip-path:polygon(100% 5%,68% 29%,36% 8%,45% 40%,0 50%,45% 60%,36% 92%,68% 71%,100% 95%,73% 50%)}.wb-wb-galaxy .wb-ornament b{clip-path:polygon(100% 16%,48% 39%,5% 50%,48% 61%,100% 84%,70% 50%)}.wb-wb-saudi96 .wb-ornament i{clip-path:polygon(100% 4%,68% 20%,32% 8%,48% 35%,12% 24%,30% 44%,0 50%,30% 56%,12% 76%,48% 65%,32% 92%,68% 80%,100% 96%,72% 50%)}.wb-wb-saudi96 .wb-ornament b{clip-path:polygon(100% 18%,48% 37%,8% 50%,48% 63%,100% 82%,68% 50%)}.wb-wb-ocean .wb-ornament i{clip-path:polygon(100% 10%,54% 18%,70% 36%,18% 30%,38% 48%,0 50%,38% 52%,18% 70%,70% 64%,54% 82%,100% 90%,72% 50%)}.wb-wb-ocean .wb-ornament b{clip-path:polygon(100% 22%,44% 38%,8% 50%,44% 62%,100% 78%,66% 50%)}.wb-wb-wolf .wb-ornament i{clip-path:polygon(100% 6%,54% 20%,22% 4%,36% 38%,0 50%,36% 62%,22% 96%,54% 80%,100% 94%,70% 50%)}.wb-wb-wolf .wb-ornament b{clip-path:polygon(100% 18%,46% 38%,6% 50%,46% 62%,100% 82%,67% 50%)}.winner-board.has-skin,.winner-board.has-skin *,.wb-mini,.wb-mini *{animation:none!important;transition:none!important}.winner-board.has-skin .winner-crown,.wb-mini-crown{filter:none!important}@media(max-width:520px){.wb-mini{max-width:220px}.pbanner--lg.is-decorated{min-width:min(250px,100%)}}.store-kinds{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;padding-bottom:.7rem;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}.store-kinds button{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:12px;border:1px solid color-mix(in srgb,currentColor 16%,transparent);background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer}.store-kinds button.on{background:color-mix(in srgb,var(--brand, #2563eb) 18%,transparent);border-color:var(--brand, #2563eb)}.store-stage--winboard{min-height:208px}.store-card.is-equipped{border-color:var(--tier);box-shadow:0 0 0 1px var(--tier) inset}.store-owned-tag.is-equipped{color:var(--tier);opacity:1}.leaderboard-list li{grid-template-columns:auto minmax(0,1fr) auto}.leaderboard-list .leaderboard-user{display:flex;align-items:center;min-width:0}.pbanner.is-image-banner{container-type:inline-size;width:min(420px,100%)!important;min-width:0;min-height:0;display:block;margin-inline:0;padding:0;border:0;border-radius:0;clip-path:none;overflow:visible;background:transparent;box-shadow:0 12px 24px -16px #0000008c}.pbanner--sm.is-image-banner{width:min(260px,100%)!important}.pbanner--lg.is-image-banner{width:min(420px,100%)!important}.pbanner.is-image-banner:before,.pbanner.is-image-banner:after{display:none}.pbanner-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;border-radius:10px;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.pbanner.pb-default.is-image-banner .pbanner-art{z-index:3}.pbanner.pb-default.is-image-banner .pbanner-name{z-index:4}.pbanner.is-image-banner.is-decorated .pbanner-frame,.pbanner.is-image-banner.is-decorated .pbanner-ornament,.pbanner.is-image-banner.is-decorated .pbanner-sigil{display:none}.pbanner.is-image-banner.is-decorated .pbanner-avatar{position:absolute;inset-inline:auto;left:var(--pb-avatar-x, 10%);top:var(--pb-avatar-y, 20%);translate:none;width:var(--pb-avatar-w, 24%);height:var(--pb-avatar-h, 55%);aspect-ratio:auto;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:50%;background:#071020;box-shadow:none;z-index:2;overflow:hidden}.pbanner.is-image-banner.is-decorated .pbanner-avatar:after{display:none}.pbanner.is-image-banner.is-decorated .pbanner-avatar .avatar-wrap,.pbanner.is-image-banner.is-decorated .pbanner-avatar .avatar{width:100%!important;height:100%!important;border:0;border-radius:50%}.pbanner.is-image-banner.is-decorated .pbanner-avatar .avatar-plat{display:none}.pbanner.is-image-banner.is-decorated .pbanner-name{position:absolute;z-index:3;top:var(--pb-name-y, 50%);left:var(--pb-name-x, 34%);right:var(--pb-name-right, 15%);translate:0 -50%;max-width:none;padding:0;overflow:hidden;color:#fff;font-size:clamp(.78rem,4cqi,1rem);line-height:1.2;text-align:center;text-shadow:0 2px 3px #000,0 0 7px rgb(0 0 0 / .9)}.player-chip--banner .pbanner.is-image-banner .player-chip-kick{position:absolute;right:-18px;top:50%;translate:0 -50%;z-index:8;margin:0}.player-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));align-items:start;gap:10px 18px;max-height:min(48vh,430px);padding:3px 18px 8px 3px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.player-chip--banner{width:100%;min-width:0;justify-content:center}.player-chip--banner .pbanner.is-image-banner{width:min(100%,320px)!important}.add-players-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;max-height:min(28vh,210px);padding-inline-end:3px;scrollbar-gutter:stable}.add-players-list li{min-width:0;padding:5px;justify-content:center}.add-players-list .pbanner.is-image-banner{width:min(100%,240px)!important}@media(max-width:560px){.player-chips{grid-template-columns:1fr;max-height:46vh;padding-inline-end:16px}.add-players-list{grid-template-columns:1fr;max-height:min(30vh,220px)}}.pbanner:not(.is-decorated){--pb-bg: linear-gradient(100deg, #111b32, #1b2947 52%, #111b32);--pb-edge: linear-gradient(90deg, #53647f, #a7b4c8 48%, #53647f);--pb-glow: #71829e;width:min(320px,100%)!important;min-width:0;min-height:0;aspect-ratio:4 / 1;display:block;margin-inline:0;padding:0;overflow:visible;border-radius:14px;background:var(--pb-bg);box-shadow:0 10px 24px -18px #71829ecc,inset 0 0 24px #ffffff06}.pbanner--sm:not(.is-decorated){width:min(240px,100%)!important}.pbanner--lg:not(.is-decorated){width:min(320px,100%)!important}.pbanner:not(.is-decorated):before,.pbanner:not(.is-decorated):after{content:"";position:absolute;top:50%;width:11px;height:48%;translate:0 -50%;background:linear-gradient(180deg,#a7b4c8,#53647f);clip-path:polygon(0 50%,55% 0,100% 50%,55% 100%);opacity:.8;pointer-events:none}.pbanner:not(.is-decorated):before{left:-5px}.pbanner:not(.is-decorated):after{right:-5px;scale:-1 1}.pbanner:not(.is-decorated) .pbanner-avatar{position:absolute;left:7.5%;top:12.5%;width:18.75%;height:75%;display:grid;place-items:center;margin:0;padding:3px;z-index:4}.pbanner:not(.is-decorated) .pbanner-avatar .avatar-wrap,.pbanner:not(.is-decorated) .pbanner-avatar .avatar{width:100%!important;height:100%!important;border-radius:50%}.pbanner:not(.is-decorated) .pbanner-avatar .avatar-plat{display:none}.pbanner:not(.is-decorated) .pbanner-name{position:absolute;top:50%;left:30%;right:8%;translate:0 -50%;max-width:none;padding:0;color:#fff;font-size:clamp(.78rem,4.7cqi,1.05rem);line-height:1.2;text-align:center}.player-chip--banner .pbanner .player-chip-kick{position:absolute;right:-18px;top:50%;translate:0 -50%;z-index:8;margin:0}.pbanner.is-decorated{width:min(320px,100%)!important;min-width:0;min-height:0;aspect-ratio:4 / 1;display:block;margin-inline:0;padding:0;overflow:visible;border-radius:0;clip-path:none;background:transparent;box-shadow:0 12px 25px -18px var(--pb-glow)}.pbanner--sm.is-decorated{width:min(240px,100%)!important}.pbanner--lg.is-decorated{width:min(320px,100%)!important}.pbanner.is-decorated .pbanner-frame{position:absolute;inset:8% 1%;box-sizing:border-box;padding:0;border:2px solid transparent;border-radius:10px;clip-path:var(--pb-shape);background:var(--pb-bg) padding-box,var(--pb-edge) border-box;-webkit-mask:none;mask:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pb-glow) 36%,transparent),inset 0 0 20px color-mix(in srgb,var(--pb-glow) 18%,transparent),0 7px 18px -12px var(--pb-glow);z-index:1}.pbanner.is-decorated:before{inset:10% 2%;border-radius:10px;clip-path:var(--pb-shape);z-index:2}.pbanner.is-decorated:after{inset:8% 1%;border-radius:14px;opacity:.3}.pbanner.is-decorated .pbanner-avatar{position:absolute;left:3.8%;top:50%;translate:0 -50%;width:20%;height:auto;aspect-ratio:1;display:grid;place-items:center;margin:0;padding:4px;border:2px solid color-mix(in srgb,var(--pb-glow) 74%,white);border-radius:50%;background:conic-gradient(from 25deg,var(--pb-glow),#fff 16%,var(--pb-glow) 33%,#081124 48%,var(--pb-glow) 70%,#fff 86%,var(--pb-glow));box-shadow:0 0 0 3px #050c1ceb,0 0 15px color-mix(in srgb,var(--pb-glow) 76%,transparent),inset 0 0 9px #ffffff4d;z-index:5}.pbanner.is-decorated .pbanner-avatar:after{content:"";position:absolute;inset:-5px;border:1px solid color-mix(in srgb,var(--pb-glow) 60%,white);border-radius:50%;opacity:.72;pointer-events:none}.pbanner.is-decorated .pbanner-avatar .avatar-wrap,.pbanner.is-decorated .pbanner-avatar .avatar{width:100%!important;height:100%!important;border:0;border-radius:50%}.pbanner.is-decorated .pbanner-avatar .avatar{display:block;object-fit:cover;box-shadow:inset 0 0 0 1px #ffffff73}.pbanner.is-decorated .pbanner-avatar .avatar-plat{display:none}.pbanner.is-decorated .pbanner-name{position:absolute;z-index:4;top:50%;left:27%;right:21%;translate:0 -50%;max-width:none;padding:0;overflow:hidden;color:var(--pb-ink);font-size:clamp(.78rem,4.7cqi,1.05rem);line-height:1.2;text-align:center;text-shadow:0 2px 3px #000,0 0 8px rgb(0 0 0 / .72)}.pbanner.is-decorated .pbanner-sigil{position:absolute;inset-inline:auto;right:4.2%;top:50%;translate:0 -50%;width:14%;min-width:0;min-height:0;aspect-ratio:1;display:grid;place-items:center;padding:0;border:2px solid color-mix(in srgb,var(--pb-glow) 68%,white);border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--pb-glow) 42%,white),#0b1428 58%,#030712);box-shadow:0 0 0 2px #040a18db,0 0 13px var(--pb-glow),inset 0 0 8px var(--pb-glow);color:color-mix(in srgb,var(--pb-glow) 72%,white);font-size:.72em;font-weight:950;z-index:5}.pbanner.is-decorated .pbanner-ornament--end{display:none}.pbanner.is-decorated .pbanner-ornament--start{inset-inline-start:auto;right:1.5%;top:50%;translate:0 -50%;width:20%;height:72%;z-index:3;opacity:.82}.pb-neon .pbanner-frame,.pb-cyber .pbanner-frame{border-radius:2px}.pb-emerald .pbanner-sigil,.pb-frost .pbanner-sigil{rotate:45deg;border-radius:25%}.pb-emerald .pbanner-sigil,.pb-frost .pbanner-sigil{--pb-sigil-turn: -45deg}.pb-emerald .pbanner-sigil,.pb-frost .pbanner-sigil{line-height:1}.pb-dunes .pbanner-frame{border-radius:18px 6px}.pb-violet .pbanner-frame,.pb-royal .pbanner-frame{border-radius:6px 18px}.pb-galaxy .pbanner-avatar:after{animation:pb-avatar-orbit 5.5s linear infinite}.pb-dragon .pbanner-avatar{border-radius:42% 58% 46% 54%}.pb-rank10 .pbanner-sigil,.pb-rank25 .pbanner-sigil{font-family:ui-monospace,monospace}@keyframes pb-avatar-orbit{50%{filter:hue-rotate(45deg) brightness(1.18)}to{rotate:1turn}}@media(prefers-reduced-motion:reduce){.pbanner.is-decorated .pbanner-avatar:after{animation:none}}.pbanner,.pbanner:before,.pbanner:after,.pbanner *,.pbanner *:before,.pbanner *:after{animation:none!important;transition:none!important}.pbanner:before,.pbanner:after{display:none!important}.pbanner-frame,.pbanner-ornament,.pbanner-sigil,.pbanner-avatar,.pbanner-art{filter:none!important}.pbanner.is-decorated{box-shadow:none}.pbanner.is-decorated .pbanner-frame{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pb-glow) 34%,transparent)}.pbanner.is-decorated .pbanner-avatar{box-shadow:0 0 0 3px #050c1ceb}.pbanner.is-decorated .pbanner-avatar:after{display:none}.pbanner.is-decorated .pbanner-sigil{box-shadow:0 0 0 2px #040a18db}.player-chip--banner,.add-players-list li{animation:none!important}.pbanner.is-decorated .pbanner-ornament{display:block;inset-block:auto;top:50%;translate:0 -50%;width:27%;height:94%;color:var(--pb-glow);opacity:.95;filter:none;z-index:3;pointer-events:none}.pbanner.is-decorated .pbanner-ornament--start{inset-inline-start:auto;right:-3.5%}.pbanner.is-decorated .pbanner-ornament--end{display:block;inset-inline-end:auto;left:-3.5%;transform:scaleX(-1)}.pbanner.is-decorated .pbanner-ornament i,.pbanner.is-decorated .pbanner-ornament b{background:var(--pb-edge);opacity:.96}.pbanner.is-decorated .pbanner-ornament i{inset:0 4% 48% 0}.pbanner.is-decorated .pbanner-ornament b{inset:48% 4% 0 0}.pbanner:is(.pb-starter,.pb-rank10) .pbanner-ornament i{clip-path:polygon(0 75%,28% 12%,48% 48%,72% 0,100% 82%,68% 61%,45% 100%,25% 64%)}.pbanner:is(.pb-starter,.pb-rank10) .pbanner-ornament b{clip-path:polygon(0 25%,28% 88%,48% 52%,72% 100%,100% 18%,68% 39%,45% 0,25% 36%)}.pbanner:is(.pb-nebula,.pb-galaxy) .pbanner-ornament i{clip-path:polygon(0 88%,24% 20%,42% 60%,57% 0,69% 55%,100% 26%,79% 100%,51% 72%,30% 100%)}.pbanner:is(.pb-nebula,.pb-galaxy) .pbanner-ornament b{clip-path:polygon(0 12%,24% 80%,42% 40%,57% 100%,69% 45%,100% 74%,79% 0,51% 28%,30% 0)}.pb-dunes .pbanner-ornament i{border-radius:70% 12% 70% 8%;clip-path:polygon(0 100%,15% 42%,43% 8%,36% 66%,66% 20%,58% 76%,100% 48%,72% 100%)}.pb-dunes .pbanner-ornament b{border-radius:12% 70% 8%;clip-path:polygon(0 0,15% 58%,43% 92%,36% 34%,66% 80%,58% 24%,100% 52%,72% 0)}.pbanner:is(.pb-neon,.pb-cyber) .pbanner-ornament i{clip-path:polygon(0 74%,18% 74%,18% 36%,42% 36%,42% 4%,60% 4%,60% 54%,82% 54%,100% 0,91% 94%,68% 74%,35% 74%,16% 100%)}.pbanner:is(.pb-neon,.pb-cyber) .pbanner-ornament b{clip-path:polygon(0 26%,18% 26%,18% 64%,42% 64%,42% 96%,60% 96%,60% 46%,82% 46%,100% 100%,91% 6%,68% 26%,35% 26%,16% 0)}.pbanner:is(.pb-emerald,.pb-rank25,.pb-frost) .pbanner-ornament i{clip-path:polygon(0 100%,18% 22%,35% 68%,48% 0,62% 61%,82% 15%,100% 92%,72% 72%,51% 100%,31% 76%)}.pbanner:is(.pb-emerald,.pb-rank25,.pb-frost) .pbanner-ornament b{clip-path:polygon(0 0,18% 78%,35% 32%,48% 100%,62% 39%,82% 85%,100% 8%,72% 28%,51% 0,31% 24%)}.pbanner:is(.pb-ember,.pb-dragon) .pbanner-ornament i{clip-path:polygon(0 100%,8% 46%,25% 68%,35% 8%,50% 52%,68% 0,73% 62%,100% 28%,86% 100%,57% 70%,31% 100%)}.pbanner:is(.pb-ember,.pb-dragon) .pbanner-ornament b{clip-path:polygon(0 0,8% 54%,25% 32%,35% 92%,50% 48%,68% 100%,73% 38%,100% 72%,86% 0,57% 30%,31% 0)}.pb-abyss .pbanner-ornament i{clip-path:polygon(0 92%,20% 36%,38% 70%,54% 8%,69% 64%,100% 18%,78% 100%,49% 76%,26% 100%)}.pb-abyss .pbanner-ornament b{clip-path:polygon(0 8%,20% 64%,38% 30%,54% 92%,69% 36%,100% 82%,78% 0,49% 24%,26% 0)}.pbanner:is(.pb-violet,.pb-royal) .pbanner-ornament i{clip-path:polygon(0 100%,12% 30%,32% 62%,42% 0,58% 54%,78% 12%,100% 78%,71% 66%,52% 100%,29% 72%)}.pbanner:is(.pb-violet,.pb-royal) .pbanner-ornament b{clip-path:polygon(0 0,12% 70%,32% 38%,42% 100%,58% 46%,78% 88%,100% 22%,71% 34%,52% 0,29% 28%)}.wb-mini-portrait{position:relative}.wb-mini-portrait .avatar-level-badge{right:-4px;bottom:-3px;min-width:21px;height:21px;font-size:9.5px}.groom{--drawer-w: 380px;--top-h: 60px;--room-accent: var(--accent, var(--blue));position:fixed;inset:0;z-index:1;display:grid;grid-template-rows:var(--top-h) minmax(0,1fr) auto;overflow:hidden;background:var(--bg-deep);isolation:isolate}.groom-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.groom-bg-grid{position:absolute;inset:-2px;background-image:linear-gradient(to right,color-mix(in srgb,var(--sky) 9%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--sky) 9%,transparent) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 42%,#000 20%,transparent 78%);mask-image:radial-gradient(ellipse 80% 70% at 50% 42%,#000 20%,transparent 78%)}.groom-bg-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}.groom-bg-glow--a{width:62vmax;height:46vmax;top:-18vmax;inset-inline-start:-12vmax;background:radial-gradient(closest-side,color-mix(in srgb,var(--room-accent) 70%,transparent),transparent)}.groom-bg-glow--b{width:50vmax;height:40vmax;bottom:-20vmax;inset-inline-end:-14vmax;background:radial-gradient(closest-side,color-mix(in srgb,var(--cyan) 42%,transparent),transparent);opacity:.4}.groom-bg-art{position:absolute;top:50%;left:50%;translate:-50% -50%;color:color-mix(in srgb,var(--room-accent) 40%,var(--sky));opacity:.07}.groom-bg-art svg{width:min(78vmin,640px);height:auto}.groom-bg-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 120% 90% at 50% 45%,transparent 55%,color-mix(in srgb,var(--bg-deep) 88%,transparent) 100%)}:root[data-theme=light] .groom-bg-art{opacity:.1}:root[data-theme=light] .groom-bg-glow{opacity:.28}.groom-top{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg-deep) 92%,transparent),transparent);transition:padding-inline-start .32s var(--ease)}.groom-top-side{display:flex;align-items:center;gap:6px;min-width:0}.groom-title{margin-inline-start:6px;font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.groom-icon-btn{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:11px;color:color-mix(in srgb,var(--text) 62%,transparent);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.groom-icon-btn:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.groom-icon-btn[aria-expanded=true]{color:var(--text);background:color-mix(in srgb,var(--blue) 22%,transparent)}.groom-live{display:inline-flex;align-items:center;gap:7px;height:32px;max-width:260px;padding:0 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;color:var(--muted);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--dur) var(--ease)}.groom-live:hover{border-color:var(--border-strong)}.groom-live>i{width:7px;height:7px;border-radius:50%;background:var(--muted-dim);flex:none}.groom-live.is-live{color:var(--text);border-color:color-mix(in srgb,var(--good) 38%,transparent)}.groom-live.is-live>i{background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 20%,transparent);animation:groom-pulse 1.8s ease-in-out infinite}.groom-live-glyphs{display:inline-flex;gap:4px}.groom-live-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groom-stage{position:relative;min-height:0;overflow-y:auto;display:grid;place-items:center;padding:12px 20px 24px;transition:padding-inline-start .32s var(--ease)}.groom-intro{display:grid;justify-items:center;gap:12px;text-align:center;max-width:520px;animation:groom-rise .5s var(--ease) both}.groom-intro-art{width:132px;height:132px;display:grid;place-items:center;border-radius:36px;color:#fff;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.28),transparent 55%),linear-gradient(145deg,color-mix(in srgb,var(--room-accent) 85%,#fff 5%),color-mix(in srgb,var(--room-accent) 55%,#000));box-shadow:0 24px 60px color-mix(in srgb,var(--room-accent) 38%,transparent),inset 0 1px #ffffff4d;margin-bottom:6px}.groom-intro h2{font-size:clamp(30px,5vw,46px);font-weight:900}.groom-intro p{color:var(--muted);font-size:15px}.groom-intro-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.groom-lobby{width:min(1180px,100%);align-self:start;display:grid;gap:26px;padding-top:clamp(4px,3vh,36px)}.groom-hero{display:grid;justify-items:center;gap:14px;text-align:center;animation:groom-rise .5s var(--ease) both}.groom-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-pill);font-size:12px;font-weight:800;color:var(--cyan);background:color-mix(in srgb,var(--cyan) 10%,transparent);border:1px solid color-mix(in srgb,var(--cyan) 28%,transparent)}.groom-kicker i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:groom-pulse 1.6s ease-in-out infinite}.groom-hero-title{font-size:clamp(34px,6vw,64px);font-weight:900;line-height:1.05;text-shadow:0 10px 40px color-mix(in srgb,var(--room-accent) 45%,transparent)}.groom-join{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px 16px;padding:14px 18px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid var(--border-strong);box-shadow:0 20px 60px #00000059,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.groom-join-label{color:var(--muted);font-size:14px;font-weight:700}.groom-join-word{min-width:96px;padding:8px 22px;border-radius:16px;font-size:clamp(24px,3.4vw,34px);font-weight:900;line-height:1.2;color:#fff;background:var(--gradient);box-shadow:var(--shadow-accent),inset 0 1px #ffffff59}.groom-counter{display:inline-flex;align-items:baseline;gap:8px;color:var(--muted);font-weight:700}.groom-counter strong{font-size:44px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:var(--text)}.groom-waiting{display:grid;justify-items:center;gap:14px;padding:28px 0;color:var(--muted);font-size:14px}.groom-waiting-dots{display:flex;gap:8px}.groom-waiting-dots i{width:10px;height:10px;border-radius:50%;background:var(--sky);animation:groom-bounce 1.2s ease-in-out infinite}.groom-waiting-dots i:nth-child(2){animation-delay:.15s}.groom-waiting-dots i:nth-child(3){animation-delay:.3s}.groom-players{list-style:none;margin:0;padding:4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:10px 18px;align-items:start}.groom-dock{position:relative;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 auto 16px;width:min(820px,calc(100% - 28px));padding:10px 10px 10px 16px;padding-inline-start:18px;border-radius:20px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 24px 60px #00000073;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:groom-rise .5s .12s var(--ease) both;transition:translate .32s var(--ease)}.groom-dock-status{display:flex;align-items:center;gap:10px;min-width:0}.groom-dock-status>div{display:grid;line-height:1.35}.groom-dock-status strong{font-size:13.5px}.groom-dock-status small{color:var(--muted);font-size:11.5px}.groom-dock-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.groom-start{min-width:150px}.groom-scrim{position:fixed;inset:0;z-index:40;background:#0206128c;opacity:0;pointer-events:none;transition:opacity .28s var(--ease)}.groom-scrim.is-on{opacity:1;pointer-events:auto}.groom-drawer{position:fixed;z-index:50;inset-block:0;inset-inline-start:0;width:min(var(--drawer-w),calc(100vw - 36px));display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface) 96%,#000);border-inline-end:1px solid var(--border);box-shadow:0 0 80px #00000080;translate:100% 0;visibility:hidden;transition:translate .32s var(--ease),visibility 0s linear .32s}[dir=ltr] .groom-drawer{translate:-100% 0}.groom-drawer.is-open{translate:0 0;visibility:visible;transition:translate .32s var(--ease),visibility 0s}.groom-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;height:var(--top-h);padding:0 18px 0 12px;padding-inline-start:20px;border-bottom:1px solid var(--border);flex:none}.groom-drawer-head strong{font-size:16px;font-weight:800}.groom-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:16px 14px 12px;padding:5px;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--bg-deep) 60%,transparent);flex:none}.groom-tabs-thumb{position:absolute;inset-block:5px;inset-inline-start:5px;width:calc(50% - 5px);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--blue) 26%,var(--surface-raised));box-shadow:inset 0 1px #ffffff12,0 6px 18px #00000040;transition:translate .28s var(--ease)}.groom-tabs[data-tab=settings] .groom-tabs-thumb{translate:-100% 0}[dir=ltr] .groom-tabs[data-tab=settings] .groom-tabs-thumb{translate:100% 0}.groom-tabs button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 0;border-radius:var(--radius-pill);font-size:13px;font-weight:800;color:color-mix(in srgb,var(--text) 50%,transparent);transition:color var(--dur) var(--ease)}.groom-tabs button:hover,.groom-tabs button[aria-selected=true]{color:var(--text)}.groom-drawer-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.groom-sec{border-top:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.groom-sec:first-child{border-top:0}.groom-sec--grow.is-open{flex:1 1 auto}.groom-sec-head{display:flex;align-items:center;gap:9px;width:100%;padding:12px 18px;font-size:14px;background:color-mix(in srgb,var(--text) 3%,transparent);color:var(--text)}.groom-sec-head>svg:first-child{color:var(--muted)}.groom-sec-head strong{font-weight:800}.groom-sec-count{min-width:24px;padding:1px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:800;text-align:center;color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,transparent)}.groom-sec-chev{margin-inline-start:auto;color:var(--muted);transition:rotate var(--dur) var(--ease);rotate:180deg}.groom-sec:not(.is-open) .groom-sec-chev{rotate:0deg}.groom-sec-body{padding:6px 12px 12px;max-height:260px;overflow-y:auto}.groom-sec--grow .groom-sec-body{max-height:none;flex:1;min-height:120px}.groom-empty{padding:30px 8px;text-align:center;color:var(--muted);font-size:12.5px}.groom-sec--grow .groom-empty{padding:70px 8px}.groom-roster,.groom-log,.groom-chat{list-style:none;margin:0;padding:0;display:grid;gap:4px}.groom-roster li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;animation:groom-slide .26s var(--ease) both}.groom-roster li:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.groom-roster-n{width:20px;flex:none;color:var(--muted-dim);font-size:11px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.groom-roster-name{flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groom-roster-kick{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:8px;color:var(--muted);opacity:0;transition:opacity var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.groom-roster li:hover .groom-roster-kick,.groom-roster-kick:focus-visible{opacity:1}.groom-roster-kick:hover{color:#ff8b8b;background:#ff464624}.groom-log li{display:flex;align-items:baseline;gap:9px;padding:6px 8px;font-size:12.5px;animation:groom-slide .26s var(--ease) both}.groom-log li i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--muted-dim);translate:0 -1px}.groom-log li[data-kind=join] i{background:var(--good)}.groom-log li[data-kind=leave] i{background:var(--bad)}.groom-log li[data-kind=live] i{background:var(--cyan)}.groom-log li[data-kind=warn] i{background:var(--warn)}.groom-log span{flex:1;min-width:0}.groom-log time{color:var(--muted-dim);font-size:10.5px;font-variant-numeric:tabular-nums}.groom-chat li{display:flex;align-items:flex-start;gap:9px;padding:6px 8px;animation:groom-slide .26s var(--ease) both}.groom-chat li>div{display:grid;min-width:0;line-height:1.45}.groom-chat b{font-size:12px;font-weight:800}.groom-chat span{font-size:13px;overflow-wrap:anywhere}.groom-settings{display:grid;gap:18px;padding:8px 18px 22px}.groom-field{display:grid;gap:9px}.groom-field-label{display:grid;gap:1px}.groom-field-label strong{font-size:13px;font-weight:800}.groom-field-label small{color:var(--muted);font-size:11.5px}.groom-input{width:100%;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-deep) 55%,transparent);font-weight:800;outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.groom-input:focus{border-color:var(--sky);box-shadow:0 0 0 3px color-mix(in srgb,var(--sky) 22%,transparent)}.groom-choice{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:13px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-deep) 55%,transparent)}.groom-choice button{flex:1;min-width:48px;padding:8px 10px;border-radius:9px;font-size:12.5px;font-weight:800;color:var(--muted);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.groom-choice button:hover{color:var(--text)}.groom-choice button.on{color:#fff;background:var(--gradient);box-shadow:0 6px 16px #0066ff4d}.groom-stepper{display:grid;grid-template-columns:42px 1fr 42px;height:42px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-deep) 55%,transparent);overflow:hidden}.groom-stepper button{font-size:18px;font-weight:700;color:var(--muted)}.groom-stepper button:hover:not(:disabled){color:var(--text);background:color-mix(in srgb,var(--text) 6%,transparent)}.groom-stepper button:disabled{opacity:.35;cursor:default}.groom-stepper input{min-width:0;text-align:center;font-weight:800;font-variant-numeric:tabular-nums;border:0;border-inline:1px solid var(--border);background:transparent;outline:none;-moz-appearance:textfield}.groom-stepper input::-webkit-outer-spin-button,.groom-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.groom-platform-btn{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-deep) 55%,transparent);font-size:13px;font-weight:700;text-align:start;transition:border-color var(--dur) var(--ease)}.groom-platform-btn:hover{border-color:var(--border-strong)}.groom-platform-btn>svg:first-child{color:var(--sky)}.groom-platform-btn span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groom-platform-btn>svg:last-child{color:var(--muted)}.groom-reset{justify-self:center;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:700;color:var(--muted);transition:color var(--dur) var(--ease)}.groom-reset:hover{color:#ff8b8b}@media(min-width:1100px){.groom.has-drawer .groom-stage,.groom.has-drawer .groom-top{padding-inline-start:calc(var(--drawer-w) + 14px)}.groom.has-drawer .groom-dock{translate:calc(var(--drawer-w) / -2) 0}[dir=ltr] .groom.has-drawer .groom-dock{translate:calc(var(--drawer-w) / 2) 0}.groom-scrim{display:none}.groom-drawer{box-shadow:none}.groom-drawer-head .groom-icon-btn{display:none}}.gpick-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#0206129e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:groom-fade .22s var(--ease) both}.gpick{position:relative;outline:none;width:min(100%,680px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border-radius:22px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface) 97%,#000);box-shadow:var(--shadow-md),0 0 0 1px #ffffff05 inset;animation:groom-pop .32s var(--ease) both}.gpick-close{position:absolute;top:16px;inset-inline-end:16px;z-index:2;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--muted);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.gpick-close:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.gpick-head{position:relative;display:grid;gap:6px;padding:30px 60px 22px;text-align:center;border-bottom:1px solid var(--border);background:radial-gradient(90% 140% at 100% 0%,color-mix(in srgb,var(--blue) 30%,transparent),transparent 60%),radial-gradient(60% 120% at 0% 0%,color-mix(in srgb,var(--cyan) 12%,transparent),transparent 60%)}.gpick-head h2{font-size:22px;font-weight:900}.gpick-head p{color:var(--muted);font-size:13.5px}.gpick-body{display:grid;gap:16px;padding:22px;overflow-y:auto}.gpick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gpick-card{--p: var(--sky);position:relative;display:grid;justify-items:center;align-content:center;gap:8px;min-height:124px;padding:16px 8px 14px;border-radius:18px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-deep) 45%,transparent);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.gpick-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--p) 45%,var(--border))}.gpick-card strong{font-size:14px;font-weight:800}.gpick-card small{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:10.5px;font-weight:600}.gpick-glyph{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:var(--p);background:color-mix(in srgb,var(--p) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--p) 22%,transparent);transition:transform var(--dur) var(--ease)}.gpick-card:hover .gpick-glyph{transform:scale(1.06)}.gpick-card--demo{--p: var(--cyan)}.gpick-check{position:absolute;top:10px;inset-inline-start:10px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--p);scale:0;transition:scale .22s cubic-bezier(.34,1.56,.64,1)}.gpick-card.is-on{border-color:var(--p);background:color-mix(in srgb,var(--p) 9%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 16%,transparent),0 14px 34px color-mix(in srgb,var(--p) 14%,transparent)}.gpick-card.is-on .gpick-check{scale:1}.gpick-card[style*="#53fc18"] .gpick-check,.gpick-card[style*="#25f4ee"] .gpick-check{color:#04120a}.gpick-fields{display:grid;gap:10px;animation:groom-rise .26s var(--ease) both}.gpick-field{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 12px;min-height:48px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-deep) 50%,transparent);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.gpick-field:focus-within{border-color:var(--p);box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 18%,transparent)}.gpick-field.has-error{border-color:var(--bad)}.gpick-field-glyph{color:var(--p);display:grid;place-items:center}.gpick-prefix{color:var(--muted);font-size:13px;font-weight:700;direction:ltr}.gpick-field input{flex:1;direction:ltr;min-width:120px;height:46px;border:0;outline:none;background:transparent;font-weight:700;text-align:left}.gpick-field input:disabled{color:var(--muted)}.gpick-field em{flex-basis:100%;padding:0 0 10px;text-align:right;color:#ff8b8b;font-size:12px;font-style:normal;font-weight:700}.gpick-auto{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-deep) 45%,transparent);cursor:pointer}.gpick-auto-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:13px;color:var(--sky);background:color-mix(in srgb,var(--blue) 20%,var(--surface))}.gpick-auto-copy{flex:1;display:grid;gap:2px}.gpick-auto-copy strong{font-size:14px;font-weight:800}.gpick-auto-copy small{color:var(--muted);font-size:12px}.gpick-switch{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:44px;height:26px;margin:0;border-radius:99px;background:color-mix(in srgb,var(--text) 16%,transparent);cursor:pointer;transition:background var(--dur) var(--ease)}.gpick-switch:after{content:"";position:absolute;top:3px;inset-inline-end:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d;transition:inset-inline-end .22s var(--ease)}.gpick-switch:checked{background:var(--gradient)}.gpick-switch:checked:after{inset-inline-end:21px}.gpick-foot{display:grid;gap:12px;padding:18px 22px 20px;border-top:1px solid var(--border)}.gpick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gpick-btn{height:46px;border-radius:14px;font-size:14.5px;font-weight:800;transition:transform var(--dur) var(--ease),filter var(--dur) var(--ease),border-color var(--dur) var(--ease),opacity var(--dur) var(--ease)}.gpick-btn--ghost{border:1px solid var(--border-strong);background:color-mix(in srgb,var(--text) 4%,transparent)}.gpick-btn--ghost:hover{border-color:color-mix(in srgb,var(--text) 30%,transparent)}.gpick-btn--primary{color:#fff;background:var(--gradient);box-shadow:var(--shadow-accent)}.gpick-btn--primary:hover:not(:disabled){transform:translateY(-1.5px);filter:brightness(1.08)}.gpick-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.gpick-terms{text-align:center;color:var(--muted-dim);font-size:12px}.gpick-terms a{display:inline-flex;align-items:center;gap:4px;color:var(--sky);text-decoration:underline;text-underline-offset:3px}.groom~.reconnect-backdrop,.groom .reconnect-backdrop{background:#0206129e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.groom .reconnect-card{border-radius:22px;background:color-mix(in srgb,var(--surface) 97%,#000);animation:groom-pop .32s var(--ease) both}@media(max-width:720px){.groom{--top-h: 54px}.groom-live{max-width:150px;padding:0 10px}.gpick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gpick-head{padding:24px 48px 18px}.gpick-body{padding:16px}.gpick-foot{padding:14px 16px 16px}.gpick-card{min-height:110px}.groom-dock{flex-direction:column;align-items:stretch;padding:12px;margin-bottom:10px}.groom-dock-actions{display:flex;flex-wrap:wrap;gap:8px}.groom-dock-actions .btn{flex:1 1 0;justify-content:center;white-space:nowrap;padding-inline:10px}.groom-dock-actions .groom-start{flex:1 0 100%;order:-1;min-width:0}.groom-join{padding:12px}.groom-counter strong{font-size:36px}}@media(max-width:420px){.groom-title{font-size:14px}.groom-live-label{display:none}}@keyframes groom-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes groom-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes groom-fade{0%{opacity:0}to{opacity:1}}@keyframes groom-slide{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}@keyframes groom-pulse{50%{opacity:.45}}@keyframes groom-bounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-8px);opacity:1}}.groom-bg-word{position:absolute;left:50%;bottom:4%;translate:-50% 0;font-family:var(--font-en);font-size:clamp(90px,19vw,300px);font-weight:800;line-height:1;letter-spacing:.06em;white-space:nowrap;color:transparent;-webkit-text-stroke:2px color-mix(in srgb,var(--sky) 30%,transparent);background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--blue) 18%,transparent) 0 6px,transparent 6px 12px);-webkit-background-clip:text;background-clip:text;opacity:.55}:root[data-theme=light] .groom-bg-word{opacity:.35}.groom-lobby{width:min(1180px,100%);justify-items:center;gap:22px;padding-top:4px;padding-bottom:130px}.groom-card{width:min(560px,100%);display:grid;justify-items:center;gap:10px;text-align:center;animation:groom-rise .5s var(--ease) both}.groom-tile{width:78px;height:78px;display:grid;place-items:center;border-radius:22px;color:#fff;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.3),transparent 55%),linear-gradient(145deg,color-mix(in srgb,var(--room-accent) 85%,#fff 5%),color-mix(in srgb,var(--room-accent) 50%,#000));box-shadow:0 16px 40px color-mix(in srgb,var(--room-accent) 40%,transparent),inset 0 1px #ffffff4d}.groom-tile--sm{width:54px;height:54px;border-radius:16px}.groom-card-title{font-size:clamp(28px,4vw,38px);font-weight:900;line-height:1.15;margin-top:4px}.groom-card-tag{color:var(--muted);font-size:14px;max-width:44ch}.groom-how{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px;border-radius:12px;font-size:13px;font-weight:800;color:var(--sky);background:color-mix(in srgb,var(--blue) 10%,transparent);border:1px solid color-mix(in srgb,var(--sky) 35%,transparent);transition:background var(--dur) var(--ease)}.groom-how:hover{background:color-mix(in srgb,var(--blue) 20%,transparent)}.groom-label{margin-top:10px;color:var(--muted);font-size:12.5px;font-weight:700}.groom-modes{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.groom-modes button{display:grid;justify-items:center;gap:4px;padding:14px 10px 12px;border-radius:18px;color:var(--muted);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.groom-modes button strong{color:var(--text);font-size:13.5px}.groom-modes button small{font-size:11px}.groom-modes button:hover{border-color:var(--border-strong)}.groom-modes button.on{color:var(--sky);border-color:color-mix(in srgb,var(--sky) 60%,transparent);background:color-mix(in srgb,var(--blue) 16%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--sky) 12%,transparent),0 12px 30px #0066ff2e}.groom-command{width:100%;display:grid;gap:4px;padding:10px 14px;border-radius:20px;border:1px solid color-mix(in srgb,var(--sky) 30%,var(--border));background:color-mix(in srgb,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.groom-command:focus-within{border-color:var(--sky);box-shadow:0 0 0 4px color-mix(in srgb,var(--sky) 16%,transparent)}.groom-command input{width:100%;border:0;outline:none;background:transparent;text-align:center;font-size:26px;font-weight:900}.groom-command small{color:var(--muted-dim);font-size:11px}.groom-custom{width:100%;display:flex;gap:8px}.groom-custom input{flex:1;min-width:0;height:50px;padding:0 16px;border-radius:16px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface) 72%,transparent);font-weight:700;outline:none}.groom-custom input:focus{border-color:var(--sky)}.groom-custom button{display:inline-flex;align-items:center;gap:6px;padding:0 18px;border-radius:16px;font-weight:800;color:#fff;background:var(--gradient)}.groom-custom button:disabled{opacity:.45}.groom-quick{width:100%;margin-top:8px;border-radius:20px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 62%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.groom-quick-head{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;font-size:13px;font-weight:800;color:var(--muted)}.groom-quick-head:hover{color:var(--text)}.groom-quick-chev{transition:rotate var(--dur) var(--ease)}.groom-quick.is-open .groom-quick-chev{rotate:180deg}.groom-quick-body{display:grid;gap:12px;padding:0 14px 14px;text-align:start;animation:groom-rise .26s var(--ease) both}.groom-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.groom-quick-grid .groom-field{padding:12px;border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-deep) 45%,transparent);justify-items:center;text-align:center}.groom-quick-grid .groom-field-label{justify-items:center}.groom-quick-grid .groom-field>:last-child{width:100%}.groom-quick-all{justify-self:center;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;color:var(--muted)}.groom-quick-all:hover{color:var(--sky)}.groom-count{display:inline-flex;align-items:center;gap:7px;margin-top:8px;font-size:14px;font-weight:700;color:var(--muted)}.groom-count strong{font-size:20px;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums}.groom-count-max{color:var(--muted-dim);font-size:12px}.groom-launch{position:fixed;z-index:15;inset-inline:0;bottom:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:18px clamp(14px,3vw,28px) 20px;background:linear-gradient(to top,color-mix(in srgb,var(--bg-deep) 96%,transparent) 40%,transparent);pointer-events:none;transition:padding-inline-start .32s var(--ease)}.groom-launch>*{pointer-events:auto}.groom-launch-side{display:flex;align-items:center;gap:8px}.groom-launch-side--end{justify-content:flex-end}.groom-go{min-width:min(260px,60vw);height:62px;padding:0 34px;border-radius:20px;font-size:20px;font-weight:900;color:#fff;background:linear-gradient(180deg,#33b7ff,#0a74ff 55%,#0055e0);box-shadow:0 7px #073c9c,0 20px 40px #0066ff73,inset 0 1px #ffffff73;transition:transform .12s var(--ease),box-shadow .12s var(--ease),filter var(--dur) var(--ease),opacity var(--dur) var(--ease)}.groom-go:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 9px #073c9c,0 24px 44px #0066ff80,inset 0 1px #ffffff73}.groom-go:active:not(:disabled){transform:translateY(6px);box-shadow:0 1px #073c9c,0 8px 18px #0066ff59,inset 0 1px #ffffff73}.groom-go:disabled{cursor:not-allowed;color:#ffffff8c;filter:saturate(.45) brightness(.7)}.groom-side-btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-radius:14px;font-size:13px;font-weight:700;color:var(--muted);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.groom-side-btn:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.groom-side-btn:disabled{opacity:.5}.groom-lobby-state{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px;font-weight:700}.groom-lobby-state i{width:8px;height:8px;border-radius:50%;background:var(--muted-dim)}.groom-lobby-state.is-open i{background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 20%,transparent);animation:groom-pulse 1.8s ease-in-out infinite}.groom-howto{display:grid;justify-items:center;gap:10px;text-align:center}.groom-howto h2{font-size:21px}.groom-howto ol{list-style:none;margin:6px 0 0;padding:0;width:100%;display:grid;gap:8px;text-align:start}.groom-howto li{display:flex;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-deep) 40%,transparent)}.groom-howto li>b{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:13px;color:#fff;background:var(--gradient)}.groom-howto li strong{font-size:14px}.groom-howto li p{color:var(--muted);font-size:13px}.groom-howto-cmd{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.groom-howto-cmd b{color:var(--sky)}@media(min-width:1100px){.groom.has-drawer .groom-launch{padding-inline-start:calc(var(--drawer-w) + 28px)}}@media(max-width:720px){.groom-launch{grid-template-columns:1fr;justify-items:stretch;gap:8px;padding:12px 12px 14px}.groom-go{order:-1;width:100%;height:56px}.groom-launch-side,.groom-launch-side--end{justify-content:center}.groom-launch-side--end{display:none}.groom-lobby{padding-bottom:150px}.groom-command input{font-size:22px}.groom-bg-word{bottom:18%}}.groom-players{width:100%}.groom-lite,.hex-launch-page.groom-lite,.qhex-lobby-page.groom-lite{--top-h: 60px;--drawer-w: 380px;--room-accent: var(--accent, var(--blue));position:relative;z-index:1;min-height:100dvh;padding-bottom:130px;background:var(--bg-deep);isolation:isolate}.groom-lite>.groom-bg{position:fixed}.groom-top--lite{position:sticky;top:0;height:var(--top-h)}.groom-lite .groom-live{pointer-events:none}.groom-lite .launch-card,.groom-lite .qhex-team-lobby{border-radius:22px;background:color-mix(in srgb,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.groom-lite .hex-launch{padding-top:10px}.hex-mode-card h2{margin-bottom:12px}.hex-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hex-modes button{display:grid;justify-items:center;gap:4px;padding:16px 10px 14px;border-radius:18px;color:var(--muted);border:1px solid var(--border);background:color-mix(in srgb,var(--bg-deep) 45%,transparent);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.hex-modes button strong{color:var(--text);font-size:14px}.hex-modes button small{font-size:11.5px}.hex-modes button:hover:not(:disabled){border-color:var(--border-strong)}.hex-modes button.on{color:var(--sky);border-color:color-mix(in srgb,var(--sky) 60%,transparent);background:color-mix(in srgb,var(--blue) 16%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--sky) 12%,transparent)}.hex-modes button:disabled{opacity:.45;cursor:not-allowed}.hex-war{display:grid;gap:14px;margin-top:14px}.hex-war-vs{display:flex;align-items:center;justify-content:center;gap:16px}.hex-war-vs em{font-style:normal;font-weight:900;color:var(--muted);font-size:13px}.hex-war-side{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:16px;font-size:16px;color:var(--p);border:1px solid color-mix(in srgb,var(--p) 45%,transparent);background:color-mix(in srgb,var(--p) 12%,var(--surface));box-shadow:0 10px 26px color-mix(in srgb,var(--p) 18%,transparent)}.hex-war-side b{color:var(--text);font-weight:900}.hex-war .radio-row button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.qhex-lobby-page.is-war .qhex-team-lobby--one{border-color:color-mix(in srgb,var(--qhex-one) 50%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--qhex-one) 10%,var(--surface)),color-mix(in srgb,var(--surface) 80%,transparent))}.qhex-lobby-page.is-war .qhex-team-lobby--two{border-color:color-mix(in srgb,var(--qhex-two) 50%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--qhex-two) 10%,var(--surface)),color-mix(in srgb,var(--surface) 80%,transparent))}.qhex-lobby-page.is-war .qhex-team-lobby--one>header svg,.qhex-lobby-page.is-war .qhex-team-lobby--one>header span b{color:var(--qhex-one)}.qhex-lobby-page.is-war .qhex-team-lobby--two>header svg,.qhex-lobby-page.is-war .qhex-team-lobby--two>header span b{color:var(--qhex-two)}.qhex-lobby-page.is-war .qhex-join-option.one{border-color:color-mix(in srgb,var(--qhex-one) 40%,transparent)}.qhex-lobby-page.is-war .qhex-join-option.two{border-color:color-mix(in srgb,var(--qhex-two) 40%,transparent)}.qhex-lobby-page.is-war .qhex-join-option.one svg{color:var(--qhex-one);background:color-mix(in srgb,var(--qhex-one) 14%,transparent)}.qhex-lobby-page.is-war .qhex-join-option.two svg{color:var(--qhex-two);background:color-mix(in srgb,var(--qhex-two) 14%,transparent)}.qhex-lobby-page.is-war .qhex-join-option.one strong{color:var(--qhex-one);background:color-mix(in srgb,var(--qhex-one) 12%,transparent)}.qhex-lobby-page.is-war .qhex-join-option.two strong{color:var(--qhex-two);background:color-mix(in srgb,var(--qhex-two) 12%,transparent)}.qhex-lobby-page.is-war .qhex-join-option{grid-template-columns:32px 1fr auto}.qhex-lobby-page.is-war .qhex-join-option strong{padding-inline:10px}.gpick-card.is-unlinked{opacity:.55}.gpick-card.is-unlinked:hover{opacity:.8}.gpick-unlinked{color:var(--muted)}.gpick-field--locked{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gpick-linked-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.gpick-link-cta{flex:1;color:var(--sky);font-weight:700;text-decoration:underline;text-underline-offset:3px}.gpick-lock-note{display:flex;align-items:center;gap:6px;margin:2px 0 0;font-size:12px;color:var(--muted)}.connect-row--locked{display:flex;align-items:center;gap:8px}.connect-linked-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}body.in-game{background:var(--bg-deep)}body.in-game:before{background:radial-gradient(1100px 260px at 50% -40px,color-mix(in srgb,var(--blue) 55%,transparent),transparent 70%),radial-gradient(700px 420px at 50% 100%,color-mix(in srgb,var(--cyan) 10%,transparent),transparent 70%)}:root[data-theme=light] body.in-game:before{opacity:.5}.game-topbar.gx-bar,.qhex-page .game-topbar.gx-bar{height:58px;gap:10px;padding-inline:clamp(10px,1.8vw,18px);background:linear-gradient(to bottom,color-mix(in srgb,var(--bg-deep) 94%,transparent),color-mix(in srgb,var(--bg-deep) 40%,transparent));border-bottom:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gx-bar .game-topbar-side{gap:6px;min-width:0}.gx-bar-title{margin-inline:4px 6px;font-size:16px;font-weight:800;white-space:nowrap}.gx-icon-btn{width:38px;height:38px;flex:none;display:inline-grid;place-items:center;border-radius:12px;color:color-mix(in srgb,var(--text) 62%,transparent);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.gx-icon-btn:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.gx-icon-btn--danger:hover{color:#ff8b8b;background:#ff464624}.gx-bar-actions{gap:6px;flex-wrap:nowrap}.gx-bar-actions .ghost-btn{height:38px;padding:0 13px;gap:7px;border-radius:12px;font-size:12.5px;font-weight:700;color:color-mix(in srgb,var(--text) 78%,transparent);background:color-mix(in srgb,var(--text) 5%,transparent);border:1px solid transparent}.gx-bar-actions .ghost-btn:hover{color:var(--text);background:color-mix(in srgb,var(--text) 9%,transparent);border-color:var(--border);transform:none}.gx-bar-actions .ghost-btn[aria-expanded=true]{color:var(--text);background:color-mix(in srgb,var(--blue) 24%,transparent)}@media(max-width:1100px){.gx-bar-actions .ghost-btn{width:38px;padding:0;justify-content:center;font-size:0;gap:0}}@media(max-width:720px){.game-topbar.gx-bar{flex-wrap:nowrap;padding-block:0;height:54px}.gx-bar .live-badges{display:none}.gx-bar-title{font-size:14px}.gx-bar-actions{gap:2px}.gx-icon-btn,.gx-bar-actions .ghost-btn{width:34px;height:34px}.game-topbar-side--end.gx-bar-actions .ghost-btn.mobile-keep{width:34px;min-width:34px}}.game-shell>main,.game-shell .shifra>main{position:relative;margin:8px clamp(6px,1.4vw,18px) 0;border-radius:38px 38px 0 0;background:radial-gradient(900px 380px at 50% 0%,color-mix(in srgb,var(--blue) 12%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--bg-deep) 92%,transparent) 70%);border:1px solid var(--border);border-bottom:0;box-shadow:0 -18px 60px color-mix(in srgb,var(--blue) 22%,transparent),inset 0 1px #ffffff0f}.game-shell .shifra>main{margin-inline:0}.game-shell>main:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:linear-gradient(to right,color-mix(in srgb,var(--sky) 6%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--sky) 6%,transparent) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000,transparent 75%)}.game-shell>main{z-index:0}.game-shell>main:before{z-index:-1}body.in-game .game-shell{padding-bottom:118px}body.in-game .cups-stage{min-height:calc(100dvh - 84px);padding-bottom:150px}.game-bar.gx-deck{inset-inline:clamp(6px,1.4vw,18px);margin-inline:auto;max-width:1180px;min-height:84px;padding:16px clamp(14px,2.4vw,26px);border-radius:30px 30px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 94%,transparent),color-mix(in srgb,var(--surface) 98%,transparent));border:1px solid var(--border-strong);border-bottom:0;box-shadow:0 -16px 50px #00000073,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.game-bar.gx-deck:has(.gx-timer.has-bar){padding-top:34px}.gx-deck-pill{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 18px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;color:var(--muted);background:color-mix(in srgb,var(--bg-deep) 60%,transparent);border:1px solid var(--border)}.gx-deck-pill b{color:var(--text);font-weight:800}.gx-deck-pill i{width:4px;height:4px;border-radius:50%;background:var(--muted-dim)}body.in-game .btn{min-height:44px;border-radius:15px}body.in-game .btn--primary{padding-inline:22px;box-shadow:0 5px #0a3a9e,0 14px 28px #0066ff52,inset 0 1px #ffffff59;transition:transform .12s var(--ease),box-shadow .12s var(--ease),filter var(--dur) var(--ease)}body.in-game .btn--primary:hover{transform:translateY(-2px);box-shadow:0 7px #0a3a9e,0 18px 34px #0066ff61,inset 0 1px #ffffff59}body.in-game .btn--primary:active{transform:translateY(4px);box-shadow:0 1px #0a3a9e,0 6px 14px #0066ff4d,inset 0 1px #ffffff59}body.in-game .btn--ghost{background:color-mix(in srgb,var(--surface-raised) 80%,transparent);box-shadow:0 4px color-mix(in srgb,var(--bg-deep) 85%,#000),inset 0 1px #ffffff0d}body.in-game .btn--ghost:active{transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--bg-deep) 85%,#000)}body.in-game .game-bar .ghost-btn{height:42px;border-radius:14px}@media(max-width:720px){.game-bar.gx-deck{inset-inline:0;border-radius:24px 24px 0 0;padding:12px}.game-bar.gx-deck:has(.gx-timer.has-bar){padding-top:30px}.gx-deck-pill{justify-content:center}}.gx-timer{--ring: 64px;display:inline-grid;justify-items:center;gap:4px}.gx-timer-ring{position:relative;width:var(--ring);height:var(--ring);display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--surface-raised) 100%,#fff 4%),var(--bg-deep));box-shadow:0 0 0 5px color-mix(in srgb,var(--bg-deep) 88%,transparent),0 10px 28px #00000073,0 0 30px color-mix(in srgb,var(--blue) 30%,transparent)}.gx-timer-ring svg{position:absolute;inset:0;width:100%;height:100%;rotate:-90deg}.gx-timer-track{fill:none;stroke:color-mix(in srgb,var(--text) 10%,transparent);stroke-width:4}.gx-timer-fill{fill:none;stroke:var(--sky);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .9s linear,stroke var(--dur) var(--ease);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--sky) 70%,transparent))}.gx-timer-ring strong{position:relative;font-size:calc(var(--ring) * .34);font-weight:900;font-variant-numeric:tabular-nums;direction:ltr;letter-spacing:-.02em}.gx-timer-label{color:var(--muted);font-size:11px;font-weight:700}.gx-timer.is-urgent .gx-timer-fill{stroke:#ff5a6a;filter:drop-shadow(0 0 6px rgba(255,90,106,.8))}.gx-timer.is-urgent .gx-timer-ring{animation:gx-urgent .9s ease-in-out infinite}.gx-timer.is-urgent .gx-timer-ring strong{color:#ff8b95}.gx-deck .gx-timer.has-bar{position:absolute;inset:0 0 auto;height:0;display:block}.gx-deck .gx-timer.has-bar .gx-timer-bar{position:absolute;top:14px;inset-inline:clamp(18px,3vw,32px);height:7px;border-radius:99px;background:color-mix(in srgb,var(--bg-deep) 80%,transparent);box-shadow:inset 0 1px 2px #00000080;overflow:hidden}.gx-timer-bar i{display:block;height:100%;margin-inline-start:auto;border-radius:inherit;background:var(--gradient);box-shadow:0 0 12px color-mix(in srgb,var(--cyan) 60%,transparent);transition:width .9s linear}.gx-timer.is-urgent .gx-timer-bar i{background:linear-gradient(90deg,#ff5a6a,#ff9b6a)}.gx-deck .gx-timer.has-bar .gx-timer-ring{position:absolute;top:-34px;left:50%;translate:-50% 0}.gx-deck .gx-timer.has-bar .gx-timer-label{display:none}.fuse-timer{--ring: 118px;margin:10px 0 2px}.fuse-timer .gx-timer-fill{stroke:#fb923c;filter:drop-shadow(0 0 6px rgba(251,146,60,.7))}.gx-intro{position:fixed;inset:0;z-index:300;pointer-events:none;overflow:hidden;animation:gx-intro-out 1.5s var(--ease) forwards}.gx-intro-stripes{position:absolute;inset:-40%;display:flex;rotate:-32deg}.gx-intro-stripes i{flex:1;translate:120% 0;background:#0b1f5c;animation:gx-stripe 1.5s cubic-bezier(.7,0,.3,1) forwards;animation-delay:calc(var(--i) * 45ms)}.gx-intro-stripes i:nth-child(3n+1){background:#06f}.gx-intro-stripes i:nth-child(3n+2){background:#0a1540}.gx-intro-stripes i:nth-child(3n){background:#00b4ff}.gx-intro-logo{position:absolute;top:50%;left:50%;translate:-50% -50%;display:grid;justify-items:center;gap:8px;animation:gx-logo 1.5s var(--ease) forwards}.gx-intro-logo svg{width:clamp(90px,14vw,150px);height:auto;filter:drop-shadow(0 12px 40px rgba(0,102,255,.7))}.gx-intro-logo b{font-size:clamp(34px,6vw,64px);font-weight:900;color:#fff;text-shadow:0 6px 30px rgba(0,150,255,.8)}.gx-count{position:fixed;inset:58px 0 0;z-index:120;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(ellipse at 50% 50%,#020612b8,#020612e6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:gx-fade .22s var(--ease) both}.gx-count-label{position:absolute;top:12%;font-size:clamp(20px,3vw,30px);font-weight:900;color:color-mix(in srgb,var(--text) 55%,transparent);letter-spacing:.02em}.gx-count-num{font-size:clamp(150px,26vw,280px);font-weight:900;line-height:1;color:transparent;background:linear-gradient(180deg,#fff,#bfe9ff 38%,#38bdf8 70%,#06f);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 22px rgba(56,189,248,.75)) drop-shadow(0 10px 0 rgba(0,40,120,.55));animation:gx-pop .88s cubic-bezier(.2,.9,.3,1.2) both}.gx-count-num--go{font-size:clamp(80px,14vw,150px)}.gx-flash{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#02050eeb;animation:gx-fade .2s var(--ease) both}.gx-flash-glow{position:absolute;width:min(90vw,900px);height:min(50vw,420px);border-radius:50%;background:radial-gradient(closest-side,rgba(0,140,255,.55),transparent);filter:blur(40px);animation:gx-glow 1.7s ease-out both}.gx-flash-word{position:relative;font-size:clamp(90px,17vw,220px);font-weight:900;line-height:1.1;color:transparent;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9) 0 6%,transparent 7%) 0 0 / 38px 38px,linear-gradient(180deg,#fff,#a5e4ff 40%,#38bdf8,#1d6bff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 18px rgba(56,189,248,.9)) drop-shadow(0 0 60px rgba(0,102,255,.7));animation:gx-word 1.7s cubic-bezier(.2,.9,.3,1) both}body.in-game .host-panel--overlay{inset-block:0;inset-inline-start:0;inset-inline-end:auto;z-index:90;width:min(380px,94vw);padding:0 0 18px;background:color-mix(in srgb,var(--surface) 96%,#000);border-inline-start:0;border-inline-end:1px solid var(--border);box-shadow:30px 0 80px #00000080;-webkit-backdrop-filter:none;backdrop-filter:none;animation:gx-drawer .3s var(--ease) both}body.in-game .host-panel--overlay>*:not(.host-panel-head){margin-inline:16px}body.in-game .host-panel-head{position:sticky;top:0;z-index:2;align-items:center;min-height:58px;margin-bottom:14px;padding:0 18px;background:inherit;border-bottom:1px solid var(--border)}body.in-game .host-panel-head .kicker{display:none}body.in-game .host-panel-head h2{font-size:16px}body.in-game .host-panel .seg{padding:5px;background:color-mix(in srgb,var(--bg-deep) 60%,transparent)}body.in-game .host-panel .seg button{padding:9px;font-size:13px;font-weight:800}body.in-game .host-panel .seg button.on{color:var(--text);background:color-mix(in srgb,var(--blue) 28%,var(--surface-raised));box-shadow:inset 0 1px #ffffff12,0 6px 18px #00000040}@keyframes gx-stripe{0%{translate:120% 0}38%,62%{translate:0 0}to{translate:-120% 0}}@keyframes gx-intro-out{0%,92%{opacity:1}to{opacity:0}}@keyframes gx-logo{0%,18%{opacity:0;scale:.6}36%{opacity:1;scale:1.08}48%,62%{opacity:1;scale:1}78%,to{opacity:0;scale:1.25}}@keyframes gx-pop{0%{opacity:0;scale:1.9}35%{opacity:1;scale:.94}55%{scale:1.02}80%{opacity:1;scale:1}to{opacity:0;scale:.7}}@keyframes gx-word{0%{opacity:0;scale:.55;filter:blur(14px) drop-shadow(0 0 0 transparent)}22%{opacity:1;scale:1.06;filter:blur(0) drop-shadow(0 0 18px rgba(56,189,248,.9)) drop-shadow(0 0 60px rgba(0,102,255,.7))}32%,84%{opacity:1;scale:1}to{opacity:0;scale:1.08}}@keyframes gx-glow{0%{opacity:0;scale:.5}25%{opacity:1;scale:1}85%{opacity:.8}to{opacity:0}}@keyframes gx-fade{0%{opacity:0}to{opacity:1}}@keyframes gx-urgent{50%{scale:1.07}}@keyframes gx-drawer{0%{translate:100% 0}to{translate:0 0}}[dir=ltr] body.in-game .host-panel--overlay{animation-name:none}.shifra-board-area{display:grid;gap:12px}.shifra-board-main{display:block}.shifra-board-area.is-crowd .shifra-board-main{display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,19vw,290px);gap:14px;align-items:start}.shifra-crowd-bar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:9px 12px;border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid var(--border);font-size:12.5px;color:var(--muted)}.shifra-crowd-stat{display:inline-flex;align-items:baseline;gap:5px;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--sky) 9%,transparent)}.shifra-crowd-stat b{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}.shifra-crowd-mode{margin-inline-start:auto;color:var(--text);font-weight:700}.shifra-crowd-mode small{color:var(--muted);font-weight:600}.shifra-crowd-progress{position:absolute;inset-inline:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--sky));transform-origin:right;animation:shifra-page linear forwards}[dir=ltr] .shifra-crowd-progress{transform-origin:left}@keyframes shifra-page{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.player-board-name:has(.player-board-rank){display:inline-flex;align-items:baseline;gap:5px;min-width:0}.player-board-name bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-board-rank{flex:none;color:var(--cyan);font-variant-numeric:tabular-nums}.shifra-board-area.is-crowd .player-board{animation:shifra-in .26s var(--ease, ease) both}@keyframes shifra-in{0%{opacity:0;transform:translateY(6px)}}.shifra-grid>.player-board{content-visibility:auto;contain-intrinsic-size:auto 220px}.shifra-feed{position:sticky;top:8px;max-height:calc(100vh - 230px);overflow:hidden;padding:12px;border-radius:var(--radius-md, 18px);background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid var(--border);-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}.shifra-feed h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px}.shifra-feed h3 i{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 4px #ef44442e;animation:timerPulse .9s ease-in-out infinite alternate}.shifra-feed p{margin:0;font-size:12px;line-height:1.7}.shifra-feed ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.shifra-feed li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 7px;border-radius:10px;background:color-mix(in srgb,var(--text) 4%,transparent);animation:shifra-feed-in .24s var(--ease, ease) both}@keyframes shifra-feed-in{0%{opacity:0;transform:translateY(-6px)}}.shifra-feed-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.shifra-feed-cells{display:inline-flex;gap:3px}.shifra-feed-cells i{width:18px;height:18px;border-radius:5px;display:grid;place-items:center;font-style:normal;font-size:10.5px;font-weight:800;font-variant-numeric:tabular-nums;border:1px solid var(--border)}.shifra-feed-cells i.cell--exact{background:#16a34a;border-color:#16a34a;color:#04220f}.shifra-feed-cells i.cell--near{background:#eab308;border-color:#eab308;color:#2b2000}.shifra-feed-cells i.cell--miss{color:var(--muted)}@media(max-width:900px){.shifra-board-area.is-crowd .shifra-board-main{grid-template-columns:1fr}.shifra-feed{position:static;max-height:260px;order:-1}}.groom-players.is-crowded>li{content-visibility:auto;contain-intrinsic-size:auto 96px}.groom-roster li,.panel-players li{content-visibility:auto;contain-intrinsic-size:auto 44px}.trivia-arena.is-crowd .trivia-player{width:170px;min-width:0;animation:shifra-in .24s var(--ease, ease) both}.trivia-arena.is-crowd .trivia-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.trivia-player.crowd-more{justify-content:center;flex-direction:column;gap:0;border-style:dashed}.trivia-player.crowd-more strong{font-size:14px;color:var(--cyan)}.trivia-player.crowd-more small{font-size:10px;color:var(--muted)}.result-more{margin:6px 0 0;font-size:12px}.fateel-holders{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:640px}.fateel-holder-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#f9731624;border:1px solid rgba(249,115,22,.45);color:#fed7aa;font-size:12px;font-weight:700;animation:fuseBeat .5s ease-in-out infinite alternate}.fateel-holder-chip b{color:var(--cyan)}.fateel-holder-chip bdi{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fateel-focus:has(.fateel-holders){max-width:680px}.fateel-arena.is-crowd{max-width:none;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.fateel-arena.is-crowd button{min-height:46px;padding:6px 8px;padding-inline-start:44px;border-radius:11px;animation:shifra-in .24s ease both}.fateel-arena.is-crowd .fateel-player-number{top:50%;transform:translateY(-50%)}.fateel-arena.is-crowd .fateel-holder-bomb{width:26px;height:26px;top:-9px}.fateel-more{display:grid;place-items:center;min-height:46px;border:1px dashed var(--border);border-radius:11px}.fateel-more b{color:var(--cyan);font-size:14px}.fateel-more small{color:var(--muted);font-size:10px}.fateel-out-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-height:40vh;overflow:auto}