*{box-sizing:border-box}html{background:#0b1020}body{color:#fff;background:#0b1020;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #d4a13a}.screenLoader{color:#cfcfcf;background:#070b14;place-items:center;min-height:100vh;display:grid}.leaveGameOverlay{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.leaveGameModal{color:#f8fafc;text-align:center;background:linear-gradient(135deg,#2dd4bf21,#0000 42%),linear-gradient(#0f172afa,#080d17fa);border:1px solid #5eead447;border-radius:12px;width:min(480px,100%);padding:28px;box-shadow:0 0 0 1px #38bdf814,0 34px 100px #0000007a}.leaveGameModal h2{color:#f8fafc;margin:0;font-size:clamp(30px,5vw,46px);line-height:1}.leaveGameModal p{color:#94a3b8;max-width:340px;margin:14px auto 0;font-size:16px;font-weight:700;line-height:1.55}.leaveGameActions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.leaveGameActions button{cursor:pointer;border-radius:8px;min-width:128px;min-height:46px;padding:0 18px;font-weight:900}.leaveGameStayButton{color:#e2e8f0;background:#ffffff0e;border:1px solid #94a3b83d}.leaveGameConfirmButton{color:#06201d;background:linear-gradient(#5eead4 0%,#38bdf8 56%,#60a5fa 100%);border:0;box-shadow:0 0 0 1px #5eead442,0 16px 34px #2dd4bf3d}.checkersBrand{min-height:48px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:12px;padding:0;font-size:22px;display:flex}.checkersBrandMark{filter:drop-shadow(0 10px 18px #0f172a59);flex:none;width:44px;height:44px;display:block}.checkersBrandMark svg{width:100%;height:100%;display:block}.checkersBrand strong{letter-spacing:-.02em;font-size:22px;font-weight:900}.authShell{color:#f6f7ff;background:radial-gradient(circle at 18% 20%,#45d6c529,#0000 30%),radial-gradient(circle at 84% 16%,#ff6f611f,#0000 28%),linear-gradient(135deg,#0b1020,#121527 52%,#191324);place-items:center;min-height:100vh;padding:28px;display:grid}.authLayout{background:#0c1122e0;border:1px solid #8794cf2e;border-radius:28px;width:min(480px,100%);overflow:hidden;box-shadow:0 30px 90px #00000057}.authKicker{color:#45d6c5;letter-spacing:.08em;text-transform:uppercase;margin:26px 0 0;font-size:13px;font-weight:900}.authCard{flex-direction:column;gap:16px;padding:40px 36px 36px;display:flex}.authBrand{pointer-events:none;align-self:flex-start;margin-bottom:4px}.authBrand.checkersBrand{cursor:default}.authCard .authKicker{margin:0}.authCard h2{margin:0;font-size:38px}.authText,.mutedText{color:#9ea7ca;margin:0}.authCard input{color:#fff;background:#ffffff0e;border:1px solid #8794cf2e;border-radius:15px;outline:none;width:100%;min-height:56px;padding:0 16px;font-size:16px}.authCard input:focus{border-color:#45d6c5}.primaryAuthButton,.googleButton,.guestButton{cursor:pointer;border:0;border-radius:15px;min-height:56px;font-size:16px;font-weight:900;transition:transform .25s,background .25s}.primaryAuthButton{color:#fff;background:linear-gradient(135deg,#ff6f61,#5f7cff);margin-top:8px}.primaryAuthButton:hover,.googleButton:hover,.guestButton:hover{transform:translateY(-1px)}.googleButton{color:#111827;background:#f6f7ff;justify-content:center;align-items:center;gap:12px;display:flex}.googleButton img{width:22px;height:22px}.guestButton{color:#fff;background:#ffffff0e;border:1px solid #8794cf2e}.passwordRules{flex-direction:column;gap:4px;display:flex}.errorText,.successText{margin:0;font-size:14px}.errorText{color:#ff8585}.successText{color:#45d6c5}.switchAuth{text-align:center;margin:8px 0 0;font-size:15px}.authLink{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;margin-left:6px;font-weight:900}.authLink:hover{color:#45d6c5}@media (width<=520px){.authShell{padding:14px}.authCard{padding:28px 22px}}:root{--bg:#0b1020;--panel:#080d17c7;--panel-strong:#0b121feb;--line:#94a3b833;--text:#f6f7ff;--muted:#9ea7ca;--green:#102a4f;--green-light:#2dd4bf;--accent-cyan:#5eead4;--accent-blue:#38bdf8;--accent-blue-dark:#60a5fa;--ruby:#ff6f61;--ruby-dark:#9f3847;--onyx:#0d1327;--onyx-ring:#7e8fbd;--amber:#f5bd5b;--blue:#5f7cff;--shadow:0 24px 70px #00000057;--game-bg:radial-gradient(circle at 50% 18%, #5f7cff29, transparent 34%), radial-gradient(circle at 18% 72%, #45d6c51a, transparent 30%), radial-gradient(circle at 88% 78%, #f5bd5b0e, transparent 28%), linear-gradient(180deg, #0f172af0, #020617fa), #08111f;--game-before-bg:linear-gradient(120deg, transparent 0 40%, #7e8fbd0e 50%, transparent 60%), radial-gradient(circle at 50% 50%, transparent 0 45%, #020617a3 82%);--game-after-bg:#5f7cff1a;--arena-accent:#38bdf8;--arena-glow:#38bdf829;--arena-particles:radial-gradient(circle at 18% 22%, #7dd3fc33 0 1px, transparent 2px), radial-gradient(circle at 76% 18%, #60a5fa29 0 1px, transparent 2px);--arena-lines:linear-gradient(120deg, transparent 0 42%, #7dd3fc1a 48%, transparent 56%);--board-light:#ead9bd;--board-dark:#8a5632;--board-dark-accent:#4d26123d;--board-frame:#080d17c7;--board-aura:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--board-dark) 26%, transparent), transparent 62%);--piece-light-bg:radial-gradient(circle at 35% 28%, #fffffff2, transparent 24%), linear-gradient(180deg, #fff8e7, #d9c7a7 72%, #9f8b6b);--piece-light-color:#8f8068;--piece-light-border:#503d2966;--piece-dark-bg:radial-gradient(circle at 35% 28%, #fff3, transparent 23%), linear-gradient(180deg, #2d2924, #12100e 72%, #050403);--piece-dark-color:#d7c8ab;--piece-dark-border:#ead9bd80;--piece-extra-shadow:0 12px 16px #00000047}.gameShell{background:var(--game-bg);min-height:calc(100vh - 140px);color:var(--text);border:1px solid #94a3b824;border-radius:8px;padding:clamp(6px,1vw,18px);position:relative;overflow-x:hidden}.gameShell:before,.gameShell:after{content:"";pointer-events:none;z-index:0;position:fixed}.gameShell:before{background:var(--arena-particles), var(--game-before-bg);opacity:.98;background-size:auto,100% 100%;animation:18s linear infinite arenaParticlesDrift;inset:0}.gameShell:after{background:radial-gradient(circle at 50% 50%, var(--arena-glow), transparent 68%), var(--game-after-bg);filter:blur(64px);opacity:.94;border-radius:50%;width:min(940px,76vw);height:min(430px,42vw);bottom:-92px;left:50%;transform:translate(-50%)}.gameLayout,.kingToast,.gameOverOverlay{z-index:1;position:relative}.gameLayout{grid-template-columns:1fr;gap:22px;width:min(1440px,100%);min-height:calc(100vh - 158px);margin:0 auto;display:grid;position:relative}.gameLayout:before{content:"";background:var(--arena-lines);opacity:.42;filter:blur(.2px);pointer-events:none;border-radius:18px;animation:9s ease-in-out infinite alternate arenaLinesFloat;position:absolute;inset:16px 0 92px}.boardStage{--play-board-size:clamp(500px, min(68vw, calc(100vh - 200px)), 760px);z-index:1;min-width:0;position:relative}.backHomeButton{border:1px solid var(--line);width:fit-content;min-height:42px;color:var(--text);cursor:pointer;background:#ffffff0e;border-radius:8px;padding:0 14px;font-weight:800;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.backHomeButton:hover{background:#2dd4bf13;border-color:#5eead457;transform:translateY(-1px);box-shadow:0 12px 28px #0f172a47}.turnPanel,.scoreBadge,.matchHud{align-items:center;gap:12px;display:flex}.turnPanel h2{letter-spacing:0;margin:0}.eyebrow,.scoreBadge small{color:var(--muted);margin:0}.eyebrow{text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:700}.turnPanel{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;padding:14px}.turnStone,.historyDot{border-radius:50%;flex:none}.turnStone{width:36px;height:36px}.turnStone.red,.historyDot.red{background:#f5ead7;border:1px solid #503d2973}.turnStone.black,.historyDot.black{border:1px solid var(--onyx-ring);background:#111518}.segmentedControl{border:1px solid var(--line);background:#ffffff09;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid}.segmentedControl button,.actionGrid button,.optionGroup select{border:0;border-radius:8px;min-height:42px}.segmentedControl button,.actionGrid button{color:var(--muted);cursor:pointer;background:0 0}.segmentedControl button.active,.actionGrid button{background:linear-gradient(180deg, var(--accent-cyan), var(--accent-blue));color:#06201d;font-weight:800;box-shadow:0 0 0 1px #5eead438,0 12px 24px #2dd4bf38}.sideChoice button.active:first-child{color:#fff;background:linear-gradient(#ff8a7f,#b9444f)}.sideChoice button.active:last-child{color:var(--onyx-ring);border:1px solid var(--onyx-ring);background:#0d1327}.optionGroup{gap:8px;display:grid}.optionGroup label,.toggleRow{color:var(--muted);font-size:14px;font-weight:700}.optionGroup select{border:1px solid var(--line);background:var(--panel-strong);width:100%;color:var(--text);padding:0 12px}.toggleRow{align-items:center;gap:10px;display:flex}.toggleRow input{accent-color:var(--amber)}.actionGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actionGrid button:disabled{cursor:not-allowed;opacity:.45}.scoreStrip{align-items:stretch;gap:10px;display:flex}.scoreBadge{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;padding:12px}.scoreBadge strong,.scoreBadge small{display:block}.historyDot{width:13px;height:13px}.boardStage{flex-direction:column;align-items:center;gap:clamp(12px,1.8vh,22px);display:flex}.matchHud{border:1px solid color-mix(in srgb, var(--arena-accent) 24%, #94a3b833);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(980px,100%);min-height:82px;box-shadow:0 18px 48px #00000047, 0 0 34px color-mix(in srgb, var(--arena-accent) 12%, transparent), inset 0 1px 0 #ffffff0d;background:linear-gradient(#ffffff0e,#ffffff05),#080d1794;border-radius:8px;grid-template-columns:minmax(142px,.9fr) minmax(150px,1fr) minmax(150px,1fr) minmax(112px,.72fr) minmax(128px,.82fr) minmax(150px,.95fr);align-items:stretch;gap:14px;margin:0 auto;padding:14px;display:grid}.matchHud .turnPanel{gap:10px;min-width:0;min-height:58px;padding:10px 14px}.matchHud .turnPanel h2{white-space:nowrap;font-size:17px;line-height:1.05}.matchHud .scoreStrip{min-width:0;display:contents}.matchHud .scoreBadge{gap:10px;min-width:0;min-height:58px;padding:10px 14px}.matchHud .scoreBadge strong{font-size:16px;line-height:1}.matchHud .scoreBadge small{white-space:nowrap;font-size:11px;line-height:1.15;display:block}.matchHud .toggleRow{border:1px solid var(--line);white-space:nowrap;background:#ffffff0a;border-radius:8px;justify-content:center;min-width:0;min-height:58px;padding:0 14px;font-size:14px}.hintButton{color:#facc15;cursor:pointer;white-space:nowrap;background:linear-gradient(#facc151a,#ffffff09),#ffffff09;border:1px solid #facc1547;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:58px;padding:0 14px;font-size:14px;font-weight:900;transition:border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;position:relative}.hintButton svg{flex:none;width:17px;height:17px}.hintCounter{color:#fde68a;background:#facc151a;border:1px solid #facc154d;border-radius:999px;place-items:center;min-width:32px;min-height:24px;padding:0 7px;font-size:12px;font-weight:900;line-height:1;display:inline-grid}.hintButton:hover:not(:disabled),.hintButton.active{border-color:#facc15b8;transform:translateY(-1px);box-shadow:0 0 0 3px #facc151f,0 0 22px #facc1538}.hintButton:disabled{cursor:not-allowed;opacity:.52;transform:none}.matchHud .restartButton{white-space:nowrap;min-width:0;min-height:58px;padding:0 18px;font-size:14px;box-shadow:0 0 0 1px #5eead438,0 10px 24px #2dd4bf38}.kingToast{color:#facc15;z-index:50;background:#1f1d12f0;border:1px solid #facc1561;border-radius:8px;align-items:center;gap:8px;min-height:64px;padding:0 24px;font-weight:900;animation:1.2s both kingToastIn;display:flex;position:fixed;top:112px;left:50%;transform:translate(-50%);box-shadow:0 24px 70px #00000057}.kingToast span{font-size:28px;line-height:1}.kingToast strong{white-space:nowrap;font-size:clamp(22px,3vw,34px)}.gameOverOverlay{z-index:18;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617b8;place-items:center;padding:24px;animation:.18s both modalOverlayIn;display:grid;position:fixed;inset:0}.gameOverCard{text-align:center;background:linear-gradient(135deg,#facc151f,#0000 42%),#080d17f5;border:1px solid #facc1552;border-radius:8px;width:min(560px,100%);padding:28px;animation:.24s cubic-bezier(.2,.9,.2,1) both modalCardIn;position:relative;box-shadow:0 34px 100px #00000073}.gameOverCard h2{color:#facc15;margin:10px 0;font-size:clamp(42px,7vw,72px);line-height:.95}.restartConfirmCard h2{font-size:clamp(36px,5vw,56px)}.gameOverCard>p:not(.eyebrow){color:var(--muted);margin:0;font-size:18px}.gameOverActions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.modalCloseButton{color:#e2e8f0;cursor:pointer;background:linear-gradient(#ffffff13,#ffffff06),#0f172ae6;border:1px solid #7e8fbd57;border-radius:50%;place-items:center;width:40px;height:40px;font-size:28px;font-weight:700;line-height:1;transition:border-color .18s,box-shadow .18s,color .18s,transform .18s;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 0 0 2px #02061785,inset 0 1px #ffffff0f}.modalCloseButton:hover,.modalCloseButton:focus-visible{color:#f8fafc;border-color:#7dd3fcc7;outline:none;transform:translateY(-1px)scale(1.04);box-shadow:0 0 0 2px #02061799,0 0 22px #38bdf847,inset 0 1px #ffffff14}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalCardIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kingToastIn{0%{opacity:0;transform:translate(-50%,-12px)scale(.98)}12%,78%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(.98)}}.restartButton{background:linear-gradient(180deg, var(--accent-cyan) 0%, var(--accent-blue) 56%, var(--accent-blue-dark) 100%);color:#06201d;cursor:pointer;border:0;border-radius:8px;min-height:48px;padding:0 18px;font-weight:900;transition:background .18s,box-shadow .18s,filter .18s,transform .18s;box-shadow:0 0 0 1px #5eead442,0 16px 34px #2dd4bf3d}.restartButton:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 0 0 1px #5eead461,0 0 28px #2dd4bf47,0 20px 42px #38bdf84d}.restartButton:active{transform:translateY(0)}.statusPill{border:1px solid var(--line);min-width:116px;color:var(--green-light);text-align:center;border-radius:999px;padding:9px 12px;font-size:14px;font-weight:800}.statusPill.warning{color:#101626;background:linear-gradient(#facc15,#f59e0b);border-color:#0000}.boardWrap{flex:1;place-items:center;width:100%;min-height:0;padding:0 clamp(0px,1vw,12px);display:grid;position:relative}.boardWrap:before{content:"";width:min(calc(var(--play-board-size) + 120px), 92vw);aspect-ratio:1;background:var(--board-aura);filter:blur(28px);opacity:.86;pointer-events:none;border-radius:50%;position:absolute}.board{width:min(var(--play-board-size), 100%);aspect-ratio:1;border:1px solid var(--line);background:linear-gradient(180deg, #ffffff09, #ffffff03), var(--board-frame);min-width:min(420px,100%);box-shadow:0 24px 70px #0000004d, 0 0 0 1px color-mix(in srgb, var(--board-light) 16%, transparent), 0 0 48px color-mix(in srgb, var(--arena-accent) 18%, transparent), 0 0 72px color-mix(in srgb, var(--board-dark) 24%, transparent);z-index:1;border-radius:8px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));padding:clamp(10px,1.2vw,14px);display:grid;position:relative}.square{z-index:1;aspect-ratio:1;border:0;border-radius:8px;place-items:center;width:100%;display:grid;position:relative}.lightSquare{background:linear-gradient(135deg, #fff3, transparent 36%), var(--board-light)}.darkSquare{background:linear-gradient(135deg, #ffffff14, transparent 34%), linear-gradient(315deg, var(--board-dark-accent), transparent 46%), var(--board-dark);cursor:pointer}.darkSquare:hover{filter:brightness(1.08)}.square.selected{outline:3px solid var(--amber);outline-offset:-4px}.square.movablePieceSquare{box-shadow:inset 0 0 0 3px #facc15d1,0 0 22px #facc1547}.square.movablePieceSquare .piece{transform:translateY(-3px);box-shadow:inset 0 -10px #0003,inset 0 5px #ffffff38,0 0 0 4px #facc1561,0 16px 20px #00000052}.square.moveTarget:after{content:"";background:#45d6c5e0;border-radius:50%;width:26%;height:26%;box-shadow:0 0 0 5px #45d6c529}.square.captureTarget:after{background:var(--amber);width:36%;height:36%;box-shadow:0 0 0 6px #d4a13a29}.square.lastMove{box-shadow:inset 0 0 0 3px #4d7fa8e6}.square.capturedSquare{box-shadow:inset 0 0 0 3px #be3d4aeb}.square.hintSourceSquare,.square.hintTargetSquare{z-index:4;animation:1.1s ease-in-out infinite hintSquarePulse}.square.hintSourceSquare{box-shadow:inset 0 0 0 4px #a855f7f2,0 0 0 5px #22d3ee2e,0 0 30px #a855f77a}.square.hintTargetSquare{box-shadow:inset 0 0 0 4px #45d6c5f2,0 0 26px #45d6c56b}.square.hintTargetSquare:before{content:"";border:3px solid #45d6c5f2;border-radius:50%;width:42%;height:42%;box-shadow:0 0 0 7px #45d6c529,0 0 22px #45d6c561}.square.hintSourceSquare .piece{animation:.95s ease-in-out infinite hintPiecePulse;transform:translateY(-5px)scale(1.08);box-shadow:inset 0 -10px #0003,inset 0 5px #ffffff38,0 0 0 4px #a855f7b8,0 0 0 8px #22d3ee33,0 0 34px #a855f78f,0 18px 22px #00000057}.hintPathOverlay{z-index:3;pointer-events:none;position:absolute;inset:10px;overflow:visible}.hintPathLine,.hintPathGlow{vector-effect:non-scaling-stroke;stroke-linecap:round}.hintPathGlow{stroke:#22d3ee4d;stroke-width:.26px;filter:blur(.08px)}.hintPathLine{stroke:#22d3eef0;stroke-width:.08px;stroke-dasharray:.24 .16;filter:drop-shadow(0 0 .08px #22d3eef2);animation:.8s linear infinite hintPathDash}.hintPathOverlay marker path{fill:#22d3eef5}.piece{width:74%;height:74%;box-shadow:inset 0 -10px 0 #0003, inset 0 5px 0 #ffffff38, var(--piece-extra-shadow);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:relative}.piece:before{content:"";border-radius:inherit;opacity:.35;border:3px solid;position:absolute;inset:13%}.piece:after{content:"";border-radius:inherit;opacity:.25;border:2px solid;position:absolute;inset:28%}.piece.red{color:var(--piece-light-color);background:var(--piece-light-bg);border:1px solid var(--piece-light-border)}.piece.black{color:var(--piece-dark-color);background:var(--piece-dark-bg);border:1px solid var(--piece-dark-border)}@keyframes hintSquarePulse{0%,to{filter:brightness()}50%{filter:brightness(1.16)}}@keyframes hintPiecePulse{0%,to{filter:brightness()}50%{filter:brightness(1.22)}}@keyframes hintPathDash{to{stroke-dashoffset:-.4px}}@keyframes arenaParticlesDrift{0%{background-position:0 0,0 0}to{background-position:34px 52px,0 0}}@keyframes arenaLinesFloat{0%{opacity:.28;transform:translateY(-8px)}to{opacity:.54;transform:translateY(8px)}}.piece span{z-index:1;color:currentColor;font-size:clamp(18px,2.6vw,30px);font-weight:900;line-height:1;position:relative;transform:translateY(-1px)}.piece.king{box-shadow:inset 0 -8px #00000029,0 0 0 4px #d4a13ab8,0 16px 20px #00000047}@media (width<=1040px){.matchHud{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.gameShell{padding:14px}.gameLayout{grid-template-columns:1fr;min-height:auto}.boardStage{--play-board-size:min(100%, calc(100vw - 56px));order:initial}.board{width:100%;min-width:0}.boardWrap{padding-inline:0}.matchHud{grid-template-columns:repeat(2,minmax(0,1fr))}.matchHud .scoreStrip{display:contents}.matchHud .scoreBadge{width:100%}}@media (width<=520px){.matchHud{grid-template-columns:1fr;padding:14px}.turnPanel h2{font-size:22px}.square.moveTarget:after{width:22%;height:22%}}.playerTopbarStats{flex:none;align-items:center;gap:14px;display:flex}.playerWallet{background:linear-gradient(#ffffff12,#ffffff08),#080d178c;border:1px solid #8794cf38;border-radius:999px;align-items:center;gap:4px;min-height:48px;padding:6px 8px 6px 10px;display:flex;box-shadow:inset 0 1px #ffffff0d}.playerWalletStat{align-items:center;gap:10px;padding:0 10px;display:flex}.playerWalletStat--coins{border-radius:999px;position:relative}.playerWalletDivider{background:#8794cf38;flex:none;width:1px;height:28px}.playerWalletIcon{border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.playerWalletIcon svg{width:18px;height:18px}.playerWalletIcon--rating{color:#fbbf24;background:#fbbf2424;box-shadow:inset 0 0 0 1px #fbbf2438}.playerWalletIcon--coins{color:#2dd4bf;background:#2dd4bf24;box-shadow:inset 0 0 0 1px #5eead438}.playerWalletCopy{gap:1px;line-height:1.1;display:grid}.playerWalletCopy small{color:#9ea7caeb;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.playerWalletCopy strong{color:#f8fafc;font-size:15px;font-weight:900}.playerWalletStat--coins .playerWalletCopy strong{color:#99f6e4}.coinPulseRing{pointer-events:none;border:1px solid #5eead49e;border-radius:999px;animation:1.35s cubic-bezier(.2,.84,.18,1) coinWalletPulse;position:absolute;inset:-8px}@keyframes coinWalletPulse{0%{opacity:0;transform:scale(1)}16%{opacity:1;transform:scale(1.05);box-shadow:0 0 0 4px #86efac29,0 0 22px #2dd4bf57,0 0 42px #38bdf82e}48%{opacity:.92;transform:scale(1.15);box-shadow:0 0 0 8px #2dd4bf29,0 0 34px #2dd4bf61,0 0 62px #38bdf838}to{opacity:0;transform:scale(1.34);box-shadow:0 0 0 16px #2dd4bf00,0 0 #2dd4bf00}}.playerAccount{align-items:center;gap:12px;padding-left:4px;display:flex}.playerAccountCopy{text-align:right;gap:1px;line-height:1.1;display:grid}.playerAccountCopy small{color:#9ea7caeb;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.playerAccountCopy strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;font-weight:900;overflow:hidden}.playerAccountAvatar{color:#06201d;cursor:pointer;background:linear-gradient(135deg,#2dd4bf,#38bdf8);border:0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:18px;font-weight:900;transition:transform .2s;display:grid;overflow:hidden;box-shadow:0 0 0 2px #080d17e6,0 0 0 3px #38bdf847}.playerAccountAvatar:hover{transform:translateY(-1px)}.playerAccountAvatar--amber{background:linear-gradient(135deg,#fbbf24,#fb7185)}.playerAccountAvatar--violet{background:linear-gradient(135deg,#a78bfa,#38bdf8)}.playerAccountAvatar--steel{background:linear-gradient(135deg,#e2e8f0,#64748b)}.playerAccountAvatar--image{background:#0f172a;padding:0}.playerAccountAvatar img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=720px){.playerWallet,.playerAccountCopy{display:none}}.productShell{--app-bg:#0f172a;--app-surface:#111827;--app-surface-2:#172033;--app-line:#94a3b82e;--app-text:#f8fafc;--app-muted:#94a3b8;--app-green:#2dd4bf;--app-cyan:#38bdf8;--app-turquoise:#5eead4;--app-electric:#60a5fa;--app-electric-dark:#0e7490;--app-primary-gradient:linear-gradient(135deg, #2dd4bf 0%, #38bdf8 56%, #60a5fa 100%);--app-primary-glow:0 0 0 1px #5eead438, 0 18px 42px #2dd4bf3d;--app-orange:#fb923c;--app-red:#ef4444;--app-blue:#60a5fa;background:radial-gradient(circle at top left, #2dd4bf1a, transparent 30%), radial-gradient(circle at bottom right, #fb923c1a, transparent 28%), var(--app-bg);min-height:100vh;color:var(--app-text);display:block}.appTopbar{border-bottom:1px solid var(--app-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#0f172ae6;justify-content:space-between;align-items:center;gap:22px;min-height:84px;padding:16px 28px;display:flex;position:sticky;top:0}.productBrand,.sideNav button,.accountCluster button,.primaryAction,.secondaryAction,.difficultyPicker button,.optionButton,.toggleButton,.ruleSelectButton{cursor:pointer;border:0}.productBrand{min-height:48px;color:var(--app-text);background:0 0;flex:none;align-items:center;gap:12px;font-size:22px;display:flex}.accountCluster button{background:linear-gradient(135deg, var(--app-green), var(--app-blue));color:#06121f;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.sideNav{flex:auto;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.sideNav button{min-height:42px;color:var(--app-muted);text-align:center;white-space:nowrap;background:0 0;border-radius:999px;padding:0 16px;font-weight:800;transition:background .18s,color .18s,box-shadow .18s}.sideNav button.active,.sideNav button:hover{color:var(--app-text);background:#2dd4bf1f;box-shadow:inset 0 0 0 1px #5eead429}.sectionLabel,.focusList p,.gameList p,.leaderboardTable p,.profileEmail{color:var(--app-muted)}.sectionLabel{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.appMain{width:min(1440px,100%);min-width:0;margin:0 auto;padding:28px}.appMain--game{width:min(1480px,100%);padding:0 28px 24px}.accountCluster{color:var(--app-muted);align-items:center;gap:12px;font-weight:800;display:flex}.accountCluster button{color:#06121f}.topbarCluster{flex:none;align-items:center;gap:12px;display:flex}.walletPill{border:1px solid var(--app-line);min-height:44px;color:var(--app-muted);background:#ffffff0b;border-radius:999px;align-items:center;gap:10px;padding:0 14px;font-size:13px;font-weight:900;display:flex}.walletPill strong{color:var(--app-green)}.dashboardGrid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.homeHero,.launchPanel,.playSetup,.matchSummary,.contentCard{border:1px solid var(--app-line);background:#111827db;border-radius:8px;box-shadow:0 24px 70px #0003}.homeHero{background:linear-gradient(135deg,#2dd4bf1f,#0000 35%),linear-gradient(315deg,#fb923c1f,#0000 28%),#111827e6;grid-column:1/-1;grid-template-columns:minmax(0,.95fr) minmax(340px,.75fr);align-items:center;gap:28px;min-height:520px;padding:32px;display:grid;overflow:hidden}.heroCopy{min-width:0}.heroCopy h2{max-width:760px;margin:0 0 12px;font-size:clamp(48px,6vw,92px);line-height:.92}.heroCopy p:not(.sectionLabel){max-width:620px;color:var(--app-muted);margin:0;font-size:18px;line-height:1.65}.heroCopy .heroLine{color:var(--app-text);margin-bottom:18px;font-size:clamp(28px,3vw,46px);font-weight:900;line-height:1}.heroCopy .launchActions{margin-top:34px}.heroPlayButton{letter-spacing:.01em;border-radius:14px;justify-content:center;align-items:center;gap:12px;min-width:220px;min-height:68px;padding:16px 38px;font-size:18px;display:inline-flex;box-shadow:0 0 0 1px #5eead447,0 0 34px #2dd4bf3d,0 22px 54px #38bdf838,0 18px 34px #00000047}.heroPlayButton span{background:#06201d24;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;line-height:1;display:grid;transform:translate(1px);box-shadow:inset 0 0 0 1px #06201d29}.heroPlayButton:hover{transform:translateY(-2px)scale(1.035);box-shadow:0 0 0 1px #5eead47a,0 0 46px #2dd4bf57,0 26px 66px #38bdf84d,0 20px 38px #00000052}.heroBoardWrap{gap:14px;min-width:0;display:grid}.heroStats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.heroStats span{border:1px solid var(--app-line);min-height:40px;color:var(--app-muted);text-align:center;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-weight:900;display:flex}.dailyMissions{border:1px solid var(--app-line);background:radial-gradient(circle at 100% 0,#60a5fa1f,#0000 32%),radial-gradient(circle at 0 100%,#2dd4bf1a,#0000 34%),#111827db;border-radius:8px;padding:24px;box-shadow:0 24px 70px #0003}.missionsHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.missionsHeader h2{margin:8px 0 0;font-size:30px;line-height:1}.missionsHeader>span{color:#99f6e4;background:#2dd4bf14;border:1px solid #2dd4bf47;border-radius:999px;align-items:center;min-height:38px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}.missionGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.missionCard{background:linear-gradient(#ffffff0e,#ffffff06),#0f172abd;border:1px solid #94a3b82e;border-radius:8px;flex-direction:column;gap:10px;min-width:0;min-height:258px;padding:16px;display:flex;box-shadow:inset 0 1px #ffffff0a}.missionCard--claimed{background:linear-gradient(#38bdf81a,#ffffff06),#0f172abd;border-color:#38bdf857}.missionCard--claiming{animation:1.08s cubic-bezier(.22,.86,.18,1) missionClaimPop;box-shadow:0 0 0 1px #fbbf2438,0 0 34px #fbbf242e,inset 0 1px #ffffff0f}.missionCardTop,.missionProgressRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.missionIcon{color:#7dd3fc;background:#60a5fa24;border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #60a5fa33}.missionReward{color:#fcd34d;background:#fbbf241f;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.missionReward:after{content:" coins";color:#fcd34dc7;margin-left:3px;font-size:11px}.missionCard h3{color:var(--app-text);margin:4px 0 0;font-size:18px;line-height:1.1}.missionCard p{min-height:42px;color:var(--app-muted);margin:0;font-size:13px;font-weight:700;line-height:1.45}.missionProgressRow{color:var(--app-muted);text-transform:uppercase;margin-top:auto;font-size:12px;font-weight:900}.missionProgressRow strong{color:var(--app-text)}.missionProgressBar{background:#94a3b829;border-radius:999px;height:8px;overflow:hidden}.missionProgressBar span{border-radius:inherit;background:linear-gradient(90deg, var(--app-green), var(--app-blue));height:100%;display:block;box-shadow:0 0 16px #38bdf842}.missionCard button{background:linear-gradient(135deg, var(--app-green), var(--app-blue));color:#06121f;cursor:pointer;border:0;border-radius:8px;min-height:40px;font-weight:900}.missionCard button:disabled{color:#e2e8f07a;cursor:not-allowed;background:#94a3b824}.rewardFlightLayer{z-index:120;pointer-events:none;position:fixed;inset:0;overflow:hidden}.rewardFlightAmount,.rewardParticle{will-change:transform, opacity, filter;position:fixed;transform:translate(-50%,-50%)}.rewardFlightAmount{color:#291706;background:linear-gradient(#fef08afa,#fbbf24eb),#fbbf24;border:1px solid #fbbf248c;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:14px;font-weight:1000;animation:1.58s cubic-bezier(.38,0,.16,1) .16s forwards rewardAmountFlight;display:inline-flex;box-shadow:0 0 0 4px #fbbf241f,0 0 26px #fbbf246b}.rewardFlightAmount:after{content:" coins";margin-left:4px;font-size:11px}.rewardParticle{background:radial-gradient(circle at 32% 28%,#fff7ad 0 22%,#facc15 45%,#f59e0b 72%);border-radius:50%;width:14px;height:14px;animation:1.42s cubic-bezier(.42,0,.16,1) forwards rewardParticleFlight;box-shadow:0 0 0 2px #fbbf241f,0 0 18px #fbbf247a}@keyframes missionClaimPop{0%{transform:scale(1)}35%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes rewardAmountFlight{0%{opacity:0;filter:drop-shadow(0 0 #fbbf2400);transform:translate(-50%,-50%)scale(.72)}12%{opacity:1;filter:drop-shadow(0 0 12px #fbbf246b);transform:translate(-50%,-86%)scale(1.12)}48%{opacity:1;filter:drop-shadow(0 0 20px #fbbf2480);transform:translate(calc(var(--reward-mid-x) - 50%), calc(var(--reward-mid-y) - 50%)) scale(1.03)}82%{opacity:1;filter:drop-shadow(0 0 28px #38bdf857);transform:translate(calc(var(--reward-dx) - 50%), calc(var(--reward-dy) - 50%)) scale(.72)}to{opacity:0;filter:blur(.3px)drop-shadow(0 0 34px #38bdf861);transform:translate(calc(var(--reward-dx) - 50%), calc(var(--reward-dy) - 50%)) scale(.46)}}@keyframes rewardParticleFlight{0%{opacity:0;filter:blur();transform:translate(-50%,-50%)scale(.32)rotate(0)}14%{opacity:1;transform:translate(-50%,-88%)scale(1.08)rotate(80deg)}52%{opacity:1;transform:translate(calc(var(--reward-mid-x) - 50%), calc(var(--reward-mid-y) - 50%)) scale(.95) rotate(260deg)}78%{opacity:1;filter:blur();transform:translate(calc(var(--reward-dx) - 50%), calc(var(--reward-dy) - 50%)) scale(.56) rotate(480deg)}to{opacity:0;filter:blur(.5px);transform:translate(calc(var(--reward-dx) - 50%), calc(var(--reward-dy) - 50%)) scale(.34) rotate(620deg)}}.launchPanel{flex-direction:column;justify-content:space-between;gap:24px;min-height:360px;padding:28px;display:flex}.launchPanel h2{max-width:620px;margin:10px 0 14px;font-size:clamp(38px,5vw,68px);line-height:.95}.launchPanel p{max-width:620px;color:var(--app-muted);margin:0;font-size:18px;line-height:1.65}.difficultyPicker{border:1px solid var(--app-line);background:#ffffff0a;border-radius:14px;gap:4px;width:fit-content;padding:4px;display:flex}.difficultyPicker button{min-height:38px;color:var(--app-muted);background:0 0;border-radius:8px;padding:0 14px;font-weight:900;transition:background .18s,color .18s,box-shadow .18s,transform .18s}.difficultyPicker button.active{color:#06201d;background:linear-gradient(#5eead4fa,#38bdf8f5);box-shadow:0 10px 24px #2dd4bf3d}.difficultyPicker button:hover{color:var(--app-text);transform:translateY(-1px)}.launchActions{flex-wrap:wrap;gap:12px;display:flex}.primaryAction,.secondaryAction{color:#fff;border-radius:8px;min-height:52px;padding:0 20px;font-weight:900;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s}.primaryAction{background:var(--app-primary-gradient);color:#06201d;box-shadow:var(--app-primary-glow)}.secondaryAction{border:1px solid var(--app-line);background:#ffffff0f}.primaryAction:hover,.secondaryAction:hover{transform:translateY(-1px)}.primaryAction:hover{box-shadow:0 0 0 1px #5eead457,0 0 28px #2dd4bf3d,0 22px 50px #38bdf847}.secondaryAction:hover{background:#2dd4bf13;border-color:#5eead44d;box-shadow:0 12px 28px #0f172a47}.miniBoard{border:1px solid var(--app-line);border-radius:8px;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.heroBoard{transform:rotate(-2deg);box-shadow:0 28px 80px #00000047}.miniBoard span{aspect-ratio:1;place-items:center;display:grid}.miniBoard .light{background:#d9cfb6}.miniBoard .dark{background:#1f2a44}.miniBoard i{border-radius:50%;width:64%;height:64%;display:block;box-shadow:inset 0 -5px #00000038}.miniBoard i.red{background:linear-gradient(#fb7185,#991b1b)}.miniBoard i.dark{background:linear-gradient(#334155,#020617);border:1px solid #f8fafc59}.contentCard{padding:24px}.playArena{border:1px solid var(--app-line);background:radial-gradient(circle at 50% 18%,#60a5fa24,#0000 34%),radial-gradient(circle at 18% 82%,#2dd4bf1a,#0000 30%),radial-gradient(circle at 88% 76%,#fb923c0f,#0000 28%),linear-gradient(#0f172ae0,#020617f5),#08111f;border-radius:8px;place-items:center;gap:24px;min-height:calc(100vh - 190px);padding:28px;display:grid;position:relative;overflow:hidden}.playArena:before{content:"";opacity:.85;pointer-events:none;background:linear-gradient(120deg,#0000 0 42%,#7dd3fc0e 50%,#0000 58%),radial-gradient(circle,#0000 0 42%,#0206179e 78%);width:120%;height:120%;position:absolute;inset:-10%}.playArena:after{content:"";filter:blur(52px);pointer-events:none;background:#38bdf814;border-radius:50%;width:46%;height:32%;position:absolute;bottom:-12%;left:50%;transform:translate(-50%)}.selectedRules,.playSetup{z-index:1;position:relative}.selectedRules{justify-content:center;align-self:stretch;align-items:center;width:100%;min-height:38px;font-weight:900;display:flex;position:relative}.selectedRules>div{text-align:center;gap:4px;display:grid}.selectedRules span{color:#f8fafcd1}.selectedRules strong{color:#facc15;font-size:20px}.playSetup,.matchSummary{padding:24px}.playSetup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080d17c7;gap:18px;width:min(680px,100%);display:grid}.playSetup h2{max-width:560px;margin:10px 0 0;font-size:clamp(30px,4vw,44px);line-height:1.04}.settingGroup{gap:10px;display:grid}.settingGroup>p{color:var(--app-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.optionGrid{gap:10px;display:grid}.twoColumns{grid-template-columns:repeat(2,minmax(0,1fr))}.optionButton,.toggleButton,.ruleSelectButton{border:1px solid var(--app-line);min-width:0;min-height:74px;color:var(--app-text);text-align:left;background:linear-gradient(#ffffff14,#0000001f),#ffffff0b;border-radius:8px;padding:16px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;box-shadow:inset 0 1px #ffffff0a}.optionButton strong,.toggleButton strong{overflow-wrap:break-word;display:block}.optionButton span,.toggleButton span{color:var(--app-muted);margin-top:6px;font-weight:800;display:block}.ruleSelectButton{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.ruleSelectButton>span{flex:auto;justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.ruleSelectButton strong{text-align:center;font-size:20px;display:block}.ruleSelectButton b{color:#06201d;background:linear-gradient(#5eead4,#38bdf8);border-radius:8px;flex:none;place-items:center;width:42px;height:42px;font-size:24px;transition:box-shadow .18s,transform .18s,filter .18s;display:grid;box-shadow:0 0 0 1px #5eead44d,0 12px 24px #2dd4bf3d}.rulesInfoButton{color:#fff;cursor:pointer;background:linear-gradient(#5eead4,#38bdf8);border:0;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:20px;font-weight:900;display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 10px 22px #2dd4bf47}.ruleDetails{gap:8px;display:grid}.ruleDetails p{color:var(--app-muted);margin:0;font-weight:800}.rulesModalOverlay{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617ad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.rulesModal{background:radial-gradient(circle at 100% 0,#38bdf82e,#0000 42%),linear-gradient(#0f172afa,#080d17fa);border:1px solid #38bdf847;border-radius:16px;gap:20px;width:min(560px,100%);padding:28px;display:grid;position:relative;box-shadow:0 34px 100px #00000073}.rulesModalHeader{gap:14px;padding-right:42px;display:grid}.rulesModalTitleRow{align-items:center;gap:16px;display:flex}.rulesModalTitleRow h2{color:var(--app-text);margin:6px 0 0;font-size:clamp(28px,4vw,36px);line-height:1.05}.rulesModalSummary{color:#e2e8f0d1;margin:0;font-size:15px;font-weight:700;line-height:1.55}.rulesModalList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.rulesModalList li{border:1px solid var(--app-line);background:#ffffff0a;border-radius:12px;grid-template-columns:34px 1fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.rulesModalStep{color:#eff6ff;background:linear-gradient(#2dd4bf5c,#38bdf86b);border-radius:10px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:900;display:grid}.rulesModalList strong{color:#f8fafc;margin-bottom:4px;font-size:15px;display:block}.rulesModalList p{color:var(--app-muted);margin:0;font-weight:700;line-height:1.5}.rulesModalConfirm{cursor:pointer;color:#06201d;background:linear-gradient(#5eead4,#38bdf8);border:0;border-radius:12px;width:100%;min-height:52px;font-weight:900;box-shadow:0 14px 28px #2dd4bf42}.rulesModalClose{border:1px solid var(--app-line);width:38px;height:38px;color:var(--app-text);cursor:pointer;background:#ffffff0e;border-radius:50%;place-items:center;font-size:24px;line-height:1;display:grid;position:absolute;top:16px;right:16px}.ruleFlags{font-size:24px;font-style:normal;line-height:1}.ruleCheckersIcon{flex:none;justify-content:center;align-items:center;gap:4px;width:48px;height:28px;font-style:normal;display:inline-flex}.ruleCheckersIcon--lg{background:linear-gradient(135deg,#2dd4bf29,#0f172a33),#ffffff0d;border:1px solid #5eead438;border-radius:14px;gap:6px;width:72px;height:42px;padding:6px 8px;box-shadow:inset 0 0 0 1px #ffffff0a}.ruleCheckersIcon--compact{width:auto;height:auto;box-shadow:none;background:0 0;border:0;padding:0}.ruleCheckersIcon span{border:1px solid #ead9bd80;border-radius:50%;width:24px;height:24px;display:block;box-shadow:inset 0 -4px #0000002e,inset 0 2px #ffffff2e,0 6px 10px #00000038}.ruleCheckersIcon--lg span{width:30px;height:30px}.ruleBadge{border:1px solid var(--app-line);background:#ffffff0d;border-radius:14px;align-items:center;gap:10px;padding:6px 10px 6px 6px;font-style:normal;display:inline-flex}.ruleCheckersIcon span:first-child{background:linear-gradient(#fff8e7,#d9c7a7 72%,#9f8b6b)}.ruleCheckersIcon span:last-child{background:linear-gradient(#2d2924,#12100e 72%,#050403)}.optionButton.active,.toggleButton.active{background:linear-gradient(#2dd4bf2e,#38bdf821),#ffffff0e;border-color:#2dd4bfc7;box-shadow:0 0 0 1px #5eead429,0 0 26px #2dd4bf29,inset 0 1px #ffffff0f}.optionButton:hover,.toggleButton:hover,.ruleSelectButton:hover{border-color:#5eead461;transform:translateY(-1px);box-shadow:0 14px 32px #0f172a47,inset 0 1px #ffffff0f}.ruleSelectButton:hover b{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 0 0 1px #5eead461,0 0 24px #2dd4bf42,0 14px 30px #38bdf847}.toggleButton{justify-content:space-between;align-items:center;gap:16px;display:flex}.toggleButton span{width:58px;height:34px;color:var(--app-text);background:#94a3b82e;border-radius:999px;place-items:center;margin:0;display:grid}.toggleButton.active span{color:#06201d;background:linear-gradient(#5eead4,#38bdf8);box-shadow:0 0 0 1px #5eead442,0 0 18px #2dd4bf3d}.sidePicker{width:fit-content}.startMatchButton{text-transform:uppercase;color:#06201d;background:linear-gradient(#5eead4 0%,#38bdf8 60%,#60a5fa 100%);justify-self:center;width:min(460px,100%);min-height:68px;font-size:24px;box-shadow:0 12px #0e74906b,0 0 0 1px #5eead452,0 0 34px #2dd4bf3d,0 24px 50px #00000047}.startMatchButton:hover{box-shadow:0 10px #0e749075,0 0 0 1px #5eead46b,0 0 42px #2dd4bf52,0 28px 58px #38bdf842}.matchSummary{gap:16px;display:grid;position:sticky;top:24px}.wideCard{min-height:560px}.historyCard{background:radial-gradient(circle at 50% 0,#38bdf81c,#0000 34%),#111827db;align-content:start;justify-items:center;display:grid}.historyCard .cardHeader{text-align:center;justify-content:center;width:min(920px,100%)}.historyCard .cardHeader h2{margin-top:0}.cardHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.cardHeader h2,.contentCard h2{margin:8px 0 0;font-size:28px}.cardHeader span{color:var(--app-green);font-weight:900}.focusList{gap:12px;display:grid}.focusList article,.gameList article,.leaderboardTable article,.shopItem,.inventoryGrid article{border:1px solid var(--app-line);background:#ffffff09;border-radius:8px;padding:16px}.focusList strong,.gameList strong,.leaderboardTable strong,.shopItem strong,.inventoryGrid strong{color:var(--app-text);display:block}.focusList p,.gameList p,.leaderboardTable p,.shopItem p,.inventoryGrid p{color:var(--app-muted);margin:6px 0 0}.gameList{gap:10px;display:grid}.gameList.expanded{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),420px));justify-content:center;gap:14px;width:min(920px,100%);margin:0 auto}.gameList article{background:linear-gradient(#ffffff0e,#ffffff06),#0f172ab8;justify-content:space-between;align-items:center;gap:14px;min-height:88px;padding:20px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 18px 36px #02061729}.gameList article:hover{background:linear-gradient(#ffffff14,#ffffff0a),#0f172acc;transform:translateY(-2px)}.gameRecordMain{gap:6px;min-width:0;display:grid}.gameList .matchResult{letter-spacing:0;font-size:20px;line-height:1}.gameList time{color:var(--app-muted);white-space:nowrap;font-size:13px;font-weight:800}.gameRecord--win{border-color:#5eead45c;box-shadow:0 0 0 1px #2dd4bf1f,0 0 24px #2dd4bf24,0 18px 36px #0206172e}.gameRecord--win .matchResult{color:var(--app-turquoise)}.gameRecord--win:hover{border-color:#5eead494;box-shadow:0 0 0 1px #5eead438,0 0 34px #2dd4bf3d,0 24px 48px #0206173d}.gameRecord--loss{border-color:#f8717157;box-shadow:0 0 0 1px #ef44441f,0 0 24px #ef444421,0 18px 36px #0206172e}.gameRecord--loss .matchResult{color:#f87171}.gameRecord--loss:hover{border-color:#f871718f;box-shadow:0 0 0 1px #f8717133,0 0 34px #ef44443d,0 24px 48px #0206173d}.gameRecord--draw{border-color:#60a5fa47}.gameRecord--draw .matchResult{color:var(--app-electric)}.emptyText{color:var(--app-muted);margin:0}.historyEmpty{text-align:center;color:#94a3b8b8;background:#0f172a73;border:1px solid #94a3b824;border-radius:8px;place-items:center;width:min(920px,100%);min-height:220px;font-size:18px;font-weight:800;display:grid}.leaderboardTable{gap:10px;display:grid}.leaderboardTable article{grid-template-columns:64px minmax(220px,1.45fr) minmax(110px,.7fr) minmax(150px,.85fr) 72px;align-items:center;gap:16px;min-height:76px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid}.leaderboardTable article:hover{background:linear-gradient(#2dd4bf13,#ffffff0a),#ffffff0a;border-color:#5eead457;transform:translateY(-1px);box-shadow:0 0 0 1px #5eead414,0 18px 42px #2dd4bf14}.leaderboardTable article.leaderboardRow--current{background:linear-gradient(#38bdf81a,#ffffff09),#ffffff09;border-color:#38bdf86b;box-shadow:0 0 0 1px #38bdf814,0 18px 46px #38bdf81a}.leaderboardRank,.leaderboardTable em{color:var(--app-green);font-style:normal;font-weight:900}.leaderboardRank{font-size:15px}.leaderboardPlayer{align-items:center;gap:12px;min-width:0;display:flex}.leaderboardAvatar.avatarPreview{color:#06201d;flex:none;width:40px;height:40px;font-size:16px;transition:box-shadow .18s,transform .18s;box-shadow:0 0 0 2px #080d17eb,0 0 0 3px #5eead457,0 0 18px #2dd4bf2e}.leaderboardTable article:hover .leaderboardAvatar.avatarPreview{transform:translateY(-1px);box-shadow:0 0 0 2px #080d17eb,0 0 0 3px #5eead494,0 0 26px #2dd4bf57}.leaderboardPlayer strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;overflow:hidden}.leaderboardMetric{color:var(--app-muted);gap:3px;margin:0;font-weight:800;line-height:1.12;display:grid}.leaderboardMetric small{color:#94a3b8d1;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.leaderboardMetric b{color:var(--app-text);font-size:16px;line-height:1}.leaderboardMetric span{color:var(--app-muted);font-size:12px}.leaderboardTable em{background:#2dd4bf14;border:1px solid #2dd4bf33;border-radius:999px;justify-content:center;justify-self:end;align-items:center;min-width:58px;min-height:34px;padding:0 10px;display:inline-flex}.appMain:has(.profilePage){flex-direction:column;align-items:center;display:flex}.profilePage{width:min(920px,100%);margin:0 auto;padding:0;overflow:hidden}.profileHero{border-bottom:1px solid var(--app-line);background:radial-gradient(circle at 100% 0,#38bdf829,#0000 42%),radial-gradient(circle at 20% 80%,#22d3ee1f,#0000 38%),#ffffff08;align-items:center;gap:22px;padding:28px 28px 24px;display:flex;position:relative}.profileAvatarStack{flex:none;place-items:start center;width:118px;min-height:122px;padding:11px 11px 22px;display:grid;position:relative}.profileAvatarStack:before{content:"";filter:blur(1px);pointer-events:none;background:radial-gradient(circle,#7dd3fc2e,#0000 64%),radial-gradient(circle,#22d3ee1a,#0000 70%);border-radius:50%;width:110px;height:110px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.profileAvatarButton{cursor:pointer;z-index:1;background:0 0;border:0;border-radius:50%;place-items:center;width:96px;height:96px;padding:0;transition:box-shadow .2s,transform .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 4px #080d17f2,0 0 0 6px #38bdf870,0 0 28px #38bdf833,0 18px 36px #0000005c}.profileAvatarButton:hover{transform:translateY(-1px);box-shadow:0 0 0 4px #080d17f2,0 0 0 6px #7dd3fcad,0 0 34px #38bdf847,0 20px 42px #0006}.profileAvatarButton:focus-visible{outline-offset:8px;outline:3px solid #38bdf8db}.profileAvatarHint{color:#e5e7eb;opacity:0;background:#0f172aa3;border-radius:50%;place-items:center;font-size:12px;font-weight:900;transition:opacity .18s,transform .18s;display:grid;position:absolute;inset:0;transform:scale(.94)}.profileAvatarButton:hover .profileAvatarHint,.profileAvatarButton:focus-visible .profileAvatarHint{opacity:1;transform:scale(1)}.profileHeroBody{flex:1;min-width:0}.profileHero .profileLogoutButton{flex:none;align-self:flex-end;margin-bottom:2px;margin-left:auto}.profileAvatar{color:#eff6ff;width:96px;height:96px;box-shadow:none;background:linear-gradient(135deg,#2dd4bf,#38bdf8);border-radius:50%;place-items:center;font-size:34px;font-weight:900;display:grid}.avatarPreview{color:#eff6ff;background:linear-gradient(135deg,#2dd4bf,#38bdf8);border-radius:50%;place-items:center;width:58px;height:58px;font-size:22px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 0 0 3px #080d17e0,0 0 0 4px #38bdf838}.avatarPreview--amber{background:linear-gradient(135deg,#fbbf24,#fb7185)}.avatarPreview--violet{background:linear-gradient(135deg,#a78bfa,#38bdf8)}.avatarPreview--steel{background:linear-gradient(135deg,#e2e8f0,#64748b)}.avatarPreview--image{background:#0f172a}.avatarPreview img{object-fit:cover;width:100%;height:100%;display:block}.profileAvatar.avatarPreview{width:96px;height:96px;box-shadow:none;font-size:34px}.profileBadge{z-index:3;color:#7dd3fc;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 12px #7dd3fc80;background:linear-gradient(#0f172af5,#080d17eb),#0f172aeb;border:1px solid #38bdf8b8;border-radius:999px;justify-content:center;align-items:center;min-width:72px;min-height:26px;padding:5px 14px;font-size:11px;font-weight:900;line-height:1;display:inline-flex;position:absolute;bottom:7px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #080d17eb,0 0 18px #38bdf857,inset 0 1px #ffffff14}.profileHero h2{margin:8px 0 6px;font-size:clamp(30px,4vw,40px);line-height:1.05}.profileSummary{color:var(--app-muted);margin:10px 0 0;font-size:15px;font-weight:700;line-height:1.5}.avatarUploadButton{color:#bfdbfe;cursor:pointer;background:#38bdf81a;border:1px solid #38bdf85c;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:14px;font-weight:900;display:inline-flex}.avatarUploadButton input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.avatarPresetGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.avatarPreset{border:1px solid var(--app-line);min-height:92px;color:var(--app-muted);cursor:pointer;background:#ffffff09;border-radius:14px;justify-items:center;gap:10px;padding:14px;font-weight:900;display:grid}.avatarPreset.active{color:var(--app-text);background:linear-gradient(#2dd4bf21,#38bdf814),#ffffff0a;border-color:#38bdf8b8}.avatarCustomPanel{border:1px solid var(--app-line);background:#ffffff09;border-radius:14px;gap:14px;padding:16px;display:grid}.avatarCustomHeader,.avatarColorRow{justify-content:space-between;align-items:center;gap:14px;display:flex}.avatarCustomHeader h3{margin:6px 0 0;font-size:18px;line-height:1.1}.avatarUseCustom{color:#bfdbfe;cursor:pointer;background:#38bdf814;border:1px solid #38bdf852;border-radius:12px;min-height:42px;padding:0 16px;font-weight:900}.avatarUseCustom.active{color:#bae6fd;background:#38bdf824;border-color:#38bdf8b3}.avatarColorRow label{min-width:0;color:var(--app-muted);letter-spacing:.04em;text-transform:uppercase;flex:1 1 0;gap:8px;font-size:12px;font-weight:900;display:grid}.avatarColorRow input,.avatarColorRow select{border:1px solid var(--app-line);width:100%;height:44px;color:var(--app-text);cursor:pointer;background:#0f172ad1;border-radius:12px}.avatarColorRow input[type=color]{padding:5px}.avatarColorRow select{padding:0 12px;font-weight:800}.avatarSymbolGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.avatarSymbolButton{aspect-ratio:1;border:1px solid var(--app-line);color:var(--app-text);cursor:pointer;background:#ffffff0b;border-radius:12px;place-items:center;font-size:22px;display:grid}.avatarSymbolButton.active{background:#38bdf824;border-color:#38bdf8b8}.avatarError{color:#fca5a5;margin:0;font-size:13px;font-weight:800}.avatarModalOverlay{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.avatarModal{background:radial-gradient(circle at 100% 0,#38bdf82e,#0000 42%),linear-gradient(#0f172afa,#080d17fa);border:1px solid #38bdf842;border-radius:18px;gap:18px;width:min(860px,100%);max-height:min(760px,100vh - 48px);padding:26px;display:grid;position:relative;overflow-y:auto;box-shadow:0 34px 100px #00000080}.avatarModalClose{border:1px solid var(--app-line);width:38px;height:38px;color:var(--app-text);cursor:pointer;background:#ffffff0e;border-radius:50%;place-items:center;font-size:24px;line-height:1;display:grid;position:absolute;top:16px;right:16px}.avatarModalHeader{justify-content:space-between;align-items:center;gap:22px;padding-right:44px;display:flex}.avatarModalHeader h2{margin:8px 0 0;font-size:clamp(28px,4vw,40px);line-height:1.05}.avatarModalPreview.avatarPreview{flex:none;width:116px;height:116px;font-size:44px;box-shadow:0 0 0 4px #080d17e6,0 0 0 5px #38bdf859,0 18px 36px #00000047}.avatarUploadPanel{border:1px solid var(--app-line);background:#ffffff09;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.avatarUploadPanel p{color:var(--app-muted);margin:0;font-size:13px;font-weight:800}.avatarCropControls{border:1px solid var(--app-line);background:#ffffff09;border-radius:14px;gap:14px;padding:16px;display:grid}.avatarCropControls label{color:var(--app-muted);grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px;font-size:13px;font-weight:900;display:grid}.avatarCropControls input{accent-color:#38bdf8;width:100%}.avatarResetButton,.avatarCancelButton,.avatarSaveButton{cursor:pointer;border:0;border-radius:12px;min-height:44px;font-weight:900}.avatarResetButton{width:fit-content;color:var(--app-text);background:#94a3b824;padding:0 18px}.avatarModalActions{grid-template-columns:.7fr 1fr;gap:12px;display:grid}.avatarCancelButton{color:var(--app-text);background:#94a3b824}.avatarSaveButton{color:#06201d;background:linear-gradient(#5eead4,#38bdf8);box-shadow:0 14px 28px #2dd4bf42}.profileStatsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px 28px 8px;display:grid}.profileStat{border:1px solid var(--app-line);background:#ffffff09;border-radius:14px;align-items:center;gap:12px;min-height:84px;padding:14px;display:flex}.profileStatIcon{background-position:50%;background-repeat:no-repeat;background-size:18px 18px;border-radius:50%;flex:none;width:40px;height:40px}.profileStatIcon--rating{background-color:#fbbf2424;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fbbf24' stroke-width='2' stroke-linecap='round' d='M8 21h8M12 17v4M7 4h10v5a5 5 0 0 1-10 0V4z'/%3E%3C/svg%3E")}.profileStatIcon--coins{background-color:#38bdf824;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' stroke='%2338bdf8' stroke-width='2'/%3E%3Cpath stroke='%2338bdf8' stroke-width='1.8' stroke-linecap='round' d='M12 7.5v9M9.2 9.5h4.2a1.8 1.8 0 0 0 0 3.6H9.2M9.2 14.5h5.1'/%3E%3C/svg%3E")}.profileStatIcon--wins{background-color:#38bdf824;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2338bdf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.profileStatIcon--games{background-color:#38bdf824;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2338bdf8' stroke-width='2' d='M4 7h16v10H4z'/%3E%3Cpath stroke='%2338bdf8' stroke-width='2' d='M8 7V5h8v2'/%3E%3C/svg%3E")}.profileStatIcon--rate{background-color:#38bdf824;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2338bdf8' stroke-width='2' stroke-linecap='round' d='M4 19V5M4 19h16M8 15l3-4 3 2 4-6'/%3E%3C/svg%3E")}.profileStatIcon--losses{background-color:#94a3b81f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}.profileStatCopy{gap:2px;min-width:0;display:grid}.profileStatCopy small{color:var(--app-muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:900}.profileStatCopy strong{font-size:22px;line-height:1}.profileStat--green .profileStatCopy strong{color:#7dd3fc}.profileStat--gold .profileStatCopy strong{color:#fcd34d}.profileLogoutButton{color:#fecaca;cursor:pointer;background:#f8717114;border:1px solid #f8717159;border-radius:12px;min-height:44px;padding:0 22px;font-size:14px;font-weight:900;transition:background .2s,border-color .2s,color .2s}.profileLogoutButton:hover{color:#fff1f2;background:#f8717129;border-color:#f871718c}.profileRecent{gap:12px;padding:0 28px 28px;display:grid}.profileRecentList{gap:10px;display:grid}.profileRecentItem{border:1px solid var(--app-line);background:#ffffff08;border-radius:12px;gap:4px;padding:14px 16px;display:grid}.profileRecentItem strong{font-size:15px}.profileRecentItem--win strong{color:#86efac}.profileRecentItem--loss strong{color:#fca5a5}.profileRecentItem span,.profileRecentItem time{color:var(--app-muted);font-size:13px;font-weight:700}.cosmeticStore{gap:14px;display:grid}.cosmeticStoreHeader{margin-bottom:2px}.cosmeticStoreHeader p:not(.sectionLabel){max-width:620px;color:var(--app-muted);margin:6px 0 0;font-weight:700;line-height:1.5}.equippedCosmetics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.equippedCosmetics article{background:linear-gradient(#2dd4bf14,#ffffff08),#0f172a94;border:1px solid #2dd4bf3d;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex;box-shadow:inset 0 1px #ffffff0a}.equippedCosmetics span{color:var(--app-muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.equippedCosmetics strong{color:var(--app-text);margin-top:3px;font-size:15px;line-height:1.1;display:block}.cosmeticCollections{gap:34px;display:grid}.cosmeticCollection{gap:16px;display:grid}.cosmeticCollection+.cosmeticCollection{border-top:1px solid #94a3b829;padding-top:28px}.cosmeticCollectionHeader{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.cosmeticCollectionHeader h3{color:var(--app-text);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:20px;font-weight:950;line-height:1.15}.cosmeticCollectionHeader p{max-width:760px;color:var(--app-muted);margin:8px 0 0;font-size:15px;font-weight:700;line-height:1.45}.cosmeticGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.inventoryCosmeticGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.cosmeticCard{border:1px solid var(--app-line);background:linear-gradient(#ffffff12,#ffffff06),#0f172ab3;border-radius:8px;flex-direction:column;gap:13px;min-width:0;min-height:390px;padding:14px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 20px 44px #00000029}.cosmeticCard:before{content:"";background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--rarity-color,#38bdf8) 16%, transparent), transparent 48%);opacity:.8;pointer-events:none;position:absolute;inset:0}.cosmeticCard:hover{border-color:color-mix(in srgb, var(--rarity-color,#38bdf8) 54%, #94a3b82e);box-shadow:0 0 0 1px color-mix(in srgb, var(--rarity-color,#38bdf8) 16%, transparent), 0 0 34px color-mix(in srgb, var(--rarity-color,#38bdf8) 18%, transparent), 0 26px 58px #00000047;transform:translateY(-3px)}.rarity-starter{--rarity-color:#94a3b8}.rarity-rare{--rarity-color:#38bdf8}.rarity-epic{--rarity-color:#a78bfa}.rarity-legendary{--rarity-color:#facc15}.rarity-mythic{--rarity-color:#fb7185}.cosmeticPreview{border:1px solid color-mix(in srgb, var(--preview-glow,#38bdf8) 38%, #94a3b82e);height:168px;box-shadow:inset 0 0 0 1px #ffffff0a, 0 0 30px color-mix(in srgb, var(--preview-glow,#38bdf8) 18%, transparent);border-radius:8px;position:relative;overflow:hidden}.cosmeticPreview.compact{flex:none;width:58px;height:58px}.themePreview{background:#020617b3;grid-template-columns:repeat(8,1fr);display:grid}.themePreview i:nth-of-type(odd){background:linear-gradient(135deg, #ffffff1f, transparent 42%), var(--preview-light)}.themePreview i:nth-of-type(2n){background:linear-gradient(135deg, #ffffff1a, transparent 42%), var(--preview-dark)}.previewPiece{aspect-ratio:1;width:25%;box-shadow:inset 0 -5px 0 #00000038, 0 0 18px color-mix(in srgb, var(--preview-glow,#38bdf8) 34%, transparent);border-radius:50%;position:absolute}.previewPiece.light{background:var(--preview-piece-light);bottom:16%;left:18%}.previewPiece.dark{background:var(--preview-piece-dark);top:16%;right:18%}.backgroundPreview{background:radial-gradient(circle at 22% 22%, color-mix(in srgb, var(--preview-middle) 44%, transparent), transparent 32%), radial-gradient(circle at 78% 76%, color-mix(in srgb, var(--preview-to) 42%, transparent), transparent 30%), linear-gradient(135deg, var(--preview-from), color-mix(in srgb, var(--preview-middle) 55%, #020617), var(--preview-to))}.backgroundPreview:before{content:"";background:#02061757;border:1px solid #ffffff1f;border-radius:8px;position:absolute;inset:18% 16%;box-shadow:0 0 0 10px #02061729,0 20px 36px #00000047}.pieceStylePreview{background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--preview-glow) 24%, transparent), transparent 32%), #020617cc;justify-content:center;align-items:center;gap:20px;display:flex}.pieceStylePreview span{aspect-ratio:1;width:34%;box-shadow:inset 0 -8px 0 #00000038, inset 0 4px 0 #fff3, 0 0 24px color-mix(in srgb, var(--preview-glow) 32%, transparent);border-radius:50%}.pieceStylePreview span:first-child{background:var(--preview-piece-light)}.pieceStylePreview span:last-child{background:var(--preview-piece-dark)}.cosmeticCardBody{z-index:1;gap:9px;min-height:118px;display:grid;position:relative}.cosmeticCardTitle{gap:7px;display:grid}.cosmeticCardTitle span{border:1px solid color-mix(in srgb, var(--rarity-color,#38bdf8) 34%, transparent);background:color-mix(in srgb, var(--rarity-color,#38bdf8) 12%, transparent);width:fit-content;min-height:24px;color:color-mix(in srgb, var(--rarity-color,#38bdf8) 78%, white);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.cosmeticCardTitle strong{color:var(--app-text);font-size:20px;line-height:1.08}.cosmeticCardBody p{color:var(--app-muted);margin:0;font-size:13px;font-weight:700;line-height:1.45}.cosmeticCardFooter{z-index:1;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex;position:relative}.cosmeticCardFooter--actionsOnly{justify-content:flex-end}.cosmeticCardFooter>span{color:color-mix(in srgb, var(--rarity-color,#38bdf8) 74%, var(--app-text));font-size:13px;font-weight:900}.cosmeticCardFooter button{justify-content:center;align-items:center;gap:7px;min-width:104px;min-height:42px;padding:0 14px;display:inline-flex}.cosmeticCardFooter button:disabled{cursor:default;opacity:.72;transform:none}.cosmeticCardFooter .insufficientFundsButton{color:color-mix(in srgb, var(--app-muted) 82%, white);background:linear-gradient(#94a3b81a,#0f172a2e),#0f172ab8;border:1px solid #94a3b833;box-shadow:inset 0 1px #ffffff0a}.coinButtonIcon{background:radial-gradient(circle at 34% 28%,#ffffffdb,#0000 24%),linear-gradient(#fde68a,#f59e0b 72%,#92400e);border:1px solid #facc15c7;border-radius:50%;width:14px;height:14px;box-shadow:0 0 12px #facc1538}@media (width<=1100px){.appTopbar{flex-direction:column;align-items:stretch;padding:16px}.sideNav{justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.topbarCluster{justify-content:space-between}.dashboardGrid{grid-template-columns:1fr}.missionGrid,.cosmeticGrid,.inventoryCosmeticGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.homeHero{grid-template-columns:1fr}.matchSummary{position:static}}@media (width<=720px){.appMain{min-width:0;padding:18px}.appMain--game{padding:12px}.productBrand strong{font-size:20px}.launchPanel h2,.heroCopy h2,.playSetup h2{overflow-wrap:break-word;font-size:36px}.heroCopy .heroLine{font-size:26px}.difficultyPicker,.launchActions,.primaryAction,.secondaryAction{width:100%}.difficultyPicker{grid-template-columns:repeat(3,1fr);display:grid}.profileHero{text-align:center;flex-wrap:wrap;justify-content:center;align-items:flex-start}.profileAvatarStack{margin:0 auto}.profileHeroBody{flex:100%}.profileHero .profileLogoutButton{width:100%;margin-top:4px;margin-left:0}.avatarUploadButton{width:100%}.avatarModalOverlay{padding:14px}.avatarModal{padding:22px}.avatarModalHeader,.avatarUploadPanel,.avatarCustomHeader,.avatarColorRow{flex-direction:column;align-items:stretch}.avatarModalPreview.avatarPreview{justify-self:center}.avatarCropControls label{grid-template-columns:1fr;gap:8px}.avatarModalActions,.profileStatsGrid,.heroStats,.twoColumns,.shopGrid,.inventoryGrid,.avatarPresetGrid,.avatarSymbolGrid,.gameList.expanded,.leaderboardTable article{grid-template-columns:1fr}.leaderboardTable article{gap:12px}.leaderboardPlayer{order:-1}.leaderboardTable em{justify-self:start}.avatarSymbolGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.missionsHeader{flex-direction:column;align-items:stretch}.missionGrid,.equippedCosmetics,.cosmeticGrid,.inventoryCosmeticGrid{grid-template-columns:1fr}.cosmeticCard{min-height:0}.cosmeticPreview{height:150px}.appTopbar{overflow:hidden}.sideNav{grid-template-columns:none;padding-bottom:4px;display:flex;overflow-x:auto}.sideNav button{flex:none;min-width:max-content}.walletPill{display:none}.playArena{min-height:auto;padding:18px}.playArena:before{width:120%}.launchPanel,.homeHero,.dailyMissions,.playSetup,.matchSummary,.contentCard{min-width:0}}