:root{color:#f6f4ef;font-synthesis:none;text-rendering:optimizelegibility;background:#171716;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{width:100%;max-width:100%;height:100%;overflow:hidden}#app{scrollbar-gutter:stable;scrollbar-color:#f6f4ef6b #1717167a;scrollbar-width:thin;width:100%;max-width:100%;height:100vh;padding-inline:clamp(14px,1.35vw,28px) clamp(26px,2.2vw,46px);overflow:hidden auto}#app::-webkit-scrollbar{width:14px}#app::-webkit-scrollbar-track{background:linear-gradient(#0000,#f6f4ef0f,#0000),#17171675}#app::-webkit-scrollbar-thumb{background:#f6f4ef8a;border:4px solid #171716d1;border-radius:999px}#app::-webkit-scrollbar-thumb:hover{background:#f5c542bd}*{box-sizing:border-box}body{background:linear-gradient(135deg,#3bb27329,#0000 34%),linear-gradient(225deg,#ff715b24,#0000 36%),#171716;min-width:0;min-height:100vh;margin:0}body.mini-mode{width:var(--mini-vw,100vw);min-width:0;height:var(--mini-vh,100vh);min-height:var(--mini-vh,100vh);overflow:hidden}body.mini-mode #app{width:var(--mini-vw,100vw);height:var(--mini-vh,100vh);padding:0;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.boot-screen{text-align:center;align-content:center;place-items:center;gap:14px;min-height:100vh;padding:24px;display:grid}body.mini-mode .boot-screen{width:var(--mini-vw,100vw);min-width:0;min-height:var(--mini-vh,100vh);max-height:var(--mini-vh,100vh);gap:clamp(5px, calc(var(--mini-vmin,320px) * .045), 12px);padding:clamp(8px, calc(var(--mini-vmin,320px) * .06), 20px);overflow:hidden}body.mini-mode .boot-screen h1{font-size:clamp(1.08rem, calc(var(--mini-vmin,320px) * .105), 2rem);line-height:1.04}body.mini-mode .boot-screen p{max-width:min(92vw,440px);font-size:clamp(.72rem, calc(var(--mini-vmin,320px) * .04), 1rem);line-height:1.28}.web-login{place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{background:#1c1b18f2;border:1px solid #3a3831;border-radius:8px;gap:16px;width:min(420px,100%);padding:22px;display:grid;box-shadow:0 18px 52px #00000047}.login-panel p{color:#c9c3b8;margin:6px 0 0}.login-form{gap:12px;display:grid}.login-form label{gap:8px;display:grid}.login-form label span{color:#c9c3b8;font-size:.86rem;font-weight:800}.login-form input{color:#f6f4ef;background:#24231f;border:1px solid #4a473d;border-radius:8px;width:100%;min-height:44px;padding:0 12px}.login-divider{color:#9e9788;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:.82rem;font-weight:800;display:grid}.login-divider:before,.login-divider:after{content:"";background:#333027;height:1px}.discord-login{width:100%}.steam-login-button{background:linear-gradient(135deg,#6c8dff3d,#0000 58%),#24231f;border-color:#6c8dffb8;width:100%;min-height:52px}.steam-login-button:hover{border-color:#6c8dff;box-shadow:0 14px 34px #6c8dff2e}.login-hint{color:#ffb5a9;margin:-6px 0 0;font-size:.86rem}.boot-screen h1,.topbar h1,.lobby-head h2,.game-head h2,.ranked-card h3,.finished-panel h3,.profile-modal h3{letter-spacing:0;margin:0}.boot-screen p,.topbar p,.section-title p,.ranked-card p,.finished-panel p,.profile-head p{color:#c9c3b8;margin:0}.error-screen p,.error-text{color:#ffb5a9;max-width:560px}.app-shell{--side-column-width:clamp(380px, 31vw, 460px);width:min(1240px,100%);min-width:0;min-height:100vh;margin:0 auto;padding:20px 0}body.mini-mode .app-shell{width:var(--mini-vw,100vw);height:var(--mini-vh,100vh);min-height:var(--mini-vh,100vh);padding:clamp(6px, calc(var(--mini-vmin,320px) * .035), 12px);font-size:clamp(.72rem, calc(1rem * var(--mini-scale,1)), .92rem);overflow:hidden}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 0 20px;display:flex}body.mini-mode .topbar{gap:clamp(4px, calc(var(--mini-vmin,320px) * .025), 8px);padding:0 0 clamp(5px, calc(var(--mini-vmin,320px) * .025), 10px)}body.mini-mode .topbar h1{font-size:clamp(1rem, calc(var(--mini-vmin,320px) * .06), 1.35rem)}body.mini-mode .topbar p,body.mini-mode .top-actions,body.mini-mode .side-panel,body.mini-mode .lobby-stack{display:none}.brand,.top-actions,.user-chip,.game-card,.participant-row,.challenge-row,.row-player,.leaderboard-row,.opponent-strip,.section-title,.versus-row,.game-actions,.timer-card,.profile-head{align-items:center;display:flex}.brand{flex:260px;gap:12px;min-width:0}.top-actions{flex-wrap:wrap;flex:999 540px;justify-content:flex-end;gap:8px;min-width:0}.top-actions .shop-button{isolation:isolate;color:#f8df83;background:linear-gradient(135deg,#f5c5422e,#0000 52%),#24231f;border-color:#f5c54294;align-items:center;gap:8px;min-height:46px;padding:0 12px;font-weight:900;display:flex;position:relative;overflow:visible}.top-actions .quest-button{color:#dbe4ff;cursor:pointer;background:linear-gradient(135deg,#6c8dff29,#0000 56%),#24231f;border:1px solid #6c8dff8c;border-radius:8px;align-items:center;gap:8px;min-height:46px;padding:0 12px;font-weight:900;display:flex;position:relative}.top-actions .quest-button:hover{background:linear-gradient(135deg,#6c8dff3d,#0000 56%),#292b36;border-color:#6c8dffdb;transform:translateY(-1px)}.top-actions .quest-button svg{width:18px;height:18px}.top-actions .quest-button b{background:#ff4f5f;border:2px solid #171716;border-radius:999px;width:12px;height:12px;animation:1s ease-in-out infinite questNewsPulse;position:absolute;top:-4px;right:-4px;box-shadow:0 0 #ff4f5f8c}.shop-orbit{z-index:3;border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;padding:2px;position:absolute;inset:-1px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.shop-orbit b{filter:blur(.2px);background:conic-gradient(#0000 0deg 252deg,#f5c54214 268deg,#f5c542eb 286deg,#fff6c9fa 294deg,#f5c54247 304deg,#0000 322deg 360deg);border-radius:999px;animation:2.8s linear infinite shopBorderSweep;position:absolute;inset:-72%}.shop-orbit b:first-child{animation-delay:0s}.shop-orbit b:last-child{background:conic-gradient(#0000 0deg 252deg,#3bb27314 268deg,#3bb273e0 286deg,#beffd9f2 294deg,#3bb2733d 304deg,#0000 322deg 360deg);animation-delay:-1.4s}.top-actions .shop-button:after{z-index:1;border-radius:inherit;clip-path:inset(0 round 8px);content:"";opacity:0;pointer-events:none;background:linear-gradient(110deg,#0000 0 37%,#ffffff38 48%,#f5c54238 52%,#0000 63% 100%) 130% 0/260% 100%;transition:background-position .42s,opacity .16s;position:absolute;inset:0}.top-actions .shop-button:hover:after{opacity:1;background-position:-30% 0}.top-actions .shop-button svg,.top-actions .shop-button span:not(.shop-orbit),.top-actions .shop-button strong{z-index:2;position:relative}.top-actions .shop-button svg{width:18px;height:18px}.top-actions .shop-button strong{color:#fff5c7;text-align:center;background:#f5c5422e;border-radius:999px;min-width:28px;padding:4px 7px}.top-actions .shop-button.has-boost{color:#beffd9;border-color:#3bb273bf;box-shadow:0 0 0 1px #3bb2732e,0 12px 30px #3bb2731f}.top-actions .shop-button:hover{background:linear-gradient(135deg,#f5c5423d,#0000 52%),#2d2b25;border-color:#f5c542e6;transform:translateY(-1px);box-shadow:0 10px 28px #f5c5421f}.top-actions .shop-button.has-boost:hover{background:linear-gradient(135deg,#3bb27338,#0000 52%),#26312a;border-color:#3bb273e6}.language-select-wrap{min-height:46px;display:inline-block;position:relative}.language-select-wrap summary{list-style:none}.language-select-wrap summary::-webkit-details-marker{display:none}.language-current,.language-options button{color:#f6f4ef;cursor:pointer;background:#24231f;border:1px solid #4a473d;border-radius:8px;align-items:center;gap:8px;min-width:136px;min-height:46px;padding:0 10px;font-weight:800;display:flex}.language-current span,.language-options span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.language-current:hover,.language-select-wrap[open] .language-current,.language-options button:hover{background:#2d2b25;border-color:#f5c542}.language-options{z-index:30;background:#1c1b18;border:1px solid #333027;border-radius:8px;gap:6px;min-width:180px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 42px #00000057}.language-options button{border-color:#0000;justify-content:flex-start;width:100%;min-height:38px}.language-options button.is-selected{color:#beffd9;border-color:#3bb27394}.language-options button.is-selected:hover{background:#2d2b25;border-color:#f5c542e6}.twemoji-flag{object-fit:contain;flex:0 0 22px;width:22px;height:22px}.text-flag{place-items:center;font-size:1rem;line-height:1;display:inline-grid}.language-select{color:#f6f4ef;background:#24231f;border:1px solid #4a473d;border-radius:8px;outline:none;max-width:150px;min-height:46px;padding:0 32px 0 10px;font-weight:800}.mini-paused-screen p{max-width:560px}.quest-modal{max-width:min(760px,100vw - 24px)}.quest-reset{color:#f5c542;align-items:center;gap:6px;margin-top:8px;font-weight:800;display:inline-flex}.quest-reset strong{color:#fff5c7;font-variant-numeric:tabular-nums}.quest-list{gap:12px;display:grid}.quest-row,.quest-bonus{background:linear-gradient(135deg,#f6f4ef0a,#0000 58%),#24231f;border:1px solid #3a3831;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid}.quest-row{position:relative;overflow:hidden}.quest-row:before{content:"";background:#3bb273;width:4px;position:absolute;inset:0 auto 0 0}.quest-row.difficulty-medium:before{background:#f5c542}.quest-row.difficulty-hard:before{background:#ff715b}.quest-row.is-complete{border-color:#3bb27373}.quest-main,.quest-side{gap:8px;display:grid}.quest-side{justify-items:end;min-width:132px}.quest-row-head,.quest-rewards{align-items:center;gap:8px;display:flex}.quest-difficulty,.quest-news{color:#a8f0c4;text-transform:uppercase;background:#3bb27329;border-radius:999px;width:fit-content;padding:3px 8px;font-size:.72rem;font-weight:900}.difficulty-medium .quest-difficulty{color:#ffe08a;background:#f5c54229}.difficulty-hard .quest-difficulty{color:#ffb5a9;background:#ff715b29}.quest-news{color:#ffb8c0;background:#ff4f5f2e}.quest-row p,.quest-row small,.quest-bonus small{color:#c9c3b8;margin:0}.quest-progress{background:#171716;border-radius:999px;height:8px;overflow:hidden}.quest-progress span{width:var(--value);border-radius:inherit;background:linear-gradient(90deg,#3bb273,#f5c542);height:100%;display:block}.quest-rewards span{color:#f6f4ef;align-items:center;gap:4px;font-weight:900;display:inline-flex}.quest-rewards svg{color:#f5c542;width:15px;height:15px}.quest-bonus{border-color:#f5c54247;margin-top:12px}.quest-bonus.is-available{border-color:#f5c542b3;box-shadow:0 0 0 1px #f5c5421f,0 16px 34px #f5c54214}.leaderboard-loading{color:#c9c3b8;gap:10px;padding:14px;font-weight:800;display:grid}.language-select:hover,.language-select:focus{background:#2d2b25;border-color:#f5c542}.brand-mark{flex:0 0 46px;width:46px;height:46px;display:block}body.mini-mode .brand-mark{width:clamp(34px, calc(var(--mini-vmin,320px) * .18), 54px);height:clamp(34px, calc(var(--mini-vmin,320px) * .18), 54px);flex-basis:clamp(34px, calc(var(--mini-vmin,320px) * .18), 54px)}body.mini-mode .boot-screen .brand-mark{width:clamp(38px, calc(var(--mini-vmin,320px) * .26), 70px);height:clamp(38px, calc(var(--mini-vmin,320px) * .26), 70px)}.ezgg-logo{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;overflow:visible}.user-chip{flex:0 1 var(--side-column-width);cursor:pointer;background:#24231fe0;border:1px solid #3a3831;border-radius:8px;justify-content:space-between;gap:10px;min-width:0;padding:8px 10px}.user-chip>.user-chip-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.game-layout{grid-template-columns:minmax(0, 1fr) var(--side-column-width);gap:18px;width:100%;min-width:0;display:grid}body.mini-mode .game-layout{width:100%;height:calc(var(--mini-vh,100vh) - clamp(54px, calc(var(--mini-vmin,320px) * .21), 82px));grid-template-columns:minmax(0,1fr);gap:0;overflow:hidden}.legal-links{color:var(--muted);justify-content:center;gap:8px;margin:18px 0 0;font-size:.78rem;display:flex}.legal-links a{color:var(--muted);text-decoration:none}.legal-links a:hover{color:var(--gold)}.status-banner{z-index:40;color:#ffcabf;background:#ff715b21;border:1px solid #ff715b8c;border-radius:8px;width:min(560px,100vw - 28px);margin:0;padding:10px 12px;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000057}.play-panel,.metric-panel,.shop-panel,.challenge-panel,.leaderboard-panel,.settings-panel,.ranked-card,.private-modes,.queue-state,.finished-panel{background:#1c1b18eb;border:1px solid #3a3831;border-radius:8px;box-shadow:0 18px 52px #00000040}.play-panel{min-width:0;min-height:680px;padding:22px;overflow-x:hidden}body.mini-mode .play-panel{min-height:0;max-height:100%;padding:clamp(8px, calc(var(--mini-vmin,320px) * .04), 14px);overflow:hidden}.side-panel,.lobby-stack{align-content:start;gap:14px;min-width:0;display:grid}.metric-panel,.shop-panel,.challenge-panel,.leaderboard-panel,.settings-panel,.private-modes{min-width:0;padding:16px;overflow-x:hidden}.ranked-card,.queue-state{gap:16px;padding:18px;display:grid}.ranked-card{background:linear-gradient(135deg,#f5c5421a,#0000 50%),#201f1b;border-color:#f5c54275;grid-template-columns:minmax(0,1fr) auto;align-items:center}.lobby-head,.game-head{justify-content:space-between;align-items:start;gap:14px;margin-bottom:18px;display:flex}body.mini-mode .game-head{align-items:center;gap:clamp(4px, calc(var(--mini-vmin,320px) * .02), 8px);margin-bottom:clamp(4px, calc(var(--mini-vmin,320px) * .025), 8px)}body.mini-mode .game-head h2{font-size:clamp(.95rem, calc(var(--mini-vmin,320px) * .055), 1.25rem)}body.mini-mode .game-head p,body.mini-mode .eyebrow,body.mini-mode .game-actions .secondary-button{display:none}.eyebrow{color:#3bb273;letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:800;display:block}.game-picker{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:10px;margin-bottom:14px;display:grid;container-type:inline-size}.game-picker.two-games,.game-picker.three-games,.game-picker.four-games{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.game-card{text-align:left;background:#201f1b;border:1px solid #4a473d;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;width:100%;min-height:112px;padding:0;display:grid;overflow:hidden}.game-card-choice{text-align:left;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:flex-start;gap:14px;min-width:0;padding:14px;display:flex}.game-card-choice:hover{background:#ffffff06}.game-card-choice>svg{flex:none;margin-top:3px}.game-card-choice>span:nth-child(2){flex:1;min-width:0}.game-card-fight{align-self:center;min-width:142px;margin:12px}.game-card-fight>span{line-height:1.05;display:grid}.game-card .game-card-fight small{color:#171716b3;text-transform:uppercase;font-size:.62rem;font-weight:900}.game-card .game-card-fight svg{color:#171716}.game-card strong,.game-card small,.mode-button strong,.mode-button small,.leader-text strong,.leader-text small,.row-player strong,.row-player small,.challenge-row strong,.challenge-row small{display:block}.game-card small,.mode-button small,.leader-text small,.row-player small,.challenge-row small,.player-text small{color:#9e9788}.game-card-presence{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.game-card-presence span{color:#b8b1a4;background:#f5c5420f;border:1px solid #f5c54229;border-radius:999px;align-items:center;gap:4px;min-height:24px;padding:0 7px;font-size:.72rem;font-weight:850;line-height:1;display:inline-flex}.game-card-presence b{color:#f5c542;font-weight:950}.game-card.is-selected{border-color:#3bb273;box-shadow:inset 0 0 0 1px #3bb27329}@container (width<=800px){.game-card{grid-template-columns:1fr}.game-card-fight{width:auto;min-width:0;margin:0 12px 12px}}.presence-strip{grid-template-columns:minmax(0,220px);gap:8px;margin:0 0 14px;display:grid}.presence-total{background:linear-gradient(135deg,#3bb2731f,#0000 64%),#201f1b;border:1px solid #333027;border-radius:8px;align-content:center;gap:2px;min-width:0;min-height:58px;padding:10px 12px;display:grid}.presence-total span{color:#9e9788;font-size:.72rem;font-weight:800}.presence-total strong{color:#f6f4ef;font-size:1.35rem;line-height:1}.state-dot,.round-pill,.level-pill{color:#7ad7a5;background:#3bb27329;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:26px;padding:0 8px;font-size:.78rem;font-weight:800;display:inline-flex}.round-pill{color:#f5c542;background:#f5c54224}.level-pill{color:#a8b9ff;background:#6c8dff26}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mode-grid.single{grid-template-columns:1fr}.mode-button,.primary-button,.secondary-button,.shop-button,.icon-button,.segmented button,.cell,.powerup-button,.battle-cell,.gomoku-cell,.dots-line,.mine-cell,.player-badge,.leaderboard-row,.opponent-strip,.row-player{cursor:pointer;background:#24231f;border:1px solid #4a473d;border-radius:8px;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s}.mode-button:hover,.primary-button:hover,.secondary-button:hover,.shop-button:hover,.icon-button:hover,.segmented button:hover,.cell:not(:disabled):hover,.powerup-button:not(:disabled):hover,.target-cell:not(:disabled):hover,.gomoku-cell:not(:disabled):hover,.dots-line:not(:disabled):hover,.mine-cell:not(:disabled):hover,.player-badge:hover,.leaderboard-row:hover,.opponent-strip:hover,.row-player:hover,.user-chip:hover{background:#2d2b25;border-color:#f5c542}.mode-button:disabled,.primary-button:disabled,.secondary-button:disabled,.shop-button:disabled,.icon-button:disabled,.cell:disabled,.powerup-button:disabled,.battle-cell:disabled,.gomoku-cell:disabled,.dots-line:disabled,.mine-cell:disabled,.segmented button:disabled{cursor:not-allowed;opacity:.52}.mode-button{text-align:left;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;min-height:104px;padding:16px;display:grid}.mode-button svg,.game-card svg{color:#ff715b}.primary-button,.secondary-button,.icon-button{justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;display:inline-flex}.primary-button.compact{min-height:36px;padding:0 12px}.primary-button{color:#171716;background:#f5c542;border-color:#f5c542bf;font-weight:900}.primary-button:hover{color:#171716;background:#ffd96a}.secondary-button.compact{min-height:36px;padding:0 10px}.secondary-button.danger{color:#ffb5a9;border-color:#ff715b80}.icon-button{width:42px;padding:0}.icon-button.small{width:34px;min-height:34px}.icon-button.muted{color:#c9c3b8}.sound-button.is-muted{color:#8f9aa3}.viewport-debug{z-index:100000;left:max(8px, env(safe-area-inset-left));bottom:max(8px, env(safe-area-inset-bottom));color:#f7f4eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#0c0d0cf0;border:1px solid #ffcc3794;border-radius:6px;width:min(330px,100vw - 16px);padding:10px 12px;font-family:Consolas,SFMono-Regular,Liberation Mono,monospace;font-size:11px;line-height:1.35;position:fixed;box-shadow:0 12px 34px #0000006b}.viewport-debug strong{color:#ffcc37;margin-bottom:6px;font-size:12px;display:block}.viewport-debug-grid{grid-template-columns:max-content minmax(0,1fr);gap:3px 10px;display:grid}.viewport-debug-grid>span{color:#aaa59b}.viewport-debug-grid output{color:#fff;text-align:right;overflow-wrap:anywhere;min-width:0}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.setting-row,.setting-slider,.setting-stepper{gap:8px;min-width:0;display:grid}.setting-row.wide{grid-column:1/-1}.setting-row>span,.setting-slider>span,.setting-stepper>span{color:#c9c3b8;font-size:.86rem;font-weight:700}.setting-slider>span{justify-content:space-between;gap:10px;display:flex}.stepper-control{grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;min-height:42px;display:grid}.stepper-control strong{color:#f6f4ef;text-align:center;background:#24231f;border:1px solid #4a473d;border-radius:8px;place-items:center;min-width:0;min-height:42px;padding:0 10px;font-weight:900;display:grid}.segmented{background:#201f1b;border:1px solid #333027;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.segmented.three{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented.five{grid-template-columns:repeat(5,minmax(0,1fr))}.segmented button{min-height:34px;padding:0 8px;font-weight:800}.segmented button.is-selected{color:#7ad7a5;background:#3bb2732e;border-color:#3bb273}select,input[type=range]{width:100%}select{color:#f6f4ef;background:#24231f;border:1px solid #4a473d;border-radius:8px;min-height:42px;padding:0 10px}.static-value{color:#f6f4ef;background:#24231f;border:1px solid #4a473d;border-radius:8px;align-items:center;min-height:42px;padding:0 10px;font-weight:800;display:flex}input[type=range]{accent-color:#f5c542}.duel-section{border-top:1px solid #333027;margin-top:18px;padding-top:18px}.section-title{justify-content:space-between;gap:10px;margin-bottom:12px}.section-title h3{margin:0;font-size:1rem}.participant-list,.challenge-list,.leaderboard-list,.lobby-list{gap:8px;display:grid}.participant-row,.challenge-row,.lobby-row{background:#201f1b;border:1px solid #333027;border-radius:8px;gap:10px;min-height:48px;padding:7px}.participant-row>span,.challenge-row>span,.lobby-row>span:not(.avatar),.row-player span,.leader-text,.player-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.participant-row>span,.lobby-row strong,.lobby-row small,.player-text strong,.leader-text strong,.row-player strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lobby-row{align-items:center;display:flex}.lobby-row>span:not(.avatar){flex:1}.lobby-row>.avatar{flex:0 0 48px;width:48px;height:48px}.lobby-row strong,.lobby-row small{display:block}.lobby-row small{color:#9e9788}.row-player{text-align:left;background:0 0;border:0;flex:1;gap:8px;min-width:0;padding:0}.muted-row{color:#c9c3b8}.empty-text{color:#9e9788;margin:0}.queue-state{background:#201f1b;margin-top:14px}.queue-state-content{gap:16px;display:grid}.queue-state-copy{min-width:0}.queue-state-actions{flex-wrap:wrap;gap:10px;display:flex}.queue-state-actions .secondary-button{min-width:150px}.lobby-share{border-top:1px solid #3a3831;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding-top:16px;display:grid}.lobby-share-copy{gap:7px;min-width:0;display:grid}.lobby-share-copy .eyebrow{color:#f5c542}.lobby-share-copy small{color:#9e9788;line-height:1.45}.lobby-qr-button{cursor:zoom-in;background:#29271f;border:1px solid #f5c54285;border-radius:8px;place-items:center;width:154px;height:154px;padding:6px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 12px 30px #00000047}.lobby-qr-button:hover,.lobby-qr-button:focus-visible{border-color:#f5c542;outline:none;transform:translateY(-2px);box-shadow:0 16px 36px #00000057,0 0 0 2px #f5c5421f}.lobby-qr{background:#f6f4ef;border-radius:6px;width:140px;height:140px;padding:8px;display:block}.lobby-qr svg{width:100%;height:100%;display:block}.lobby-qr-expand{color:#f5c542;background:#171716eb;border:1px solid #f5c5427a;border-radius:7px;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:9px;right:9px;box-shadow:0 6px 16px #0006}.lobby-qr-expand svg{width:17px;height:17px}.qr-backdrop{z-index:34}.qr-modal{text-align:center;justify-items:center;gap:18px;width:min(560px,100%);padding:28px;display:grid;overflow:visible}.qr-modal-head{gap:7px;max-width:440px;padding:0 44px;display:grid}.qr-modal-head h3,.qr-modal-head p{margin:0}.qr-modal-head p{color:#c9c3b8}.lobby-qr-large{border:2px solid #f5c542;border-radius:8px;width:min(380px,100vw - 88px,100vh - 310px);min-width:230px;height:min(380px,100vw - 88px,100vh - 310px);min-height:230px;padding:14px;box-shadow:0 18px 50px #0000006b,0 0 28px #f5c5421a}.qr-modal-meta{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.qr-modal-meta span{color:#c9c3b8;background:#24231f;border:1px solid #3a3831;border-radius:8px;padding:8px 12px}.qr-modal-meta strong{color:#f8df83;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-left:5px}.qr-copy-button{min-width:180px}.admin-button{color:#ffb5a9;border-color:#ff715b6b}.admin-button:hover{background:#ff715b1f;border-color:#ff715b}.admin-backdrop{z-index:33;align-items:center}.admin-modal{padding:22px;container:admin-panel/inline-size}.admin-head{align-items:center;gap:14px;margin-bottom:18px;padding-right:54px;display:flex}.admin-head h3,.admin-head p{margin:0}.admin-head p{color:#c9c3b8}.admin-icon,.danger-confirm-icon{color:#ff8b79;background:#ff715b1a;border-color:#ff715b80}.admin-layout{background:#171716;border:1px solid #3a3831;border-radius:8px;min-height:0;display:block;overflow:hidden}.admin-player-browser{background:#1c1b18;min-width:0}.admin-search{border-bottom:1px solid #3a3831;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:12px;display:grid}.admin-search>svg{color:#9e9788;width:18px}.admin-search input,.admin-control-fields input,.admin-control-fields select,.admin-inline-controls input,.admin-inline-controls select,.admin-action-section textarea{color:#f6f4ef;background:#24231f;border:1px solid #3a3831;border-radius:7px;outline:none;width:100%;min-width:0;min-height:42px;padding:9px 11px}.admin-search input:focus,.admin-control-fields input:focus,.admin-control-fields select:focus,.admin-inline-controls input:focus,.admin-inline-controls select:focus,.admin-action-section textarea:focus{border-color:#f5c542}.admin-player-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px;max-height:min(54vh,480px);padding:8px;display:grid;overflow:auto}.admin-player-row{color:#f6f4ef;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;padding:10px;display:grid}.admin-player-row:hover,.admin-player-row.is-selected{background:#f5c54214;border-color:#f5c5426b}.admin-player-row>span:nth-child(2){gap:2px;min-width:0;display:grid}.admin-player-row strong,.admin-player-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-player-row strong{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;overflow:visible}.admin-player-row small{color:#9e9788}.admin-player-row strong em,.admin-protected{color:#ffb5a9;text-transform:uppercase;font-size:.72rem;font-style:normal}.admin-player-row .admin-flags{color:#ff9d8e}.admin-player-detail{min-width:0;max-height:min(66vh,620px);padding:18px;display:none;overflow:auto}.admin-detail-back{width:fit-content;margin-bottom:14px;display:inline-flex}.admin-layout.has-selection .admin-player-browser{display:none}.admin-layout.has-selection .admin-player-detail{display:block}.admin-modal.has-selection .admin-audit{display:none}.admin-empty-detail{color:#9e9788;text-align:center;place-content:center;justify-items:center;gap:8px;min-height:470px;display:grid}.admin-empty-detail svg{color:#4a473d;width:40px;height:40px}.admin-empty-detail p{max-width:360px;margin:0}.admin-detail-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;display:grid}.admin-detail-head h3,.admin-detail-head p{margin:0}.admin-detail-head p{color:#9e9788}.admin-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.admin-status-card{background:#24231f;border:1px solid #3a3831;border-radius:7px;gap:5px;min-width:0;padding:10px;display:grid}.admin-status-card span{color:#9e9788;font-size:.75rem}.admin-status-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-status-card.is-highlighted{color:#ffb5a9;border-color:#ff715b75}.admin-control-fields{grid-template-columns:minmax(0,1fr) 180px;gap:10px;margin-bottom:14px;display:grid}.admin-control-fields label,.admin-action-section label{color:#c9c3b8;gap:6px;font-size:.82rem;font-weight:800;display:grid}.admin-action-section{border-top:1px solid #333027;gap:10px;padding:14px 0;display:grid}.admin-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.admin-action-grid button,.admin-inline-controls button{justify-content:flex-start}.admin-action-grid .is-danger-active{color:#ffb5a9;background:#ff715b1a;border-color:#ff715b94}.admin-inline-controls{grid-template-columns:minmax(110px,.7fr) minmax(150px,1fr) minmax(150px,1fr);gap:8px;display:grid}.admin-inline-controls:has(select){grid-template-columns:minmax(160px,1fr) minmax(160px,1fr)}.danger-button{color:#ffcabf!important;background:#ff715b21!important;border-color:#ff715b8c!important}.admin-audit{margin-top:18px}.admin-audit-list{border:1px solid #3a3831;border-radius:8px;max-height:250px;display:grid;overflow:auto}.admin-audit-row{border-bottom:1px solid #333027;grid-template-columns:minmax(0,1fr) minmax(180px,auto);gap:12px;padding:11px 13px;display:grid}.admin-audit-row:last-child{border-bottom:0}.admin-audit-row>div{gap:3px;display:grid}.admin-audit-row>div:last-child{text-align:right;justify-items:end}.admin-audit-row small,.admin-audit-row span,.admin-audit-row time{color:#9e9788;font-size:.78rem}.admin-confirm-backdrop{z-index:36}@container admin-panel (width>=900px){.admin-layout{grid-template-columns:clamp(400px,34%,500px) minmax(0,1fr);min-height:510px;display:grid}.admin-player-browser{border-right:1px solid #3a3831;display:block}.admin-player-list{grid-template-columns:minmax(0,1fr);gap:0;max-height:620px}.admin-player-detail{max-height:620px;display:block}.admin-layout.has-selection .admin-player-browser,.admin-layout.has-selection .admin-player-detail{display:block}.admin-detail-back{display:none}.admin-modal.has-selection .admin-audit{display:block}.admin-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.admin-head{align-items:flex-start}.admin-player-list{grid-template-columns:minmax(0,1fr)}.admin-detail-head{grid-template-columns:auto minmax(0,1fr)}.admin-detail-head .admin-protected{grid-column:1/-1;justify-self:start}:is(.admin-control-fields,.admin-inline-controls,.admin-inline-controls:has(select)),.admin-action-grid{grid-template-columns:minmax(0,1fr)}}.queue-state p{color:#c9c3b8;margin:4px 0 0}@media (width<=620px){.queue-state-content,.lobby-share{grid-template-columns:minmax(0,1fr)}.lobby-qr-button{justify-self:center}.queue-state-actions{grid-template-columns:minmax(0,1fr);display:grid}.queue-state-actions .secondary-button{width:100%;min-width:0}.qr-modal{gap:14px;padding:20px 14px}.qr-modal-head{padding:0 42px}.lobby-qr-large{width:min(320px,100vw - 70px);min-width:210px;height:min(320px,100vw - 70px);min-height:210px}.admin-modal{padding:16px}.admin-player-list{max-height:250px}.admin-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-audit-row{grid-template-columns:minmax(0,1fr)}.admin-audit-row>div:last-child{text-align:left;justify-items:start}}.loader-line{background:#333027;border-radius:999px;height:6px;position:relative;overflow:hidden}.loader-line:after{border-radius:inherit;content:"";background:#3bb273;width:42%;height:100%;animation:1.1s ease-in-out infinite loading;position:absolute}@keyframes loading{0%{left:-42%}to{left:100%}}.game-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.versus-row{justify-content:space-between;gap:12px;margin:12px 0 16px}.player-badge{text-align:left;flex:1;gap:8px;min-width:0;padding:8px}body.mini-mode .versus-row{gap:clamp(4px, calc(var(--mini-vmin,320px) * .02), 8px);margin:clamp(4px, calc(var(--mini-vmin,320px) * .02), 8px) 0}body.mini-mode .player-badge{gap:5px;padding:5px}body.mini-mode .player-badge small{display:none}.player-badge.is-you{border-color:#3bb273b8}.player-badge.is-turn{box-shadow:0 0 0 3px #f5c54224}.symbol{border-radius:6px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}body.mini-mode .symbol{width:clamp(20px, calc(var(--mini-vmin,320px) * .08), 28px);height:clamp(20px, calc(var(--mini-vmin,320px) * .08), 28px);flex-basis:clamp(20px, calc(var(--mini-vmin,320px) * .08), 28px)}.symbol.x{color:#ff715b;background:#ff715b2e}.symbol.o{color:#3bb273;background:#3bb2732e}.symbol.red,.symbol.gold,.symbol.black,.symbol.white,.symbol.blue,.symbol.green{flex-basis:38px;width:38px;font-size:.72rem}.symbol.red{color:#ff715b;background:#ff715b2e}.symbol.gold{color:#f5c542;background:#f5c5422e}.symbol.blue{color:#8fb2ff;background:#6c8dff2e}.symbol.green{color:#7ad7a5;background:#3bb2732e}.symbol.black{color:#f6f4ef;background:#f6f4ef1f}.symbol.white{color:#171716;background:#f6f4efe6}.symbol.a{color:#a8b9ff;background:#6c8dff29}.symbol.b{color:#f5c542;background:#f5c54229}.symbol.mini{flex-basis:28px;width:28px;height:28px}.symbol.mini.red,.symbol.mini.gold,.symbol.mini.black,.symbol.mini.white,.symbol.mini.blue,.symbol.mini.green{flex-basis:38px;width:38px}.turn-indicator{color:#c9c3b8;background:#24231f;border-radius:8px;flex:none;place-items:center;min-width:112px;padding:8px 12px;font-weight:700;display:grid}.turn-indicator strong{color:#f6f4ef;font-size:1.3rem}.turn-indicator.is-your-turn{color:#f5c542;background:#f5c54229}.timer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}body.mini-mode .timer-grid{gap:clamp(4px, calc(var(--mini-vmin,320px) * .02), 7px);margin-bottom:clamp(5px, calc(var(--mini-vmin,320px) * .025), 8px);grid-template-columns:repeat(2,minmax(0,1fr))}.timer-card{background:#201f1b;border:1px solid #333027;border-radius:8px;flex-wrap:wrap;gap:7px;min-width:0;min-height:74px;padding:12px;position:relative}body.mini-mode .timer-card{gap:3px;min-height:36px;padding:5px 6px}body.mini-mode .timer-card>span:not(.symbol){display:none}body.mini-mode .timer-card strong{font-size:clamp(.78rem, calc(var(--mini-vmin,320px) * .045), 1rem);flex-basis:auto}.timer-card>span:not(.symbol),.timer-card strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.timer-card>span:not(.symbol){color:#c9c3b8;flex:72px;font-size:.84rem;font-weight:700}.timer-card strong{flex:0 0 100%;font-size:1.5rem}.compact-timer strong{font-size:1.1rem}.timer-bar{background:#333027;border-radius:999px;flex:0 0 100%;height:6px;position:relative;overflow:hidden}.timer-bar:after{width:var(--value);border-radius:inherit;content:"";background:linear-gradient(90deg,#3bb273,#f5c542,#ff715b);height:100%;transition:width .22s linear;display:block}.board-wrap{place-items:center;width:100%;min-width:0;max-width:100%;padding:10px 0;display:grid;overflow:hidden}body.mini-mode .board-wrap{padding:clamp(2px, calc(var(--mini-vmin,320px) * .015), 6px) 0}.board{aspect-ratio:1;grid-template-columns:repeat(var(--board-size), minmax(0, 1fr));gap:clamp(6px,1.1vw,10px);width:min(560px,100%);min-width:0;max-width:100%;display:grid}body.mini-mode .board{width:min(calc(var(--mini-vw,100vw) - 24px), calc(var(--mini-vh,100vh) - 114px), 330px);gap:clamp(3px, calc(var(--mini-vmin,320px) * .015), 6px)}.cell{aspect-ratio:1;color:#171716;background:#f6f4ef;border:2px solid #3a3831;place-items:center;min-width:0;min-height:0;font-size:clamp(2.5rem,8vw,5.4rem);font-weight:900;line-height:1;display:grid;position:relative}body.mini-mode .cell{font-size:clamp(1.5rem, calc(var(--mini-vmin,320px) * .16), 3.1rem);border-width:1px}.board-5 .cell{border-width:1px;font-size:clamp(1.65rem,5vw,3.35rem)}body.mini-mode .board-5 .cell{font-size:clamp(1rem, calc(var(--mini-vmin,320px) * .11), 2rem)}.cell:not(:disabled):hover{transform:translateY(-1px)}.cell span{display:block}.cell.ghost-x:not(:disabled):hover:after,.cell.ghost-o:not(:disabled):hover:after{opacity:.22;pointer-events:none;font:inherit;line-height:1;animation:.52s ease-out both ghostMark;position:absolute;transform:scale(.96)}.cell.ghost-x:not(:disabled):hover:after{color:#e5533f;content:"X"}.cell.ghost-o:not(:disabled):hover:after{color:#23885a;content:"O"}.cell-new span{animation:.42s cubic-bezier(.2,.9,.25,1.15) placeMark}@keyframes ghostMark{0%{opacity:0;transform:scale(.72)}to{opacity:.22;transform:scale(.96)}}@keyframes placeMark{0%{opacity:0;transform:scale(.28)rotate(-10deg)}72%{opacity:1;transform:scale(1.12)rotate(2deg)}to{transform:scale(1)rotate(0)}}.cell-x{color:#e5533f}.cell-o{color:#23885a}.winning-cell{border-color:#f5c542;box-shadow:inset 0 0 0 4px #f5c54247}.winning-cell.cell-x span,.winning-cell.cell-o span{animation:.96s ease-in-out infinite winningMarkPulse}.winning-cell.cell-x{background:radial-gradient(circle,#ff715b38,#0000 62%),#f6f4ef}.winning-cell.cell-o{background:radial-gradient(circle,#3bb27338,#0000 62%),#f6f4ef}@keyframes winningMarkPulse{0%,to{filter:brightness(.85)saturate();text-shadow:0 0 #f5c54200;transform:scale(1)}50%{filter:brightness(1.45)saturate(1.25);text-shadow:0 0 10px #f5c5428f,0 0 22px #f6f4ef70;transform:scale(1.08)}}.gomoku-wrap{place-items:center;width:100%;min-width:0;max-width:100%;padding:10px 0;display:grid;overflow:hidden}body.mini-mode .gomoku-wrap{padding:clamp(2px, calc(var(--mini-vmin,320px) * .015), 6px) 0}.gomoku-board{width:min(640px,100%);min-width:0;max-width:100%;aspect-ratio:var(--gomoku-width) / var(--gomoku-height);grid-template-columns:repeat(var(--gomoku-width), minmax(0, 1fr));background:radial-gradient(circle at 18% 16%,#f5c54229,#0000 34%),linear-gradient(135deg,#d9ad63,#ba8841 48%,#d4a15c);border:1px solid #f5c5426b;border-radius:8px;gap:0;padding:clamp(8px,1.2vw,14px);display:grid;box-shadow:inset 0 0 0 2px #17171624,0 16px 38px #0000003d}body.mini-mode .gomoku-board{width:min(calc(var(--mini-vw,100vw) - 24px), calc(var(--mini-vh,100vh) - 118px), 360px);padding:clamp(5px, calc(var(--mini-vmin,320px) * .025), 10px)}.gomoku-cell{aspect-ratio:1;min-width:0;min-height:0;box-shadow:none;background:linear-gradient(90deg,#0000 calc(50% - .5px),#3b2a1673 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(0deg,#0000 calc(50% - .5px),#3b2a1673 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));border:0;border-radius:3px;place-items:center;padding:0;display:grid;position:relative}.gomoku-cell:not(:disabled):hover{z-index:2;background:radial-gradient(circle,#f6f4ef2e,#0000 58%),linear-gradient(90deg,#0000 calc(50% - .5px),#3b2a1680 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(0deg,#0000 calc(50% - .5px),#3b2a1680 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));transform:none}.gomoku-cell.is-star-point:before{z-index:0;aspect-ratio:1;content:"";background:#3b2a169e;border-radius:999px;width:18%;position:absolute;box-shadow:0 0 0 1px #f6f4ef14}.gomoku-stone,.gomoku-cell.ghost-black:not(:disabled):hover:after,.gomoku-cell.ghost-white:not(:disabled):hover:after{aspect-ratio:1;border-radius:999px;width:78%;display:block}.gomoku-stone{z-index:2;position:relative;box-shadow:inset 0 5px 8px #ffffff2e,inset 0 -7px 10px #00000047,0 4px 8px #00000042}.gomoku-stone.black{background:radial-gradient(circle at 35% 25%,#ffffff2e,#0000 22%),#151515}.gomoku-stone.white{background:radial-gradient(circle at 34% 24%,#fff,#0000 28%),#f4eee0}.gomoku-cell.ghost-black:not(:disabled):hover:after,.gomoku-cell.ghost-white:not(:disabled):hover:after{z-index:1;opacity:.28;pointer-events:none;content:"";animation:.52s ease-out both ghostMark;position:absolute}.gomoku-cell.ghost-black:not(:disabled):hover:after{background:#151515}.gomoku-cell.ghost-white:not(:disabled):hover:after{background:#f4eee0}.gomoku-cell.cell-new .gomoku-stone{animation:.42s cubic-bezier(.2,.9,.25,1.15) gomokuStonePlace}.gomoku-cell.winning-cell{border:0;box-shadow:inset 0 0 0 2px #f5c542b8}.gomoku-cell.winning-cell .gomoku-stone{animation:.94s ease-in-out infinite gomokuWinPulse}@keyframes gomokuStonePlace{0%{opacity:0;transform:translateY(-32%)scale(.34)}70%{opacity:1;transform:translateY(5%)scale(1.12)}to{transform:translateY(0)scale(1)}}@keyframes gomokuWinPulse{0%,to{filter:brightness()saturate();transform:scale(1)}50%{filter:brightness(1.5)saturate(1.25);transform:scale(1.12)}}.hex-wrap,.chess-wrap{place-items:center;width:100%;min-width:0;max-width:100%;padding:10px 0;display:grid;overflow:hidden}.hex-frame{--hex-cell:clamp(18px, calc(52vw / var(--hex-size)), 38px);background:linear-gradient(#ff715b29,#0000 18% 82%,#ff715b1f),linear-gradient(90deg,#6c8dff29,#0000 18% 82%,#6c8dff24),radial-gradient(circle at 20% 14%,#6c8dff1a,#0000 34%),#1b1a17;border:1px solid #f5c54261;border-radius:8px;place-items:center;width:min(820px,100%);min-width:0;max-width:100%;padding:42px 58px 44px;display:grid;position:relative;box-shadow:inset 4px 0 #6c8dff6b,inset -4px 0 #6c8dff6b,inset 0 0 0 1px #f6f4ef0f,0 16px 38px #0000003d}.hex-frame:before,.hex-frame:after{content:"";background:linear-gradient(90deg,#0000,#ff715b 18% 82%,#0000);border-radius:999px;height:3px;position:absolute;left:58px;right:58px;box-shadow:0 0 20px #ff715b57}.hex-frame:before{top:28px}.hex-frame:after{bottom:28px}.hex-edge{z-index:3;pointer-events:none;white-space:nowrap;background:#171716c7;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:4px 9px;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex;position:absolute}.hex-edge-top,.hex-edge-bottom{color:#ff8b79;left:50%;transform:translate(-50%)}.hex-edge-top{top:8px}.hex-edge-bottom{bottom:8px}.hex-edge-left,.hex-edge-right{color:#8fb2ff;top:50%}.hex-edge-left{left:8px;transform:translateY(-50%)rotate(-90deg)}.hex-edge-right{right:8px;transform:translateY(-50%)rotate(90deg)}.hex-board{justify-self:center;gap:0;width:max-content;max-width:100%;display:grid}.hex-row{justify-content:flex-start;gap:calc(var(--hex-cell) * .08);width:max-content;margin-left:calc(var(--hex-row) * var(--hex-cell) * .48);display:flex}.hex-row+.hex-row{margin-top:calc(var(--hex-cell) * -.12)}.hex-cell{width:var(--hex-cell);aspect-ratio:1.08;flex:0 0 var(--hex-cell);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);background:linear-gradient(145deg,#242c31,#172027);border:0;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #f6f4ef14,inset 0 -10px 18px #0000003d}.hex-cell:not(:disabled):hover{background:radial-gradient(circle,#f6f4ef1f,#0000 62%),linear-gradient(145deg,#26343a,#18242b);transform:none;box-shadow:inset 0 0 0 2px #f6f4ef29,inset 0 -10px 18px #0000003d,0 0 16px #f6f4ef14}.hex-cell span{z-index:2;aspect-ratio:1;border-radius:999px;width:58%;transition:opacity .14s,transform .16s,box-shadow .16s,background .16s;display:block;position:relative}.hex-cell.cell-x span{background:linear-gradient(135deg,#ff806d,#d93d2e);box-shadow:0 0 16px #ff715b70,inset 0 2px #f6f4ef47}.hex-cell.cell-o span{background:linear-gradient(135deg,#8fb2ff,#4d72e8);box-shadow:0 0 16px #6c8dff70,inset 0 2px #f6f4ef47}.hex-cell.ghost-x:not(:disabled):is(:hover,:active) span,.hex-cell.ghost-o:not(:disabled):is(:hover,:active) span{opacity:.24;pointer-events:none;width:58%;animation:.52s ease-out both ghostMark;transform:scale(.96)}.hex-cell.ghost-x:not(:disabled):is(:hover,:active) span{background:linear-gradient(135deg,#ff806d,#d93d2e);box-shadow:0 0 10px #ff715b33,inset 0 1px #f6f4ef33}.hex-cell.ghost-o:not(:disabled):is(:hover,:active) span{background:linear-gradient(135deg,#8fb2ff,#4d72e8);box-shadow:0 0 10px #6c8dff33,inset 0 1px #f6f4ef33}.hex-cell.cell-new span{animation:.42s cubic-bezier(.2,.9,.25,1.15) gomokuStonePlace}.hex-cell.winning-cell{box-shadow:inset 0 0 0 2px #f5c542db,0 0 18px #f5c5423d}.hex-cell.winning-cell span{animation:.94s ease-in-out infinite gomokuWinPulse}.chess-status-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0 4px;display:flex}.chess-status-row span,.chess-status-row strong{color:#d8caa8;background:#f6f4ef0d;border:1px solid #f6f4ef1a;border-radius:999px;align-items:center;min-height:32px;padding:6px 10px;font-size:.84rem;display:inline-flex}.chess-status-row strong{color:#f5c542;border-color:#f5c54261}.chess-last-move-label{gap:7px}.chess-last-move-label i{background:linear-gradient(135deg,#ff715b 0 45%,#5be0a1 55% 100%);border-radius:999px;width:9px;height:9px;box-shadow:-3px 0 8px #ff715b5c,3px 0 8px #5be0a157}.chess-action-panel{gap:8px;margin:8px 0;display:grid}.chess-action-buttons,.chess-draw-offer>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chess-draw-offer{background:#f5c5421a;border:1px solid #f5c5427a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.chess-draw-offer span,.chess-draw-offer strong,.chess-draw-offer small{display:block}.chess-draw-offer small,.chess-action-note{color:#bdb5a1}.chess-action-note{text-align:center;margin:0}.chess-action-note.is-claim{color:#f5c542}.chess-action-buttons .is-selected{color:#f8df83;background:#f5c54224;border-color:#f5c542}.chess-promotion-backdrop{z-index:130}.chess-promotion-modal{gap:16px;width:min(440px,100vw - 28px)}.chess-promotion-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.chess-promotion-options button{aspect-ratio:.82;background:#24231f;border:1px solid #4a473d;border-radius:8px;place-items:center;gap:4px;min-width:0;padding:8px 4px;display:grid}.chess-promotion-options button:hover{background:#2d2b25;border-color:#f5c542}.chess-promotion-options .chess-piece{font-size:clamp(2.2rem,8vw,3.4rem)}.chess-promotion-options small{color:#c9c3b8;font-size:.72rem}.chess-board{aspect-ratio:1;background:#1d1c19;border:1px solid #f5c54261;border-radius:8px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:min(620px,100%);max-width:100%;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #f6f4ef0f,0 16px 38px #0000003d}.chess-cell{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;color:#f6f4ef;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:relative}.chess-cell.light{background:#d8caa8}.chess-cell.dark{background:#5d6f5e}.chess-cell:not(:disabled):hover{z-index:2;transform:none;box-shadow:inset 0 0 0 3px #f5c5426b}.chess-cell.is-selected{z-index:3;box-shadow:inset 0 0 0 4px #f5c542c7}.chess-cell.is-legal-target:after{aspect-ratio:1;content:"";background:#f5c54294;border-radius:999px;width:34%;position:absolute;box-shadow:0 0 18px #f5c54257}.chess-cell.is-legal-target:has(.chess-piece):after{background:0 0;border:4px solid #f5c542b3;width:82%}.chess-cell.is-last-from,.chess-cell.is-last-to{z-index:1}.chess-cell.is-last-from:before,.chess-cell.is-last-to:before{z-index:1;pointer-events:none;content:"";position:absolute;inset:0}.chess-cell.is-last-from:before{background:repeating-linear-gradient(135deg,#ff715b42 0 7px,#ff715b14 7px 14px);border:4px solid #ff715be6;box-shadow:inset 0 0 18px #ff715b3d,0 0 12px #ff715b2e}.chess-cell.is-last-to:before{background:radial-gradient(circle,#f5c54257 0 24%,#0000 26%),#3bb27333;border:4px solid #5be0a1eb;box-shadow:inset 0 0 20px #5be0a147,0 0 14px #5be0a138}.chess-cell.is-last-to:after{z-index:3;content:"";background:#3bb273;border:2px solid #f6f4ef;border-radius:999px;width:10px;height:10px;position:absolute;bottom:6px;right:6px;box-shadow:0 0 10px #5be0a1b8}.chess-cell.is-legal-target.is-last-to:after{aspect-ratio:1;background:#3bb273;border:2px solid #f6f4ef;border-radius:999px;width:10px;height:10px;position:absolute;top:auto;bottom:6px;right:6px;box-shadow:0 0 10px #5be0a1b8}.chess-cell.is-legal-target.is-last-to:has(.chess-piece):after{aspect-ratio:1;background:#3bb273;border:2px solid #f6f4ef;border-radius:999px;width:10px;height:10px;position:absolute;top:auto;bottom:6px;right:6px;box-shadow:0 0 10px #5be0a1b8}.chess-cell.is-check{background:radial-gradient(circle,#ff715b94,#0000 58%),#7b322c}.chess-piece{z-index:4;pointer-events:none;place-items:center;width:100%;height:100%;line-height:1;display:grid;position:relative}.chess-piece svg{width:74%;height:74%;fill:color-mix(in srgb, currentColor 17%, transparent);stroke:currentColor;stroke-width:1.85px;display:block}.chess-cell.is-move-arrival{z-index:5}.chess-cell.is-move-arrival .chess-piece{animation:.52s cubic-bezier(.18,.82,.2,1.08) both chessPieceMove}@keyframes chessPieceMove{0%{opacity:.58;filter:brightness(1.35)drop-shadow(0 0 10px #f5c5427a);transform:translate(calc(var(--chess-move-x) * 100%), calc(var(--chess-move-y) * 100%)) scale(.9)}72%{opacity:1;filter:brightness(1.15)drop-shadow(0 0 12px #5be0a16b);transform:translate(0)scale(1.08)}to{opacity:1;filter:none;transform:translate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.chess-cell.is-move-arrival .chess-piece{animation:none}}.chess-piece.white{color:#fff8e8;filter:drop-shadow(0 2px #17171680)drop-shadow(0 7px 8px #00000047)}.chess-piece.black{color:#171716;filter:drop-shadow(0 0 1px #f6f4efd6)drop-shadow(0 7px 8px #00000052)}.dots-score-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0 4px;display:flex}.dots-score-chip{color:#f6f4ef;background:#24231f;border:1px solid #f6f4ef1a;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-width:116px;min-height:38px;padding:8px 12px;display:inline-flex}.dots-score-chip b{color:#bdb5a1;font-size:.82rem}.dots-score-chip strong{font-size:1.1rem}.dots-score-chip.red strong{color:#ff715b}.dots-score-chip.blue strong{color:#8fb2ff}.dots-wrap{place-items:center;width:100%;min-width:0;max-width:100%;padding:10px 0;display:grid;overflow:hidden}body.mini-mode .dots-wrap{padding:clamp(2px, calc(var(--mini-vmin,320px) * .015), 6px) 0}.dots-board{width:min(620px,100%);min-width:0;max-width:100%;aspect-ratio:var(--dots-cols) / var(--dots-rows);grid-template-columns:repeat(var(--dots-cols), minmax(0, 1fr));background:radial-gradient(circle at 18% 16%,#6c8dff1f,#0000 34%),linear-gradient(135deg,#f6f4ef14,#f5c5420d),#1d1c19;border:1px solid #f5c54261;border-radius:8px;gap:0;padding:clamp(10px,1.4vw,16px);display:grid;box-shadow:inset 0 0 0 1px #f6f4ef0f,0 16px 38px #0000003d}body.mini-mode .dots-board{width:min(calc(var(--mini-vw,100vw) - 24px), calc(var(--mini-vh,100vh) - 118px), 360px);padding:clamp(6px, calc(var(--mini-vmin,320px) * .025), 10px)}.dots-dot,.dots-box,.dots-line{place-self:stretch stretch}.dots-dot{aspect-ratio:1;background:#d8caa8;border-radius:999px;place-self:center;width:42%;max-width:18px;box-shadow:0 0 0 2px #1717165c,0 2px 7px #0000003d}.dots-line{min-width:0;min-height:0;box-shadow:none;opacity:1;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.dots-line:disabled,.dots-line:not(:disabled):hover{opacity:1;background:0 0;border:0;transform:none}.dots-line span{background:#f6f4ef14;border-radius:999px;transition:background .16s,box-shadow .16s,transform .18s;display:block;box-shadow:inset 0 0 0 1px #f6f4ef0f}.dots-line.horizontal span{width:100%;height:28%}.dots-line.vertical span{width:28%;height:100%}.dots-line.owner-x span{background:linear-gradient(135deg,#ff715b,#d94a38);box-shadow:0 0 14px #ff715b57,inset 0 1px #f6f4ef3d}.dots-line.owner-o span{background:linear-gradient(135deg,#6c8dff,#4f78ff);box-shadow:0 0 14px #6c8dff57,inset 0 1px #f6f4ef3d}.dots-line.ghost-x:not(:disabled):hover span{background:#ff715b5c;box-shadow:0 0 16px #ff715b42}.dots-line.ghost-o:not(:disabled):hover span{background:#6c8dff5c;box-shadow:0 0 16px #6c8dff42}.dots-line.cell-new.horizontal span{animation:.38s cubic-bezier(.2,.9,.25,1.15) dotsLineHorizontalDraw}.dots-line.cell-new.vertical span{animation:.38s cubic-bezier(.2,.9,.25,1.15) dotsLineVerticalDraw}.dots-box{background:#f6f4ef09;border-radius:7px;margin:4%;transition:background .18s,box-shadow .18s,transform .18s;display:block}.dots-box.owner-x{background:#ff715b40;box-shadow:inset 0 0 0 1px #ff715b4d}.dots-box.owner-o{background:#6c8dff40;box-shadow:inset 0 0 0 1px #6c8dff4d}.dots-box.box-new{animation:.52s cubic-bezier(.2,.9,.25,1.15) dotsBoxClaim}@keyframes dotsLineHorizontalDraw{0%{opacity:.2;transform:scaleX(.18)}to{opacity:1;transform:scaleX(1)}}@keyframes dotsLineVerticalDraw{0%{opacity:.2;transform:scaleY(.18)}to{opacity:1;transform:scaleY(1)}}@keyframes dotsBoxClaim{0%{opacity:.2;transform:scale(.72)}65%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.solo-strip{background:linear-gradient(135deg,#3bb2731f,#f5c54214),#1d1c19;border:1px solid #3bb27352;border-radius:8px;align-items:center;gap:12px;max-width:760px;margin:0 auto 10px;padding:12px;display:flex}.solo-strip span{gap:2px;display:grid}.solo-strip small{color:#bdb5a1}.mines-score-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0 4px;display:flex}.mines-score-chip{color:#f6f4ef;background:#24231f;border:1px solid #f6f4ef1a;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-width:126px;min-height:38px;padding:8px 12px;display:inline-flex}.mines-score-chip b{color:#bdb5a1;font-size:.82rem}.mines-score-chip strong{font-size:1.1rem}.mines-score-chip.green strong{color:#7ad7a5}.mines-score-chip.gold strong{color:#f5c542}.mines-score-chip.neutral strong{color:#f6f4ef}.mine-tool-row{color:#bdb5a1;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:8px 0 2px;font-size:.9rem;display:flex}.mine-flag-toggle.is-selected{color:#f6f4ef;background:linear-gradient(135deg,#f5c54233,#3bb2731f),#24231f;border-color:#f5c542c7;box-shadow:0 0 0 3px #f5c5421f}.mines-wrap{place-items:center;width:100%;min-width:0;max-width:100%;padding:10px 0;display:grid;overflow:hidden}body.mini-mode .mines-wrap{padding:clamp(2px, calc(var(--mini-vmin,320px) * .015), 6px) 0}.mines-board{width:min(680px,100%);min-width:0;max-width:100%;aspect-ratio:var(--mines-width) / var(--mines-height);grid-template-columns:repeat(var(--mines-width), minmax(0, 1fr));background:linear-gradient(135deg,#3bb2731f,#6c8dff14),#1a1d1b;border:1px solid #3bb27361;border-radius:8px;gap:clamp(2px,.36vw,5px);padding:clamp(8px,1.2vw,14px);display:grid;box-shadow:inset 0 0 0 1px #f6f4ef0f,0 16px 38px #0000003d}.mines-board.is-wide{gap:clamp(1px,.22vw,3px);width:min(980px,100%);padding:clamp(5px,.8vw,10px)}body.mini-mode .mines-board{width:min(calc(var(--mini-vw,100vw) - 24px), calc(var(--mini-vh,100vh) - 126px), 520px);padding:clamp(4px, calc(var(--mini-vmin,320px) * .018), 8px);gap:clamp(1px, calc(var(--mini-vmin,320px) * .006), 3px)}.mine-cell{aspect-ratio:1;color:#f6f4ef;background:linear-gradient(145deg,#2d3430,#202622);border-color:#f6f4ef1a;border-radius:5px;place-items:center;min-width:0;min-height:0;padding:0;font-size:clamp(.56rem,1.8vw,.95rem);font-weight:900;line-height:1;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #f6f4ef12,0 5px 12px #0000002e}.mine-cell:not(:disabled):hover{transform:translateY(-1px);box-shadow:inset 0 1px #f6f4ef1f,0 0 0 2px #f5c54229,0 8px 16px #0000003d}.mine-cell.is-revealed,.mine-cell.is-mine{cursor:default;opacity:1;transform:none}.mine-cell.is-revealed{background:#f6f4ef14;box-shadow:inset 0 0 0 1px #f6f4ef0f}.mine-cell.owner-x{background:#3bb2732e;box-shadow:inset 0 0 0 1px #3bb2733d}.mine-cell.owner-o{background:#f5c5422e;box-shadow:inset 0 0 0 1px #f5c5423d}.mine-cell.is-flagged{background:linear-gradient(145deg,#303026,#22231e);border-color:#f5c54280}.mine-cell.is-flagged:before{content:"";background:linear-gradient(135deg,#f5c542,#ff715b);border-radius:2px 5px 5px 2px;width:42%;height:34%;transform:translate(10%,-16%);box-shadow:0 0 12px #f5c54257}.mine-cell.is-flagged:after{content:"";opacity:.9;background:#f6f4ef;border-radius:999px;width:7%;height:58%;position:absolute;transform:translate(-120%,10%)}.mine-cell.number-1 span{color:#8fb2ff}.mine-cell.number-2 span{color:#7ad7a5}.mine-cell.number-3 span{color:#ff715b}.mine-cell.number-4 span{color:#b98cff}.mine-cell.number-5 span{color:#f5c542}.mine-cell.number-6 span{color:#63d9d2}.mine-cell.number-7 span{color:#f6f4ef}.mine-cell.number-8 span{color:#bdb5a1}.mine-cell.is-mine{background:radial-gradient(circle at 50% 48%,#ff715bf2 0 18%,#0000 19%),radial-gradient(circle at 50% 48%,#171716eb 0 42%,#0000 43%),linear-gradient(145deg,#ff715b38,#171716d6);border-color:#ff715b80}.mine-cell.is-exploded{animation:.82s cubic-bezier(.18,.9,.22,1.1) mineExplode;box-shadow:0 0 0 3px #ff715b3d,0 0 22px #ff715b66}.mine-cell.cell-new:not(.is-mine){animation:.42s cubic-bezier(.2,.9,.25,1.15) mineReveal}@keyframes mineReveal{0%{opacity:.25;transform:scale(.76)rotateX(28deg)}70%{opacity:1;transform:scale(1.06)rotateX(0)}to{transform:scale(1)}}@keyframes mineExplode{0%{filter:brightness();transform:scale(.72)}35%{filter:brightness(1.8);transform:scale(1.22)}to{filter:brightness();transform:scale(1)}}.connect-wrap{place-items:center;gap:8px;width:100%;min-width:0;max-width:100%;padding:10px 0;display:grid;overflow:hidden}body.mini-mode .connect-wrap{gap:clamp(3px, calc(var(--mini-vmin,320px) * .015), 6px);padding:clamp(2px, calc(var(--mini-vmin,320px) * .015), 6px) 0}.connect-columns,.connect-board{grid-template-columns:repeat(var(--connect-width), minmax(0, 1fr));gap:clamp(4px,.8vw,8px);width:min(620px,100%);min-width:0;max-width:100%;display:grid}body.mini-mode .connect-columns,body.mini-mode .connect-board{width:min(calc(var(--mini-vw,100vw) - 24px), calc(var(--mini-vh,100vh) - 118px), 360px);gap:clamp(2px, calc(var(--mini-vmin,320px) * .012), 5px)}.connect-columns{min-height:38px}body.mini-mode .connect-columns{min-height:clamp(20px, calc(var(--mini-vmin,320px) * .1), 34px)}.connect-drop-button{aspect-ratio:1.2;cursor:pointer;background:#24231f;border:1px solid #4a473d;border-radius:8px;place-items:center;min-width:0;min-height:34px;padding:0;transition:transform .16s,border-color .16s,background .16s;display:grid}body.mini-mode .connect-drop-button{min-height:clamp(20px, calc(var(--mini-vmin,320px) * .095), 32px);border-radius:6px}.connect-drop-button span{aspect-ratio:1;background:#f5c542;border-radius:999px;width:36%;box-shadow:0 0 12px #f5c54238}.connect-drop-button.drop-x span{background:#ff715b;box-shadow:0 0 14px #ff715b47}.connect-drop-button.drop-o span{background:#f5c542;box-shadow:0 0 14px #f5c54247}.connect-drop-button:not(:disabled):hover{background:#2d2b25;border-color:#f5c542;transform:translateY(-2px)}.connect-drop-button:disabled{cursor:not-allowed;opacity:.42}.connect-board{aspect-ratio:var(--connect-width) / var(--connect-height);background:linear-gradient(135deg,#6c8dff2e,#0000 46%),#18242b;border:1px solid #6c8dff42;border-radius:8px;padding:clamp(8px,1.5vw,14px);overflow:hidden;box-shadow:inset 0 0 0 2px #f6f4ef0a}.connect-cell{z-index:1;aspect-ratio:1;background:radial-gradient(circle at 50% 48%,#11181d 0 48%,#f6f4ef14 49% 55%,#0f1417 56%);border-radius:999px;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:visible}.connect-disc{z-index:2;aspect-ratio:1;border-radius:999px;width:82%;display:block;position:relative;box-shadow:inset 0 5px 8px #ffffff38,inset 0 -8px 12px #0000003d,0 5px 10px #0003}.disc-x{background:#ff715b}.disc-o{background:#f5c542}.connect-disc.disc-new{animation:.52s cubic-bezier(.2,.8,.18,1.12) both discDrop}.connect-cell.winning-cell{box-shadow:inset 0 0 0 3px #f5c54273}.connect-cell.winning-cell .connect-disc{animation:.9s ease-in-out infinite connectWinPulse}@keyframes discDrop{0%{transform:translateY(calc((var(--drop-row) * -118%) - 36px)) scale(.92)}58%{transform:translateY(0)scale(1)}72%{transform:translateY(10%)scale(1.05,.94)}to{transform:translateY(0)scale(1)}}@keyframes connectWinPulse{0%,to{filter:brightness(.9)saturate();transform:scale(1);box-shadow:inset 0 5px 8px #fff3,inset 0 -8px 12px #00000042,0 5px 10px #0000002e}50%{filter:brightness(1.38)saturate(1.25);transform:scale(1.1);box-shadow:inset 0 7px 12px #ffffff5c,inset 0 -8px 12px #0000002e,0 0 0 3px #f5c54238,0 0 22px #f5c54257}}.powerup-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.powerup-button{text-align:left;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:64px;padding:8px;display:grid}.powerup-button span{min-width:0}.powerup-button strong,.powerup-button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.powerup-button small{color:#9e9788;font-size:.76rem}.powerup-button b{color:#f5c542;background:#f5c54226;border-radius:999px;place-items:center;min-width:22px;min-height:22px;font-size:.78rem;display:grid}.powerup-button.is-selected{background:#3bb27329;border-color:#3bb273;animation:1.1s ease-in-out infinite powerupReady;box-shadow:0 0 0 3px #3bb2731a}.battle-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.battle-layout.is-finished-review{background:linear-gradient(135deg,#f5c54212,#0000 46%),#11181d59;border:1px solid #f5c54238;border-radius:8px;padding:10px}.battle-layout section{min-width:0}body.mini-mode .battle-layout{gap:clamp(4px, calc(var(--mini-vmin,320px) * .02), 8px);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}body.mini-mode .battle-layout h3,body.mini-mode .battle-layout .battle-meta,body.mini-mode .powerup-row{display:none}.compact-title{align-items:end;margin-bottom:8px}.battle-review-banner{background:linear-gradient(135deg,#f5c54221,#0000 52%),#201f1b;border:1px solid #f5c54257;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:flex}.battle-review-banner h3,.battle-review-banner p{margin:0}.battle-review-banner p{color:#c9c3b8}.battle-review-meta{color:#c9c3b8;gap:5px;min-width:max-content;font-size:.82rem;font-weight:800;display:grid}.battle-review-meta strong{color:#f5c542}.battle-grid{aspect-ratio:1;grid-template-columns:repeat(var(--battle-size), minmax(0, 1fr));background:linear-gradient(135deg,#3bb2730f,#0000 42%),#11181d;border:1px solid #6c8dff24;border-radius:8px;gap:3px;width:min(430px,100%);min-width:0;max-width:100%;padding:4px;display:grid;position:relative;overflow:hidden}body.mini-mode .battle-grid{width:min(calc((var(--mini-vw,100vw) - 32px) / 2), calc(var(--mini-vh,100vh) - 124px), 220px);border-radius:6px;gap:1px;padding:2px}body.mini-mode .battle-cell{font-size:clamp(.48rem, calc(var(--mini-vmin,320px) * .028), .72rem)}.battle-grid:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#6c8dff14,#0000);animation:4.6s linear infinite seaScan;position:absolute;inset:0;transform:translate(-115%)}.battle-grid>.battle-cell{z-index:1}.battle-cell{isolation:isolate;aspect-ratio:1;color:#f6f4ef;background:#18242b;border:1px solid #303a42;place-items:center;min-width:0;min-height:0;padding:0;font-size:clamp(.68rem,2vw,1.1rem);font-weight:900;line-height:1;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.battle-mark{z-index:2;position:relative}.flame-svg,.skull-svg{width:64%;height:64%;margin:auto;display:block}.flame-svg{fill:#ff715b;filter:drop-shadow(0 0 7px #ff715b94);animation:.68s ease-in-out infinite flameFlicker;overflow:visible}.flame-svg path:first-child{fill:#ff715b}.flame-svg path:last-child{fill:#f5c542;animation:.62s ease-in-out infinite innerFlame}.skull-svg{fill:#f6f4ef;filter:drop-shadow(0 1px 4px #00000073)}.skull-svg circle,.skull-svg path:nth-of-type(3){fill:#171716}.skull-svg path:last-child{fill:none;stroke:#171716;stroke-width:1.4px;stroke-linecap:round}.target-cell:not(:disabled):hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #f5c5423d,0 0 0 3px #f5c54214}.target-cell.is-previewed{background:radial-gradient(circle,#f5c5423d,#0000 58%),linear-gradient(135deg,#6c8dff29,#0000 52%),#18242b;border-color:#f5c542d1;box-shadow:inset 0 0 0 1px #f5c54247,0 0 0 2px #f5c54214}.target-cell.is-previewed:before{z-index:1;content:"";pointer-events:none;border:2px solid #f5c54294;border-radius:999px;position:absolute;inset:24%}.status-unknown{background-color:#18242b;background-image:linear-gradient(135deg,#6c8dff1f,#0000 52%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:170% 170%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:7s ease-in-out infinite seaDrift}.status-question{color:#f5c542;background:#f5c54233;border-color:#f5c542cc;animation:1.5s ease-in-out infinite questionPulse}.status-miss{color:#8f9aa3;background:radial-gradient(circle,#0000 36%,#a8b9ff38 38% 43%,#0000 45%),#22272a}.status-miss:before,.own-cell.own-miss:before{z-index:1;aspect-ratio:1;content:"";border:2px solid #a8b9ff57;border-radius:999px;width:54%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.status-miss:after,.own-cell.own-miss:after{z-index:1;aspect-ratio:1;content:"";border:1px solid #a8b9ff4d;border-radius:999px;width:26%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.status-hit{color:#f6f4ef;background:radial-gradient(circle at 50% 58%,#ff715b38,#0000 58%),#202427;border-color:#ff715b9e;box-shadow:inset 0 0 18px #ff715b1f}.target-cell.revealed-ship{border-color:color-mix(in srgb, var(--ship-color,#f5c542), #fff 16%);background:linear-gradient(135deg, color-mix(in srgb, var(--ship-color,#f5c542), #fff 10%), transparent 70%), color-mix(in srgb, var(--ship-color,#f5c542), #171716 28%);box-shadow:inset 0 0 16px color-mix(in srgb, var(--ship-color,#f5c542), transparent 62%), 0 0 0 1px #f6f4ef14}.target-cell.revealed-ship.status-unknown,.target-cell.revealed-ship.status-question{color:#0000}.target-cell.revealed-ship.status-hit{border-color:color-mix(in srgb, var(--ship-color,#ff715b), #ff715b 48%);background:radial-gradient(circle at 50% 58%, #ff715b47, transparent 58%), linear-gradient(135deg, color-mix(in srgb, var(--ship-color,#f5c542), #fff 10%), transparent 70%), color-mix(in srgb, var(--ship-color,#f5c542), #171716 34%)}.status-sunk{border-color:color-mix(in srgb, var(--ship-color,#f5c542), #fff 18%);background:linear-gradient(135deg, #ffffff2e, transparent 46%), color-mix(in srgb, var(--ship-color,#f5c542), #171716 50%);color:#f6f4ef;text-shadow:0 1px 6px #00000080;box-shadow:inset 0 0 18px color-mix(in srgb, var(--ship-color,#f5c542), transparent 62%), 0 0 0 1px #f6f4ef14}.own-grid .battle-cell{cursor:default}.own-cell.has-ship{border-color:color-mix(in srgb, var(--ship-color), #fff 16%);background:linear-gradient(135deg, color-mix(in srgb, var(--ship-color), #000 8%), transparent 72%), color-mix(in srgb, var(--ship-color), #171716 18%)}.own-cell.own-hit{background:linear-gradient(135deg, #ff715b52, transparent 60%), color-mix(in srgb, var(--ship-color,#5a6470), #171716 20%);color:#ffcabf;border-color:#ff715b}.own-cell.own-sunk{border-color:color-mix(in srgb, var(--ship-color,#f5c542), #fff 18%);background:linear-gradient(135deg, #fff3, transparent 45%), color-mix(in srgb, var(--ship-color,#5a6470), #171716 34%);color:#f6f4ef;text-shadow:0 1px 6px #0000007a}.own-cell.own-miss{color:#8f9aa3;background:radial-gradient(circle,#0000 36%,#a8b9ff38 38% 43%,#0000 45%),#22272a}.battle-cell.cell-new{animation:.52s cubic-bezier(.2,.9,.25,1.15) battlePop}.battle-cell.cell-new:after{z-index:1;content:"";pointer-events:none;border-radius:999px;position:absolute;inset:14%}.battle-cell.cell-new.shot-miss:after{border:2px solid #a8b9ff9e;animation:.68s ease-out both waterSplash}.battle-cell.cell-new.shot-hit:before,.battle-cell.cell-new.shot-sunk:before{z-index:1;content:"";pointer-events:none;background:radial-gradient(circle,#ffffffb8,#0000 18%),radial-gradient(circle,#ff715bd1,#0000 58%);animation:.52s ease-out both impactFlash;position:absolute;inset:0}.battle-cell.cell-new.shot-hit:after{clip-path:polygon(50% 0,62% 22%,76% 40%,69% 68%,56% 100%,42% 74%,28% 100%,22% 62%,34% 34%);background:radial-gradient(at 50% 82%,#f5c542e0,#0000 32%),radial-gradient(at 45% 52%,#ff715be6,#0000 45%);animation:.72s ease-out both flameBurst}.battle-cell.cell-new.shot-sunk:after{background:radial-gradient(circle, #f6f4ef75, transparent 18%), conic-gradient(from 20deg, transparent, color-mix(in srgb, var(--ship-color,#f5c542), transparent 35%), transparent 62%);border-radius:8px;animation:.9s ease-out both sunkBlast;inset:-12%}.battle-cell.cell-new.shot-sunk .battle-mark{animation:.9s cubic-bezier(.2,.9,.25,1.15) both sunkMark}@keyframes battlePop{0%{opacity:.35;transform:scale(.72)}70%{opacity:1;transform:scale(1.14)}to{transform:scale(1)}}@keyframes seaScan{0%{transform:translate(-115%)}to{transform:translate(115%)}}@keyframes seaDrift{0%,to{background-position:0 0}50%{background-position:100% 100%}}@keyframes waterSplash{0%{opacity:.95;transform:scale(.15)}70%{opacity:.55}to{opacity:0;transform:scale(1.85)}}@keyframes impactFlash{0%{opacity:0;transform:scale(.45)}35%{opacity:1}to{opacity:0;transform:scale(1.22)}}@keyframes flameBurst{0%{opacity:0;transform:translateY(12%)scale(.3)rotate(-5deg)}42%{opacity:.95;transform:translateY(-4%)scale(1.08)rotate(3deg)}to{opacity:0;transform:translateY(-18%)scale(1.38)rotate(-8deg)}}@keyframes flameFlicker{0%,to{transform:translateY(0)scale(1)rotate(-2deg)}45%{transform:translateY(-4%)scale(1.08,.96)rotate(3deg)}72%{transform:translateY(2%)scale(.95,1.05)rotate(-4deg)}}@keyframes innerFlame{0%,to{opacity:.92;transform:scale(1)}50%{opacity:.72;transform:scale(.88,1.08)}}@keyframes sunkBlast{0%{opacity:0;transform:scale(.35)rotate(-20deg)}45%{opacity:.92}to{opacity:0;transform:scale(1.25)rotate(18deg)}}@keyframes sunkMark{0%{transform:scale(.2)rotate(-18deg)}65%{transform:scale(1.28)rotate(6deg)}to{transform:scale(1)rotate(0)}}@keyframes powerupReady{0%,to{box-shadow:0 0 0 3px #3bb2731a}50%{box-shadow:0 0 0 4px #f5c5421f}}@keyframes questionPulse{0%,to{box-shadow:0 0 #f5c5423d}50%{box-shadow:0 0 0 4px #f5c54214}}.finished-panel{background:#201f1b;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:16px;padding:16px;display:grid}.rematch-box{justify-items:end;gap:8px;display:grid}.rematch-box span{color:#c9c3b8}.rematch-actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.rematch-actions .primary-button,.rematch-actions .secondary-button{min-width:132px}.lobby-pin-line{color:#c9c3b8;margin-top:7px}.lobby-pin-line strong{color:#f8df83;letter-spacing:.08em;background:#f5c5421f;border:1px solid #f5c5426b;border-radius:8px;place-items:center;min-width:58px;min-height:26px;margin-left:6px;display:inline-grid}.pin-form{gap:14px;display:grid}.pin-form input{color:#f6f4ef;letter-spacing:.28em;text-align:center;background:#171716;border:1px solid #f5c5426b;border-radius:8px;width:100%;min-height:62px;font-size:2rem;font-weight:900}.opponent-strip{color:#c9c3b8;justify-content:center;gap:10px;width:max-content;max-width:100%;margin:18px auto 0;padding:8px 10px}.opponent-strip strong{color:#f6f4ef;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.level-card{background:#201f1b;border:1px solid #333027;border-radius:8px;gap:10px;min-width:0;margin-bottom:10px;padding:12px;display:grid}.level-card>div:first-child{justify-content:space-between;gap:10px;min-width:0;display:flex}.level-card span{color:#c9c3b8}.level-card strong{color:#f6f4ef;text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.cosmetic-status-card{background:linear-gradient(135deg,#6c8dff14,#0000 68%),#201f1b;border:1px solid #333027;border-radius:8px;align-items:center;gap:10px;min-width:0;margin-bottom:10px;padding:10px;display:flex}.cosmetic-status-card>div{min-width:0}.cosmetic-status-card strong,.cosmetic-status-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cosmetic-status-card small{color:#9e9788;margin-top:3px;font-size:.78rem}.xp-track{background:#333027;border-radius:999px;height:8px;overflow:hidden}.xp-track span{border-radius:inherit;background:linear-gradient(90deg,#6c8dff,#3bb273);height:100%;display:block}.level-range{color:#9e9788;justify-content:space-between;gap:10px;font-size:.76rem;font-weight:800;display:flex}.level-card .level-range span{color:inherit;font-size:inherit;font-weight:inherit}.metrics,.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.shop-list,.profile-game-stats{gap:8px;display:grid}.shop-item{background:#201f1b;border:1px solid #333027;border-radius:8px;grid-template-columns:minmax(0,1fr) 198px;align-items:center;gap:10px;min-height:78px;padding:10px;display:grid}.shop-item.is-active{background:#3bb2731c;border-color:#3bb273b8}.shop-item.is-locked{opacity:.72}.shop-item.is-locked strong{color:#c9c3b8}.shop-item strong,.shop-item small{display:block}.customizable-pill{color:#d5ddff;vertical-align:2px;background:#6c8dff1f;border:1px solid #6c8dff6b;border-radius:999px;align-items:center;min-height:18px;margin-left:7px;padding:0 6px;font-size:.64rem;font-weight:900;display:inline-flex}.shop-item small{color:#9e9788;font-size:.78rem}.coin-balance,.shop-item>span{color:#f5c542;font-weight:900}.shop-section-label{color:#c9c3b8;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;padding:2px 2px 0;font-size:.78rem;font-weight:900;display:flex}.shop-section-label strong{color:#f5c542;font-size:.82rem}.shop-platform-pill{color:#d5ddff;vertical-align:middle;background:#6c8dff1f;border:1px solid #6c8dff6b;border-radius:999px;align-items:center;min-height:20px;margin-left:6px;padding:0 7px;font-size:.68rem;font-weight:900;display:inline-flex}.shop-platform-help{background:#f5c5421a;border-color:#f5c5426b;justify-content:center;min-width:28px;min-height:28px;padding:0}.shop-help-bubble{color:#f8df83;cursor:help;background:#f5c5421f;border:1px solid #f5c54280;border-radius:999px;place-items:center;width:22px;height:22px;font-size:.78rem;font-weight:950;line-height:1;display:inline-grid}.shop-help-bubble:focus-visible{outline-offset:3px;outline:2px solid #f5c542bd}.shop-product{background:linear-gradient(135deg,#f5c54214,#0000 62%),#201f1b;border-color:#f5c54247}.multiplier-factor{color:#f5c542;vertical-align:middle;background:#f5c54229;border-radius:999px;align-items:center;min-height:22px;margin-left:6px;padding:0 7px;font-size:.76rem;font-weight:900;display:inline-flex}.shop-action-button{border:1px solid #4a473d;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:126px;min-width:126px;min-height:40px;padding:0 10px;line-height:1;text-decoration:none;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:inline-flex}.shop-action-button svg{width:16px;height:16px}.shop-coin-button{color:#171716;background:#f5c542;border-color:#f5c542c7;box-shadow:0 8px 20px #f5c54229}.shop-coin-button span{color:#171716;font-weight:950}.shop-coin-button svg{color:#171716;stroke-width:2.6px}.shop-coin-button:not(:disabled):hover{background:#ffd96a;border-color:#ffe28a;transform:translateY(-1px)}.shop-money-button{color:#fff;background:#2fbf71;border-color:#3bb273c7;font-weight:400;box-shadow:0 8px 20px #3bb27329}.shop-money-button:hover{color:#fff;background:#36cf7d;border-color:#83f0ae;transform:translateY(-1px)}.shop-link-button{color:#f8df83;background:#f5c5421f;border-color:#f5c5427a;font-weight:800}.shop-link-button:hover{color:#fff5c7;background:#f5c54233;border-color:#f5c542db;transform:translateY(-1px)}.shop-state-button{color:#c9c3b8;background:#24231f;border-color:#4a473d;font-weight:800}.shop-state-button.is-on{color:#f8df83;background:#f5c54224;border-color:#f5c542db;box-shadow:0 0 0 1px #f5c5421f}.shop-state-button.is-off{color:#c9c3b8;background:#24231f;border-color:#4a473d}.shop-state-button:not(:disabled):hover{background:#2d2b25;border-color:#f5c542;transform:translateY(-1px)}.shop-action-button:disabled{cursor:not-allowed;opacity:.62}.shop-action-split{grid-template-columns:minmax(0,1fr) 40px;gap:6px;width:126px;min-width:126px;display:grid}.shop-action-split .shop-action-button{width:100%;min-width:0}.shop-split-main{padding:0 8px}.shop-split-icon{width:40px;min-width:40px;padding:0}.coin-shop-panel{background:linear-gradient(135deg,#f5c5422e,#0000 46%),linear-gradient(225deg,#3bb27324,#0000 52%),#201f1b;border:1px solid #f5c5426b;border-radius:8px;gap:12px;padding:14px;display:grid;box-shadow:0 16px 36px #f5c54214}.coin-shop-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.coin-shop-head strong,.coin-shop-head small{display:block}.coin-shop-head strong{font-size:1.15rem}.coin-shop-head small{color:#c9c3b8;max-width:560px;margin-top:3px}.coin-shop-close{flex:0 0 38px;width:38px;height:38px}.coin-pack-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px;display:grid}.coin-pack{background:linear-gradient(#f6f4ef0d,#0000 58%),#24231f;border:1px solid #3a3831;border-radius:8px;gap:12px;min-width:0;padding:14px;display:grid;position:relative;overflow:hidden}.coin-pack-best_value{background:linear-gradient(135deg,#3bb27329,#0000 58%),#24231f;border-color:#3bb273ad}.coin-pack-popular{border-color:#f5c542a3}.coin-pack-badge{color:#171716;background:#f5c542;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:950;position:absolute;top:10px;right:10px}.coin-pack strong,.coin-pack small{display:block}.coin-pack strong{padding-right:82px;font-size:1rem}.coin-pack small{color:#b8b1a4;margin-top:4px;font-size:.78rem}.coin-pack-amount{color:#f5c542;align-items:center;gap:8px;min-height:38px;display:flex}.coin-pack-amount svg{width:20px;height:20px}.coin-pack-amount span{font-size:1.4rem;font-weight:950}.coin-bonus{color:#a8f0c4;background:#3bb2732e;border-radius:999px;align-items:center;min-height:22px;padding:0 7px;display:inline-flex;font-size:.72rem!important;font-weight:900!important}.coin-pack-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.coin-pack-foot.is-single{grid-template-columns:1fr;display:grid}.coin-pack-foot.is-single .shop-action-button,.coin-pack-foot.is-single .coin-pack-actions{width:100%;min-width:0}.coin-pack-foot.has-help{grid-template-columns:minmax(0,1fr) auto;display:grid}.coin-pack-foot.has-help .shop-action-button,.coin-pack-foot.has-help .coin-pack-actions{width:100%;min-width:0}.coin-pack-actions{gap:6px;width:126px;min-width:126px;display:grid}.daily-shop-card{background:radial-gradient(circle at 18% 0,#f5c5421f,#0000 34%),#201f1b;border:1px solid #f5c54252;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.daily-shop-copy{min-width:0}.daily-shop-copy strong,.daily-shop-copy small,.daily-shop-copy em{display:block}.daily-shop-copy strong{margin-top:2px;font-size:1.05rem}.daily-shop-copy small{color:#c9c3b8;margin-top:4px}.daily-shop-copy em{color:#f8df83;margin-top:7px;font-style:normal;font-weight:850}.daily-shop-actions{gap:8px;min-width:150px;display:grid}.rarity-pill{color:#f6f4ef;vertical-align:middle;border:1px solid #c9c3b847;border-radius:999px;align-items:center;min-height:20px;margin-left:6px;padding:0 7px;font-size:.68rem;font-weight:900;display:inline-flex}.rarity-common{--rarity-color:#c9c3b8}.rarity-rare{--rarity-color:#6c8dff}.rarity-epic{--rarity-color:#b98cff}.rarity-legendary{--rarity-color:#f5c542}.rarity-pill,.daily-shop-card,.purchase-modal,.shop-item{border-color:color-mix(in srgb, var(--rarity-color,#3a3831), transparent 56%)}.rarity-pill{background:color-mix(in srgb, var(--rarity-color,#c9c3b8), transparent 82%);color:color-mix(in srgb, var(--rarity-color,#c9c3b8), #fff 20%)}.shop-row-actions{justify-content:stretch;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.shop-item>.shop-action-button,.shop-row-actions .shop-action-button,.shop-row-actions .shop-action-split{width:100%;min-width:0}.profile-game-card{background:#201f1b;border:1px solid #333027;border-radius:8px;padding:12px}.chess-outcome-breakdown{border-top:1px solid #f5c54233;gap:10px;margin-top:14px;padding-top:14px;display:grid}.chess-outcome-breakdown .section-title{margin:0}.chess-outcome-breakdown .section-title h3{font-size:1rem}.chess-outcome-breakdown .section-title p{font-size:.8rem}.chess-outcome-breakdown .metric{background:#24231f;min-height:62px}.chess-outcome-breakdown .metric strong{font-size:1.2rem}.metric{background:#201f1b;border:1px solid #333027;border-radius:8px;min-height:72px;padding:12px}.metric span{color:#c9c3b8;font-size:.82rem;display:block}.metric strong{margin-top:6px;font-size:1.45rem;display:block}.leaderboard-list{margin:0;padding:0;list-style:none}.leaderboard-panel{background:linear-gradient(135deg,#f5c5421f,#0000 58%),#1c1b18f5;border-color:#f5c54285;overflow:visible}.leaderboard-panel .section-title h3{font-size:1.12rem}.leaderboard-panel .section-title i{color:#f5c542;filter:drop-shadow(0 0 10px #f5c54233)}.leaderboard-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0;display:grid}.leaderboard-tabs button{color:#c9c3b8;cursor:pointer;background:#24231feb;border:1px solid #3a3831;border-radius:8px;min-height:32px;padding:0 8px;font-size:.76rem;font-weight:850}.leaderboard-tabs button.is-selected{color:#f8df83;background:#f5c54229;border-color:#f5c542c7}.leaderboard-row{text-align:left;grid-template-rows:auto auto;grid-template-columns:24px 34px minmax(0,1fr) minmax(46px,auto);align-items:center;gap:2px 8px;width:100%;min-height:48px;padding:6px;display:grid;overflow:hidden}.server-leaderboard-row{z-index:1;position:relative;overflow:visible}.server-leaderboard-row:hover,.server-leaderboard-row:focus-within{z-index:80}.server-leader-text,.server-title-line{overflow:visible}.server-title-line{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex!important}.server-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.leaderboard-list li:first-child .leaderboard-row{background:#f5c5421f;border-color:#f5c542bf;min-height:58px}.leaderboard-list li:nth-child(2) .leaderboard-row,.leaderboard-list li:nth-child(3) .leaderboard-row{background:#6c8dff14;border-color:#6c8dff75}.rank{color:#f5c542;text-align:center;grid-row:1/3;width:auto;font-weight:900}.leader-text{grid-row:1/3;min-width:0}.leaderboard-row .avatar,.leaderboard-row .server-avatar{grid-row:1/3}.leaderboard-row .level-pill{white-space:nowrap;grid-area:1/4;justify-self:end;min-height:22px;padding:0 7px;font-size:.7rem}.server-avatar{color:#f5c542;background:#f5c5421f;border:1px solid #f5c5426b;border-radius:8px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.server-avatar.is-private{color:#c9c3b8;background:#c9c3b814;border-color:#c9c3b852}img.server-avatar{object-fit:cover;padding:0;display:block}.server-private-help{color:#f8df83;vertical-align:2px;cursor:help;background:#f5c5421f;border:1px solid #f5c5427a;border-radius:999px;flex:none;place-items:center;width:18px;height:18px;margin-left:0;font-size:.68rem;font-weight:950;line-height:1;display:inline-grid;position:relative}.server-private-help:focus-visible{outline-offset:3px;outline:2px solid #f5c542bd}.server-private-help.is-large{width:22px;height:22px;font-size:.78rem}.custom-tooltip{z-index:999;color:#f6f4ef;opacity:0;pointer-events:none;text-align:left;white-space:normal;background:linear-gradient(135deg,#f5c54224,#0000 62%),#1c1b18;border:1px solid #f5c5426b;border-radius:8px;width:min(260px,100vw - 34px);padding:9px 10px;font-size:.74rem;font-weight:800;line-height:1.3;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px)scale(.98);box-shadow:0 18px 42px #0006}.custom-tooltip:after{content:"";background:#1c1b18;border-bottom:1px solid #f5c5426b;border-right:1px solid #f5c5426b;width:10px;height:10px;position:absolute;top:100%;left:50%;transform:translate(-50%,-5px)rotate(45deg)}.server-private-help:hover .custom-tooltip,.server-private-help:focus-visible .custom-tooltip{opacity:1;transform:translate(-50%)scale(1)}.global-help-tooltip{z-index:2147483000;color:#f6f4ef;opacity:0;pointer-events:none;text-align:left;white-space:normal;background:linear-gradient(135deg,#f5c54229,#0000 62%),#1c1b18;border:1px solid #f5c54285;border-radius:8px;max-width:min(300px,100vw - 20px);padding:9px 10px;font-size:.74rem;font-weight:800;line-height:1.3;transition:opacity .12s,transform .12s;position:fixed;transform:translateY(6px)scale(.98);box-shadow:0 18px 42px #0000007a}.global-help-tooltip.is-visible{opacity:1;transform:translateY(0)scale(1)}.global-help-tooltip[data-placement=bottom]{transform:translateY(-6px)scale(.98)}.global-help-tooltip.is-visible[data-placement=bottom]{transform:translateY(0)scale(1)}.global-help-tooltip:after{left:var(--tooltip-arrow-left,50%);content:"";background:#1c1b18;border-bottom:1px solid #f5c54285;border-right:1px solid #f5c54285;width:10px;height:10px;position:absolute;transform:translate(-50%,-5px)rotate(45deg)}.global-help-tooltip[data-placement=top]:after{top:100%}.global-help-tooltip[data-placement=bottom]:after{top:0;transform:translate(-50%,-5px)rotate(225deg)}.server-profile-head .server-avatar{flex-basis:54px;width:54px;height:54px}.server-profile-meta-row{color:#b8b1a4;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px 12px;margin-top:-8px;padding:0 46px 12px 0;font-size:.84rem;font-weight:800;display:flex}.server-profile-meta-row span{overflow-wrap:anywhere;min-width:0}.server-private-card{background:linear-gradient(135deg,#f5c5421f,#0000 68%),#201f1b;border:1px solid #f5c54257;border-radius:8px;gap:8px;margin-bottom:12px;padding:12px;display:grid}.server-private-card small{color:#c9c3b8}.server-private-card .primary-button,.server-invite-button{width:fit-content}.server-profile-summary{margin-bottom:12px}.points{color:#f5c542;text-overflow:ellipsis;white-space:nowrap;grid-area:2/4;justify-self:end;max-width:64px;font-size:.72rem;font-weight:900;line-height:1;overflow:hidden}.avatar{object-fit:cover;border-radius:8px;flex:0 0 32px;width:32px;height:32px}.avatar-image-stack{color:#f6f4ef;background:#3a3831;place-items:center;font-size:.78rem;font-weight:900;display:grid;position:relative;overflow:hidden}.avatar-image-stack>span{grid-area:1/1}.avatar-image-stack .avatar-image{object-fit:cover;grid-area:1/1;width:100%;height:100%}.avatar-image-stack .avatar-image[hidden]{display:none}.avatar.frame-frame_gold{border:2px solid #f5c542;box-shadow:0 0 0 2px #f5c54226}.avatar.frame-frame_neon{border:2px solid var(--frame-primary,#3bb273);box-shadow:0 0 0 2px color-mix(in srgb, var(--frame-primary,#3bb273), transparent 78%), 0 0 14px color-mix(in srgb, var(--frame-primary,#3bb273), transparent 68%)}.avatar.frame-frame_void{border:2px solid var(--frame-primary,#b98cff);box-shadow:0 0 0 2px color-mix(in srgb, var(--frame-primary,#b98cff), transparent 82%), 0 0 18px color-mix(in srgb, var(--frame-secondary,#6c8dff), transparent 70%);animation:2.4s ease-in-out infinite voidFramePulse}.avatar.frame-frame_glitch{border:2px solid var(--frame-primary,#ff715b);box-shadow:-3px 0 0 color-mix(in srgb, var(--frame-primary,#ff715b), transparent 18%), 3px 0 0 color-mix(in srgb, var(--frame-secondary,#6c8dff), transparent 18%), 0 0 18px color-mix(in srgb, var(--frame-secondary,#6c8dff), transparent 70%);animation:1.7s steps(2,end) infinite glitchFrame}.avatar.frame-frame_aurora{background:linear-gradient(#24231f, #24231f) padding-box, conic-gradient(from 120deg, var(--frame-primary,#3bb273), var(--frame-secondary,#f5c542), #f6f4ef, var(--frame-primary,#3bb273)) border-box;box-shadow:0 0 0 2px color-mix(in srgb, var(--frame-primary,#3bb273), transparent 86%), 0 0 20px color-mix(in srgb, var(--frame-secondary,#f5c542), transparent 76%);border:2px solid #0000;animation:3.2s linear infinite auroraFrame}.avatar.frame-frame_champion{border:2px solid var(--frame-primary,#f6f4ef);box-shadow:0 0 0 2px color-mix(in srgb, var(--frame-secondary,#f5c542), transparent 78%), 0 0 18px color-mix(in srgb, var(--frame-secondary,#f5c542), transparent 62%);animation:2.8s ease-in-out infinite championGleam}.avatar.frame-frame_solar{border:2px solid var(--frame-primary,#f5c542);box-shadow:0 0 0 2px color-mix(in srgb, var(--frame-secondary,#ff715b), transparent 78%), 0 0 22px color-mix(in srgb, var(--frame-primary,#f5c542), transparent 58%);animation:2.5s ease-in-out infinite solarFrame}.avatar.frame-frame_circuit{border:2px solid var(--frame-primary,#3bb273);box-shadow:0 0 0 1px color-mix(in srgb, var(--frame-secondary,#6c8dff), transparent 68%), 0 0 16px color-mix(in srgb, var(--frame-primary,#3bb273), transparent 68%);outline:1px dashed color-mix(in srgb, var(--frame-secondary,#6c8dff), transparent 34%);outline-offset:2px}.avatar.frame-frame_eclipse{background:linear-gradient(#171716, #171716) padding-box, radial-gradient(circle, var(--frame-secondary,#f5c542), var(--frame-primary,#b98cff) 48%, #171716 72%) border-box;box-shadow:0 0 0 2px #f6f4ef14, 0 0 28px color-mix(in srgb, var(--frame-primary,#b98cff), transparent 48%);border:2px solid #0000;animation:3.4s ease-in-out infinite eclipseFrame}.avatar.frame-frame_velvet{border:2px solid var(--frame-primary,#b98cff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--frame-secondary,#f5c542), transparent 58%), 0 0 18px color-mix(in srgb, var(--frame-primary,#b98cff), transparent 68%)}.avatar.frame-frame_matrix{border:2px solid var(--frame-primary,#3bb273);box-shadow:0 0 0 1px color-mix(in srgb, var(--frame-secondary,#6c8dff), transparent 62%), 0 0 16px color-mix(in srgb, var(--frame-primary,#3bb273), transparent 68%);animation:2.2s steps(4,end) infinite matrixFrame}.avatar.frame-frame_obsidian{background:linear-gradient(#131416, #131416) padding-box, linear-gradient(135deg, var(--frame-primary,#8b8f9b), #171716 48%, var(--frame-secondary,#6c8dff)) border-box;box-shadow:inset 0 0 0 1px #f6f4ef12, 0 0 18px color-mix(in srgb, var(--frame-secondary,#6c8dff), transparent 72%);border:2px solid #0000}.avatar.frame-frame_limewire{background:linear-gradient(#142018, #142018) padding-box, conic-gradient(from 90deg, var(--frame-primary,#3bb273), var(--frame-secondary,#d6ff6b), var(--frame-primary,#3bb273)) border-box;box-shadow:0 0 0 1px color-mix(in srgb, var(--frame-secondary,#d6ff6b), transparent 72%), 0 0 22px color-mix(in srgb, var(--frame-primary,#3bb273), transparent 56%);border:2px solid #0000;animation:2.4s ease-in-out infinite limewireFrame}.avatar.frame-frame_frost{background:linear-gradient(#1d222a, #1d222a) padding-box, linear-gradient(135deg, var(--frame-primary,#6c8dff), var(--frame-secondary,#f6f4ef), var(--frame-primary,#6c8dff)) border-box;box-shadow:0 0 0 2px color-mix(in srgb, var(--frame-secondary,#f6f4ef), transparent 86%), 0 0 22px color-mix(in srgb, var(--frame-primary,#6c8dff), transparent 62%);border:2px solid #0000;animation:3.1s ease-in-out infinite frostFrame}.avatar.frame-frame_monarch{background:linear-gradient(#201b13, #201b13) padding-box, conic-gradient(from 45deg, var(--frame-primary,#f5c542), var(--frame-secondary,#b98cff), #f6f4ef, var(--frame-primary,#f5c542)) border-box;box-shadow:0 0 0 2px color-mix(in srgb, var(--frame-primary,#f5c542), transparent 74%), 0 0 30px color-mix(in srgb, var(--frame-secondary,#b98cff), transparent 54%);border:2px solid #0000;animation:3s linear infinite monarchFrame}.avatar.frame-frame_rainbow{background:linear-gradient(#171716, #171716) padding-box, conic-gradient(from 180deg, var(--frame-primary,#ff715b), #f5c542, #3bb273, var(--frame-secondary,#6c8dff), var(--frame-primary,#ff715b)) border-box;box-shadow:0 0 0 2px #f6f4ef14, 0 0 30px color-mix(in srgb, var(--frame-secondary,#6c8dff), transparent 52%);border:2px solid #0000;animation:3.6s linear infinite rainbowFrame}.avatar.frame-frame_plasma{background:linear-gradient(#1b1722, #1b1722) padding-box, radial-gradient(circle at 30% 20%, var(--frame-secondary,#3bb273), transparent 32%), linear-gradient(135deg, var(--frame-primary,#b98cff), var(--frame-secondary,#3bb273)) border-box;box-shadow:0 0 0 2px color-mix(in srgb, var(--frame-primary,#b98cff), transparent 78%), 0 0 26px color-mix(in srgb, var(--frame-secondary,#3bb273), transparent 52%);border:2px solid #0000;animation:2.5s ease-in-out infinite plasmaFrame}.avatar.effect-effect_spark{animation:1.9s ease-in-out infinite sparkAura}.avatar.effect-effect_stardust{animation:2.4s ease-in-out infinite stardustAura}.avatar.effect-effect_laser{animation:2.2s linear infinite laserAura}.avatar.effect-effect_sonar{animation:2.1s ease-in-out infinite sonarAura}.avatar.effect-effect_rift{animation:2.5s ease-in-out infinite riftAura}.avatar.effect-effect_prismatic{animation:2.8s linear infinite prismaticAura}.avatar.effect-effect_confetti{animation:2s ease-in-out infinite confettiAura}.avatar.effect-effect_static{animation:1.35s steps(3,end) infinite staticAura}.avatar.effect-effect_fireflies{animation:2.7s ease-in-out infinite firefliesAura}.avatar.effect-effect_vortex{animation:2.2s linear infinite vortexAura}.avatar.effect-effect_afterglow{animation:2.8s ease-in-out infinite afterglowAura}.avatar.effect-effect_pulsewave{animation:2.1s ease-in-out infinite pulsewaveAura}.avatar.effect-effect_meteor{animation:2.35s ease-in-out infinite meteorAura}.avatar.effect-effect_nova{animation:2.8s ease-in-out infinite novaAura}.cosmetic-badge{border:1px solid color-mix(in srgb, var(--badge-primary,#f5c542), transparent 54%);background:linear-gradient(135deg, color-mix(in srgb, var(--badge-primary,#f5c542), transparent 78%), transparent 65%), #24231f;min-height:20px;color:color-mix(in srgb, var(--badge-primary,#f5c542), #fff 14%);vertical-align:middle;box-shadow:0 0 12px color-mix(in srgb, var(--badge-primary,#f5c542), transparent 82%);border-radius:999px;align-items:center;margin-left:6px;padding:0 7px;font-size:.68rem;font-weight:900;line-height:1;display:inline-flex}.cosmetic-badge.badge-badge_flame{--badge-primary:#ff715b;--badge-secondary:#f5c542;background:radial-gradient(circle at 25% 20%, color-mix(in srgb, var(--badge-secondary), transparent 35%), transparent 28%), linear-gradient(135deg, color-mix(in srgb, var(--badge-primary), transparent 70%), transparent 68%), #261d1a;color:#ffcabf}.cosmetic-badge.badge-badge_orbit{--badge-primary:#6c8dff;--badge-secondary:#3bb273;background:radial-gradient(circle, transparent 46%, color-mix(in srgb, var(--badge-primary), transparent 60%) 48% 53%, transparent 55%), #202435;color:#d5ddff}.cosmetic-badge.badge-badge_crown{--badge-primary:#f5c542;--badge-secondary:#f6f4ef;color:#fff1b5;background:linear-gradient(#f6f4ef2e,#0000 48%),linear-gradient(135deg,#f5c54252,#f5c54214),#241f16;border-color:#f5c542b8}.cosmetic-badge.badge-badge_diamond{background:linear-gradient(135deg, color-mix(in srgb, var(--badge-primary,#6c8dff), transparent 54%), transparent 50%), linear-gradient(315deg, color-mix(in srgb, var(--badge-secondary,#f5c542), transparent 72%), transparent 58%), #1d2230;color:#eef2ff}.cosmetic-badge.badge-badge_gridmaster{--badge-primary:#3bb273;--badge-secondary:#f5c542;color:#c9ffd9;background:linear-gradient(90deg,#f6f4ef14 1px,#0000 1px) 0 0/6px 6px,linear-gradient(0deg,#f6f4ef14 1px,#0000 1px) 0 0/6px 6px,linear-gradient(135deg,#3bb27342,#f5c54214),#1d251f}.cosmetic-badge.badge-badge_comet{--badge-primary:#6c8dff;--badge-secondary:#f6f4ef;background:linear-gradient(100deg, transparent 0 18%, color-mix(in srgb, var(--badge-secondary), transparent 40%) 20% 26%, transparent 28%), linear-gradient(135deg, color-mix(in srgb, var(--badge-primary), transparent 58%), transparent 64%), #1f2433;color:#e6ebff}.cosmetic-badge.badge-badge_ace{--badge-primary:#f6f4ef;--badge-secondary:#ff715b;border-color:color-mix(in srgb, var(--badge-secondary), transparent 42%);background:linear-gradient(135deg, color-mix(in srgb, var(--badge-primary), transparent 78%), transparent 48%), linear-gradient(315deg, color-mix(in srgb, var(--badge-secondary), transparent 72%), transparent 52%), #24231f;color:#fff6ea}.cosmetic-badge.badge-badge_anchor{--badge-primary:#6c8dff;--badge-secondary:#3bb273;background:radial-gradient(circle at 50% 68%, color-mix(in srgb, var(--badge-secondary), transparent 45%), transparent 22%), linear-gradient(135deg, color-mix(in srgb, var(--badge-primary), transparent 62%), transparent 68%), #1c2430;color:#e6ebff}.cosmetic-badge.badge-badge_mine{--badge-primary:#ff715b;--badge-secondary:#f5c542;border-color:color-mix(in srgb, var(--badge-primary), transparent 44%);color:#ffcabf;background:repeating-linear-gradient(45deg,#ff715b2e 0 4px,#0000 4px 8px),#241d1a}.cosmetic-badge.badge-badge_bolt{--badge-primary:#f5c542;--badge-secondary:#6c8dff;background:linear-gradient(110deg, transparent 0 40%, color-mix(in srgb, var(--badge-primary), transparent 28%) 42% 48%, transparent 50%), linear-gradient(135deg, color-mix(in srgb, var(--badge-secondary), transparent 76%), transparent 68%), #24231f;color:#fff0a8}.cosmetic-badge.badge-badge_relic{--badge-primary:#f5c542;--badge-secondary:#ff715b;border-color:color-mix(in srgb, var(--badge-primary), transparent 26%);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--badge-secondary), transparent 36%), transparent 24%), linear-gradient(135deg, color-mix(in srgb, var(--badge-primary), transparent 56%), transparent 62%), #211b13;color:#fff1b5;animation:2.6s ease-in-out infinite relicBadge}.cosmetic-badge.badge-badge_checker{--badge-primary:#f6f4ef;--badge-secondary:#3bb273;background:linear-gradient(45deg, color-mix(in srgb, var(--badge-primary), transparent 66%) 25%, transparent 25% 50%, color-mix(in srgb, var(--badge-primary), transparent 66%) 50% 75%, transparent 75%), #20231f;color:#f6f4ef;background-size:8px 8px,auto}.cosmetic-badge.badge-badge_compass{--badge-primary:#6c8dff;--badge-secondary:#f5c542;background:radial-gradient(circle, transparent 38%, color-mix(in srgb, var(--badge-primary), transparent 58%) 40% 45%, transparent 48%), linear-gradient(135deg, color-mix(in srgb, var(--badge-secondary), transparent 78%), transparent 62%), #1d2230;color:#e6ebff}.cosmetic-badge.badge-badge_hourglass{--badge-primary:#6c8dff;--badge-secondary:#f5c542;background:linear-gradient(115deg, transparent 0 36%, color-mix(in srgb, var(--badge-secondary), transparent 42%) 38% 46%, transparent 48%), linear-gradient(245deg, transparent 0 36%, color-mix(in srgb, var(--badge-primary), transparent 50%) 38% 46%, transparent 48%), #202231;color:#fff1b5;animation:2.4s ease-in-out infinite hourglassBadge}.cosmetic-badge.badge-badge_lucky{--badge-primary:#3bb273;--badge-secondary:#f5c542;background:radial-gradient(circle at 32% 34%, color-mix(in srgb, var(--badge-secondary), transparent 26%), transparent 18%), linear-gradient(135deg, color-mix(in srgb, var(--badge-primary), transparent 56%), transparent 62%), #1c261f;color:#d6ffdf;animation:2.8s ease-in-out infinite luckyBadge}.player-name{vertical-align:baseline;border-radius:7px;max-width:100%;display:inline-block}.player-name.name-bg-name_bg_ember,.player-name.name-bg-name_bg_ocean,.player-name.name-bg-name_bg_velvet,.player-name.name-bg-name_bg_midnight,.player-name.name-bg-name_bg_carbon,.player-name.name-bg-name_bg_sunset{background:linear-gradient(135deg, color-mix(in srgb, var(--name-bg-primary,#ff715b), transparent 42%), transparent 70%), linear-gradient(315deg, color-mix(in srgb, var(--name-bg-secondary,#f5c542), transparent 72%), transparent 60%), #24231feb;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--name-bg-primary,#ff715b), transparent 68%);padding:2px 7px}.player-name.name-bg-name_bg_ocean{background:linear-gradient(135deg, color-mix(in srgb, var(--name-bg-primary,#6c8dff), transparent 48%), transparent 68%), linear-gradient(315deg, color-mix(in srgb, var(--name-bg-secondary,#3bb273), transparent 74%), transparent 58%), #1f242ce6}.player-name.name-bg-name_bg_velvet{background:linear-gradient(135deg, color-mix(in srgb, var(--name-bg-primary,#b98cff), transparent 44%), transparent 70%), linear-gradient(315deg, color-mix(in srgb, var(--name-bg-secondary,#f5c542), transparent 76%), transparent 60%), #221b2aeb}.player-name.name-bg-name_bg_midnight{background:linear-gradient(90deg, color-mix(in srgb, var(--name-bg-secondary,#f6f4ef), transparent 72%), transparent 32%), linear-gradient(135deg, color-mix(in srgb, var(--name-bg-primary,#6c8dff), transparent 70%), transparent 72%), #14161ff0}.player-name.name-bg-name_bg_carbon{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--name-bg-primary,#8b8f9b), transparent 86%) 0 4px, transparent 4px 8px), linear-gradient(90deg, color-mix(in srgb, var(--name-bg-secondary,#3bb273), transparent 78%), transparent 44%), #141516f2}.player-name.name-bg-name_bg_sunset{background:linear-gradient(135deg, color-mix(in srgb, var(--name-bg-primary,#ff715b), transparent 38%), transparent 72%), linear-gradient(315deg, color-mix(in srgb, var(--name-bg-secondary,#f5c542), transparent 62%), transparent 58%), #261a14f0}.player-name.name-glow-name_glow_mint{color:#ecfff5;text-shadow:0 0 8px color-mix(in srgb, var(--name-glow-primary,#3bb273), transparent 36%), 0 0 18px color-mix(in srgb, var(--name-glow-primary,#3bb273), transparent 58%)}.player-name.name-glow-name_glow_prism{color:#fff7d5;text-shadow:0 0 8px color-mix(in srgb, var(--name-glow-primary,#6c8dff), transparent 30%), 0 0 18px color-mix(in srgb, var(--name-glow-secondary,#f5c542), transparent 42%);animation:2.8s ease-in-out infinite prismNameGlow}.player-name.name-glow-name_glow_gold{color:#fff3ba;text-shadow:0 0 8px color-mix(in srgb, var(--name-glow-primary,#f5c542), transparent 36%), 0 0 18px color-mix(in srgb, var(--name-glow-primary,#f5c542), transparent 62%)}.player-name.name-glow-name_glow_crimson{color:#ffe1dc;text-shadow:0 0 8px color-mix(in srgb, var(--name-glow-primary,#ff715b), transparent 26%), 0 0 18px color-mix(in srgb, var(--name-glow-secondary,#f5c542), transparent 56%);animation:2.1s ease-in-out infinite crimsonNameGlow}.player-name.name-glow-name_glow_aqua{color:#e7f7ff;text-shadow:0 0 8px color-mix(in srgb, var(--name-glow-primary,#6c8dff), transparent 28%), 0 0 18px color-mix(in srgb, var(--name-glow-secondary,#3bb273), transparent 50%)}.player-name.name-glow-name_glow_neon_blue{color:#eef4ff;text-shadow:0 0 8px color-mix(in srgb, var(--name-glow-primary,#6c8dff), transparent 22%), 0 0 20px color-mix(in srgb, var(--name-glow-secondary,#f6f4ef), transparent 54%);animation:2.2s ease-in-out infinite neonBlueNameGlow}.avatar-fallback{color:#f6f4ef;background:#3a3831;place-items:center;font-size:.78rem;font-weight:900;display:grid}svg{flex:none;width:18px;height:18px}@keyframes voidFramePulse{0%,to{filter:saturate()}50%{filter:saturate(1.35);box-shadow:0 0 0 2px color-mix(in srgb, var(--frame-primary,#b98cff), transparent 78%), 0 0 24px color-mix(in srgb, var(--frame-secondary,#6c8dff), transparent 62%)}}@keyframes glitchFrame{0%,to{filter:saturate();transform:translate(0)}38%{filter:saturate(1.35);transform:translate(1px)}42%{transform:translate(-1px,1px)}}@keyframes auroraFrame{0%{filter:hue-rotate()saturate(1.05)}50%{filter:hue-rotate(35deg)saturate(1.24)}to{filter:hue-rotate()saturate(1.05)}}@keyframes championGleam{0%,to{box-shadow:0 0 0 2px color-mix(in srgb, var(--frame-secondary,#f5c542), transparent 82%), 0 0 16px color-mix(in srgb, var(--frame-secondary,#f5c542), transparent 72%)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--frame-secondary,#f5c542), transparent 70%), 0 0 24px color-mix(in srgb, var(--frame-primary,#f6f4ef), transparent 68%)}}@keyframes solarFrame{0%,to{filter:saturate()}50%{filter:saturate(1.25)brightness(1.08);box-shadow:0 0 0 2px color-mix(in srgb, var(--frame-secondary,#ff715b), transparent 68%), 0 0 28px color-mix(in srgb, var(--frame-primary,#f5c542), transparent 42%)}}@keyframes eclipseFrame{0%,to{filter:brightness()}50%{filter:brightness(1.12);box-shadow:0 0 0 2px #f6f4ef1f, 0 0 34px color-mix(in srgb, var(--frame-secondary,#f5c542), transparent 50%)}}@keyframes matrixFrame{0%,to{box-shadow:0 0 0 1px color-mix(in srgb, var(--frame-secondary,#6c8dff), transparent 64%), 0 0 14px color-mix(in srgb, var(--frame-primary,#3bb273), transparent 72%)}50%{filter:brightness(1.1)saturate(1.22);box-shadow:0 0 0 2px color-mix(in srgb, var(--frame-secondary,#6c8dff), transparent 44%), 0 0 22px color-mix(in srgb, var(--frame-primary,#3bb273), transparent 58%)}}@keyframes frostFrame{0%,to{filter:brightness()}50%{filter:brightness(1.14)saturate(1.18);box-shadow:0 0 0 2px color-mix(in srgb, var(--frame-secondary,#f6f4ef), transparent 78%), 0 0 28px color-mix(in srgb, var(--frame-primary,#6c8dff), transparent 48%)}}@keyframes monarchFrame{0%{filter:hue-rotate()saturate(1.05)}50%{filter:hue-rotate(28deg)saturate(1.28)brightness(1.08)}to{filter:hue-rotate()saturate(1.05)}}@keyframes limewireFrame{0%,to{filter:saturate()}50%{filter:saturate(1.28)brightness(1.08);box-shadow:0 0 0 2px color-mix(in srgb, var(--frame-secondary,#d6ff6b), transparent 68%), 0 0 28px color-mix(in srgb, var(--frame-primary,#3bb273), transparent 46%)}}@keyframes rainbowFrame{0%{filter:hue-rotate()saturate(1.08)}50%{filter:hue-rotate(80deg)saturate(1.22)brightness(1.06)}to{filter:hue-rotate(360deg)saturate(1.08)}}@keyframes plasmaFrame{0%,to{filter:saturate(1.05)}50%{filter:saturate(1.35)brightness(1.12);box-shadow:0 0 0 3px color-mix(in srgb, var(--frame-primary,#b98cff), transparent 72%), 0 0 32px color-mix(in srgb, var(--frame-secondary,#3bb273), transparent 48%)}}@keyframes sparkAura{0%,to{box-shadow:0 0 0 2px color-mix(in srgb, var(--effect-primary,#f5c542), transparent 90%)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--effect-primary,#f5c542), transparent 74%), 0 0 16px color-mix(in srgb, var(--effect-primary,#f5c542), transparent 75%)}}@keyframes stardustAura{0%,to{box-shadow:0 0 0 2px color-mix(in srgb, var(--effect-primary,#f5c542), transparent 88%), 8px -6px 14px -8px color-mix(in srgb, var(--effect-secondary,#6c8dff), transparent 22%)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--effect-primary,#f5c542), transparent 78%), -8px 6px 18px -8px color-mix(in srgb, var(--effect-secondary,#6c8dff), transparent 12%)}}@keyframes laserAura{0%,to{box-shadow:0 -2px 0 color-mix(in srgb, var(--effect-primary,#3bb273), transparent 35%), 0 0 14px color-mix(in srgb, var(--effect-secondary,#f5c542), transparent 78%)}50%{box-shadow:0 2px 0 color-mix(in srgb, var(--effect-primary,#3bb273), transparent 24%), 0 0 22px color-mix(in srgb, var(--effect-secondary,#f5c542), transparent 58%)}}@keyframes confettiAura{0%,to{box-shadow:0 0 0 2px color-mix(in srgb, var(--effect-primary,#f5c542), transparent 88%), 7px -5px 0 -4px color-mix(in srgb, var(--effect-secondary,#ff715b), transparent 4%), -6px 7px 0 -5px color-mix(in srgb, var(--effect-primary,#f5c542), transparent 8%)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--effect-secondary,#ff715b), transparent 82%), -7px -4px 0 -4px color-mix(in srgb, var(--effect-primary,#f5c542), transparent 0%), 6px 7px 0 -5px color-mix(in srgb, var(--effect-secondary,#ff715b), transparent 8%)}}@keyframes staticAura{0%,to{box-shadow:-2px 0 0 color-mix(in srgb, var(--effect-primary,#6c8dff), transparent 36%), 2px 0 0 color-mix(in srgb, var(--effect-secondary,#f6f4ef), transparent 54%);transform:translate(0)}50%{box-shadow:2px 0 0 color-mix(in srgb, var(--effect-primary,#6c8dff), transparent 22%), -2px 0 0 color-mix(in srgb, var(--effect-secondary,#f6f4ef), transparent 44%);transform:translate(1px,-1px)}}@keyframes firefliesAura{0%,to{box-shadow:0 0 0 2px color-mix(in srgb, var(--effect-primary,#f5c542), transparent 90%), 8px -6px 10px -7px color-mix(in srgb, var(--effect-primary,#f5c542), transparent 14%), -7px 7px 10px -8px color-mix(in srgb, var(--effect-secondary,#3bb273), transparent 18%)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--effect-secondary,#3bb273), transparent 88%), -8px -4px 12px -7px color-mix(in srgb, var(--effect-primary,#f5c542), transparent 8%), 8px 7px 12px -8px color-mix(in srgb, var(--effect-secondary,#3bb273), transparent 12%)}}@keyframes vortexAura{0%{filter:hue-rotate()saturate(1.05);box-shadow:0 0 0 2px color-mix(in srgb, var(--effect-primary,#b98cff), transparent 78%), 0 0 18px color-mix(in srgb, var(--effect-secondary,#3bb273), transparent 78%)}50%{filter:hue-rotate(80deg)saturate(1.28);box-shadow:0 0 0 5px color-mix(in srgb, var(--effect-secondary,#3bb273), transparent 88%), 0 0 28px color-mix(in srgb, var(--effect-primary,#b98cff), transparent 56%)}to{filter:hue-rotate(360deg)saturate(1.05);box-shadow:0 0 0 2px color-mix(in srgb, var(--effect-primary,#b98cff), transparent 78%), 0 0 18px color-mix(in srgb, var(--effect-secondary,#3bb273), transparent 78%)}}@keyframes afterglowAura{0%,to{box-shadow:0 0 0 2px color-mix(in srgb, var(--effect-primary,#f5c542), transparent 88%), 0 0 14px color-mix(in srgb, var(--effect-secondary,#ff715b), transparent 78%)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--effect-primary,#f5c542), transparent 78%), 0 0 24px color-mix(in srgb, var(--effect-secondary,#ff715b), transparent 58%)}}@keyframes pulsewaveAura{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--effect-primary,#6c8dff), transparent 62%), 0 0 18px color-mix(in srgb, var(--effect-secondary,#3bb273), transparent 82%)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--effect-primary,#6c8dff), transparent 92%), 0 0 24px color-mix(in srgb, var(--effect-secondary,#3bb273), transparent 62%)}}@keyframes meteorAura{0%,to{box-shadow:8px -8px 14px -8px color-mix(in srgb, var(--effect-primary,#ff715b), transparent 12%), 0 0 0 2px color-mix(in srgb, var(--effect-secondary,#f5c542), transparent 90%)}50%{box-shadow:-8px 8px 18px -8px color-mix(in srgb, var(--effect-primary,#ff715b), transparent 4%), 0 0 0 3px color-mix(in srgb, var(--effect-secondary,#f5c542), transparent 80%)}}@keyframes novaAura{0%,to{box-shadow:0 0 0 2px color-mix(in srgb, var(--effect-primary,#f6f4ef), transparent 86%), 0 0 18px color-mix(in srgb, var(--effect-secondary,#6c8dff), transparent 78%)}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--effect-secondary,#6c8dff), transparent 92%), 0 0 34px color-mix(in srgb, var(--effect-primary,#f6f4ef), transparent 50%)}}@keyframes sonarAura{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--effect-primary,#3bb273), transparent 72%)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--effect-primary,#3bb273), transparent 94%), 0 0 18px color-mix(in srgb, var(--effect-primary,#3bb273), transparent 82%)}}@keyframes relicBadge{0%,to{filter:brightness()}50%{filter:brightness(1.16)saturate(1.24);box-shadow:0 0 16px color-mix(in srgb, var(--badge-primary,#f5c542), transparent 68%)}}@keyframes hourglassBadge{0%,to{filter:brightness()}50%{filter:brightness(1.14)saturate(1.18);box-shadow:0 0 14px color-mix(in srgb, var(--badge-secondary,#f5c542), transparent 72%)}}@keyframes luckyBadge{0%,to{filter:saturate()}50%{filter:saturate(1.22)brightness(1.1)}}@keyframes prismNameGlow{0%,to{filter:hue-rotate()}50%{filter:hue-rotate(38deg)}}@keyframes crimsonNameGlow{0%,to{filter:saturate()}50%{filter:saturate(1.32)brightness(1.08)}}@keyframes neonBlueNameGlow{0%,to{filter:saturate()}50%{filter:saturate(1.3)brightness(1.08)}}@keyframes riftAura{0%,to{box-shadow:0 0 0 2px color-mix(in srgb, var(--effect-primary,#b98cff), transparent 86%), 0 0 10px color-mix(in srgb, var(--effect-secondary,#ff715b), transparent 82%)}50%{filter:saturate(1.35)contrast(1.08);box-shadow:0 0 0 5px color-mix(in srgb, var(--effect-primary,#b98cff), transparent 86%), 0 0 22px color-mix(in srgb, var(--effect-secondary,#ff715b), transparent 66%)}}@keyframes prismaticAura{0%{filter:hue-rotate()saturate(1.05);box-shadow:0 0 0 2px color-mix(in srgb, var(--effect-primary,#ff715b), transparent 82%), 0 0 14px color-mix(in srgb, var(--effect-secondary,#6c8dff), transparent 80%)}50%{filter:hue-rotate(120deg)saturate(1.35);box-shadow:0 0 0 2px color-mix(in srgb, var(--effect-secondary,#3bb273), transparent 82%), 0 0 18px color-mix(in srgb, var(--effect-primary,#f5c542), transparent 76%)}to{filter:hue-rotate(360deg)saturate(1.05);box-shadow:0 0 0 2px color-mix(in srgb, var(--effect-primary,#ff715b), transparent 82%), 0 0 14px color-mix(in srgb, var(--effect-secondary,#6c8dff), transparent 80%)}}@keyframes shopBorderSweep{to{transform:rotate(1turn)}}@keyframes questNewsPulse{0%,to{transform:scale(1);box-shadow:0 0 #ff4f5f7a}50%{transform:scale(1.12);box-shadow:0 0 0 7px #ff4f5f00}}.modal-backdrop{z-index:20;background:#00000094;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.profile-modal{background:#1c1b18;border:1px solid #4a473d;border-radius:8px;width:min(440px,100%);max-height:min(720px,92vh);padding:20px;position:relative;overflow:auto;box-shadow:0 28px 90px #0000007a}.profile-modal.admin-modal{width:min(1400px,100vw - 36px);max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px)}.confirm-backdrop{z-index:32}.confirm-modal{text-align:left;gap:14px;width:min(430px,100%);display:grid;overflow:visible}.confirm-icon{color:#f5c542;background:linear-gradient(135deg,#f5c5422e,#0000 62%),#24231f;border:1px solid #f5c5428a;border-radius:8px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 14px 30px #f5c54214}.confirm-icon svg{width:22px;height:22px}.confirm-copy{gap:6px;display:grid}.confirm-copy h3,.confirm-copy p{margin:0}.confirm-copy p{color:#c9c3b8}.settings-modal,.shop-modal{width:min(760px,100%)}.color-modal{width:min(500px,100%)}.cosmetic-editor-backdrop{z-index:28}.shop-purchase-backdrop{z-index:29}.purchase-modal{border-color:color-mix(in srgb, var(--rarity-color,#f5c542), transparent 48%);background:radial-gradient(circle at 22% 0%, color-mix(in srgb, var(--rarity-color,#f5c542), transparent 84%), transparent 34%), #171716}.purchase-preview-card{border:1px solid color-mix(in srgb, var(--rarity-color,#f5c542), transparent 62%);background:linear-gradient(135deg, color-mix(in srgb, var(--rarity-color,#f5c542), transparent 90%), transparent 68%), #201f1b;border-radius:8px;gap:10px;margin-bottom:14px;padding:12px;display:grid}.purchase-preview-row{cursor:default;background:#24231ff0;border:1px solid #3a3831;border-radius:8px}.booster-preview-card>div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 10px;display:grid}.booster-preview-card svg{color:#f5c542;filter:drop-shadow(0 0 12px #f5c54242);grid-row:span 2;width:34px;height:34px}.booster-preview-card strong,.booster-preview-card small{min-width:0}.booster-preview-card small{color:#c9c3b8}.purchase-design-block{gap:10px;margin-bottom:14px;display:grid}.shop-section-label.compact{justify-content:flex-start;padding:0}.purchase-warning{color:#ffcabf;background:#ff715b1a;border:1px solid #ff715b7a;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-weight:850}.shop-confirm-buy-button{gap:8px}.cosmetic-editor-preview{background:linear-gradient(135deg,#6c8dff1a,#0000 70%),#201f1b;border:1px solid #6c8dff3d;border-radius:8px;align-items:center;gap:12px;min-width:0;margin-bottom:14px;padding:12px;display:flex}.cosmetic-editor-preview .avatar{flex-basis:58px;width:58px;height:58px}.cosmetic-editor-preview div{min-width:0}.cosmetic-editor-preview strong,.cosmetic-editor-preview small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cosmetic-editor-preview small{color:#9e9788;margin-top:4px}.color-grid{gap:10px;display:grid}.color-field{background:#201f1b;border:1px solid #333027;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:10px;display:grid}.color-field span{color:#c9c3b8;font-weight:800}.color-swatches{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.color-swatch{background:linear-gradient(135deg, #ffffff47, transparent 46%), var(--swatch-color);cursor:pointer;border:1px solid #4a473d;border-radius:8px;width:34px;height:34px;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s;position:relative;box-shadow:inset 0 -8px 16px #0000002e}.color-swatch:hover{border-color:#f5c542;transform:translateY(-1px)}.color-swatch.is-selected{border-color:#f5c542;box-shadow:0 0 0 3px #f5c54233,inset 0 -8px 16px #0000002e}.color-swatch.is-selected:after{content:"";filter:drop-shadow(0 1px 2px #ffffff8a);border-bottom:3px solid #171716;border-right:3px solid #171716;position:absolute;inset:9px;transform:rotate(45deg)translate(-1px,-2px)}.shop-modal-head{align-items:center;gap:12px;margin-bottom:16px;padding-right:46px;display:flex}.shop-modal-head>svg{color:#f5c542;background:#f5c5421f;border:1px solid #f5c54294;border-radius:8px;flex:0 0 44px;width:44px;height:44px;padding:9px}.shop-modal-head p{color:#c9c3b8;margin:4px 0 0}.shop-coin-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.coin-plus-button{color:#171716;cursor:pointer;background:#f5c542;border:1px solid #f5c542c7;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .16s,background .16s,border-color .16s;display:inline-flex;box-shadow:0 8px 18px #f5c5422e}.coin-plus-button svg{stroke-width:3px;width:16px;height:16px}.coin-plus-button:hover{background:#ffd96a;border-color:#ffe28a;transform:translateY(-1px)}.shop-modal-list{max-height:min(560px,92vh - 132px);padding-right:4px;overflow:auto}.settings-modal-head{gap:4px;margin-bottom:14px;padding-right:46px;display:grid}.settings-modal-head p{color:#c9c3b8;margin:0}.modal-game-picker{margin-bottom:12px}.settings-modal .settings-panel{box-shadow:none}.modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.close-modal{position:absolute;top:12px;right:12px}.profile-head{gap:12px;margin-bottom:16px;padding-right:46px}.profile-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-title-row .cosmetic-badge{margin-left:0}.profile-identity-line{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.login-provider-logo{flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;line-height:1;display:inline-flex}.platform-logo-img{object-fit:contain;width:18px;height:18px;display:block}.login-provider-logo i,.login-provider-logo img{width:17px;height:17px}.login-provider-steam{color:#f5f7fb}.login-provider-discord{color:#5865f2}.login-provider-web{color:#b9ffd4}.profile-head .avatar{flex-basis:54px;width:54px;height:54px}.modal-level{margin-bottom:12px}.modal-loading{align-content:center;gap:14px;min-height:160px;display:grid}@media (width<=1180px){.app-shell{padding:14px 0}.topbar{align-items:stretch}.top-actions{justify-content:stretch}.top-actions .quest-button,.top-actions .shop-button,.top-actions .user-chip{flex:180px;justify-content:center}.top-actions .user-chip{justify-content:space-between}.top-actions .icon-button{flex:0 0 46px}.game-layout{grid-template-columns:1fr;width:100%}.side-panel{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.play-panel{min-height:auto;padding:16px}}@media (width<=980px){.topbar{flex-direction:column;align-items:stretch;gap:12px}.brand,.top-actions{flex:none;width:100%}.top-actions{flex-wrap:wrap;justify-content:stretch;align-items:center;gap:10px}.language-select-wrap{flex:170px;min-width:0}.language-current,.language-options button{width:100%}.top-actions .quest-button,.top-actions .shop-button{flex:170px;justify-content:center}.top-actions .user-chip{flex:320px;justify-content:space-between}.top-actions .icon-button{flex:0 0 46px}.timer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-layout{grid-template-columns:1fr}.battle-grid{margin:0 auto}}@media (width<=680px){#app{padding-inline:10px 22px}.app-shell{padding:10px 0}.lobby-head,.game-head,.ranked-card,.battle-review-banner,.finished-panel{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.ranked-card .primary-button,.finished-panel .primary-button,.game-head .secondary-button,.lobby-head .icon-button{width:100%}.game-card{grid-template-columns:1fr}.game-card-fight{width:auto;min-width:0;margin:0 12px 12px}.settings-grid,.mode-grid,.game-picker.two-games,.game-picker.three-games,.game-picker.four-games,.presence-strip,.quest-row,.quest-bonus,.metrics,.profile-stats{grid-template-columns:1fr}.quest-side{justify-items:stretch}.shop-item,.coin-pack-foot{grid-template-columns:1fr;align-items:stretch}.shop-item{gap:12px}.daily-shop-card{grid-template-columns:1fr}.daily-shop-actions,.shop-row-actions{width:100%}.coin-pack-foot{flex-direction:column}.shop-action-button,.shop-action-split,.coin-pack-actions{width:100%;min-width:0}.shop-row-actions .shop-action-button,.shop-row-actions .shop-action-split{flex:auto}.coin-pack strong{padding-right:76px}.segmented.five,.powerup-row{grid-template-columns:repeat(2,minmax(0,1fr))}.versus-row{flex-direction:column;align-items:stretch;gap:8px}.turn-indicator{min-width:0}.play-panel{padding:12px}.board{gap:clamp(4px,1.6vw,8px);width:min(100%,520px)}.cell{border-width:1px;font-size:clamp(2rem,16vw,4.2rem)}.board-5 .cell{font-size:clamp(1.2rem,9vw,2.5rem)}.gomoku-board,.dots-board,.mines-board,.connect-board,.hex-board,.chess-board{border-radius:7px}.gomoku-board{padding:clamp(5px,1.6vw,9px)}.dots-board{padding:clamp(6px,1.8vw,10px)}.hex-frame{--hex-cell:clamp(16px, calc(46vw / var(--hex-size)), 28px);padding:34px 42px 36px}.chess-piece{font-size:clamp(1.45rem,10vw,3.2rem)}.chess-draw-offer{flex-direction:column;align-items:stretch}.chess-draw-offer>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mines-board{gap:clamp(1px,.9vw,3px);padding:clamp(4px,1.5vw,8px)}.mines-board.is-wide{gap:1px;padding:3px}.mine-cell{border-width:1px;border-radius:3px;font-size:clamp(.42rem,2.2vw,.8rem)}.connect-columns,.connect-board{gap:clamp(3px,1.1vw,6px)}.connect-board{padding:clamp(5px,1.8vw,9px)}.connect-drop-button{border-radius:7px;min-height:28px}.battle-grid{gap:2px;padding:3px}.rematch-box{justify-items:stretch}.modal-actions{flex-direction:column-reverse}.modal-actions .primary-button,.modal-actions .secondary-button{width:100%}}@media (width<=460px){#app{padding-inline:8px 18px}.app-shell{padding:8px 0}.brand-mark{width:40px;height:40px}.play-panel{padding:10px}.board{gap:clamp(3px,1.4vw,6px)}.cell{font-size:clamp(1.65rem,15vw,3.6rem)}.board-5 .cell{font-size:clamp(1rem,8vw,2rem)}.gomoku-board,.dots-board,.mines-board,.connect-board,.hex-board,.chess-board,.battle-grid{border-radius:6px}.gomoku-board{padding:4px}.dots-board{padding:5px}.hex-frame{--hex-cell:38px;width:max-content;min-width:max-content;max-width:none;padding:34px 44px 36px}.hex-wrap{overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;width:100%;max-height:min(70dvh,620px);padding:8px 4px 14px;display:block;overflow:auto}.hex-frame:before,.hex-frame:after{left:44px;right:44px}.hex-edge{padding:3px 7px;font-size:.62rem}.chess-piece{font-size:clamp(1.15rem,9vw,2.5rem)}.chess-promotion-options{grid-template-columns:repeat(2,minmax(0,1fr))}.dots-dot{max-width:12px}.mines-board{gap:1px;padding:3px}.mine-cell{border-radius:2px;font-size:clamp(.36rem,2vw,.68rem)}.connect-columns,.connect-board{gap:3px}.connect-board{padding:5px}.battle-grid{gap:1px;padding:2px}.timer-grid,.segmented.three,.powerup-row{grid-template-columns:1fr}.player-badge{flex-wrap:wrap}}@media (width<=800px),(hover:none) and (pointer:coarse){.hex-wrap{overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;max-height:min(72dvh,680px);padding:8px 4px 14px;display:block;overflow:auto}.hex-frame{--hex-cell:44px;width:max-content;min-width:max-content;max-width:none;padding:38px 48px 40px}.hex-board{max-width:none}.hex-cell{touch-action:manipulation;min-width:44px;min-height:41px}.hex-frame:before,.hex-frame:after{left:48px;right:48px}}