html{margin:0;width:100%;min-height:100%;background:#0b1120}body,#app{margin:0;width:100%;min-height:100%}body{min-height:100dvh;background:radial-gradient(circle at top left,rgb(14 165 233 / .12),transparent 32%),linear-gradient(135deg,#0b1120,#111827 55%,#1f2937);overflow:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}body.app-theme-light{background:radial-gradient(circle at top left,rgb(14 165 233 / .14),transparent 30%),linear-gradient(135deg,#f8fafc,#e0f2fe,#dbeafe)}body.app-theme-light .side-menu,body.app-theme-light .game-stage-page-fill,body.app-theme-light .account-card,body.app-theme-light .account-loading,body.app-theme-light .auth-launch-button,body.app-theme-light .screen-modal,body.app-theme-light .settings-card,body.app-theme-light .profile-rating-hero-card,body.app-theme-light .profile-mini-stat,body.app-theme-light .profile-recent-card,body.app-theme-light .profile-achievement-column,body.app-theme-light .modes-library-card{background:linear-gradient(180deg,#fffffff5,#f1f5f9f0);border-color:#0f172a1f;color:#0f172a;box-shadow:0 18px 44px #0f172a1f}body.app-theme-light .topbar-title,body.app-theme-light .screen-modal-title,body.app-theme-light .side-menu-title,body.app-theme-light .side-menu-profile-copy strong,body.app-theme-light .profile-rating-score strong,body.app-theme-light .profile-mini-stat strong,body.app-theme-light .settings-card h3,body.app-theme-light .settings-page-head h2{color:#0f172a}body.app-theme-light .topbar-room,body.app-theme-light .side-menu-profile-copy span,body.app-theme-light .profile-mini-stat span,body.app-theme-light .settings-card p,body.app-theme-light .settings-field span{color:#475569}body.app-board-view{overflow-x:hidden;overflow-y:auto}body.app-messages-view,body.app-modal-open{overflow:hidden}canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none}.app-shell{--shell-block-pad: 12px;display:grid;align-items:stretch;width:100%;min-height:100dvh;padding:var(--shell-block-pad) 28px;box-sizing:border-box}.app-frame{display:grid;grid-template-columns:280px auto;gap:28px;align-items:stretch;width:100%;min-height:calc(100dvh - (var(--shell-block-pad) * 2))}.app-footer{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center;align-items:center;padding:18px 16px 6px;color:#7f91ad;font-size:12px;font-weight:700;line-height:1.4;text-align:center}.app-footer-links{display:inline-flex;flex-wrap:wrap;gap:10px;justify-content:center}.app-footer-links button,.legal-inline-button{border:0;padding:0;background:transparent;color:#67e8f9;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.app-footer-links button:hover,.app-footer-links button:focus-visible,.legal-inline-button:hover,.legal-inline-button:focus-visible{color:#e0f2fe}body.app-theme-light .app-footer{color:#64748b}.game-stage{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;min-width:0;min-height:calc(100dvh - (var(--shell-block-pad) * 2));padding:16px 0;box-sizing:border-box;align-content:start}.game-stage-page-fill{padding:18px 24px 24px;border:1px solid rgb(255 255 255 / .08);border-radius:32px;background:radial-gradient(circle at top right,rgb(59 130 246 / .14),transparent 28%),radial-gradient(circle at bottom left,rgb(56 189 248 / .1),transparent 34%),linear-gradient(180deg,#0b1220fa,#0f172af5);box-shadow:0 24px 60px #00000047,inset 0 1px #ffffff08}.game-stage-profile-fill,.game-stage-history-fill,.game-stage-tournaments-fill{border-radius:0}.game-stage-page-fill .profile-page,.game-stage-page-fill .history-page{width:100%;max-width:100%;min-height:100%;padding:2px 0 0;border:0;background:transparent;box-shadow:none}body:not(.app-board-view) .app-shell{padding-bottom:0}body:not(.app-board-view) .game-stage{min-height:calc(100dvh - var(--shell-block-pad));padding-bottom:0}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.topbar-copy{display:grid;gap:6px;min-width:0}.topbar-room{margin:0;color:#cbd5e1;font-size:14px;line-height:1.45;max-width:100%;overflow-wrap:anywhere}.topbar-kicker{color:#7dd3fc;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.topbar-title{margin:0;color:#f8fafc;font-size:28px}.account-anchor{position:relative;justify-self:end;width:fit-content;max-width:100%;min-width:0}.account-loading,.auth-launch-button,.account-card{border:1px solid rgb(255 255 255 / .1);background:linear-gradient(180deg,#0f172af2,#1e293beb);box-shadow:0 18px 42px #0000003d;width:fit-content;max-width:100%}.account-loading,.auth-launch-button{padding:12px 18px;color:#f8fafc;font-size:15px;font-weight:700}.auth-launch-button{cursor:pointer}.account-card{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;min-width:0;flex-wrap:wrap;justify-content:flex-end;row-gap:8px}.topbar-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgb(255 255 255 / .12);background:#1e293bcc;color:#dbeafe;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.topbar-active-match-button{min-height:42px;border:1px solid rgb(56 189 248 / .58);border-radius:4px;padding:0 14px;background:linear-gradient(180deg,#0ea5e9,#0284c7);color:#f8fbff;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 12px 28px #0ea5e947}.topbar-active-match-button:hover{border-color:#7dd3fcd1;background:linear-gradient(180deg,#38bdf8,#0284c7)}.topbar-currency-pill{display:inline-flex;align-items:center;gap:7px;min-height:42px;border:1px solid rgb(250 204 21 / .28);border-radius:4px;padding:0 10px;background:#1e293bc7;color:#fef3c7;white-space:nowrap}.topbar-currency-mark{width:23px;height:23px;border-radius:50%;object-fit:contain;filter:drop-shadow(0 0 8px rgb(245 158 11 / .34))}.realm-coin-icon{display:block;object-fit:contain}.topbar-currency-pill strong{font-size:12px;font-weight:950}.topbar-icon-button:hover{transform:translateY(-1px);border-color:#60a5fa6b;background:#1e40af38}.topbar-icon-button-active{border-color:#3b82f670;background:#1e40af3d}.topbar-icon-svg{width:20px;height:20px}.topbar-badge{position:absolute;top:-5px;right:-5px;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#dc2626;color:#fff1f2;font-size:11px;font-weight:800;line-height:20px;text-align:center;box-shadow:0 10px 20px #dc262657}.app-toast-stack{position:fixed;right:24px;bottom:24px;z-index:90;display:grid;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}.app-toast{display:grid;gap:5px;width:100%;padding:14px 16px;border:1px solid rgb(96 165 250 / .28);border-radius:8px;background:#0f172af5;color:#dbeafe;text-align:left;box-shadow:0 22px 50px #02061773;cursor:pointer;pointer-events:auto}.app-toast strong{color:#f8fafc;font-size:14px;font-weight:950}.app-toast span{color:#aeb9cb;font-size:12px;font-weight:750}.app-toast-match{border-color:#22d3ee70}.app-toast-friend{border-color:#60a5fa70}.app-toast-message{border-color:#38bdf875;background:linear-gradient(180deg,#0f172afa,#111827fa),radial-gradient(circle at top right,rgb(56 189 248 / .14),transparent 58%)}@media(max-width:760px){.app-toast-stack{right:16px;bottom:16px}}@media(max-width:980px){.modes-catalog-page{padding:24px 20px 42px}.modes-catalog-hero{grid-template-columns:1fr}.modes-hero-copy{padding:34px 28px 10px}.modes-hero-copy h2{font-size:44px}.modes-hero-pieces{min-height:220px}.modes-hero-piece-main{left:18%;right:auto;width:150px}.modes-hero-piece-mid{right:20%;width:128px}.modes-hero-piece-small{right:8%;width:88px}.modes-library-grid{grid-template-columns:1fr}}.account-name{color:#f8fafc;font-size:15px;font-weight:700;min-width:0;max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-button{border:0;padding:0;background:transparent;cursor:pointer}.avatar-image{width:42px;height:42px;border-radius:50%;background:#0f172a}.account-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:180px;padding:8px;border:1px solid rgb(255 255 255 / .1);background:linear-gradient(180deg,#0f172afa,#111827fa);box-shadow:0 18px 44px #0000004d;z-index:30}.account-menu-item{width:100%;border:0;padding:12px 14px;background:transparent;color:#e2e8f0;font-size:15px;font-weight:600;text-align:left;cursor:pointer}.account-menu-item:hover{background:#38bdf81f;color:#eff6ff}.side-menu{position:sticky;top:var(--shell-block-pad);display:flex;flex-direction:column;align-self:stretch;max-height:calc(100dvh - (var(--shell-block-pad) * 2));overflow:auto;min-height:calc(100dvh - (var(--shell-block-pad) * 2));min-width:0;padding:28px 22px;border:1px solid rgb(255 255 255 / .08);box-sizing:border-box;background:linear-gradient(180deg,#111827e6,#0f172af5),linear-gradient(135deg,rgb(56 189 248 / .06),transparent 42%);box-shadow:inset 0 1px #ffffff0a,0 22px 54px #00000047;backface-visibility:hidden;transform:translateZ(0);will-change:transform;contain:paint}body.app-locale-repaint .side-menu{transform:translateZ(0) scale(1.0001)}.side-menu-brand{flex:0 0 auto;margin-bottom:28px}.side-menu-kicker{display:inline-block;margin-bottom:10px;color:#7dd3fc;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.side-menu-title{margin:0;color:#f8fafc;font-size:34px;font-weight:800;line-height:1}.side-menu-nav{display:grid;flex:0 0 auto;gap:12px}.side-menu-group{position:relative;display:grid;gap:8px;min-width:0}.side-menu-item{display:flex;align-items:center;gap:12px;width:100%;min-width:0;border:1px solid rgb(255 255 255 / .08);padding:16px 18px;box-sizing:border-box;background:linear-gradient(180deg,#1e293bc7,#0f172ae6);color:#e5e7eb;font-size:18px;font-weight:700;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.side-menu-item:hover{transform:translate(4px);border-color:#7dd3fc6b;background:linear-gradient(180deg,#334155e6,#1e293bf5)}.side-menu-item-active{border-color:#7dd3fc94;background:linear-gradient(90deg,rgb(56 189 248 / .22),transparent 30%),linear-gradient(180deg,#334155f0,#1e293bfa);color:#eff6ff;box-shadow:inset 4px 0 #38bdf8}.side-menu-item-icon{display:inline-grid;width:26px;min-width:26px;height:26px;place-items:center;color:#f8fafc}.side-menu-item-icon-svg{width:22px;height:22px;overflow:visible}.side-menu-item-label,.side-submenu-item-label{min-width:0}.side-menu-item-dropdown{display:flex;align-items:center;justify-content:space-between}.side-menu-caret{display:inline-grid;width:18px;height:18px;place-items:center;transition:transform .16s ease}.side-menu-caret-icon{width:16px;height:16px}.side-menu-caret-open{transform:rotate(180deg)}.side-submenu{display:grid;gap:8px;width:100%;min-width:0;padding:8px 0 0 14px;box-sizing:border-box}.side-submenu-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;border:1px solid rgb(255 255 255 / .07);padding:12px 14px;box-sizing:border-box;background:linear-gradient(180deg,#141c2ce6,#0a101cf5);color:#cbd5e1;font-size:15px;font-weight:600;text-align:left;cursor:pointer}.side-submenu-item-active{border-color:#7dd3fc6b;color:#eff6ff;box-shadow:inset 3px 0 #38bdf8}.side-submenu-badge{padding:4px 8px;border-radius:999px;background:#38bdf82e;color:#7dd3fc;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.game-layout{--game-board-viewport-chrome: 390px;--game-board-width-chrome: 96px;--game-board-scale: min( 1, max( .4, min( calc((100dvh - var(--game-board-viewport-chrome)) / 640px), calc((100vw - var(--game-board-width-chrome)) / 640px) ) ) );--game-board-size: calc(640px * var(--game-board-scale));--board-frame-pad: 0px;display:grid;gap:10px;width:min(100%,calc(var(--game-board-size) + (var(--board-frame-pad) * 2)));justify-items:center;justify-self:center}.game-timers-row{width:100%;display:grid;gap:10px}.demo-opening-banner{display:grid;gap:4px;width:fit-content;max-width:100%;padding:12px 18px 14px;border:1px solid rgb(56 189 248 / .34);border-radius:20px;background:radial-gradient(circle at top left,rgb(125 211 252 / .18),transparent 52%),linear-gradient(180deg,#78350f57,#78350f2e);box-shadow:0 16px 30px #78350f29,inset 0 1px #ffffff14;box-sizing:border-box;justify-items:center;text-align:center}.demo-opening-kicker{color:#7dd3fc;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.demo-opening-name{color:#f8fafc;font-size:clamp(24px,2.8vw,36px);font-weight:800;letter-spacing:-.03em;line-height:1}.game-layout-hidden{display:none}.game-rail{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:58px;gap:16px;box-sizing:border-box;flex-wrap:wrap}.capture-tray{min-height:48px;display:flex;align-items:center;flex-wrap:wrap;gap:0;flex:1 1 180px;min-width:0;max-width:none}.capture-stack{display:flex;align-items:center;margin-right:-2px}.capture-score{margin-left:8px;color:#e2e8f0;font-size:18px;font-weight:700;line-height:1}.capture-piece{width:28px;height:28px}.capture-piece .piece-svg{width:28px;height:28px;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .12))}.game-timer{min-width:156px;padding:12px 16px;border:1px solid rgb(255 255 255 / .08);background:linear-gradient(180deg,#0f172aeb,#1e293beb);box-shadow:0 16px 30px #0003;text-align:right}.game-timer-player{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:10px}.game-timer-avatar{width:34px;height:34px;border-radius:50%;background:#0f172a;object-fit:cover}.opponent-menu-shell{position:relative;display:inline-grid;place-items:center}.opponent-avatar-button{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid rgb(125 211 252 / .24);border-radius:999px;padding:1px;background:#0f172ac2;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.opponent-avatar-button:hover{transform:translateY(-1px);border-color:#7dd3fc8f;box-shadow:0 0 18px #38bdf82e}.opponent-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:30;min-width:168px;padding:8px;border:1px solid rgb(125 211 252 / .22);border-radius:12px;background:linear-gradient(180deg,#0f172afa,#111827fa),radial-gradient(circle at top right,rgb(56 189 248 / .16),transparent 60%);box-shadow:0 20px 48px #00000057,inset 0 1px #ffffff0f}.opponent-dropdown-item{width:100%;border:0;border-radius:8px;padding:10px 12px;background:#38bdf81f;color:#e0f2fe;font-size:13px;font-weight:800;text-align:left;cursor:pointer}.opponent-dropdown-item:hover:not(:disabled){background:#38bdf833}.opponent-dropdown-item:disabled{opacity:.5;cursor:default}.messages-challenge-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.messages-challenge-button{border:1px solid rgb(255 255 255 / .12);border-radius:10px;padding:9px 12px;color:#f8fafc;font-size:12px;font-weight:900;cursor:pointer;transition:transform .16s ease,filter .16s ease,opacity .16s ease}.messages-challenge-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.messages-challenge-button:disabled{opacity:.55;cursor:default}.messages-challenge-button-accept{border-color:#4ade8057;background:linear-gradient(180deg,#16a34ae6,#15803df0)}.messages-challenge-button-decline{border-color:#f871714d;background:linear-gradient(180deg,#b91c1ce6,#7f1d1df0)}.history-engine-summary{display:grid;gap:8px;margin-bottom:14px;padding:12px;border:1px solid rgb(96 165 250 / .16);border-radius:12px;background:#0f172ab3}.history-engine-summary span{display:flex;justify-content:space-between;gap:12px;color:#cbd5e1;font-size:12px;font-weight:800}.history-engine-summary strong{color:#f8fafc}.game-timer-player-copy{display:grid;gap:2px}.game-timer-player-name,.game-timer-player-rating{display:block}.game-timer-player-name{color:#f8fafc;font-size:13px;font-weight:700}.game-timer-player-rating{color:#94a3b8;font-size:11px;font-weight:600}.game-timer-top,.game-timer-bottom{margin-left:auto}.game-timer-active{position:relative;border-color:#7dd3fce6;background:linear-gradient(180deg,#334155f5,#1e293bf5);box-shadow:inset 0 0 0 1px #7dd3fc80,0 0 0 1px #7dd3fc2e,0 16px 30px #0003,0 0 22px #7dd3fc2e;animation:timer-active-glow 1.6s ease-in-out infinite}.game-timer-active:before{content:"";position:absolute;top:10px;bottom:10px;left:8px;width:4px;border-radius:999px;background:linear-gradient(180deg,#bae6fd,#38bdf8);animation:timer-active-bar 1.1s ease-in-out infinite}.game-timer-label{display:block;margin-bottom:4px;color:#cbd5e1;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.game-timer-value{display:block;color:#f8fafc;font-size:42px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.game-timer-warning .game-timer-value{color:#fee2e2;text-shadow:0 0 10px rgb(239 68 68 / .45),0 0 18px rgb(239 68 68 / .3)}.game-timer-warning{border-color:#ef4444e6;background:linear-gradient(180deg,#450a0af5,#7f1d1df0);box-shadow:inset 0 0 0 1px #fecaca38,0 0 0 1px #ef44443d,0 18px 34px #0000003d,0 0 26px #ef444442;animation:timer-warning-shell .8s ease-in-out infinite}.game-timer-warning.game-timer-active:before{background:linear-gradient(180deg,#fecaca,#ef4444)}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes timer-warning-shell{0%,to{box-shadow:inset 0 0 0 1px #fecaca2e,0 0 0 1px #ef444433,0 18px 34px #0000003d,0 0 18px #ef44442e}50%{box-shadow:inset 0 0 0 1px #fecaca57,0 0 0 1px #f8717157,0 18px 34px #0000003d,0 0 34px #ef444457}}@keyframes timer-active-glow{0%,to{box-shadow:inset 0 0 0 1px #7dd3fc73,0 0 0 1px #7dd3fc29,0 16px 30px #0003,0 0 16px #7dd3fc29}50%{box-shadow:inset 0 0 0 1px #7dd3fcbf,0 0 0 1px #7dd3fc47,0 16px 30px #0003,0 0 28px #7dd3fc47}}@keyframes timer-active-bar{0%,to{opacity:.7;transform:scaleY(.92)}50%{opacity:1;transform:scaleY(1)}}.board-shell{position:relative;width:calc(var(--game-board-size) + (var(--board-frame-pad) * 2));height:calc(var(--game-board-size) + (var(--board-frame-pad) * 2));overflow:hidden;justify-self:center;box-sizing:border-box}.board-meta-stack{width:100%;display:grid;gap:10px}.board-shell-inner{position:absolute;top:var(--board-frame-pad);left:var(--board-frame-pad);width:640px;height:640px;overflow:hidden;transform-origin:top left;-webkit-transform-origin:top left;transform:scale(var(--game-board-scale));-webkit-transform:scale(var(--game-board-scale))}.demo-board-preview{position:relative;width:640px;height:640px;overflow:hidden;background:#0f172a;pointer-events:none;-webkit-user-select:none;user-select:none;isolation:isolate}.demo-board-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgb(255 255 255 / .08),transparent 32%),linear-gradient(180deg,transparent 0%,rgb(15 23 42 / .08) 100%);mix-blend-mode:screen;pointer-events:none;z-index:4}.demo-board-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(255 255 255 / .035) 0,transparent 16%,transparent 84%,rgb(15 23 42 / .1) 100%),repeating-linear-gradient(180deg,rgb(255 255 255 / .03) 0 2px,transparent 2px 6px);opacity:.5;pointer-events:none;z-index:4}.demo-board-preview-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr)}.demo-board-preview-square{width:80px;height:80px}.demo-board-preview-square-light{background:#ece6c5}.demo-board-preview-square-dark{background:#7f9a58}.demo-board-preview-highlights,.demo-board-preview-pieces{position:absolute;inset:0}.demo-board-preview-highlight{position:absolute;width:80px;height:80px;background:radial-gradient(circle at center,rgb(125 211 252 / .14),transparent 62%),#7dd3fc2e;box-shadow:inset 0 0 0 1px #7dd3fc5c,0 0 18px #7dd3fc1f;z-index:1}.demo-board-preview-piece{z-index:2}.zone-fallback{display:grid;gap:14px;padding:24px;border:1px solid rgb(248 113 113 / .22);background:linear-gradient(180deg,#0f172af5,#1e293bf0),linear-gradient(135deg,rgb(239 68 68 / .1),transparent 48%);box-shadow:0 20px 46px #00000047}.zone-fallback-board{width:100%;max-width:640px;margin:0 auto;min-height:320px;align-content:center}.zone-fallback-modal{display:grid;gap:14px}.zone-fallback-kicker{color:#fca5a5;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.zone-fallback strong{color:#f8fafc;font-size:20px}.zone-fallback p{margin:0;color:#cbd5e1;line-height:1.6}.zone-fallback-actions{display:flex;flex-wrap:wrap;gap:10px}.root-fallback{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgb(59 130 246 / .08),transparent 40%),linear-gradient(180deg,#020617,#0f172a 45%,#111827)}.root-fallback-card{width:min(560px,100%);display:grid;gap:16px;padding:28px;border:1px solid rgb(248 113 113 / .22);background:linear-gradient(180deg,#0f172af5,#1e293bf0),linear-gradient(135deg,rgb(239 68 68 / .1),transparent 48%);box-shadow:0 24px 56px #00000052}.root-fallback-card strong{color:#f8fafc;font-size:28px;line-height:1.2}.root-fallback-card p{margin:0;color:#cbd5e1;line-height:1.7}.board-recovery-panel{position:absolute;inset:18px 18px auto;z-index:11;display:grid;gap:14px;padding:18px;border:1px solid rgb(96 165 250 / .24);background:linear-gradient(180deg,#0f172af5,#1e293bf0),linear-gradient(135deg,rgb(59 130 246 / .1),transparent 50%);box-shadow:0 18px 38px #00000052,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.board-recovery-panel-failed{border-color:#f8717142;background:linear-gradient(180deg,#0f172af7,#1e293bf2),linear-gradient(135deg,rgb(239 68 68 / .12),transparent 50%)}.board-recovery-copy{display:grid;gap:4px}.board-recovery-kicker{color:#93c5fd;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.board-recovery-panel-failed .board-recovery-kicker{color:#fca5a5}.board-recovery-copy strong{color:#f8fafc;font-size:18px}.board-recovery-copy p{margin:0;color:#cbd5e1;line-height:1.55}.board-recovery-actions{display:flex;flex-wrap:wrap;gap:10px}.phaser-root{position:absolute;inset:0;z-index:1;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.phaser-root canvas{width:100%!important;height:100%!important}.phaser-root:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .18s ease}body[data-board-theme-cosmetic=board_classic] .phaser-root:after{opacity:.28;background:linear-gradient(135deg,rgb(245 158 11 / .14),transparent 34%),repeating-linear-gradient(45deg,rgb(255 255 255 / .035) 0 2px,transparent 2px 20px);mix-blend-mode:overlay}body[data-board-theme-cosmetic=board_arcane_grid] .phaser-root:after{opacity:.56;background:radial-gradient(circle at 20% 20%,rgb(128 237 153 / .18),transparent 28%),radial-gradient(circle at 80% 80%,rgb(56 189 248 / .18),transparent 30%),linear-gradient(90deg,rgb(128 237 153 / .12) 1px,transparent 1px),linear-gradient(180deg,rgb(128 237 153 / .12) 1px,transparent 1px);background-size:auto,auto,80px 80px,80px 80px;mix-blend-mode:screen}body.app-low-end-effects .phaser-root:after{opacity:0}.phaser-root-loading{background:linear-gradient(135deg,#0f172afa,#1e293bf5),linear-gradient(90deg,rgb(255 255 255 / .03) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .03) 50%,rgb(255 255 255 / .03) 75%,transparent 75%);background-size:auto,96px 96px}.pixi-effects-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.pixi-effects-layer canvas{width:100%;height:100%;display:block}.pieces-layer{position:absolute;inset:0;pointer-events:none;z-index:3}.board-coordinate{position:absolute;z-index:2;color:#0f172ab8;font-size:12px;font-weight:700;line-height:1;text-transform:lowercase;letter-spacing:.02em}.board-coordinate-file{text-align:right}.board-coordinate-rank{text-align:left}.square-highlight{position:absolute;width:80px;height:80px}.square-highlight-last{background:#7dd3fc47}.square-highlight-check{background:radial-gradient(circle at center,rgb(248 113 113 / .3) 0,rgb(248 113 113 / .14) 48%,transparent 70%),#991b1b47;box-shadow:inset 0 0 0 2px #b91c1cc7}.square-highlight-mate{background:radial-gradient(circle at center,rgb(239 68 68 / .4) 0,rgb(127 29 29 / .32) 42%,transparent 72%),#450a0a7a;box-shadow:inset 0 0 0 3px #f87171f2,0 0 18px #ef444473}.square-highlight-selected{background:radial-gradient(circle at center,rgb(74 222 128 / .2) 0,rgb(74 222 128 / .08) 54%,transparent 55%),#4ade8024;box-shadow:inset 0 0 0 2px #16a34a8c}.move-marker{position:absolute;width:80px;height:80px}.move-marker:before{content:"";position:absolute;inset:28px;border-radius:999px;background:#0f172a38;box-shadow:0 0 0 2px #ffffff1f}.move-marker-capture:before{inset:8px;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 4px #b91c1cb8}.piece-slot{position:absolute;z-index:4;width:80px;height:80px;display:grid;justify-items:center;align-items:end;padding-bottom:4px;box-sizing:border-box}.piece-slot-demo{transition:transform 1.08s cubic-bezier(.22,.61,.36,1),opacity .42s ease;will-change:transform}.piece-slot-demo-captured{z-index:4;animation:demo-captured-fade .7s ease-out forwards;pointer-events:none}.piece-slot-hidden{opacity:0}.piece-svg{display:block;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 2px 3px rgb(0 0 0 / .14));transform:translateY(var(--piece-offset-y, 0px)) scale(var(--piece-scale, 1));transform-origin:center bottom}.piece-svg-white{filter:drop-shadow(1px 0 0 rgb(52 40 28 / .3)) drop-shadow(-1px 0 0 rgb(52 40 28 / .3)) drop-shadow(0 1px 0 rgb(52 40 28 / .28)) drop-shadow(0 -1px 0 rgb(52 40 28 / .2)) drop-shadow(1px 1px 0 rgb(52 40 28 / .18)) drop-shadow(-1px 1px 0 rgb(52 40 28 / .18)) drop-shadow(0 2px 4px rgb(0 0 0 / .14)) contrast(1.05) brightness(1.02)}.piece-svg-black{filter:drop-shadow(1px 0 0 rgb(255 247 224 / .13)) drop-shadow(-1px 0 0 rgb(255 247 224 / .13)) drop-shadow(0 1px 0 rgb(255 247 224 / .12)) drop-shadow(0 -1px 0 rgb(255 247 224 / .09)) drop-shadow(1px 1px 0 rgb(255 247 224 / .08)) drop-shadow(-1px 1px 0 rgb(255 247 224 / .08)) drop-shadow(0 2px 4px rgb(0 0 0 / .24)) contrast(1.06) brightness(1.03)}body.app-pieces-flat .piece-svg-white{filter:drop-shadow(0 1px 1px rgb(15 23 42 / .18)) brightness(1.01)}body.app-pieces-flat .piece-svg-black{filter:drop-shadow(1px 0 0 rgb(255 255 255 / .16)) drop-shadow(0 1px 1px rgb(0 0 0 / .18)) brightness(1.08)}.piece-svg-skinned{transition:filter .18s ease}.piece-skin-piece_skin_crystal_white_king{filter:drop-shadow(0 0 4px rgb(186 230 253 / .9)) drop-shadow(0 5px 10px rgb(14 165 233 / .28)) saturate(1.26) brightness(1.13) contrast(1.06)}.piece-skin-piece_skin_shadow_black_queen{filter:drop-shadow(0 0 5px rgb(167 139 250 / .9)) drop-shadow(0 6px 12px rgb(49 46 129 / .42)) saturate(1.2) brightness(.9) contrast(1.18)}.piece-skin-piece_set_shadow.piece-svg-white{filter:drop-shadow(0 0 7px rgb(232 121 249 / .76)) drop-shadow(0 3px 4px rgb(0 0 0 / .46)) saturate(1.18) brightness(1.08) contrast(1.08)}.piece-skin-piece_set_shadow.piece-svg-black{filter:drop-shadow(0 0 8px rgb(168 85 247 / .86)) drop-shadow(0 3px 4px rgb(0 0 0 / .56)) brightness(.76) contrast(1.18) saturate(1.34)}body.app-ranked-skins-disabled .piece-svg-skinned,body.app-low-end-effects .piece-svg-skinned{filter:inherit}body.app-move-animations-disabled .demo-board-preview .piece-slot-demo,body.app-move-animations-disabled .piece-slot-demo{transition:none;will-change:auto}@keyframes demo-captured-fade{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.game-modal-backdrop{position:absolute;inset:0;display:grid;place-items:center;background:#0f172a9e;z-index:10}.game-modal-backdrop-searching{background:radial-gradient(circle at center,rgb(56 189 248 / .08),transparent 42%),#0f172a4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}.game-modal-backdrop-match-found{background:#02061780;z-index:25;animation:match-found-fade-in .32s ease-out both}.game-modal-backdrop-result{background:#0f172a4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:game-result-backdrop-in .26s ease-out both}.game-modal{width:min(360px,calc(100% - 40px));padding:24px;border:1px solid rgb(125 211 252 / .18);border-radius:18px;background:linear-gradient(180deg,#0f172afa,#111827fa),radial-gradient(circle at top,rgb(56 189 248 / .12),transparent 58%);box-shadow:0 24px 60px #00000061,0 0 0 1px #38bdf812,inset 0 1px #ffffff0f;text-align:center}.game-modal-result-shell{border-color:#94a3b83d;box-shadow:0 24px 58px #00000061,inset 0 1px #ffffff0a;animation:game-result-modal-in .42s cubic-bezier(.22,1,.36,1) both}@keyframes game-result-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes game-result-modal-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.game-modal-searching{position:relative;z-index:21;width:min(420px,calc(100% - 32px));border-color:#7dd3fc2e;background:linear-gradient(180deg,#0f172aeb,#111827f0),radial-gradient(circle at top,rgb(56 189 248 / .12),transparent 58%);box-shadow:0 24px 60px #00000057,0 0 0 1px #38bdf814;display:grid;gap:20px;padding-top:26px}.matchmaking-status{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:16px;border:1px solid rgb(255 255 255 / .08);background:linear-gradient(180deg,#1e293bbd,#0f172ad1),linear-gradient(90deg,rgb(59 130 246 / .08),transparent 50%);box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0000002e;text-align:left}.matchmaking-status-copy{display:grid;gap:4px;min-width:0}.matchmaking-status-kicker{color:#fcd34d;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.matchmaking-status-text{color:#f8fafc;font-size:17px;font-weight:700}.matchmaking-loader{position:relative;display:grid;grid-template-columns:repeat(4,1fr);flex:0 0 auto;width:72px;height:72px;padding:5px;border:1px solid rgb(255 255 255 / .14);background:#0f172ad1;box-shadow:0 0 0 1px #38bdf814,0 0 28px #38bdf82e;overflow:hidden}.matchmaking-loader:after{content:"";position:absolute;inset:-45%;background:conic-gradient(from 0deg,#0f172a00,#0f172a0f 18deg,#0f172a29 52deg,#0f172a4d 104deg,#0f172a7a 188deg,#0f172ab3 360deg);animation:matchmaking-loader-sweep 1.2s linear infinite;transform-origin:center}.matchmaking-loader-square{background:#7c4a23;box-shadow:inset 0 1px #ffffff14}.matchmaking-loader-square-light{background:#f0d9b5}.match-found-splash{width:min(440px,calc(100% - 32px));padding:24px;border:1px solid rgb(255 255 255 / .14);background:linear-gradient(180deg,#0f172af0,#1e293bf0),linear-gradient(135deg,rgb(56 189 248 / .12),transparent 42%);box-shadow:0 20px 50px #00000057;text-align:center;animation:match-found-splash-in .48s cubic-bezier(.22,.61,.36,1) both}.match-found-kicker{display:inline-block;margin-bottom:18px;color:#7dd3fc;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.match-found-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.match-found-player{display:grid;justify-items:center;gap:8px;animation:match-found-player-in .54s cubic-bezier(.22,.61,.36,1) both}.match-found-player:last-child{animation-delay:70ms}.match-found-avatar{width:72px;height:72px;border-radius:50%;background:#0f172a}.match-found-name{color:#f8fafc;font-size:16px;font-weight:700}.match-found-rating{color:#cbd5e1;font-size:13px;font-weight:600}.match-found-vs{color:#bae6fd;font-size:28px;font-weight:800;letter-spacing:.08em;animation:match-found-vs-pulse .72s ease-out both}@keyframes match-found-fade-in{0%{opacity:0}to{opacity:1}}@keyframes match-found-splash-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes match-found-player-in{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes match-found-vs-pulse{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.game-modal-result{margin:0 0 8px;color:#f8fafc;font-size:30px;font-weight:700}.game-modal-reason{margin:0 0 20px;color:#cbd5e1;font-size:16px}.game-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-modal-button{border:1px solid rgb(134 239 172 / .28);border-radius:10px;padding:12px 14px;background:linear-gradient(180deg,#16a34aeb,#15803deb);color:#f8fafc;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px #00000038;transition:transform .16s ease,border-color .16s ease,filter .16s ease}.game-modal-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.game-modal-button-alt{border-color:#60a5fa52;background:linear-gradient(180deg,#2563ebe0,#1e40afe6)}.game-modal-button-danger{border-color:#f871714d;background:linear-gradient(180deg,#b91c1ce6,#7f1d1deb)}.game-modal-button-cancel{margin-top:8px;border-color:#f871714d;background:linear-gradient(180deg,#b91c1ce6,#7f1d1deb)}@keyframes matchmaking-loader-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.screen-modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 38%,rgb(56 189 248 / .1),transparent 34%),#020617c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40}.screen-modal{width:min(520px,100%);max-height:calc(100vh - 48px);box-sizing:border-box;overflow:auto;padding:24px;border:1px solid rgb(96 165 250 / .18);border-radius:14px;background:linear-gradient(180deg,#111d36fa,#0a1325fa);box-shadow:0 28px 70px #0000007a,0 0 50px #38bdf81a}.room-modal{width:min(640px,100%);padding:28px;border-color:#60a5fa42;background:radial-gradient(circle at 82% 0%,rgb(56 189 248 / .16),transparent 30%),linear-gradient(180deg,#121f3afc,#081020fc);box-shadow:0 30px 80px #00000085,0 0 0 1px #7dd3fc14,0 0 72px #38bdf82e}.room-modal-subtitle{max-width:420px;margin:8px 0 0;color:#a8bfd9;font-size:14px;line-height:1.45}.screen-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.screen-modal-kicker{display:inline-block;margin-bottom:6px;color:#67e8f9;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.screen-modal-title{margin:0;color:#f8fafc;font-size:28px}.screen-modal-close{display:inline-grid;width:40px;height:40px;place-items:center;border:1px solid rgb(148 163 184 / .16);border-radius:10px;padding:0;background:#0f172a8a;color:#cbd5e1;cursor:pointer}.screen-modal-close:hover{border-color:#7dd3fc52;background:#1e3459b8;color:#eff6ff}.screen-modal-close-icon{width:20px;height:20px}.auth-mode-switcher{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.auth-mode-button{border:1px solid rgb(255 255 255 / .08);padding:12px 14px;background:#1e293b80;color:#cbd5e1;font-size:14px;font-weight:700;cursor:pointer}.auth-mode-button-active{border-color:#7dd3fc80;background:#38bdf81f;color:#eff6ff}.auth-form{display:grid;gap:14px}.room-match-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;padding:8px;border:1px solid rgb(96 165 250 / .12);border-radius:12px;background:#0810206b}.room-match-tab{display:grid;gap:3px;min-height:62px;border:1px solid rgb(96 165 250 / .14);border-radius:10px;padding:10px 12px;background:#0f172a99;color:#cbd5e1;text-align:left;cursor:pointer}.room-match-tab strong{color:#f8fafc;font-size:15px}.room-match-tab span{color:#94a3b8;font-size:12px;font-weight:700}.room-match-tab:hover,.room-match-tab:focus-visible,.room-match-tab-active{border-color:#7dd3fc8a;background:linear-gradient(135deg,rgb(56 189 248 / .18),transparent 60%),#16294bdb}.room-form{display:grid;gap:18px;padding:18px;border:1px solid rgb(96 165 250 / .12);border-radius:12px;background:#08102070}.room-section{display:grid;gap:14px}.room-section-label{color:#dbeafe;font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.room-bucket-row,.room-option-grid{display:grid;gap:10px}.room-bucket-row,.room-option-grid,.room-option-grid-times{grid-template-columns:repeat(3,minmax(0,1fr))}.room-bucket-button,.room-option-card{border:1px solid rgb(96 165 250 / .14);border-radius:10px;background:linear-gradient(180deg,#14223ddb,#0c172bdb);color:#cbd5e1;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.room-bucket-button{padding:12px 14px;font-size:14px;font-weight:900}.room-option-card{display:grid;gap:6px;min-height:92px;padding:17px;text-align:left}.room-option-card strong{color:#f8fafc;font-size:18px;font-weight:950}.room-option-card span{color:#9fb4d0;font-size:13px;font-weight:700}.room-bucket-button:hover,.room-option-card:hover{border-color:#7dd3fc57;background:linear-gradient(180deg,#1d3258eb,#101f39eb);box-shadow:0 0 28px #38bdf81f;transform:translateY(-1px)}.room-bucket-button-active,.room-option-card-active{border-color:#7dd3fc94;background:linear-gradient(135deg,rgb(56 189 248 / .24),transparent 58%),linear-gradient(180deg,#25457af5,#182f58f5);color:#eff6ff;box-shadow:inset 0 0 0 1px #ffffff14,0 0 30px #38bdf83d}.room-bot-section{padding-top:2px}.room-bot-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.room-bot-head em,.room-bot-note{color:#93c5fd;font-size:12px;font-style:normal;font-weight:800}.room-bot-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow-x:hidden}.room-bot-list-expanded{max-height:214px;overflow-y:auto;padding-right:4px;scrollbar-color:rgb(56 189 248 / .42) rgb(15 23 42 / .34);scrollbar-width:thin}.room-bot-list-expanded::-webkit-scrollbar{width:8px}.room-bot-list-expanded::-webkit-scrollbar-track{border-radius:999px;background:#0f172a57}.room-bot-list-expanded::-webkit-scrollbar-thumb{border-radius:999px;background:#38bdf86b}.room-bot-more-button{min-height:42px;border:1px solid rgb(56 189 248 / .26);border-radius:10px;background:#082f4938;color:#dbeafe;cursor:pointer;font-size:13px;font-weight:900;text-align:center;transition:border-color .16s ease,background .16s ease,transform .16s ease}.room-bot-more-button:hover,.room-bot-more-button:focus-visible{border-color:#7dd3fc85;background:#0e74903d;transform:translateY(-1px)}.room-bot-card{display:grid;gap:5px;min-height:96px;border:1px solid rgb(96 165 250 / .14);border-radius:10px;padding:12px;background:linear-gradient(180deg,#14223ddb,#0c172bdb);color:#cbd5e1;text-align:left;cursor:pointer}.room-bot-card span{color:#bfdbfe;font-size:12px;font-weight:900}.room-bot-card strong{color:#f8fafc;font-size:24px;line-height:1}.room-bot-card em{color:#94a3b8;font-size:11px;font-style:normal;font-weight:700;line-height:1.25}.room-bot-card:hover,.room-bot-card:focus-visible,.room-bot-card-active{border-color:#7dd3fc94;background:linear-gradient(135deg,rgb(56 189 248 / .2),transparent 58%),linear-gradient(180deg,#25457af5,#182f58f5);box-shadow:0 0 30px #38bdf833}.room-bot-card-locked{cursor:not-allowed;opacity:.56}.room-bot-card-locked:hover,.room-bot-card-locked:focus-visible{border-color:#60a5fa24;background:linear-gradient(180deg,#14223ddb,#0c172bdb);box-shadow:none}.room-bot-note{margin:0;padding:10px 12px;border:1px solid rgb(56 189 248 / .16);border-radius:10px;background:#082f4938}.auth-field{display:grid;gap:8px;color:#f8fafc;font-size:14px;font-weight:700}.auth-field span{color:#f8fafc;letter-spacing:.02em}.auth-field input,.auth-field select,.auth-field textarea{border:1px solid rgb(255 255 255 / .08);padding:13px 14px;background:#0c1322eb;color:#f8fafc;font-size:15px;box-sizing:border-box;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.auth-input{width:100%;border:1px solid rgb(255 255 255 / .08);padding:13px 14px;background:#0c1322eb;color:#f8fafc;font-size:15px;box-sizing:border-box;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.auth-field input::placeholder,.auth-field textarea::placeholder{color:#94a3b8}.auth-input::placeholder{color:#94a3b8}.auth-password-control{position:relative;display:grid}.auth-password-control input{width:100%}.auth-password-control-toggleable input{padding-right:50px}.auth-password-toggle{position:absolute;top:50%;right:8px;display:inline-grid;width:34px;height:34px;place-items:center;border:0;padding:0;background:transparent;color:#dbeafe;cursor:pointer;transform:translateY(-50%)}.auth-password-toggle:hover,.auth-password-toggle:focus-visible{color:#eff6ff;outline:none}.auth-password-toggle-icon{width:20px;height:20px}.auth-field input:focus,.auth-field select:focus,.auth-field textarea:focus{border-color:#60a5fa85;background:#0f172afa;box-shadow:0 0 0 3px #3b82f624,inset 0 1px #ffffff08}.auth-input:focus{border-color:#60a5fa85;background:#0f172afa;box-shadow:0 0 0 3px #3b82f624,inset 0 1px #ffffff08}.auth-helper{margin:-2px 0 0;color:#cbd5e1;font-size:14px;line-height:1.5}.auth-password-requirements{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none;color:#93a4ba;font-size:12px;font-weight:700}.auth-password-requirements li:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:999px;background:#64748b}.auth-password-requirements .auth-password-requirement-met{color:#86efac}.auth-password-requirements .auth-password-requirement-met:before{background:#22c55e}.auth-checkbox{display:inline-flex;align-items:flex-start;gap:10px;color:#cbd5e1;font-size:14px;font-weight:600;line-height:1.45}.auth-checkbox input{flex:0 0 auto;width:16px;height:16px;margin-top:2px;accent-color:#38bdf8}.auth-legal-consent{padding:12px 14px;border:1px solid rgb(125 211 252 / .16);border-radius:10px;background:#08102070}.auth-social-block{display:grid;gap:14px}.auth-social-divider{position:relative;text-align:center}.auth-social-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#ffffff14}.auth-social-divider span{position:relative;padding:0 12px;background:#111827f5;color:#94a3b8;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.auth-notice{margin:0;padding:12px 14px;border:1px solid rgb(59 130 246 / .28);background:#1e40af29;color:#dbeafe;font-size:14px;font-weight:600}.auth-dev-verification{margin:0;padding:12px 14px;border:1px solid rgb(245 158 11 / .3);background:#78350f2e;color:#fed7aa;font-size:14px;font-weight:700;line-height:1.45}.auth-dev-verification a{color:#fde68a;font-weight:900;text-decoration:underline;text-underline-offset:3px}.auth-dev-verification a:hover,.auth-dev-verification a:focus-visible{color:#fffbeb}.auth-error{margin:0;padding:12px 14px;border:1px solid rgb(239 68 68 / .24);background:#7f1d1d2e;color:#fca5a5;font-size:14px;font-weight:600}.auth-submit{border:0;padding:14px 16px;background:linear-gradient(90deg,#38bdf8,#0284c7);color:#eff6ff;font-size:15px;font-weight:800;cursor:pointer}.auth-secondary-button{border:1px solid rgb(255 255 255 / .12);padding:12px 14px;background:#1e293b7a;color:#e2e8f0;font-size:14px;font-weight:700;cursor:pointer}.auth-submit:disabled,.auth-secondary-button:disabled{opacity:.55;cursor:default}.auth-textarea{min-height:180px;resize:vertical;font:inherit;scrollbar-gutter:stable}.auth-textarea,.support-file-list,.support-faq-answer-inner{scrollbar-width:auto;scrollbar-color:rgb(103 76 170 / .96) rgb(14 9 28 / .96)}.auth-textarea::-webkit-scrollbar,.support-file-list::-webkit-scrollbar,.support-faq-answer-inner::-webkit-scrollbar{width:19px;height:19px}.auth-textarea::-webkit-scrollbar-track,.support-file-list::-webkit-scrollbar-track,.support-faq-answer-inner::-webkit-scrollbar-track{background:linear-gradient(180deg,#1d0e36fa,#110922fa);border-left:1px solid rgb(129 90 213 / .18)}.auth-textarea::-webkit-scrollbar-thumb,.support-file-list::-webkit-scrollbar-thumb,.support-faq-answer-inner::-webkit-scrollbar-thumb{border:4px solid rgb(14 9 28 / .96);border-radius:999px;background:linear-gradient(180deg,#7a56c2eb,#492584fa);box-shadow:inset 0 1px #f0e8ff29,0 0 0 1px #22114052}.auth-textarea::-webkit-scrollbar-thumb:hover,.support-file-list::-webkit-scrollbar-thumb:hover,.support-faq-answer-inner::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#916fdbf5,#5d35a5)}.auth-textarea::-webkit-scrollbar-button:single-button,.support-file-list::-webkit-scrollbar-button:single-button,.support-faq-answer-inner::-webkit-scrollbar-button:single-button{display:block;height:22px;border-left:1px solid rgb(129 90 213 / .16);background-color:transparent;background-repeat:no-repeat;background-position:center,center;background-size:12px 12px,100% 100%}.auth-textarea::-webkit-scrollbar-button:single-button:vertical:decrement,.support-file-list::-webkit-scrollbar-button:single-button:vertical:decrement,.support-faq-answer-inner::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 7l4-4 4 4' fill='none' stroke='%23efe4ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,#5b21b652,#1f123af5)}.auth-textarea::-webkit-scrollbar-button:single-button:vertical:increment,.support-file-list::-webkit-scrollbar-button:single-button:vertical:increment,.support-faq-answer-inner::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 5l4 4 4-4' fill='none' stroke='%23efe4ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,#1f123af5,#5b21b652)}.auth-textarea::-webkit-scrollbar-button:single-button:hover,.support-file-list::-webkit-scrollbar-button:single-button:hover,.support-faq-answer-inner::-webkit-scrollbar-button:single-button:hover{filter:brightness(1.16)}.support-select-wrap{position:relative;width:100%}.support-select-wrap:before{content:"";position:absolute;top:0;right:0;width:48px;height:100%;border-left:1px solid rgb(96 165 250 / .16);background:linear-gradient(180deg,#2563eb38,#3b82f629);pointer-events:none}.support-select-wrap:after{content:"";position:absolute;top:50%;right:18px;width:10px;height:10px;border-right:2px solid #e2e8f0;border-bottom:2px solid #e2e8f0;transform:translateY(-65%) rotate(45deg);pointer-events:none}.support-select{appearance:none;cursor:pointer;width:100%;padding-right:54px;background-image:none;box-shadow:none}.profile-page{width:min(980px,100%);min-height:100%;padding:28px;border:1px solid rgb(255 255 255 / .1);background:linear-gradient(180deg,#0f172af5,#111827f5),linear-gradient(135deg,rgb(56 189 248 / .08),transparent 40%);box-shadow:0 24px 60px #0000003d;box-sizing:border-box}.support-page{width:min(980px,100%);min-height:100%;padding:30px;border:1px solid rgb(148 163 184 / .12);border-radius:28px;background:radial-gradient(circle at top right,rgb(59 130 246 / .14),transparent 28%),radial-gradient(circle at bottom left,rgb(14 116 144 / .1),transparent 24%),linear-gradient(180deg,#0b1220fa,#0f172af5);box-shadow:0 24px 60px #00000047,inset 0 1px #ffffff08;box-sizing:border-box}.support-report-page{display:grid;gap:24px}.support-page-head{display:grid;gap:6px;margin-bottom:22px}.support-page-head-detail{grid-template-columns:minmax(0,1fr) auto;align-items:start;margin-bottom:0}.support-page-title{margin:0;color:#f8fafc;font-size:34px;letter-spacing:-.02em}.support-page-subtitle{margin:0;color:#9fb3cf;font-size:15px;line-height:1.5;max-width:720px}.support-faq-list{display:grid;gap:12px}.support-faq-item{border:1px solid rgb(255 255 255 / .08);border-radius:22px;background:linear-gradient(180deg,#0f172ad1,#111827db),linear-gradient(90deg,rgb(59 130 246 / .08),transparent 34%);overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.support-faq-item-open{border-color:#3b82f647;box-shadow:inset 0 0 0 1px #3b82f61f,0 16px 30px #0208172e}.support-faq-trigger{width:100%;border:0;padding:18px 20px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .22s ease}.support-faq-trigger:hover{background:linear-gradient(90deg,rgb(59 130 246 / .08),transparent 54%)}.support-faq-trigger:focus-visible{outline:none;background:linear-gradient(90deg,rgb(59 130 246 / .12),transparent 60%);box-shadow:inset 0 0 0 1px #60a5fa38}.support-faq-row{display:flex;align-items:center;gap:16px}.support-faq-question{flex:1;color:#f8fafc;font-size:16px;font-weight:700}.support-faq-caret{width:28px;height:28px;display:grid;place-items:center;color:#93c5fd;transition:transform .22s ease,color .22s ease}.support-faq-caret-open{transform:rotate(180deg);color:#dbeafe}.support-faq-caret-icon{width:18px;height:18px}.support-faq-answer-shell{max-height:0;overflow:hidden;opacity:0;transition:max-height .42s cubic-bezier(.25,.46,.45,.94),opacity .26s ease;will-change:max-height,opacity}.support-faq-answer-shell-open{opacity:1}.support-faq-answer-inner{min-height:0;opacity:.01;transform:translateY(-10px);transition:transform .42s cubic-bezier(.25,.46,.45,.94),opacity .26s ease}.support-faq-answer-shell-open .support-faq-answer-inner{opacity:1;transform:translateY(0)}.support-faq-answer{margin:0;padding:0 20px 18px;color:#cbd5e1;font-size:15px;line-height:1.65}.support-report-cta{display:flex;justify-content:center;margin-top:clamp(36px,7vh,88px);padding-bottom:10px}.support-report-button{border:0;padding:16px 30px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#3b82f6 52%,#60a5fa);color:#eff6ff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 18px 34px #2563eb47,inset 0 1px #fff3;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.support-report-button:hover{transform:translateY(-1px);box-shadow:0 22px 40px #2563eb57,inset 0 1px #ffffff3d}.support-report-button:disabled{opacity:.55;cursor:default;transform:none}.support-form{display:grid;gap:18px}.support-form .auth-field{padding:18px;border:1px solid rgb(255 255 255 / .08);border-radius:20px;background:linear-gradient(180deg,#0f172ad1,#111827e0),linear-gradient(135deg,rgb(59 130 246 / .05),transparent 44%);box-shadow:inset 0 1px #ffffff08}.support-form .auth-field span{color:#dbeafe;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.support-textarea{min-height:240px;line-height:1.6}.support-form-meta{display:flex;justify-content:space-between;gap:12px;margin-top:-4px;color:#93a8c6;font-size:13px;font-weight:700}.support-upload-card{display:grid;gap:16px;padding:20px;border:1px solid rgb(255 255 255 / .08);border-radius:22px;background:linear-gradient(180deg,#0f172acc,#111827db),linear-gradient(135deg,rgb(59 130 246 / .05),transparent 50%);box-shadow:inset 0 1px #ffffff08}.support-upload-head{display:grid;gap:4px}.support-upload-head strong{color:#f8fafc;font-size:16px}.support-upload-head span{color:#9fb3cf;font-size:14px;line-height:1.5}.support-upload-button{display:inline-flex;justify-content:center;align-items:center;width:fit-content;padding:12px 16px;border:1px solid rgb(96 165 250 / .2);border-radius:14px;background:linear-gradient(180deg,#1e293bc7,#0f172ae6),linear-gradient(90deg,rgb(59 130 246 / .08),transparent 70%);color:#dbeafe;font-size:14px;font-weight:700;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.support-upload-button:hover{transform:translateY(-1px);border-color:#60a5fa57}.support-upload-input{display:none}.support-file-list{display:grid;gap:8px;max-height:224px;overflow-y:auto;padding-right:2px}.support-file-chip{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgb(255 255 255 / .06);border-radius:14px;background:#0c1322b8;color:#cbd5e1;font-size:13px;font-weight:600}.support-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:6px}.support-form-actions .auth-secondary-button{padding:15px 18px;border-radius:16px;background:#1e293b94}.support-form-actions .auth-secondary-button:hover{border-color:#94a3b842}.profile-page-title{margin:0;color:#f8fafc;font-size:30px}.history-page{width:min(980px,100%);min-height:100%;padding:28px;border:1px solid rgb(255 255 255 / .1);background:linear-gradient(180deg,#0f172af5,#111827f5),linear-gradient(135deg,rgb(59 130 246 / .08),transparent 42%);box-shadow:0 24px 60px #0000003d;box-sizing:border-box}.history-list-page{display:grid;gap:18px;align-content:start}.history-detail-page{display:grid;gap:22px}.history-page-head{display:grid;gap:6px;margin-bottom:22px}.history-list-page .history-page-head{margin-bottom:0}.history-page-head-detail{grid-template-columns:minmax(0,1fr) auto;align-items:start;margin-bottom:0}.history-page-title{margin:0;color:#f8fafc;font-size:30px}.history-page-subtitle{margin:0;color:#94a3b8;font-size:15px}.history-feed{display:grid;gap:12px;padding:12px 12px 16px;border:1px solid rgb(255 255 255 / .08);border-radius:24px;background:linear-gradient(180deg,#090f1ceb,#0f172ae6),linear-gradient(135deg,rgb(59 130 246 / .06),transparent 46%);box-shadow:inset 0 1px #ffffff08,0 18px 34px #02061729;box-sizing:border-box;align-content:start}.history-viewer{display:grid;grid-template-columns:92px minmax(0,1fr) 260px;gap:16px;margin-bottom:22px}.history-viewer-empty{display:grid;gap:8px;padding:24px;border:1px solid rgb(255 255 255 / .08);background:#0f172ac2}.history-viewer-empty strong{color:#f8fafc;font-size:20px}.history-viewer-empty p{margin:0;color:#cbd5e1;font-size:15px;line-height:1.6}.history-eval-panel,.history-board-panel,.history-moves-panel{border:1px solid rgb(255 255 255 / .08);background:#0f172ac2}.history-eval-panel{display:grid;justify-items:center;align-content:start;gap:10px;padding:16px 12px;border-radius:18px;background:linear-gradient(180deg,#0f172af5,#111827f0),radial-gradient(circle at top,rgb(96 165 250 / .08),transparent 46%)}.history-eval-label,.history-eval-side{color:#94a3b8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-align:center}.history-eval-player{color:#cbd5e1;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.9}.history-eval-player-black{color:#e2e8f0}.history-eval-player-white{color:#f8fafc}.history-eval-bar-shell{position:relative;display:grid;place-items:center;width:40px;padding:6px 0}.history-eval-bar{position:relative;width:24px;height:360px;border:1px solid rgb(148 163 184 / .18);border-radius:999px;background:#060b18b8;box-shadow:inset 0 0 0 1px #ffffff0a,0 14px 28px #02061738;overflow:hidden}.history-eval-bar-black,.history-eval-bar-white{position:absolute;left:0;width:100%;transition:height .22s ease-out}.history-eval-bar-black{top:0;border-radius:999px 999px 14px 14px;background:linear-gradient(180deg,#0a0a0cfa,#161c2df5 86%,#161c2dc7)}.history-eval-bar-white{bottom:0;border-radius:14px 14px 999px 999px;background:linear-gradient(180deg,#f8fafccc,#f8fafcfa 18%,#e2e8f0fa);box-shadow:inset 0 1px #ffffffc7,inset 0 14px 24px #ffffff0f}.history-eval-value{color:#f8fafc;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em}.history-eval-side{max-width:72px}.history-board-panel{display:grid;gap:14px;padding:16px}.replay-board{position:relative;width:min(100%,520px);aspect-ratio:1 / 1;justify-self:center}.replay-board-grid{display:grid;grid-template-columns:repeat(8,1fr);width:100%;height:100%}.replay-board-square-light{background:#f0d9b5}.replay-board-square-dark{background:#b58863}.replay-board-highlight{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background:#7dd3fc4d;box-shadow:inset 0 0 0 2px #38bdf866;pointer-events:none}.replay-piece-slot{position:absolute;top:0;left:0;width:12.5%;height:12.5%;display:grid;justify-items:center;align-items:end;padding-bottom:4px;box-sizing:border-box;transition:transform .52s cubic-bezier(.22,.61,.36,1),opacity .18s ease-out;will-change:transform}.replay-piece-slot .piece-svg{width:84%;height:84%}.history-board-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.history-board-step{color:#cbd5e1;font-size:14px;font-weight:700}.history-play-button{min-width:88px}.history-moves-panel{display:grid;gap:12px;padding:16px}.history-moves-title{margin:0;color:#f8fafc;font-size:18px}.history-moves-feed{display:grid;gap:8px;max-height:440px;overflow:auto}.legal-modal-backdrop{z-index:60}.legal-modal{width:min(820px,100%)}.legal-document-body{display:grid;gap:14px;max-height:min(62vh,620px);overflow:auto;padding:16px;border:1px solid rgb(96 165 250 / .14);border-radius:12px;background:#0810206b;color:#cbd5e1;scrollbar-color:#38bdf8 rgb(15 23 42 / .75);scrollbar-width:thin}.legal-document-body::-webkit-scrollbar{width:10px}.legal-document-body::-webkit-scrollbar-track{border-radius:999px;background:#0f172abf}.legal-document-body::-webkit-scrollbar-thumb{border:2px solid rgb(15 23 42 / .75);border-radius:999px;background:linear-gradient(180deg,#38bdf8,#2563eb)}.legal-document-body p{margin:0;font-size:14px;line-height:1.62}.legal-document-section{display:grid;gap:8px}.legal-document-section h4{margin:0;color:#f8fafc;font-size:16px}.cookie-consent-popup{position:fixed;right:24px;bottom:24px;z-index:55;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;width:min(760px,calc(100vw - 48px));padding:16px;border:1px solid rgb(125 211 252 / .22);border-radius:14px;background:radial-gradient(circle at top right,rgb(56 189 248 / .14),transparent 38%),linear-gradient(180deg,#111d36fa,#0a1325fa);box-shadow:0 24px 70px #0000006b,0 0 0 1px #ffffff0a}.cookie-consent-copy{display:grid;gap:6px;min-width:0}.cookie-consent-copy strong{color:#f8fafc;font-size:16px}.cookie-consent-copy span{color:#a8bfd9;font-size:13px;font-weight:650;line-height:1.5}.cookie-consent-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.cookie-consent-actions .auth-secondary-button,.cookie-consent-actions .auth-submit{min-height:40px;padding:10px 12px;font-size:13px;white-space:nowrap}@media(max-width:720px){.cookie-consent-popup{right:12px;bottom:12px;grid-template-columns:1fr;width:calc(100vw - 24px)}.cookie-consent-actions{justify-content:stretch}.cookie-consent-actions .auth-secondary-button,.cookie-consent-actions .auth-submit{flex:1 1 140px}}.history-moves-feed,.mode-rules-list{scrollbar-width:thin;scrollbar-color:rgb(56 189 248 / .74) rgb(15 23 42 / .72)}.history-moves-feed::-webkit-scrollbar,.mode-rules-list::-webkit-scrollbar{width:11px;height:11px}.history-moves-feed::-webkit-scrollbar-track,.mode-rules-list::-webkit-scrollbar-track{border-radius:999px;background:#0f172ab8}.history-moves-feed::-webkit-scrollbar-thumb,.mode-rules-list::-webkit-scrollbar-thumb{border:3px solid rgb(15 23 42 / .72);border-radius:999px;background:linear-gradient(180deg,#38bdf8db,#2563ebb8)}.history-moves-feed::-webkit-scrollbar-thumb:hover,.mode-rules-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7dd3fceb,#3b82f6d1)}.history-move-row{display:grid;grid-template-columns:34px 1fr 1fr;gap:8px;align-items:center}.history-move-number{color:#94a3b8;font-size:13px;font-weight:700}.history-move-button{border:1px solid rgb(255 255 255 / .08);padding:10px 12px;background:#111827db;color:#e2e8f0;font-size:13px;font-weight:700;text-align:left;cursor:pointer}.history-move-button:disabled{opacity:.4;cursor:default}.history-move-button-active{border-color:#7dd3fc80;background:#38bdf824;color:#eff6ff}.profile-hero{display:flex;align-items:center;gap:16px;margin-bottom:22px}.profile-avatar{width:88px;height:88px;border-radius:50%;background:#0f172a}.profile-hero-copy{display:grid;gap:6px}.profile-email,.profile-joined{margin:0;color:#cbd5e1}.profile-id-button{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:9px 12px;border:1px solid rgb(96 165 250 / .24);background:#1e40af24;color:#dbeafe;font-weight:700;cursor:pointer}.profile-id-icon{width:16px;height:16px}.social-banner{margin:0 0 16px;padding:12px 14px;border:1px solid rgb(59 130 246 / .24);background:#1e40af29;color:#dbeafe}.social-banner-error{border-color:#f8717147;background:#7f1d1d2e;color:#fecaca}.modes-catalog-page{min-height:100%;padding:36px 44px 56px;background:#081225;color:#f8fafc;overflow:auto}.modes-catalog-shell{display:grid;gap:34px;width:min(100%,1180px);margin:0 auto}.modes-catalog-hero{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);min-height:320px;overflow:hidden;isolation:isolate;border-radius:16px;background:#081225;border:1px solid rgb(96 165 250 / .12);box-shadow:0 24px 60px #02061759}.modes-catalog-hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#030712e6,#030712b8 42%,#03071229),linear-gradient(180deg,#0307120a,#0307127a);pointer-events:none}.modes-hero-background{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}.modes-hero-copy{position:relative;z-index:2;display:grid;align-content:center;justify-items:start;gap:16px;padding:44px 56px}.modes-hero-badge{padding:6px 12px;border-radius:6px;background:#22d3ee33;color:#67e8f9;font-size:11px;font-weight:950;text-transform:uppercase}.modes-hero-copy h2{margin:0;color:#fff;font-size:58px;font-weight:1000;letter-spacing:0;line-height:.95;text-shadow:4px 4px 0 rgb(37 99 235 / .8)}.modes-hero-copy p{max-width:560px;margin:0;color:#dbeafe;font-size:15px;font-weight:750;line-height:1.55}.modes-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}.modes-primary-button,.modes-secondary-button{min-height:48px;padding:0 28px;border:0;border-radius:8px;color:#f8fafc;font-size:13px;font-weight:950;cursor:pointer}.room-modal .auth-submit{border:1px solid rgb(96 165 250 / .34);border-radius:10px;background:linear-gradient(180deg,#25457af5,#182f58f5);color:#eff6ff;box-shadow:inset 0 1px #ffffff14,0 12px 28px #02061757,0 0 30px #38bdf82e}.room-modal .auth-submit:hover{border-color:#7dd3fc85;background:linear-gradient(180deg,#2c528ffa,#203f76fa);box-shadow:inset 0 1px #ffffff1a,0 14px 32px #02061761,0 0 42px #38bdf847}.modes-primary-button{background:#4f86ff;box-shadow:0 16px 34px #3b82f65c}.modes-secondary-button{background:#1e293bdb}.modes-hero-pieces{position:relative;min-height:320px}.modes-hero-pieces:before{content:"";position:absolute;inset:auto 5% 26px 2%;height:44px;border-radius:999px;background:#00000061;filter:blur(12px)}.modes-hero-piece{position:absolute;width:auto;height:auto;image-rendering:auto;filter:drop-shadow(0 30px 26px rgb(0 0 0 / .52));opacity:.95}.modes-hero-piece-main{right:34%;bottom:42px;width:210px}.modes-hero-piece-mid{right:12%;bottom:34px;width:170px}.modes-hero-piece-small{right:4%;bottom:50px;width:114px}.modes-library-section{display:grid;gap:20px}.modes-section-head{display:grid;gap:7px}.modes-section-head h3{margin:0;color:#f8fafc;font-size:25px;font-weight:1000}.modes-section-head span{color:#b7c4d8;font-size:12px;font-weight:750}.modes-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.modes-library-card{display:flex;flex-direction:column;overflow:hidden;border-radius:14px;background:#0d172bf5;border:1px solid rgb(96 165 250 / .1);box-shadow:0 18px 36px #0206173d;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.modes-library-card:hover,.modes-library-card:focus-visible{transform:translateY(-2px);border-color:#38bdf87a;box-shadow:0 22px 44px #02061757;outline:none}.modes-library-card-planned{border-color:#94a3b81f}.modes-library-art{position:relative;display:grid;place-items:stretch;width:100%;height:235px;overflow:hidden;border:0;background:radial-gradient(circle at 55% 34%,rgb(255 255 255 / .16),transparent 24%),linear-gradient(180deg,#0c1323,#070c17);cursor:pointer}.modes-library-art:before{content:none}.modes-library-photo{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.01);filter:saturate(1.08) contrast(1.05) brightness(.92);transition:transform .26s ease,filter .26s ease}.modes-library-card:hover .modes-library-photo,.modes-library-card:focus-visible .modes-library-photo{transform:scale(1.045);filter:saturate(1.14) contrast(1.08) brightness(1)}.modes-library-card-blitz .modes-library-art{background:radial-gradient(circle at 52% 42%,rgb(226 232 240 / .2),transparent 22%),linear-gradient(180deg,#10161f,#0a0e17)}.modes-library-card-bullet .modes-library-art{background:radial-gradient(circle at 68% 28%,rgb(255 255 255 / .22),transparent 25%),linear-gradient(180deg,#0d100f,#05080a)}.modes-library-board-shadow{position:absolute;left:12%;right:12%;bottom:50px;height:22px;border-radius:999px;background:#0000006b;filter:blur(10px)}.modes-library-piece-row{position:absolute;left:8%;right:8%;bottom:48px;display:flex;justify-content:center;align-items:flex-end}.modes-library-piece-row img{width:62px;max-width:24%;margin-left:-8px;filter:drop-shadow(0 20px 16px rgb(0 0 0 / .48))}.modes-library-piece-row img:first-child{width:74px;margin-left:0}.modes-library-status{position:absolute;top:14px;right:14px;z-index:4;padding:6px 9px;border:1px solid rgb(255 255 255 / .14);border-radius:999px;background:#0f172ac2;color:#dbeafe;font-size:10px;font-weight:950;text-transform:uppercase}.modes-library-copy{display:grid;grid-template-rows:minmax(0,1fr) auto auto;flex:1;gap:16px;padding:20px 24px 24px}.modes-library-copy div:first-child{display:grid;gap:8px}.modes-library-copy strong{color:#f8fafc;font-size:22px;font-weight:1000}.modes-library-copy div:first-child span{color:#aab7ca;font-size:12px;font-weight:750;line-height:1.45}.modes-library-tags{display:flex;justify-content:space-between;gap:10px}.modes-library-tags span{padding:5px 9px;border-radius:4px;background:#065f938a;color:#67e8f9;font-size:10px;font-weight:950}.modes-library-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modes-library-action{min-height:38px;border:1px solid rgb(96 165 250 / .3);border-radius:10px;background:linear-gradient(180deg,#2563eb4d,#1e40af3d);color:#eff6ff;font-size:12px;font-weight:900;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.modes-library-action-secondary{border-color:#94a3b82e;background:#0f172a94;color:#cbd5e1}.modes-library-action:hover:not(:disabled){transform:translateY(-1px);border-color:#7dd3fc8a}.modes-library-action:disabled{cursor:not-allowed;opacity:.58}.mode-rules-modal{max-width:620px;display:flex;flex-direction:column;overflow:hidden}.mode-rules-list{display:grid;gap:10px;flex:1 1 auto;min-height:0;max-height:min(46vh,420px);overflow-y:auto;padding-right:4px}.mode-rules-list p{margin:0;padding:12px 14px;border:1px solid rgb(148 163 184 / .12);border-radius:12px;background:#0f172a8c;color:#cbd5e1;font-size:13px;line-height:1.45}.mode-rules-actions{display:flex;flex:0 0 auto;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}.friends-page,.messages-page{display:grid;gap:18px;align-content:start;justify-items:stretch}.social-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.social-overview-card{display:grid;gap:10px;padding:20px;border:1px solid rgb(255 255 255 / .08);background:linear-gradient(180deg,#0f172aeb,#111827e0),radial-gradient(circle at top right,rgb(59 130 246 / .16),transparent 42%)}.social-overview-card-highlight{background:linear-gradient(180deg,#0f172af0,#111827e6),radial-gradient(circle at top right,rgb(56 189 248 / .24),transparent 44%)}.social-overview-label{color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.social-overview-card strong{color:#f8fafc;font-size:40px;line-height:1}.social-overview-card p{margin:0;color:#cbd5e1;line-height:1.6}.social-panel{display:grid;gap:14px;align-content:start;border:1px solid rgb(255 255 255 / .08);background:#0f172ab8;padding:18px}.social-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.message-panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.friend-search-form,.message-compose-form{display:grid;gap:12px}.friend-search-form{grid-template-columns:minmax(0,1fr) auto}.friend-card-expanded{align-items:flex-start;justify-content:space-between}.friend-card-copy,.message-card-copy{display:grid;gap:4px;min-width:0}.friend-card-copy strong,.message-card-copy strong{color:#f8fafc}.friend-card-copy span,.message-card-copy span,.message-card-body{color:#cbd5e1}.friend-card-actions,.message-card-actions,.message-compose-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.friend-card-actions{justify-content:flex-end}.friend-card-actions-stacked button{min-width:0}.danger-button{padding:11px 16px;border:1px solid rgb(248 113 113 / .28);background:#7f1d1d2e;color:#fecaca;font-weight:700;cursor:pointer}.profile-preview-card{display:grid;gap:18px}.profile-preview-avatar{width:72px;height:72px;border-radius:50%}.profile-preview-copy{display:grid;gap:6px}.profile-preview-copy strong{color:#f8fafc;font-size:20px}.profile-preview-copy span{color:#cbd5e1}.friends-grid{display:grid;grid-template-columns:1fr;gap:12px;align-content:start}.friend-showcase-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgb(255 255 255 / .08);background:linear-gradient(180deg,#0f172aeb,#111827db),radial-gradient(circle at top right,rgb(56 189 248 / .12),transparent 40%);box-shadow:inset 0 1px #ffffff0a}.friend-showcase-head{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.friend-showcase-head .friend-card-copy{display:flex;align-items:center;min-width:0}.friend-showcase-head .friend-card-copy strong{color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-showcase-card strong{color:#f8fafc}.friend-showcase-avatar{width:42px;height:42px;border-radius:50%;border:2px solid rgb(255 255 255 / .08)}.friend-showcase-card .friend-card-actions{flex-wrap:nowrap;justify-content:flex-end;gap:8px;flex:0 0 auto}.friend-showcase-card .friend-card-actions button{white-space:nowrap}.friend-rating-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.friend-rating-pill{display:grid;gap:6px;padding:12px;border:1px solid rgb(255 255 255 / .08);background:#ffffff08}.friend-rating-pill span{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.friend-rating-pill strong{color:#f8fafc;font-size:20px}.message-composer-modal{width:min(560px,100%)}.message-compose-form .auth-textarea{min-height:180px;max-height:220px;resize:none;scrollbar-width:none;-ms-overflow-style:none;border:1px solid rgb(148 163 184 / .16);background:linear-gradient(180deg,#0b1220fa,#0f172af0),radial-gradient(circle at top right,rgb(37 99 235 / .08),transparent 42%);color:#e2e8f0;box-shadow:inset 0 1px #ffffff08}.message-compose-form .auth-textarea::-webkit-scrollbar{display:none}.message-compose-form .auth-textarea::placeholder{color:#7f8ea3}.message-compose-form .auth-textarea:focus{border-color:#60a5fa5c;background:linear-gradient(180deg,#0d1424fc,#111827f5),radial-gradient(circle at top right,rgb(59 130 246 / .1),transparent 42%);box-shadow:0 0 0 3px #3b82f61f,inset 0 1px #ffffff08}.message-compose-toolbar{display:grid;gap:10px}.message-emoji-toggle{display:grid;place-items:center;width:34px;min-width:34px;height:34px;padding:0;border:1px solid rgb(96 165 250 / .18);background:linear-gradient(180deg,#1e293beb,#0f172aeb);color:#dbeafe;font-size:17px;line-height:1;cursor:pointer}.message-emoji-toggle-active,.message-emoji-toggle:hover{border-color:#60a5fa47;background:linear-gradient(180deg,#2563eb33,#1e293bf5)}.message-emoji-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-height:236px;overflow-x:hidden;overflow-y:auto;gap:6px;padding:10px;border:1px solid rgb(148 163 184 / .12);background:linear-gradient(180deg,#0c1322f5,#0f172af0),radial-gradient(circle at top right,rgb(37 99 235 / .08),transparent 38%);scrollbar-width:none;-ms-overflow-style:none}.message-emoji-picker::-webkit-scrollbar{display:none}.message-emoji-button{display:grid;place-items:center;min-height:38px;border:0;padding:0;background:#1e293bc7;color:#f8fafc;font-size:20px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff08}.message-emoji-button:hover{border-color:#60a5fa47;background:#2563eb29}.message-composer-profile{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:14px;border:1px solid rgb(255 255 255 / .08);background:#ffffff08}.message-composer-avatar{width:52px;height:52px;border-radius:50%}.message-composer-profile-copy{display:grid;gap:4px}.message-composer-profile-copy strong{color:#f8fafc}.message-composer-profile-copy span{color:#cbd5e1}.ratings-grid-compact .rating-card strong{font-size:24px}.message-card{display:grid;gap:12px;padding:16px;border:1px solid rgb(255 255 255 / .08);background:#0f172ab3}.message-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.message-card-person{display:flex;align-items:center;gap:12px}.message-card-person img{width:38px;height:38px;border-radius:50%}.message-card-body{margin:0;line-height:1.55;white-space:pre-wrap}.message-compose-footer{justify-content:flex-end}.message-compose-footer .auth-secondary-button,.message-compose-footer .auth-submit{min-width:132px;padding:12px 16px;border:1px solid rgb(96 165 250 / .18);background:linear-gradient(180deg,#1e293beb,#0f172aeb);color:#dbeafe;font-size:14px;font-weight:700;box-shadow:inset 0 1px #ffffff08}.message-compose-footer .auth-secondary-button:hover,.message-compose-footer .auth-submit:hover{background:linear-gradient(180deg,#2563eb33,#1e293bf5);border-color:#60a5fa47}.profile-section{margin-bottom:22px}.profile-section h4{margin:0 0 12px;color:#f8fafc;font-size:18px}.ratings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rating-card,.profile-list-item,.friend-card,.history-card{border:1px solid rgb(255 255 255 / .08);background:#0f172ab3}.rating-card{display:grid;gap:8px;padding:16px}.rating-card span{color:#cbd5e1;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.rating-card strong{color:#f8fafc;font-size:32px}.token-list{display:flex;flex-wrap:wrap;gap:10px}.token-chip{padding:8px 12px;border-radius:999px;background:#38bdf824;color:#bae6fd;font-size:13px;font-weight:700}.profile-list{display:grid;gap:10px;align-content:start}.profile-list-item{display:grid;gap:6px;padding:14px 16px}.profile-list-item strong,.history-main strong{color:#f8fafc}.profile-list-item span,.history-main span,.history-meta span{color:#cbd5e1}.friend-card{display:flex;align-items:center;gap:12px;padding:12px 14px}.friend-card span{color:#f8fafc}.friend-card img{width:34px;height:34px;border-radius:50%}.history-card{display:grid;gap:10px;padding:14px 16px}.history-card-page{padding:18px 20px;background:linear-gradient(180deg,#0f172ad1,#111827db),linear-gradient(90deg,rgb(59 130 246 / .08),transparent 28%)}.history-card-button{width:100%;cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.history-card-button:hover{transform:translateY(-2px)}.history-card-selected{border-color:#3b82f666;box-shadow:inset 0 0 0 1px #3b82f629}.history-back-button{align-self:start}.history-main,.history-meta{display:flex;flex-wrap:wrap;gap:12px}.empty-state{margin:0;color:#94a3b8}.board-status-strip{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:14px 16px;border:1px solid rgb(255 255 255 / .12);background:linear-gradient(180deg,#0f172ae6,#111827d6),linear-gradient(135deg,rgb(56 189 248 / .08),transparent 44%);box-shadow:0 14px 36px #00000038,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box}.board-status-strip-offset{top:auto}.board-connection-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:12px 16px;border:1px solid rgb(255 255 255 / .14);box-shadow:0 14px 36px #0000003d,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box}.board-connection-banner-reconnecting{background:linear-gradient(180deg,#0f172aeb,#111827db),linear-gradient(135deg,rgb(59 130 246 / .14),transparent 48%);border-color:#60a5fa47}.board-connection-banner-disconnected{background:linear-gradient(180deg,#0f172af0,#1e293be6),linear-gradient(135deg,rgb(239 68 68 / .14),transparent 48%);border-color:#f871714d}.board-connection-banner-reconnected{background:linear-gradient(180deg,#0f172aeb,#111827db),linear-gradient(135deg,rgb(34 197 94 / .14),transparent 48%);border-color:#4ade8047}.board-connection-banner-copy{display:grid;gap:2px;min-width:0}.board-connection-banner-copy strong{color:#f8fafc;font-size:14px;font-weight:800}.board-connection-banner-copy span{color:#cbd5e1;font-size:13px}.board-connection-banner-room{color:#e2e8f0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.board-status-copy{display:grid;gap:4px;min-width:0}.board-status-kicker{color:#7dd3fc;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.board-status-copy strong{color:#f8fafc;font-size:15px;font-weight:700}.board-status-copy span:last-child{color:#94a3b8;font-size:13px}.board-action-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.board-action-button{border:1px solid rgb(255 255 255 / .12);border-radius:10px;padding:11px 14px;background:linear-gradient(180deg,#1e293beb,#0f172aeb);color:#f8fafc;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px #0000002e;transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}.board-action-button:hover:not(:disabled){transform:translateY(-1px)}.board-action-button:disabled{opacity:.48;cursor:default}.board-action-button-draw{border-color:#60a5fa52;background:linear-gradient(180deg,#1e40af57,#1e293be6)}.board-action-button-danger{border-color:#f8717147;background:linear-gradient(180deg,#7f1d1d70,#1e293be6)}.board-action-button-friend{border-color:#38bdf84d;background:#0e749038}body.app-board-view .topbar,body.app-board-view .game-layout{justify-self:stretch}body.app-board-view .game-stage{grid-template-rows:auto minmax(0,1fr);align-content:stretch}body.app-board-view .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;width:100%;padding:16px 20px;border:1px solid rgb(255 255 255 / .08);border-radius:28px;background:radial-gradient(circle at top left,rgb(125 211 252 / .14),transparent 32%),linear-gradient(135deg,#0a101cfa,#0f172af0 46%,#141f35f5);box-shadow:0 24px 64px #0206175c,inset 0 1px #ffffff0d;box-sizing:border-box}body.app-board-view .topbar.topbar-demo{padding:14px 18px;border-radius:24px}body.app-board-view .topbar-copy{min-width:0;gap:8px}body.app-board-view .topbar-kicker{color:#f7c24b}body.app-board-view .topbar-room{font-size:12px;line-height:1.3;color:#9fb3cf}body.app-board-view .topbar-title{font-size:clamp(28px,2.8vw,40px);letter-spacing:-.04em;line-height:.98}body.app-board-view .topbar.topbar-demo .topbar-title{font-size:clamp(24px,2.2vw,34px)}body.app-board-view .topbar.topbar-demo .topbar-room{font-size:11px;line-height:1.25}body.app-board-view .main-page{width:min(100%,1480px);display:grid;gap:22px;justify-self:center;padding:6px 0 12px;box-sizing:border-box}body.app-board-view .main-page-hero{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(0,1.5fr) minmax(200px,.9fr);gap:18px;align-items:start}body.app-board-view .main-page-side-column,body.app-board-view .main-page-spotlight{display:grid;gap:18px;min-width:0}body.app-board-view .main-page-card,body.app-board-view .main-page-spotlight{position:relative;overflow:hidden;border:1px solid rgb(148 163 184 / .12);border-radius:32px;background:linear-gradient(180deg,#0a1220fa,#0f172af2),linear-gradient(135deg,rgb(59 130 246 / .08),transparent 48%);box-shadow:0 26px 64px #02061757,inset 0 1px #ffffff0d;box-sizing:border-box}body.app-board-view .main-page-card:before,body.app-board-view .main-page-spotlight:before{content:"";position:absolute;inset:0;pointer-events:none}body.app-board-view .main-page-card:before{background:radial-gradient(circle at top right,rgb(96 165 250 / .14),transparent 38%)}body.app-board-view .main-page-card-blue:before{background:radial-gradient(circle at top right,rgb(59 130 246 / .18),transparent 36%)}body.app-board-view .main-page-card-cyan:before{background:radial-gradient(circle at top right,rgb(34 211 238 / .16),transparent 36%)}body.app-board-view .main-page-card-amber:before{background:radial-gradient(circle at top right,rgb(96 165 250 / .12),transparent 38%)}body.app-board-view .main-page-card{padding:20px 20px 22px}body.app-board-view .main-page-card-eyebrow{display:inline-block;margin-bottom:10px;color:#68d6ff;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}body.app-board-view .main-page-card-title{margin:0 0 12px;color:#f8fafc;font-size:22px;font-weight:800;letter-spacing:-.03em}body.app-board-view .main-page-card-copy{position:relative;z-index:1;margin:0;color:#cbd5e1;font-size:14px;line-height:1.65}body.app-board-view .main-page-tag-list{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}body.app-board-view .main-page-tag{padding:8px 12px;border:1px solid rgb(103 232 249 / .18);border-radius:999px;background:#0e1e34db;color:#d6f6ff;font-size:12px;font-weight:700;letter-spacing:.02em}body.app-board-view .main-page-point-list{position:relative;z-index:1;display:grid;gap:12px}body.app-board-view .main-page-point{position:relative;margin:0;padding-left:16px;color:#cbd5e1;font-size:14px;line-height:1.65}body.app-board-view .main-page-point:before{content:"";position:absolute;top:10px;left:0;width:6px;height:6px;border-radius:999px;background:#54c8ff;box-shadow:0 0 12px #54c8ff8c}body.app-board-view .main-page-spotlight{align-content:start;padding:28px 28px 30px;background:radial-gradient(circle at top,rgb(59 130 246 / .2),transparent 38%),radial-gradient(circle at bottom right,rgb(8 145 178 / .16),transparent 30%),linear-gradient(180deg,#09101dfc,#0d1728f5)}body.app-board-view .main-page-spotlight:before{background:linear-gradient(90deg,transparent 0,rgb(255 255 255 / .04) 46%,transparent 100%),radial-gradient(circle at center,rgb(96 165 250 / .08),transparent 52%)}body.app-board-view .main-page-title-block{position:relative;z-index:1;display:grid;gap:10px;justify-items:center;text-align:center}body.app-board-view .main-page-kicker{color:#68d6ff;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}body.app-board-view .main-page-title{margin:0;color:#f8fafc;font-size:clamp(44px,5.4vw,72px);font-weight:900;letter-spacing:-.06em;line-height:.95}body.app-board-view .main-page-subtitle{margin:0;max-width:58ch;color:#b9c8dc;font-size:16px;line-height:1.7}body.app-board-view .main-page-board-stage{position:relative;display:grid;justify-items:center;padding:16px 0 20px;min-height:610px}body.app-board-view .main-page-board-ambient{position:absolute;border-radius:999px;filter:blur(48px);pointer-events:none;opacity:.9}body.app-board-view .main-page-board-ambient-primary{top:36px;width:320px;height:320px;background:#3b82f638}body.app-board-view .main-page-board-ambient-secondary{bottom:56px;width:260px;height:260px;background:#0891b233}body.app-board-view .main-page-board-viewport{--main-page-board-scale: .82;position:relative;width:calc(640px * var(--main-page-board-scale));height:calc(640px * var(--main-page-board-scale));z-index:1}body.app-board-view .main-page-board-frame{position:absolute;top:0;left:0;width:640px;height:640px;overflow:hidden;border:1px solid rgb(96 165 250 / .28);border-radius:34px;background:linear-gradient(180deg,#111c30fa,#070e1cfa),radial-gradient(circle at top,rgb(96 165 250 / .12),transparent 42%);box-shadow:0 32px 74px #02061766,0 0 0 1px #60a5fa1f,0 0 44px #2563eb33,inset 0 1px #ffffff0f;transform:scale(var(--main-page-board-scale));transform-origin:top left}body.app-board-view .main-page-board-frame:before{content:"";position:absolute;inset:12px;border:1px solid rgb(191 219 254 / .12);border-radius:24px;pointer-events:none;z-index:4}body.app-board-view .main-page-board-frame .demo-board-preview{border-radius:34px}body.app-board-view .main-page-floating-card{position:absolute;z-index:2;display:grid;gap:6px;min-width:176px;padding:16px 18px;border:1px solid rgb(148 163 184 / .16);border-radius:22px;background:linear-gradient(180deg,#0c1423f5,#132137f0),linear-gradient(135deg,rgb(59 130 246 / .12),transparent 52%);box-shadow:0 20px 40px #02061752,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.app-board-view .main-page-floating-card-eval{top:72px;left:calc(50% + 120px)}body.app-board-view .main-page-floating-card-line{bottom:38px;right:calc(50% + 110px);width:min(310px,calc(50% - 36px))}body.app-board-view .main-page-floating-label{color:#76d9ff;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}body.app-board-view .main-page-floating-card strong{color:#f8fafc;font-size:30px;font-weight:800;line-height:1}body.app-board-view .main-page-floating-card span:last-child{color:#9bb1cc;font-size:13px;line-height:1.5}body.app-board-view .main-page-move-sequence{display:flex;flex-wrap:wrap;gap:8px}body.app-board-view .main-page-move-sequence-panel{position:relative;z-index:1}body.app-board-view .main-page-move-pill{padding:8px 12px;border:1px solid rgb(96 165 250 / .18);border-radius:999px;background:#0a1322e0;color:#e2efff;font-size:12px;font-weight:700;letter-spacing:.01em}body.app-board-view .main-page-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}body.app-board-view .main-page-primary-action.auth-submit,body.app-board-view .main-page-secondary-action.auth-secondary-button{min-width:196px;border-radius:20px;padding:16px 22px;box-shadow:0 18px 36px #02061738}body.app-board-view .main-page-primary-action.auth-submit{background:linear-gradient(135deg,#61a5ff,#2d6bff 56%,#2056d9);color:#eff6ff}body.app-board-view .main-page-secondary-action.auth-secondary-button{border-color:#60a5fa38;background:linear-gradient(180deg,#101c30f0,#0a111ff5),linear-gradient(135deg,rgb(59 130 246 / .08),transparent 50%)}body.app-board-view .main-page-metric-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body.app-board-view .main-page-metric-card{padding:16px 18px;border:1px solid rgb(148 163 184 / .12);border-radius:22px;background:linear-gradient(180deg,#0f172ae0,#111827e6),linear-gradient(135deg,rgb(59 130 246 / .08),transparent 48%);box-shadow:inset 0 1px #ffffff0a}body.app-board-view .main-page-metric-card span{display:block;margin-bottom:8px;color:#82d9ff;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}body.app-board-view .main-page-metric-card strong{color:#f8fafc;font-size:20px;font-weight:800;letter-spacing:-.02em}body.app-board-view .main-page-lower-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);gap:18px}body.app-board-view .main-page-lower-grid .main-page-card{background:#0b1220f5}body.app-board-view .main-page-lower-grid .main-page-card:before{background:none}body.app-board-view .main-page-card-wide{min-height:100%}body.app-board-view .main-page-match-list,body.app-board-view .main-page-stat-grid{position:relative;z-index:1}body.app-board-view .main-page-match-list{display:grid;gap:12px}body.app-board-view .main-page-match-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid rgb(148 163 184 / .1);border-radius:20px;background:#0e1624eb}body.app-board-view .main-page-match-result{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#eff6ff;font-size:13px;font-weight:900}body.app-board-view .main-page-match-result-win{background:linear-gradient(180deg,#22c55e52,#15803d70)}body.app-board-view .main-page-match-result-loss{background:linear-gradient(180deg,#f871714d,#b91c1c70)}body.app-board-view .main-page-match-result-draw{background:linear-gradient(180deg,#38bdf847,#0369a16b)}body.app-board-view .main-page-match-copy{min-width:0;display:grid;gap:4px}body.app-board-view .main-page-match-copy strong,body.app-board-view .main-page-match-meta strong{color:#f8fafc;font-size:14px;font-weight:700}body.app-board-view .main-page-match-copy span,body.app-board-view .main-page-match-meta span{color:#94a3b8;font-size:12px;line-height:1.45}body.app-board-view .main-page-match-meta{display:grid;justify-items:end;gap:4px;text-align:right}body.app-board-view .main-page-rating-delta{color:#7dd3fc}body.app-board-view .main-page-rating-delta-negative{color:#fda4af}body.app-board-view .main-page-rating-delta-neutral{color:#cbd5e1}body.app-board-view .main-page-mode-grid{position:relative;z-index:1;display:grid;gap:12px}body.app-board-view .main-page-mode-card{display:grid;gap:8px;width:100%;border:1px solid rgb(148 163 184 / .14);border-radius:22px;padding:16px;background:#0f172aeb;color:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}body.app-board-view .main-page-mode-card:hover{transform:translateY(-2px);border-color:#60a5fa47;box-shadow:0 18px 34px #0206173d}body.app-board-view .main-page-mode-card-blue,body.app-board-view .main-page-mode-card-cyan,body.app-board-view .main-page-mode-card-amber{background:#0f172aeb}body.app-board-view .main-page-mode-eyebrow{color:#76d9ff;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}body.app-board-view .main-page-mode-title{color:#f8fafc;font-size:18px;font-weight:800;letter-spacing:-.02em}body.app-board-view .main-page-mode-description,body.app-board-view .main-page-mode-detail{color:#cbd5e1;font-size:13px;line-height:1.6}body.app-board-view .main-page-mode-detail{color:#8fb6dd}body.app-board-view .main-page-stat-grid{display:grid;gap:12px}body.app-board-view .main-page-stat-card{padding:16px;border:1px solid rgb(148 163 184 / .12);border-radius:22px;background:#0f172ae6;box-shadow:inset 0 1px #ffffff0a}body.app-board-view .main-page-stat-card-blue,body.app-board-view .main-page-stat-card-cyan,body.app-board-view .main-page-stat-card-amber{background:#0f172ae6}body.app-board-view .main-page-stat-card span{display:block;margin-bottom:10px;color:#82d9ff;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}body.app-board-view .main-page-stat-card strong{display:block;margin-bottom:8px;color:#f8fafc;font-size:28px;font-weight:900;letter-spacing:-.04em}body.app-board-view .main-page-stat-card p{margin:0;color:#b4c4d9;font-size:13px;line-height:1.6}@media(min-width:1680px){body.app-board-view .main-page-board-viewport{--main-page-board-scale: .92}}@media(max-width:1520px){body.app-board-view .main-page-board-viewport{--main-page-board-scale: .76}body.app-board-view .main-page-floating-card-eval{left:calc(50% + 96px)}body.app-board-view .main-page-floating-card-line{right:calc(50% + 92px)}}@media(max-width:1320px){body.app-board-view .main-page-hero{grid-template-columns:minmax(0,1fr)}body.app-board-view .main-page-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}body.app-board-view .main-page-board-viewport{--main-page-board-scale: .88}body.app-board-view .main-page-lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.app-board-view .main-page-card-wide{grid-column:1 / -1}body.app-board-view .main-page-floating-card-eval{top:34px;left:auto;right:18px}body.app-board-view .main-page-floating-card-line{right:auto;left:18px;bottom:26px;width:min(360px,calc(100% - 36px))}}@media(max-width:1040px){body.app-board-view .main-page-side-column,body.app-board-view .main-page-lower-grid,body.app-board-view .main-page-metric-row{grid-template-columns:minmax(0,1fr)}body.app-board-view .main-page-board-viewport{--main-page-board-scale: .72}body.app-board-view .main-page-spotlight{padding:24px 20px}}@media(max-width:820px){body.app-board-view .main-page{gap:18px}body.app-board-view .main-page-card,body.app-board-view .main-page-spotlight{border-radius:26px}body.app-board-view .main-page-title{font-size:clamp(34px,12vw,48px)}body.app-board-view .main-page-board-stage{gap:14px;min-height:0;padding-bottom:0}body.app-board-view .main-page-board-viewport{--main-page-board-scale: .58}body.app-board-view .main-page-floating-card{position:static;width:100%;min-width:0}body.app-board-view .main-page-actions{grid-template-columns:1fr}body.app-board-view .main-page-primary-action.auth-submit,body.app-board-view .main-page-secondary-action.auth-secondary-button{width:100%}body.app-board-view .main-page-match-row{grid-template-columns:auto minmax(0,1fr)}body.app-board-view .main-page-match-meta{grid-column:2;justify-items:start;text-align:left}}@media(max-width:560px){body.app-board-view .main-page-board-viewport{--main-page-board-scale: .46}body.app-board-view .main-page-card,body.app-board-view .main-page-spotlight{padding-left:16px;padding-right:16px}body.app-board-view .main-page-card-title{font-size:20px}}body.app-board-view .account-anchor{align-self:center}body.app-board-view .account-loading,body.app-board-view .auth-launch-button,body.app-board-view .account-card{border-radius:24px;background:linear-gradient(180deg,#131e32eb,#1a273fe0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.app-board-view .game-layout{--game-side-panel-width: clamp(172px, 16vw, 220px);--game-moves-panel-width: clamp(228px, 18vw, 292px);--game-board-viewport-chrome: clamp(142px, 20dvh, 220px);--game-board-width-chrome: calc(var(--board-sidebar-width, 0px) + var(--game-side-panel-width) + var(--game-moves-panel-width) + 208px);--game-board-scale: min( 1, max( .42, min( calc((100dvh - var(--game-board-viewport-chrome)) / 640px), calc((100vw - var(--game-board-width-chrome)) / 640px) ) ) );--game-board-size: calc(640px * var(--game-board-scale));--board-frame-pad: 14px;position:relative;width:100%;grid-template-columns:minmax(168px,var(--game-side-panel-width)) calc(var(--game-board-size) + (var(--board-frame-pad) * 2)) minmax(220px,var(--game-moves-panel-width));grid-template-rows:minmax(0,1fr);grid-template-areas:"timers board meta";align-items:center;gap:16px 40px;padding:16px;justify-content:center;justify-items:stretch;border:1px solid rgb(148 163 184 / .12);border-radius:36px;background:radial-gradient(circle at top left,rgb(248 113 113 / .08),transparent 26%),radial-gradient(circle at bottom right,rgb(125 211 252 / .08),transparent 30%),linear-gradient(180deg,#09101dfa,#0e1626f2);box-shadow:0 30px 80px #0206176b,inset 0 1px #ffffff0f;box-sizing:border-box;overflow:hidden}body.app-board-view .game-layout-has-meta{grid-template-rows:auto auto;grid-template-areas:"timers board meta" ". board-actions .";align-items:center}body.app-board-view .game-layout-has-meta .game-timers-row{display:grid}body.app-board-view .game-layout-has-meta .game-rail{width:100%;max-width:100%;justify-self:stretch}body.app-board-view .game-layout-has-meta .game-rail-top,body.app-board-view .game-layout-has-meta .game-rail-bottom{grid-area:unset}body.app-board-view .game-layout-has-meta .board-shell,body.app-board-view .game-layout-has-meta .board-meta-stack{align-self:center}body.app-board-view .game-layout-has-meta .board-under-actions{grid-area:board-actions}body.app-board-view .game-layout-no-meta{--game-board-viewport-chrome: clamp(352px, 39dvh, 430px);--game-board-width-chrome: 48px;width:min(100%,calc(var(--game-board-size) + (var(--board-frame-pad) * 2) + 24px));grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"timers" "board";align-self:center;justify-self:center;justify-items:center}body.app-board-view .game-layout-searching{grid-template-rows:minmax(0,1fr);grid-template-areas:"board";align-items:center}body.app-board-view .game-layout-searching .game-timers-row,body.app-board-view .game-layout-searching .board-meta-stack,body.app-board-view .game-layout-searching .board-under-actions{display:none}body.app-board-view .game-layout-demo{--board-frame-pad: 0px;--game-board-viewport-chrome: clamp(388px, 42dvh, 470px);padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;overflow:visible}body.app-board-view .game-layout-demo .demo-opening-banner{grid-area:timers;width:fit-content;max-width:min(100%,calc(var(--game-board-size) + (var(--board-frame-pad) * 2)));justify-self:center}body.app-board-view .game-layout-demo:before{content:none}body.app-board-view .game-layout:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgb(255 255 255 / .03) 48%,transparent 100%);pointer-events:none}body.app-board-view .game-rail,body.app-board-view .game-timers-row,body.app-board-view .board-meta-stack,body.app-board-view .board-shell{position:relative;z-index:1}body.app-board-view .game-timers-row{grid-area:timers;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:14px;width:100%;max-width:var(--game-side-panel-width);align-self:center;justify-self:stretch}body.app-board-view .game-layout-no-meta .game-timers-row{max-width:calc(var(--game-board-size) + (var(--board-frame-pad) * 2))}body.app-board-view .game-layout-demo .game-timers-row{gap:10px}body.app-board-view .game-layout-demo.game-layout-no-meta{width:min(100%,calc(var(--game-board-size) + (var(--board-frame-pad) * 2)));gap:12px;padding:0}body.app-board-view .game-rail{display:grid;align-content:start;gap:12px;min-height:0;width:100%;padding:0;border:none;background:transparent;box-shadow:none}body.app-board-view .game-layout-demo .game-rail{gap:8px}body.app-board-view .game-versus-badge{position:relative;display:grid;place-items:center;min-height:62px;color:#f8fbff;font-size:clamp(42px,5.4vw,72px);font-style:italic;font-weight:1000;line-height:.86;text-align:center;text-shadow:0 0 5px rgb(255 255 255 / .92),0 0 14px rgb(125 211 252 / .82),0 0 30px rgb(14 165 233 / .58),0 0 52px rgb(37 99 235 / .42);transform:skew(-9deg);isolation:isolate}body.app-board-view .game-versus-badge:before,body.app-board-view .game-versus-badge:after{content:none}body.app-board-view .game-rail-top,body.app-board-view .game-rail-bottom{align-self:start}body.app-board-view .game-rail-bottom{align-self:end;align-content:end}body.app-board-view .game-rail-empty{gap:0}body.app-board-view .game-timer{order:1}body.app-board-view .capture-tray{order:2}body.app-board-view .capture-tray{min-height:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;align-content:center;padding:9px 12px;border:1px solid rgb(148 163 184 / .12);border-radius:18px;box-shadow:inset 0 1px #ffffff08}body.app-board-view .game-rail-empty .capture-tray{display:none}body.app-board-view .game-rail-top .capture-tray{background:radial-gradient(circle at left center,rgb(125 211 252 / .12),transparent 36%),linear-gradient(180deg,#111827db,#0f172aeb)}body.app-board-view .game-rail-bottom .capture-tray{order:1;background:radial-gradient(circle at left center,rgb(59 130 246 / .12),transparent 36%),linear-gradient(180deg,#111827db,#0f172aeb)}body.app-board-view .capture-stack{position:relative;display:flex;align-items:center;margin-right:8px;padding-right:8px;isolation:isolate}body.app-board-view .capture-stack-count{position:absolute;right:-8px;bottom:-8px;z-index:12;min-width:18px;height:18px;padding:0 5px;border:1px solid rgb(255 255 255 / .24);border-radius:999px;background:#0f172af5;color:#f8fafc;font-size:10px;font-weight:900;line-height:17px;text-align:center;box-shadow:0 4px 10px #02061759;box-sizing:border-box}body.app-board-view .capture-piece{flex:0 0 auto;border-radius:8px;background:#e2e8f014}body.app-board-view .capture-piece .piece-svg-black{filter:drop-shadow(1px 0 0 rgb(255 255 255 / .35)) drop-shadow(-1px 0 0 rgb(255 255 255 / .35)) drop-shadow(0 1px 0 rgb(255 255 255 / .28)) drop-shadow(0 -1px 0 rgb(255 255 255 / .22)) drop-shadow(0 0 6px rgb(147 197 253 / .24)) drop-shadow(0 2px 4px rgb(0 0 0 / .35)) contrast(1.08) brightness(1.28)}body.app-board-view .capture-score{display:inline-grid;place-items:center;min-width:34px;height:28px;margin-left:auto;padding:0 9px;border:1px solid rgb(247 194 75 / .22);border-radius:999px;background:#f7c24b1a;color:#f7c24b;font-size:14px;font-weight:950;line-height:1;white-space:nowrap}body.app-board-view .game-timer{min-width:0;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"player label" "player value";align-items:center;gap:4px 14px;padding:14px 18px 14px 22px;border:1px solid rgb(148 163 184 / .12);border-radius:26px;background:linear-gradient(180deg,#19243af2,#0e1626f2);box-shadow:0 18px 30px #0206173d,inset 0 1px #ffffff08;text-align:left}body.app-board-view .game-timer-top,body.app-board-view .game-timer-bottom{margin-left:0}body.app-board-view .game-rail-top .game-timer{background:radial-gradient(circle at top left,rgb(125 211 252 / .14),transparent 42%),linear-gradient(180deg,#19243af2,#0e1626f2)}body.app-board-view .game-rail-bottom .game-timer{order:2;background:radial-gradient(circle at top left,rgb(59 130 246 / .14),transparent 42%),linear-gradient(180deg,#19243af2,#0e1626f2)}body.app-board-view .game-timer-player{grid-area:player;margin-bottom:0;justify-content:flex-start;min-width:0}body.app-board-view .game-timer-avatar{width:38px;height:38px;border:2px solid rgb(255 255 255 / .08)}body.app-board-view .game-timer-player-copy{min-width:0}body.app-board-view .game-timer-player-name,body.app-board-view .game-timer-player-rating{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.app-board-view .game-timer-label{grid-area:label;margin-bottom:0;text-align:right;font-size:10px}body.app-board-view .game-timer-value{grid-area:value;text-align:right;font-size:clamp(32px,3.6vw,44px)}body.app-board-view .board-meta-stack{grid-area:meta;align-self:stretch;align-content:stretch;width:min(100%,var(--game-moves-panel-width));justify-self:stretch;gap:12px}body.app-board-view .game-layout-no-meta .board-meta-stack{display:none}body.app-board-view .board-status-strip,body.app-board-view .board-connection-banner{padding:12px;border-radius:20px}body.app-board-view .board-connection-banner{display:grid;gap:10px}body.app-board-view .board-connection-banner-room{justify-self:start}body.app-board-view .board-moves-panel{--board-move-row-height: 38px;--board-move-list-visible-height: 682px;display:grid;grid-template-rows:auto minmax(0,auto);align-content:start;gap:12px;height:auto;min-height:0;max-height:calc(var(--board-move-list-visible-height) + 62px);overflow:hidden;padding:14px;border:1px solid rgb(255 255 255 / .08);border-radius:20px;background:linear-gradient(180deg,#0f172af0,#111827e0),radial-gradient(circle at top right,rgb(96 165 250 / .1),transparent 46%);box-shadow:inset 0 1px #ffffff0a,0 18px 34px #02061733}body.app-board-view .board-moves-feed{align-content:start;align-items:start;grid-auto-rows:max-content;min-height:0;max-height:var(--board-move-list-visible-height);overflow-y:auto;padding-right:2px;scrollbar-gutter:stable}body.app-board-view .board-move-row{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);gap:6px;min-height:var(--board-move-row-height)}body.app-board-view .board-move-pill{display:block;min-width:0;height:var(--board-move-row-height);padding:0 10px;border-radius:10px;box-sizing:border-box;cursor:default;overflow:hidden;text-overflow:ellipsis;line-height:calc(var(--board-move-row-height) - 2px);white-space:nowrap}body.app-board-view .board-move-pill-empty{color:#64748b;opacity:.62}body.app-board-view .board-move-pill-fog{position:relative;border-color:#7dd3fc3d;background:linear-gradient(135deg,#0f172af0,#1e293bdb),radial-gradient(circle at 30% 40%,rgb(148 163 184 / .16),transparent 42%);color:#bae6fd;font-style:italic}body.app-board-view .board-move-pill-fog:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgb(226 232 240 / .08),transparent),radial-gradient(circle at 20% 50%,rgb(226 232 240 / .13),transparent 36%),radial-gradient(circle at 78% 44%,rgb(125 211 252 / .12),transparent 38%);pointer-events:none}body.app-board-view .board-moves-empty{margin:0;color:#94a3b8;font-size:13px;font-weight:700}body.app-board-view .board-status-strip{display:grid;grid-template-columns:1fr;gap:10px}body.app-board-view .board-under-actions{display:flex;justify-content:flex-end;width:min(100%,calc(var(--game-board-size) + (var(--board-frame-pad) * 2)));justify-self:start;align-self:start}body.app-board-view .board-status-strip-actions{width:fit-content;max-width:100%;padding:8px;gap:0;justify-items:end;background:linear-gradient(180deg,#0f172ae6,#111827d6),linear-gradient(135deg,rgb(59 130 246 / .08),transparent 46%)}body.app-board-view .board-status-strip-actions .board-status-copy{display:none}body.app-board-view .board-action-row{display:grid;grid-template-columns:repeat(2,auto);gap:8px;justify-content:end;justify-items:end}body.app-board-view .board-action-row-single{grid-template-columns:repeat(2,auto)}body.app-board-view .board-action-button{position:relative;display:inline-grid;grid-template-columns:auto;align-items:center;justify-items:center;width:46px;height:46px;min-height:46px;padding:0;border-radius:14px;justify-content:center}body.app-board-view .board-action-icon{width:24px;height:24px}body.app-board-view .board-action-image-icon{display:block;object-fit:contain;filter:invert(96%) sepia(11%) saturate(685%) hue-rotate(176deg) brightness(105%) contrast(101%) drop-shadow(0 1px 2px rgb(0 0 0 / .3))}body.app-board-view .board-action-icon-bold{display:block;stroke-width:2.5;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .22))}body.app-board-view .board-action-button-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}body.app-board-view .game-layout-demo .capture-tray{display:none}body.app-board-view .game-layout-demo .game-timer.game-timer-demo{min-height:0;padding:8px 14px;grid-template-columns:1fr;grid-template-areas:"label" "value";gap:4px;justify-items:center;text-align:center}body.app-board-view .game-layout-demo .game-timer-demo .game-timer-label{text-align:center;font-size:10px}body.app-board-view .game-layout-demo .game-timer-demo .game-timer-value{text-align:center;font-size:clamp(22px,2.4vw,32px)}body.app-board-view .game-layout-demo .board-shell{padding:0;border-radius:0;background:transparent;box-shadow:none}body.app-board-view .game-layout-demo .board-shell:before{content:none}body.app-board-view .game-layout-demo .board-shell-inner{border-radius:0;box-shadow:none}body.app-board-view .board-action-button-draw{border-color:#60a5fa5c;background:linear-gradient(180deg,#2563eb57,#1d4ed833)}body.app-board-view .board-action-button-danger{border-color:#fb718547;background:linear-gradient(180deg,#be185d38,#7f1d1d5c)}body.app-board-view .board-action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 18px #02061742}body.app-board-view .board-shell{grid-area:board;align-self:start;justify-self:end;padding:var(--board-frame-pad);border-radius:34px;background:linear-gradient(145deg,#f2d29a,#c79661 18%,#724827 58%,#d3a36c);box-shadow:0 24px 48px #02061752,inset 0 1px #fff8e757,inset 0 -2px #3f211147}body.app-board-view .game-layout-no-meta .board-shell{justify-self:center}body.app-board-view .board-shell:before{content:"";position:absolute;inset:10px;border-radius:24px;border:1px solid rgb(255 243 214 / .16);pointer-events:none}body.app-board-view .board-shell-inner{border-radius:18px;clip-path:inset(0 round 18px);-webkit-mask-image:-webkit-radial-gradient(white,black);contain:paint;overflow:hidden;box-shadow:0 14px 28px #02061747;transform-origin:top left;-webkit-transform-origin:top left;will-change:transform;transform:scale(var(--game-board-scale));-webkit-transform:scale(var(--game-board-scale))}body.app-board-view .phaser-root,body.app-board-view .pixi-effects-layer,body.app-board-view .pieces-layer,body.app-board-view .demo-board-preview{border-radius:18px;clip-path:inset(0 round 18px);-webkit-mask-image:-webkit-radial-gradient(white,black);overflow:hidden}body.app-board-view .phaser-root canvas,body.app-board-view .pixi-effects-layer canvas{border-radius:18px;clip-path:inset(0 round 18px);-webkit-mask-image:-webkit-radial-gradient(white,black);overflow:hidden}body.app-board-view .phaser-root canvas,body.app-board-view .pixi-effects-layer canvas,body.app-board-view .piece-svg{backface-visibility:hidden}.room-divider{position:relative;display:grid;place-items:center;margin:18px 0;color:#64748b;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.room-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgb(96 165 250 / .2),transparent)}.room-divider span{position:relative;padding:0 14px;background:#081020fa}.room-spectate-form{display:grid;gap:14px;padding:18px;border:1px solid rgb(96 165 250 / .1);border-radius:12px;background:#08102047}.watch-game-modal .room-spectate-form{border-color:#60a5fa24;background:#08102070}.room-spectate-copy{margin:0;color:#9fb4d0;font-size:14px;line-height:1.5}.room-spectate-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}@media(max-width:1320px){body.app-board-view .app-shell{padding-left:18px;padding-right:18px}body.app-board-view .app-frame{grid-template-columns:88px minmax(0,1fr);gap:18px}body.app-board-view .side-menu{min-height:calc(100dvh - (var(--shell-block-pad) * 2));padding:18px 10px}body.app-board-view .side-menu-nav{grid-template-columns:1fr}body.app-board-view .side-menu-brand{margin-bottom:18px;display:grid;justify-items:center}body.app-board-view .side-menu-kicker,body.app-board-view .side-menu-title,body.app-board-view .side-menu-item-label,body.app-board-view .side-submenu-badge,body.app-board-view .side-menu-caret{display:none}body.app-board-view .side-menu-item{justify-content:center;padding:16px 10px}body.app-board-view .side-menu-item-icon{width:30px;min-width:30px;height:30px}body.app-board-view .side-menu-item-icon-svg{width:24px;height:24px}body.app-board-view .topbar{padding:18px 20px}body.app-board-view .topbar-title{font-size:clamp(30px,3.4vw,42px)}body.app-board-view .topbar-room{font-size:13px}}@media(max-width:1220px){body.app-board-view .game-layout-demo .demo-opening-banner{grid-area:top}body.app-board-view .game-layout{--game-board-viewport-chrome: clamp(286px, 35dvh, 364px);--game-board-width-chrome: 48px;width:min(100%,calc(var(--game-board-size) + (var(--board-frame-pad) * 2) + 24px));grid-template-columns:minmax(0,1fr);gap:14px}body.app-board-view .game-layout-has-meta{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top" "board" "bottom" "meta";align-items:start}body.app-board-view .game-layout-no-meta{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top" "board" "bottom"}body.app-board-view .game-layout-has-meta .game-timers-row,body.app-board-view .game-layout-no-meta .game-timers-row{display:contents}body.app-board-view .game-versus-badge{display:none}body.app-board-view .game-layout-has-meta .game-rail{width:min(100%,calc(var(--game-board-size) + (var(--board-frame-pad) * 2)));justify-self:center}body.app-board-view .game-layout-has-meta .game-rail-top,body.app-board-view .game-layout-has-meta .game-rail-bottom{grid-area:unset}body.app-board-view .game-layout-has-meta .game-rail-top{grid-area:top}body.app-board-view .game-layout-has-meta .game-rail-bottom{grid-area:bottom}body.app-board-view .game-timers-row{width:100%}body.app-board-view .game-rail,body.app-board-view .board-meta-stack{width:100%;justify-self:center}body.app-board-view .board-meta-stack{width:min(100%,calc(var(--game-board-size) + (var(--board-frame-pad) * 2)));align-self:start;align-content:start;justify-self:center}body.app-board-view .board-shell{justify-self:center}body.app-board-view .board-status-strip,body.app-board-view .board-connection-banner{padding:10px;border-radius:18px}body.app-board-view .board-status-copy strong,body.app-board-view .board-connection-banner-copy strong{font-size:13px;line-height:1.25}body.app-board-view .board-status-copy span:last-child,body.app-board-view .board-connection-banner-copy span{font-size:11px;line-height:1.35}body.app-board-view .board-status-copy{gap:3px}body.app-board-view .board-status-kicker{font-size:10px}body.app-board-view .board-status-strip-actions{width:100%;padding:8px;gap:0;justify-items:stretch}body.app-board-view .board-status-strip-actions .board-status-copy{display:none}body.app-board-view .board-action-row{grid-template-columns:1fr;gap:12px;justify-items:stretch}body.app-board-view .board-action-button{width:100%;min-height:58px;padding:12px 6px;font-size:13px}}@media(max-width:1040px){body.app-board-view .game-layout-demo .demo-opening-banner{grid-area:top}body.app-board-view .topbar{width:min(100%,920px)}body.app-board-view .topbar-kicker,body.app-board-view .topbar-title{display:block}body.app-board-view .game-layout{--game-board-viewport-chrome: clamp(304px, 38dvh, 388px);--game-board-width-chrome: 40px;width:min(100%,calc(var(--game-board-size) + (var(--board-frame-pad) * 2) + 20px));grid-template-columns:minmax(0,1fr);gap:12px}body.app-board-view .game-rail,body.app-board-view .board-meta-stack{width:100%;justify-self:center}body.app-board-view .game-layout-has-meta .game-rail,body.app-board-view .board-meta-stack{width:min(100%,calc(var(--game-board-size) + (var(--board-frame-pad) * 2)));justify-self:center}body.app-board-view .game-layout-has-meta{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top" "board" "bottom" "meta"}body.app-board-view .game-layout-no-meta{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top" "board" "bottom"}body.app-board-view .account-anchor{width:min(100%,360px)}body.app-board-view .account-card,body.app-board-view .account-loading,body.app-board-view .auth-launch-button{width:100%;box-sizing:border-box}.app-shell{padding:var(--shell-block-pad) 18px var(--shell-block-pad) 0}.app-frame{grid-template-columns:88px minmax(0,1fr);gap:18px}.topbar{align-items:stretch;flex-direction:column}.account-card{width:100%;justify-content:flex-end}.side-menu{min-height:calc(100dvh - 24px);padding:18px 10px}.game-layout{--game-board-viewport-chrome: 430px}.side-menu-nav{grid-template-columns:1fr}.side-menu-brand{margin-bottom:18px;display:grid;justify-items:center}.side-menu-kicker,.side-menu-title,.side-menu-item-label,.side-submenu-badge,.topbar-kicker,.topbar-title{display:none}.side-menu-item{justify-content:center;padding:16px 10px}.side-menu-item-icon{width:30px;min-width:30px;height:30px}.side-menu-item-icon-svg{width:24px;height:24px}.side-menu-item:hover{transform:translateY(-2px)}.side-menu-item-active{box-shadow:inset 0 3px #38bdf8,inset 0 0 0 1px #7dd3fc29}.side-menu-item-dropdown{position:relative}.side-menu-caret{display:none}.side-submenu{position:absolute;top:0;left:calc(100% + 10px);min-width:180px;padding:8px;border:1px solid rgb(255 255 255 / .08);background:linear-gradient(180deg,#111827fa,#0f172afa);box-shadow:0 18px 40px #00000047;z-index:20}.topbar-copy{gap:0}.topbar-room{font-size:13px}.profile-page{padding:22px}.support-page{padding:24px}.history-page{padding:22px}.history-feed{padding:10px 10px 14px;border-radius:20px}.history-viewer,.history-page-head-detail,.support-page-head-detail{grid-template-columns:1fr}.history-eval-panel{grid-template-columns:auto;align-items:center;justify-items:center;gap:12px}.history-eval-bar-shell{width:40px;padding:0}.history-eval-bar{width:24px;height:280px}.history-eval-side{max-width:none}.account-anchor{align-self:flex-end}.friend-search-form,.social-overview-grid,.friend-rating-strip{grid-template-columns:1fr}.friend-card-expanded{flex-direction:column}.friend-card-actions,.message-card-actions,.message-compose-footer,.social-panel-head,.friend-showcase-head{justify-content:flex-start}.friend-showcase-card{flex-direction:column;align-items:stretch}.friend-showcase-card .friend-card-actions{flex-wrap:wrap;justify-content:flex-start}}@media(max-width:720px){.game-stage-page-fill{padding:14px 14px 16px;border-radius:24px}.game-stage-page-fill .profile-page,.game-stage-page-fill .history-page{padding-top:0}.history-feed{padding:8px 8px 12px;border-radius:18px}.demo-opening-banner{gap:4px;padding:10px 14px 12px;border-radius:18px}.demo-opening-name{font-size:clamp(20px,6vw,28px)}body.app-board-view .game-layout-demo .demo-opening-banner{grid-area:top;width:100%}body.app-board-view .topbar{grid-template-columns:1fr;padding:16px 18px;border-radius:24px}body.app-board-view .topbar-title{font-size:30px}body.app-board-view .account-anchor{justify-self:stretch}body.app-board-view .account-card,body.app-board-view .account-loading,body.app-board-view .auth-launch-button{width:100%;box-sizing:border-box;justify-content:space-between}body.app-board-view .game-layout{--game-board-viewport-chrome: clamp(268px, 41dvh, 340px);--game-board-width-chrome: 34px;--board-frame-pad: 10px;width:100%;grid-template-columns:1fr;gap:14px;padding:14px;border-radius:28px}body.app-board-view .game-layout-has-meta{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top" "board" "bottom" "meta"}body.app-board-view .game-layout-no-meta{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top" "board" "bottom"}body.app-board-view .game-layout-has-meta .game-timers-row,body.app-board-view .game-layout-no-meta .game-timers-row{display:contents}body.app-board-view .board-meta-stack{width:100%;align-self:start;align-content:start;justify-self:center}body.app-board-view .board-shell{justify-self:center}body.app-board-view .game-rail{width:100%}body.app-board-view .game-timer{width:100%;min-width:0}body.app-board-view .board-status-strip{gap:12px}body.app-board-view .board-action-row{grid-template-columns:1fr}.app-shell{--shell-block-pad: 10px;padding:var(--shell-block-pad) 12px var(--shell-block-pad)}.app-frame{grid-template-columns:1fr;gap:14px}.game-stage{order:1;min-height:auto;padding:10px 0 0}.side-menu{order:2;min-height:0;padding:10px}.side-menu-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.side-menu-group{position:relative}.side-menu-item{min-height:56px;padding:12px 8px}.side-menu-item-icon{width:28px;min-width:28px;height:28px}.side-menu-item-icon-svg{width:22px;height:22px}.profile-page,.history-page,.support-page{width:min(100%,640px)}.game-layout{--game-board-viewport-chrome: 350px;width:min(100%,max(280px,calc(100dvh - var(--game-board-viewport-chrome))))}.ratings-grid{grid-template-columns:1fr}.account-card{justify-content:space-between;gap:10px}.support-form-meta,.support-form-actions,.support-file-chip{flex-direction:column;align-items:stretch}.support-page-title{font-size:28px}.support-form .auth-field,.support-upload-card{padding:16px}.game-rail{width:100%;min-height:70px;gap:10px;flex-wrap:wrap}.capture-tray{max-width:none}.game-timer{min-width:0;flex:1 1 180px;width:100%;box-sizing:border-box}.game-timer-player{justify-content:flex-start}.side-menu-item{font-size:16px}.side-submenu{top:auto;bottom:calc(100% + 8px);left:0;min-width:160px}.screen-modal{padding:18px}.board-status-strip{display:grid;align-items:stretch}.board-connection-banner{flex-direction:column;align-items:flex-start}.board-connection-banner-room{white-space:normal}.board-recovery-panel{inset:14px 14px auto}.zone-fallback-actions,.board-recovery-actions{flex-direction:column;align-items:stretch}.room-spectate-row{grid-template-columns:1fr}.board-action-row{justify-content:stretch}.board-action-button{width:100%}.room-bucket-row,.room-option-grid,.room-option-grid-times,.room-match-tabs,.room-bot-list{grid-template-columns:1fr}.room-bot-head{align-items:flex-start;flex-direction:column}.match-found-versus{grid-template-columns:1fr}}.topbar-copy,.topbar-kicker,.topbar-title,.side-menu-brand{display:none}.topbar{display:grid;gap:10px;padding:12px 18px;border:1px solid rgb(255 255 255 / .08);border-radius:20px;background:linear-gradient(180deg,#101828fa,#0b1220f5);box-shadow:0 22px 54px #0206174d,inset 0 1px #ffffff0a}.topbar-main{display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar-left{display:flex;align-items:center;gap:22px;min-width:0}.topbar-brand{border:0;padding:0;background:transparent;color:#f8fafc;font-size:28px;font-style:italic;font-weight:900;letter-spacing:-.05em;cursor:pointer}.topbar-nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.topbar-nav-button{border:0;padding:10px 14px;border-radius:12px;background:transparent;color:#97a8bf;font-size:14px;font-weight:700;cursor:pointer;transition:color .16s ease,background .16s ease}.topbar-nav-button:hover{color:#dbeafe;background:#2a3e6357}.topbar-nav-button-active{color:#eaf2ff;background:#38559166}.topbar-play-button{min-height:38px;padding:10px 20px;border:1px solid rgb(96 165 250 / .38);background:linear-gradient(180deg,#25457af0,#1c3460f0);color:#dbeafe;font-size:16px;font-weight:900;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #60a5fa1f,0 10px 24px #02061757,0 0 30px #38bdf84d,0 0 58px #2563eb2e}.topbar-play-button:hover,.topbar-play-button.topbar-nav-button-active{color:#eff6ff;border-color:#7dd3fc8a;background:linear-gradient(180deg,#2c528ffa,#203f76fa);box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #7dd3fc2e,0 12px 28px #02061761,0 0 42px #38bdf86b,0 0 76px #2563eb42}.topbar-room{margin:0;color:#a8bfd9;font-size:12px;line-height:1.45}.topbar-room strong{color:#f8fafc}.account-anchor{position:relative;justify-self:end}.account-card,.account-loading,.auth-launch-button{border-radius:16px;box-shadow:none}.account-card{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid rgb(255 255 255 / .08);background:#131d30f0}.account-loading,.auth-launch-button{padding:10px 16px;border:1px solid rgb(255 255 255 / .08);background:#131d30f0}.topbar-icon-button{width:38px;height:38px;border-radius:12px;background:#1f2d48e0;color:#d7e6ff}.topbar-icon-button-active{background:#38559185;border-color:#60a5fa47}.avatar-button{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px}.avatar-image{width:38px;height:38px;border:1px solid rgb(96 165 250 / .24);border-radius:12px}.side-menu{display:flex;flex-direction:column;gap:14px;min-width:0;min-height:calc(100dvh - (var(--shell-block-pad) * 2));padding:16px 14px;border:1px solid rgb(255 255 255 / .08);border-radius:20px;background:linear-gradient(180deg,#0c1322fa,#0a101cf5);box-shadow:inset 0 1px #ffffff08,0 24px 54px #00000042}.side-menu-profile{display:flex;align-items:center;gap:12px;width:100%;border:1px solid rgb(255 255 255 / .08);padding:12px;border-radius:16px;background:#141e31eb;color:inherit;text-align:left;cursor:pointer}.side-menu-profile-avatar,.side-menu-profile-avatar-placeholder{width:42px;min-width:42px;height:42px;border-radius:12px;background:#0c1320eb}.side-menu-profile-avatar{object-fit:cover;border:1px solid rgb(96 165 250 / .24)}.side-menu-profile-avatar-placeholder{display:inline-grid;place-items:center;color:#cfe2ff}.side-menu-profile-avatar-icon{width:22px;height:22px}.side-menu-profile-copy{display:grid;gap:4px;min-width:0}.side-menu-profile-copy strong{color:#f8fafc;font-size:15px;font-weight:800}.side-menu-profile-copy span{color:#54d3ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.side-menu-profile-guest .side-menu-profile-copy span{color:#97a8bf;letter-spacing:normal;text-transform:none;line-height:1.45}.side-menu-nav,.side-menu-footer{display:grid;gap:6px}.side-menu-footer{margin-top:auto;padding-top:10px;border-top:1px solid rgb(255 255 255 / .06)}.side-menu-item{display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;border-radius:14px;padding:12px 14px;background:transparent;color:#7f91ad;font-size:14px;font-weight:700;text-align:left;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease}.side-menu-item:hover{transform:none;color:#dbeafe;background:#1f2d4847;border-color:#ffffff0a}.side-menu-item-active{color:#f8fbff;border-color:#60a5fa38;background:linear-gradient(90deg,rgb(76 110 190 / .42),transparent 88%),#1f2d486b;box-shadow:inset 3px 0 #61a5ff}.side-menu-item-icon{width:18px;min-width:18px;height:18px;color:currentColor}.side-menu-item-icon-svg{width:18px;height:18px}.main-page{width:min(100%,1340px);display:grid;gap:18px;justify-self:center}.main-page-demo-shell{position:relative;display:grid;place-items:center;padding:28px 20px;border:1px solid rgb(255 255 255 / .08);border-radius:28px;background:radial-gradient(circle at top,rgb(64 116 255 / .18),transparent 32%),linear-gradient(180deg,#0b1220fa,#0d1626f5);box-shadow:0 26px 64px #02061757,inset 0 1px #ffffff0a;overflow:hidden}.main-page-board-stage{position:relative;z-index:1;display:grid;place-items:center;width:100%;min-height:0;padding:8px 0}.main-page-board-ambient{position:absolute;border-radius:999px;filter:blur(56px);pointer-events:none}.main-page-board-ambient-primary{top:44px;width:320px;height:320px;background:#3b82f63d}.main-page-board-ambient-secondary{bottom:34px;width:260px;height:260px;background:#22d3ee2e}.main-page-board-viewport{--main-page-board-scale: .84;position:relative;width:calc(640px * var(--main-page-board-scale));height:calc(640px * var(--main-page-board-scale))}.main-page-board-frame{position:absolute;top:0;left:0;width:640px;height:640px;overflow:hidden;border:1px solid rgb(96 165 250 / .24);border-radius:30px;background:linear-gradient(180deg,#121e32fa,#080f1cfa),radial-gradient(circle at top,rgb(96 165 250 / .14),transparent 42%);box-shadow:0 28px 64px #02061761,0 0 36px #2563eb2e,inset 0 1px #ffffff0d;transform:scale(var(--main-page-board-scale));transform-origin:top left}.main-page-board-frame:before{content:"";position:absolute;inset:12px;border:1px solid rgb(191 219 254 / .12);border-radius:22px;pointer-events:none;z-index:4}.main-page-board-frame .demo-board-preview{border-radius:30px}.main-page-lower-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);gap:18px}.main-page-card-wide{min-height:100%}@media(max-width:1240px){.main-page-lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-page-card-wide{grid-column:1 / -1}.main-page-board-viewport{--main-page-board-scale: .74}}@media(max-width:1040px){.app-frame{grid-template-columns:92px minmax(0,1fr);gap:16px}.side-menu{padding:14px 10px}.side-menu-profile-copy,.side-menu-item-label{display:none}.side-menu-profile{justify-content:center;padding:10px}.side-menu-item{justify-content:center;padding:12px 10px}.side-menu-footer{gap:6px}.topbar-main{align-items:flex-start}.topbar-left{flex-direction:column;align-items:flex-start;gap:10px}.main-page-board-viewport{--main-page-board-scale: .64}}@media(max-width:720px){.app-frame{grid-template-columns:1fr;gap:14px}.side-menu{order:2;min-height:0;display:grid;grid-template-columns:1fr;gap:10px}.side-menu-profile{justify-content:flex-start}.side-menu-profile-copy,.side-menu-item-label{display:block}.side-menu-nav,.side-menu-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.side-menu-footer{margin-top:0;padding-top:0;border-top:0}.topbar{padding:12px 14px}.topbar-main{flex-direction:column;align-items:stretch}.topbar-left{width:100%}.topbar-nav{width:100%;justify-content:space-between}.account-anchor{align-self:flex-end}.main-page-demo-shell{padding:20px 12px}.main-page-board-viewport{--main-page-board-scale: .5}.main-page-lower-grid{grid-template-columns:1fr}}body.app-board-view .topbar{display:grid;gap:10px;grid-template-columns:1fr;align-items:stretch;padding:12px 18px;border:1px solid rgb(255 255 255 / .08);border-radius:20px;background:linear-gradient(180deg,#101828fa,#0b1220f5);box-shadow:0 22px 54px #0206174d,inset 0 1px #ffffff0a}body.app-board-view .side-menu{display:flex;flex-direction:column;gap:14px;min-height:calc(100dvh - (var(--shell-block-pad) * 2));padding:16px 14px;border-radius:20px;background:linear-gradient(180deg,#0c1322fa,#0a101cf5)}body.app-board-view .side-menu-profile{display:flex;align-items:center;gap:12px;width:100%;border:1px solid rgb(255 255 255 / .08);padding:12px;border-radius:16px;background:#141e31eb}body.app-board-view .side-menu-profile-copy strong{color:#f8fafc;font-size:15px;font-weight:800}body.app-board-view .side-menu-profile-copy span{color:#54d3ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}body.app-board-view .side-menu-nav,body.app-board-view .side-menu-footer{display:grid;gap:6px}body.app-board-view .side-menu-footer{margin-top:auto;padding-top:10px;border-top:1px solid rgb(255 255 255 / .06)}body.app-board-view .side-menu-item{justify-content:flex-start;padding:12px 14px;border-radius:14px;background:transparent;color:#7f91ad;font-size:14px}body.app-board-view .side-menu-item-icon{width:18px;min-width:18px;height:18px}body.app-board-view .side-menu-item-icon-svg{width:18px;height:18px}body.app-board-view .side-menu-item:hover{transform:none;color:#dbeafe;background:#1f2d4847}body.app-board-view .side-menu-item-active{color:#f8fbff;border-color:#60a5fa38;background:linear-gradient(90deg,rgb(76 110 190 / .42),transparent 88%),#1f2d486b;box-shadow:inset 3px 0 #61a5ff}body.app-board-view .account-card,body.app-board-view .account-loading,body.app-board-view .auth-launch-button{border-radius:16px;background:#131d30f0;box-shadow:none}body.app-board-view .account-card{display:flex;align-items:center;gap:10px;padding:8px}body.app-board-view .topbar-icon-button{width:38px;height:38px;border-radius:12px;background:#1f2d48e0}body.app-board-view .topbar-icon-button-active{background:#38559185}body.app-board-view .topbar-room{grid-column:1 / -1;margin:0;color:#a8bfd9;font-size:12px;line-height:1.45}body.app-board-view .main-page{width:min(100%,1340px);gap:18px}body.app-board-view .main-page-demo-shell{position:relative;display:grid;place-items:center;padding:28px 20px;border:1px solid rgb(255 255 255 / .08);border-radius:28px;background:radial-gradient(circle at top,rgb(64 116 255 / .18),transparent 32%),linear-gradient(180deg,#0b1220fa,#0d1626f5);overflow:hidden}body.app-board-view .main-page-board-stage{width:100%;min-height:0;padding:8px 0}body.app-board-view .main-page-board-viewport{--main-page-board-scale: .84}body.app-board-view .main-page-lower-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr)}@media(max-width:1040px){body.app-board-view .app-frame{grid-template-columns:92px minmax(0,1fr);gap:16px}body.app-board-view .side-menu{padding:14px 10px}body.app-board-view .side-menu-profile-copy,body.app-board-view .side-menu-item-label{display:none}body.app-board-view .side-menu-profile{justify-content:center;padding:10px}body.app-board-view .side-menu-item{justify-content:center;padding:12px 10px}body.app-board-view .main-page-board-viewport{--main-page-board-scale: .64}}@media(max-width:720px){body.app-board-view .app-frame{grid-template-columns:1fr;gap:14px}body.app-board-view .side-menu{order:2;min-height:0;display:grid;gap:10px}body.app-board-view .side-menu-profile-copy,body.app-board-view .side-menu-item-label{display:block}body.app-board-view .side-menu-nav,body.app-board-view .side-menu-footer{grid-template-columns:repeat(2,minmax(0,1fr))}body.app-board-view .side-menu-footer{margin-top:0;padding-top:0;border-top:0}body.app-board-view .topbar{padding:12px 14px}body.app-board-view .topbar-main{flex-direction:column;align-items:stretch}body.app-board-view .topbar-left{width:100%}body.app-board-view .topbar-nav{width:100%;justify-content:space-between}body.app-board-view .main-page-demo-shell{padding:20px 12px}body.app-board-view .main-page-board-viewport{--main-page-board-scale: .5}body.app-board-view .main-page-lower-grid{grid-template-columns:1fr}}body.app-board-view .side-menu{position:sticky;top:var(--shell-block-pad);height:calc(100dvh - (var(--shell-block-pad) * 2));max-height:calc(100dvh - (var(--shell-block-pad) * 2));padding:14px 12px;border-radius:18px;overflow:hidden}body.app-board-view .side-menu-nav{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;align-content:start}body.app-board-view .side-menu-footer{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:12px}body.app-board-view .topbar{padding:10px 18px 12px;border-radius:18px}body.app-board-view .account-card{gap:8px;padding:6px;border-radius:14px;border:1px solid rgb(96 165 250 / .12);background:linear-gradient(180deg,#10192afa,#0e1626f5),linear-gradient(135deg,rgb(59 130 246 / .08),transparent 60%)}body.app-board-view .topbar-icon-button,body.app-board-view .avatar-button-account{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid rgb(96 165 250 / .14);border-radius:12px;background:radial-gradient(circle at top,rgb(96 165 250 / .16),transparent 62%),#18233af0;color:#deebff;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}body.app-board-view .topbar-icon-button:hover,body.app-board-view .avatar-button-account:hover,body.app-board-view .topbar-icon-button-active,body.app-board-view .avatar-button-account[aria-expanded=true]{border-color:#60a5fa47;background:radial-gradient(circle at top,rgb(96 165 250 / .22),transparent 62%),#23324ff5;box-shadow:0 0 0 1px #60a5fa14,0 14px 28px #02061747}body.app-board-view .topbar-icon-svg{width:18px;height:18px}body.app-board-view .topbar-notification-icon{width:19px;height:19px}body.app-board-view .topbar-account-icon{width:21px;height:21px}.side-menu-brand-button{width:100%;border:0;padding:4px 6px 16px;background:transparent;color:#f8fafc;font-size:22px;font-style:italic;font-weight:950;line-height:.98;text-align:center;cursor:pointer}body.app-board-view .side-menu-brand-button{display:block}body.app-board-view .main-page-opening-shell{position:relative}body.app-board-view .main-page-text-swap{display:grid;align-content:start;min-width:0}body.app-board-view .main-page-text-swap-layer{grid-area:1 / 1;will-change:opacity}body.app-board-view .main-page-text-swap-layer-static{opacity:1}body.app-board-view .main-page-text-swap-layer-exit{opacity:1;pointer-events:none;transition:opacity 2s cubic-bezier(.12,.78,.18,1)}body.app-board-view .main-page-text-swap-layer-exit-active{opacity:0}body.app-board-view .main-page-text-swap-layer-enter{opacity:0;pointer-events:none;transition:opacity 2s cubic-bezier(.42,0,.18,1) .42s}body.app-board-view .main-page-text-swap-layer-enter-active{opacity:1}body.app-board-view .main-page-text-panel-swap,body.app-board-view .main-page-title-swap{width:100%}body.app-board-view .main-page-title-copy,body.app-board-view .main-page-profile-copy{display:grid;gap:8px}body.app-board-view .main-page-title-copy{width:100%;gap:14px;justify-items:center;text-align:center}body.app-board-view .main-page-card-title-swap{display:inline-grid;width:100%}body.app-board-view .main-page-hero{grid-template-columns:minmax(280px,.8fr) minmax(0,1.7fr);gap:18px;align-items:start}body.app-board-view .main-page-side-column{gap:14px;align-content:start}body.app-board-view .main-page-side-column-single{grid-template-columns:minmax(0,1fr)}body.app-board-view .main-page-card-thin{padding:14px 16px 16px;border-radius:22px}body.app-board-view .main-page-card-thin .main-page-card-eyebrow{margin-bottom:8px}body.app-board-view .main-page-card-thin .main-page-card-title{margin-bottom:10px;font-size:18px}body.app-board-view .main-page-card-thin .main-page-card-copy,body.app-board-view .main-page-card-thin .main-page-point{font-size:13px;line-height:1.6}body.app-board-view .main-page-card-section{position:relative;z-index:1;display:grid;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid rgb(148 163 184 / .12)}body.app-board-view .main-page-card-section-title{color:#68d6ff;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}body.app-board-view .main-page-demo-shell{padding:20px 18px 18px;border-radius:26px}body.app-board-view .main-page-title-block{position:relative;align-self:start;justify-items:center;gap:8px;width:min(100%,620px);margin:0 auto 12px;padding:14px 18px 16px;border:1px solid rgb(148 163 184 / .12);border-radius:22px;background:linear-gradient(180deg,#0e1727f5,#0f1829eb),linear-gradient(135deg,rgb(59 130 246 / .08),transparent 68%);box-shadow:0 18px 38px #02061733,inset 0 1px #ffffff0a;text-align:center}body.app-board-view .main-page-title{width:100%;margin:0 auto;text-align:center;font-size:clamp(30px,3.8vw,52px);line-height:.94;letter-spacing:-.045em;text-wrap:balance}body.app-board-view .main-page-subtitle{width:100%;margin:4px auto 0;text-align:center;max-width:42ch;color:#8ddcff;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}body.app-board-view .main-page-board-stage{padding:4px 0 12px}body.app-board-view .main-page-move-sequence-panel{gap:6px}body.app-board-view .main-page-move-pill{padding:7px 11px;font-size:11px}@media(max-width:1320px){body.app-board-view .main-page-title-block{width:100%}}@media(max-width:1040px){body.app-board-view .side-menu{position:sticky;top:14px;height:calc(100dvh - 28px);max-height:calc(100dvh - 28px)}}@media(max-width:720px){body.app-board-view .side-menu{position:static;height:auto;max-height:none;overflow:visible}body.app-board-view .side-menu-nav,body.app-board-view .side-menu-footer{display:grid}body.app-board-view .main-page-title-block{width:100%;padding:0}}body.app-board-view .app-shell{--board-sidebar-width: 214px;--board-topbar-height: 58px;padding:0;background:linear-gradient(180deg,#0b1220fe,#0a111ffd),linear-gradient(135deg,rgb(59 130 246 / .05),transparent 62%)}body.app-board-view .app-frame{grid-template-columns:var(--board-sidebar-width) minmax(0,1fr);gap:0;min-height:100dvh}body.app-board-view .game-stage{gap:0;grid-template-rows:auto minmax(0,1fr);min-height:100dvh;padding:0;background:transparent}body.app-board-view .topbar{position:sticky;top:0;z-index:70;width:100%;min-height:var(--board-topbar-height);margin-left:0;padding:12px 22px;border:0;border-bottom:1px solid rgb(255 255 255 / .06);border-radius:0;background:linear-gradient(180deg,#121b2efe,#0f1829fc),linear-gradient(90deg,rgb(59 130 246 / .04),transparent 42%);box-shadow:none;box-sizing:border-box}body.app-board-view .topbar-main{min-height:34px}body.app-board-view .side-menu{position:sticky;top:0;height:calc(100dvh - var(--board-topbar-height));max-height:calc(100dvh - var(--board-topbar-height));margin-top:var(--board-topbar-height);padding:30px 14px 34px;border:0;border-right:1px solid rgb(255 255 255 / .06);border-radius:0;background:linear-gradient(180deg,#0d1424fe,#0c1322fd),linear-gradient(180deg,rgb(96 165 250 / .04),transparent 32%);box-shadow:none}body.app-board-view .side-menu-profile{border-radius:14px}body.app-board-view .side-menu-nav{padding-top:10px}body.app-board-view .side-menu-footer{padding-top:14px;padding-bottom:8px}body.app-board-view .account-card{gap:10px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}body.app-board-view .game-stage-page-fill{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}body.app-board-view .game-stage-page-fill .history-page{padding:26px 28px 30px;box-sizing:border-box}body.app-board-view .main-page{width:100%;max-width:none;justify-self:stretch;padding:26px 28px 30px;box-sizing:border-box}@media(max-width:1040px){body.app-board-view .app-shell{--board-sidebar-width: 92px;--board-topbar-height: 58px}body.app-board-view .app-frame{grid-template-columns:var(--board-sidebar-width) minmax(0,1fr);gap:0}body.app-board-view .topbar{width:calc(100% + var(--board-sidebar-width));margin-left:calc(var(--board-sidebar-width) * -1)}body.app-board-view .side-menu{padding:26px 10px 30px}}@media(max-width:720px){body.app-board-view .app-shell{--board-sidebar-width: 0px;padding:0}body.app-board-view .app-frame{grid-template-columns:1fr;min-height:auto}body.app-board-view .game-stage{min-height:auto}body.app-board-view .topbar{width:100%;margin-left:0}body.app-board-view .side-menu{margin-top:0;border-right:0;border-top:1px solid rgb(255 255 255 / .06)}body.app-board-view .game-stage-page-fill .history-page,body.app-board-view .main-page{padding:18px 16px 22px}}.history-dashboard-page{display:grid;gap:28px;align-content:start}.history-dashboard-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;padding-top:12px}.history-dashboard-title-block{display:grid;gap:8px}.history-dashboard-title{font-size:clamp(30px,3.2vw,42px);letter-spacing:-.04em}.history-stat-strip{display:grid;grid-template-columns:repeat(3,minmax(82px,1fr));gap:10px}.history-stat-card{position:relative;display:grid;gap:7px;min-width:82px;padding:13px 14px;border:1px solid rgb(255 255 255 / .07);border-radius:8px;background:linear-gradient(180deg,#141e32f5,#111a2cf5),radial-gradient(circle at top right,rgb(96 165 250 / .12),transparent 58%);box-shadow:inset 0 1px #ffffff0a,0 18px 34px #02061733;overflow:hidden}.history-stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#60a5fa;box-shadow:0 0 18px #60a5fab8}.history-stat-card-cyan:before{background:#22d3ee;box-shadow:0 0 18px #22d3eeb8}.history-stat-card-amber:before{background:#fb923c;box-shadow:0 0 18px #fb923cad}.history-stat-card span{color:#9ca3af;font-size:10px;font-weight:900;letter-spacing:.18em;line-height:1;text-transform:uppercase}.history-stat-card strong{color:#f8fafc;font-size:24px;font-weight:900;letter-spacing:.04em;line-height:1;font-variant-numeric:tabular-nums}.history-stat-card-cyan strong{color:#67e8f9}.history-stat-card-blue strong{color:#60a5fa}.history-table-card{display:grid;border:1px solid rgb(255 255 255 / .07);border-radius:12px;background:linear-gradient(180deg,#141d30fa,#11192afa),radial-gradient(circle at top left,rgb(96 165 250 / .08),transparent 52%);box-shadow:inset 0 1px #ffffff08,0 22px 44px #0206172e;overflow:hidden}.history-table-row{display:grid;grid-template-columns:88px minmax(120px,1.28fr) minmax(96px,.9fr) 46px 84px 78px 42px;align-items:center;gap:10px;min-width:0}.history-table-head{padding:18px;background:#232c44eb;color:#a8b3c7;font-size:10px;font-weight:900;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}.history-match-row{min-height:72px;padding:0 18px;border-top:1px solid rgb(255 255 255 / .045);color:#dbeafe;transition:background .18s ease,box-shadow .18s ease}.history-match-row:hover{background:#1e293b61;box-shadow:inset 3px 0 #60a5fab8}.history-result-cell,.history-opponent-cell,.history-accuracy-cell{min-width:0}.history-result-badge{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:6px 12px;border-radius:999px;color:#67e8f9;background:#14b8a61f;font-size:10px;font-weight:900;letter-spacing:.14em;line-height:1;text-transform:uppercase}.history-result-win{color:#34d399;background:#10b98121}.history-result-loss{color:#fb7185;background:#f43f5e1f}.history-result-draw{color:#facc15;background:#7dd3fc1f}.history-opponent-cell{display:flex;align-items:center;gap:10px}.history-opponent-avatar{display:inline-grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border:1px solid rgb(148 163 184 / .2);border-radius:4px;background:linear-gradient(135deg,#3b82f62e,#94a3b829),#1e293bc7;color:#e2e8f0;font-size:11px;font-weight:900;letter-spacing:.08em}.history-opponent-copy{display:grid;gap:2px;min-width:0}.history-opponent-copy strong{color:#f8fafc;font-size:14px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-opponent-copy span{color:#9ca3af;font-size:10px;font-weight:800}.history-accuracy-cell{display:grid;grid-template-columns:minmax(58px,1fr) auto;align-items:center;gap:8px}.history-accuracy-track,.history-skill-track{position:relative;display:block;height:5px;border-radius:999px;background:#4755698f;overflow:hidden}.history-accuracy-fill,.history-skill-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#67e8f9);box-shadow:0 0 16px #22d3ee75}.history-accuracy-cell strong{color:#67e8f9;font-size:11px;font-weight:900;font-variant-numeric:tabular-nums}.history-table-value{color:#d1d5db;font-size:13px;font-weight:750;line-height:1.25}.history-date-value{color:#c7d2fe}.history-review-button{display:inline-grid;place-items:center;width:34px;height:34px;justify-self:end;border:0;border-radius:8px;background:transparent;color:#a5b4fc;cursor:pointer;transition:transform .16s ease,color .16s ease,background .16s ease}.history-review-button:hover{transform:translateY(-1px);background:#60a5fa1f;color:#bfdbfe}.history-review-icon{width:19px;height:19px}.history-table-empty{display:grid;justify-items:center;gap:8px;padding:48px 24px;color:#94a3b8;text-align:center}.history-table-empty strong{color:#f8fafc;font-size:18px}.history-pagination-row{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#cbd5e1;font-size:12px}.history-pagination-actions{display:flex;align-items:center;gap:10px}.history-pagination-button{min-height:40px;padding:0 22px;border:1px solid rgb(255 255 255 / .08);border-radius:4px;background:#1f293bf5;color:#e2e8f0;font-size:13px;font-weight:900;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.history-pagination-button:hover:not(:disabled){transform:translateY(-1px);border-color:#60a5fa59;background:#2b3954fa}.history-pagination-button:disabled{cursor:not-allowed;opacity:.45}.history-pagination-button-primary{border-color:#60a5fa6b;background:linear-gradient(180deg,#60a5fa,#3b82f6);color:#061225;box-shadow:0 14px 26px #2563eb3d}.history-insight-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.history-analytics-card{min-height:230px;padding:30px 34px;border:1px solid rgb(255 255 255 / .07);border-radius:12px;background:linear-gradient(180deg,#141d30f5,#11192af5),radial-gradient(circle at top right,rgb(96 165 250 / .08),transparent 52%);box-shadow:inset 0 1px #ffffff08,0 22px 44px #02061724;box-sizing:border-box}.history-analytics-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.history-analytics-card h4{margin:0;color:#e5e7eb;font-size:21px;font-weight:900;letter-spacing:-.02em}.history-tactical-card{display:grid;align-content:start;gap:22px}.history-tactical-card p{max-width:54ch;margin:0;color:#b6c1d4;font-size:14px;line-height:1.6}.history-chart-trend{position:relative;width:74px;height:54px;opacity:.4}.history-chart-trend:before{content:"";position:absolute;right:6px;bottom:10px;width:58px;height:34px;border-top:8px solid rgb(100 116 139 / .55);border-right:8px solid rgb(100 116 139 / .55);transform:skew(-8deg) rotate(-2deg);clip-path:polygon(0 74%,28% 38%,46% 62%,76% 18%,76% 0,100% 0,100% 50%,88% 50%,90% 28%,48% 86%,30% 60%,9% 96%)}.history-chart-bars{display:flex;align-items:end;gap:12px;height:126px;margin-top:24px;padding:0 8px}.history-chart-bar{flex:1;min-width:26px;max-width:58px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#475569fa,#334155f5);box-shadow:inset 0 1px #ffffff0a}.history-chart-axis{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;color:#9ca3af;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.history-skill-meter{display:grid;gap:9px}.history-skill-meter-head{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#d1d5db;font-size:12px;font-weight:850}.history-skill-meter-head strong{color:#67e8f9;font-size:12px;font-variant-numeric:tabular-nums}.history-skill-track{height:5px}.history-skill-fill-muted{background:linear-gradient(90deg,#93c5fd,#c4b5fd);box-shadow:0 0 14px #93c5fd57}@media(max-width:820px){.history-dashboard-head{grid-template-columns:1fr}.history-stat-strip{width:100%}.history-table-card{overflow-x:auto}.history-table-row{min-width:640px}}@media(max-width:820px){.history-dashboard-page{gap:20px}.history-stat-strip,.history-insight-grid{grid-template-columns:1fr}.history-pagination-row{align-items:stretch;flex-direction:column}.history-pagination-actions{display:grid;grid-template-columns:1fr}.history-analytics-card{min-height:0;padding:24px}}body.app-board-view .game-stage-page-fill .messages-page{height:calc(100dvh - var(--board-topbar-height));min-height:0;padding:0;box-sizing:border-box}body.app-board-view .game-stage-page-fill .settings-page{min-height:calc(100dvh - var(--board-topbar-height));padding:44px 42px 46px;box-sizing:border-box}body.app-board-view .game-stage-page-fill .support-page{width:min(100%,980px);min-height:calc(100dvh - var(--board-topbar-height));margin:0 auto;box-sizing:border-box}.settings-page{width:100%;background:radial-gradient(circle at 78% 12%,rgb(59 130 246 / .08),transparent 34%),linear-gradient(180deg,#09101efc,#080e1afc)}.settings-shell{display:grid;gap:34px;width:min(100%,1120px);margin:0 auto}.settings-page-head{display:grid;gap:8px}.settings-page-head h2{margin:0;color:#f4f7ff;font-size:34px;font-weight:950;letter-spacing:-.05em}.settings-page-head p{margin:0;color:#b7c1d3;font-size:14px;font-weight:700}.settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:34px;align-items:start}.settings-preference-panel{display:grid;gap:18px;padding-top:8px}.settings-kicker{color:#67e8f9;font-size:11px;font-weight:950;letter-spacing:.34em;text-transform:uppercase}.settings-preference-list{display:grid;gap:10px}.settings-preference-item{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 18px;border:1px solid transparent;border-radius:8px;background:transparent;color:#c7d2e5;font-size:14px;font-weight:800;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.settings-preference-item:hover,.settings-preference-item-active{border-color:#94a3b814;background:#313d57b8;color:#f8fafc}.settings-preference-icon{width:17px;height:17px;color:#b7c7df}.settings-preference-item-active .settings-preference-icon,.settings-preference-item:hover .settings-preference-icon{color:#67e8f9}.settings-content-grid{display:grid;gap:30px;min-width:0}.settings-content-grid-account>.settings-panel-grid,.settings-content-grid-account>.settings-privacy-card,.settings-content-grid-game>.settings-account-card,.settings-content-grid-game>.settings-privacy-card,.settings-content-grid-notifications>.settings-account-card,.settings-content-grid-notifications>.settings-privacy-card,.settings-content-grid-privacy>.settings-account-card,.settings-content-grid-privacy>.settings-panel-grid,.settings-content-grid-game .settings-notification-card,.settings-content-grid-game .settings-premium-card,.settings-content-grid-notifications .settings-board-card,.settings-content-grid-notifications .settings-audio-card,.settings-content-grid-notifications .settings-premium-card{display:none}.settings-content-grid-notifications .settings-panel-grid{grid-template-columns:minmax(0,460px)}.settings-card{border:1px solid rgb(255 255 255 / .07);border-radius:8px;background:linear-gradient(180deg,#161f32fa,#121b2dfa),radial-gradient(circle at top right,rgb(96 165 250 / .07),transparent 46%);box-shadow:inset 0 1px #ffffff0a,0 20px 42px #02061729}.settings-card-active{border-color:#22d3ee3d;box-shadow:inset 0 1px #ffffff0d,0 20px 42px #02061729,0 0 28px #22d3ee17}.settings-account-card{display:grid;gap:26px;padding:34px 36px}.settings-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-card-head h3,.settings-section-title h3{margin:0;color:#eef4ff;font-size:21px;font-weight:950;letter-spacing:-.02em}.settings-primary-button{min-height:36px;padding:0 20px;border:0;border-radius:4px;background:linear-gradient(180deg,#60a5fa,#3b82f6);color:#071526;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 24px #3b82f657}.settings-primary-button:disabled{cursor:not-allowed;opacity:.58}.settings-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.settings-field{display:grid;gap:8px;min-width:0}.settings-field span{color:#aab7ca;font-size:11px;font-weight:900}.settings-field input,.settings-language-select{width:100%;min-height:44px;border:1px solid rgb(96 165 250 / .06);border-radius:4px;background:#070d19db;color:#eef4ff;font:inherit;font-size:14px;font-weight:800;padding:0 16px;outline:none;box-sizing:border-box;transition:border-color .16s ease,box-shadow .16s ease}.settings-field input:focus,.settings-language-select:focus{border-color:#22d3ee57;box-shadow:0 0 0 3px #22d3ee14}.settings-field input[readonly]{color:#9fb3cf;border-color:#94a3b81f;background:linear-gradient(180deg,#0f172aa8,#0a111fb8);cursor:not-allowed;opacity:.82}.settings-future-note{margin:0;border:1px solid rgb(125 211 252 / .14);border-radius:4px;padding:10px 12px;background:#0e74901f;color:#bae6fd;font-size:13px;font-weight:800}.settings-email-lock-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:10px;align-items:center}.settings-email-edit-button{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid rgb(125 211 252 / .26);border-radius:10px;background:#0e74902e;color:#bae6fd;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.settings-email-edit-button:hover{border-color:#7dd3fc7a;background:#0ea5e938;transform:translateY(-1px)}.settings-email-edit-icon{width:17px;height:17px}.settings-email-change-panel,.settings-email-code-panel{display:grid;gap:14px;padding:16px;border:1px solid rgb(125 211 252 / .14);border-radius:8px;background:#082f492e}.settings-email-change-panel{margin-top:6px}.settings-email-code-note{color:#b7c8dc;font-size:13px;font-weight:700;line-height:1.5}.settings-secondary-button{justify-self:start;min-height:42px;padding:0 18px;border:1px solid rgb(125 211 252 / .24);border-radius:8px;background:#0e74902e;color:#dff7ff;font-size:13px;font-weight:850;cursor:pointer}.settings-secondary-button:hover{border-color:#7dd3fc6b;background:#0ea5e93d}.settings-secondary-button:disabled{color:#6d7d93;cursor:default;opacity:.7}.settings-avatar-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;min-height:86px;padding:18px 20px;border-radius:8px;background:#242f48b8}.settings-avatar-row img{width:64px;height:64px;border:2px solid rgb(34 211 238 / .7);border-radius:10px;object-fit:cover;box-shadow:0 0 22px #22d3ee2e}.settings-avatar-row div{display:grid;gap:5px;min-width:0}.settings-avatar-row strong{color:#f8fafc;font-size:14px;font-weight:950}.settings-avatar-row span{color:#aeb9cb;font-size:12px;font-weight:700}.settings-premium-card button{border:0;background:transparent;color:#67e8f9;font-size:12px;font-weight:950;cursor:pointer}.settings-game-avatar-panel{display:grid;gap:14px;padding:18px 20px;border-radius:8px;background:#0c121f8f;border:1px solid rgb(148 163 184 / .12)}.settings-game-avatar-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.settings-game-avatar-head strong{color:#f8fafc;font-size:13px;font-weight:950}.settings-game-avatar-head span{color:#8fa0b8;font-size:12px;font-weight:750}.settings-game-avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(74px,1fr));gap:12px}.settings-game-avatar-option{display:grid;gap:8px;justify-items:center;min-width:0;padding:8px 6px 10px;border:1px solid rgb(148 163 184 / .12);border-radius:8px;background:#242f4885;color:#cbd5e1;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.settings-game-avatar-option:hover{transform:translateY(-1px);border-color:#22d3ee6b;background:#2a3856b3}.settings-game-avatar-option:disabled{cursor:wait;opacity:.72}.settings-game-avatar-option-active{border-color:#22d3eeb8;box-shadow:0 0 0 2px #22d3ee1f}.settings-game-avatar-option img{width:58px;height:58px;border-radius:8px;object-fit:cover}.settings-game-avatar-option span{max-width:100%;color:inherit;font-size:10px;font-weight:900;line-height:1.15;text-align:center}.settings-language-panel{display:grid;gap:10px;padding:18px 20px;border-radius:8px;background:#0c121f8f;border:1px solid rgb(148 163 184 / .12)}.settings-language-select{appearance:none;cursor:pointer}.settings-language-panel p{margin:0;color:#8fa0b8;font-size:12px;font-weight:750;line-height:1.45}.settings-status{margin:-8px 0 0;color:#67e8f9;font-size:12px;font-weight:850}.settings-status-error{color:#fb7185}.settings-panel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);gap:24px;align-items:stretch}.settings-board-card,.settings-audio-card,.settings-notification-card{display:grid;gap:24px;padding:28px}.settings-side-stack{display:grid;gap:20px}.settings-section-title{display:flex;align-items:center;gap:12px}.settings-section-icon{width:20px;height:20px;color:#67e8f9;filter:drop-shadow(0 0 10px rgb(34 211 238 / .3))}.settings-theme-row{display:flex;flex-wrap:wrap;gap:14px}.settings-theme-card{position:relative;width:154px;height:116px;border:1px solid transparent;border-radius:5px;overflow:hidden;background:transparent;cursor:pointer;padding:0}.settings-theme-card-active{border-color:#bfdbfedb;box-shadow:0 0 0 1px #60a5fa33}.settings-theme-card-active:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:999px;background:linear-gradient(135deg,transparent 43%,#f8fafc 43% 57%,transparent 57%),linear-gradient(45deg,transparent 48%,#f8fafc 48% 62%,transparent 62%),#e2e8f0fa;transform:translate(-50%,-50%)}.settings-theme-preview{display:block;width:100%;height:100%}.settings-theme-preview-nocturnal{background-color:#bf9065;background-image:linear-gradient(45deg,#ecd8ad 25%,transparent 25%),linear-gradient(-45deg,#ecd8ad 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ecd8ad 75%),linear-gradient(-45deg,transparent 75%,#ecd8ad 75%);background-position:0 0,0 38px,38px -38px,-38px 0;background-size:76px 76px}.settings-theme-preview-classic{background-color:#769656;background-image:linear-gradient(45deg,#eeeed2 25%,transparent 25%),linear-gradient(-45deg,#eeeed2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eeeed2 75%),linear-gradient(-45deg,transparent 75%,#eeeed2 75%);background-position:0 0,0 38px,38px -38px,-38px 0;background-size:76px 76px}.settings-theme-card em{position:absolute;left:8px;bottom:7px;padding:2px 5px;border-radius:2px;background:#02061794;color:#f8fafc;font-size:8px;font-style:normal;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.settings-toggle-list{display:grid;gap:16px}.settings-toggle-list-compact{gap:14px}.settings-toggle-row,.settings-volume-row{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#c3cede;font-size:14px;font-weight:800}.settings-volume-row{font-size:12px}.settings-volume-row strong{color:#c8d4e8;font-size:12px;font-weight:900}.settings-toggle{position:relative;width:34px;height:18px;flex:0 0 auto;border:0;border-radius:999px;background:#4b5566;cursor:pointer}.settings-toggle:after{content:"";position:absolute;top:4px;left:4px;width:10px;height:10px;border-radius:999px;background:#dbeafe;transition:transform .16s ease}.settings-toggle-on{background:#a7c5fb}.settings-toggle-on:after{transform:translate(16px);background:#1d4ed8}.settings-volume-track{position:relative;height:28px;border-radius:999px;background:transparent}.settings-volume-track:before{content:"";position:absolute;top:50%;right:0;left:0;height:6px;border-radius:inherit;background:#475569b3;transform:translateY(-50%)}.settings-volume-track span{position:absolute;top:50%;left:0;height:6px;width:80%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#67e8f9);box-shadow:0 0 14px #22d3ee6b;pointer-events:none;transform:translateY(-50%)}.settings-volume-track input{position:absolute;inset:0;width:100%;height:28px;margin:0;appearance:none;background:transparent;cursor:pointer}.settings-volume-track input::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:transparent}.settings-volume-track input::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;appearance:none;border:2px solid #e0f2fe;border-radius:999px;background:#0ea5e9;box-shadow:0 0 0 4px #0ea5e92e,0 8px 18px #02061761}.settings-volume-track input::-moz-range-track{height:6px;border-radius:999px;background:transparent}.settings-volume-track input::-moz-range-thumb{width:16px;height:16px;border:2px solid #e0f2fe;border-radius:999px;background:#0ea5e9;box-shadow:0 0 0 4px #0ea5e92e,0 8px 18px #02061761}.settings-premium-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:24px;border-color:#22d3ee29;background:radial-gradient(circle at right top,rgb(34 211 238 / .12),transparent 42%),linear-gradient(180deg,#0f2942e6,#0e1f35e6)}.settings-premium-icon{width:24px;height:24px;color:#a7c5fb}.settings-premium-card div{display:grid;gap:8px}.settings-premium-card strong{color:#e8f1ff;font-size:15px;font-weight:950}.settings-premium-card span{color:#aebbd0;font-size:11px;font-weight:700;line-height:1.35}.settings-premium-card button{justify-self:start;color:#c7d2fe}.settings-premium-card button:disabled{color:#71819b;cursor:not-allowed;opacity:.7}.settings-privacy-card{display:grid;gap:14px;min-height:82px;padding:26px 30px;overflow:hidden}.settings-privacy-card p{margin:0;max-width:680px;color:#aab7ca;font-size:13px;font-weight:700;line-height:1.5}.settings-privacy-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;margin-top:4px}@media(max-width:1180px){body.app-board-view .game-stage-page-fill .settings-page{padding:30px 24px}.settings-layout,.settings-panel-grid{grid-template-columns:1fr}.settings-preference-list{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-game-avatar-grid{grid-template-columns:repeat(4,minmax(74px,1fr))}}@media(max-width:760px){body.app-board-view .game-stage-page-fill .settings-page{padding:22px 16px}.settings-shell{gap:24px}.settings-page-head h2{font-size:28px}.settings-preference-list,.settings-field-grid{grid-template-columns:1fr}.settings-account-card,.settings-board-card,.settings-audio-card,.settings-notification-card,.settings-privacy-card{padding:22px}.settings-card-head,.settings-avatar-row{align-items:stretch;grid-template-columns:1fr}.settings-game-avatar-head{display:grid}.settings-game-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-theme-card{width:136px;height:102px}.settings-privacy-options{grid-template-columns:1fr}}.messages-chat-page{display:flex;flex-direction:column;min-height:0;gap:0;overflow:hidden}.messages-chat-shell{flex:1 1 auto;display:grid;grid-template-columns:minmax(270px,330px) minmax(0,1fr);min-height:0;border-top:1px solid rgb(255 255 255 / .03);background:radial-gradient(circle at 68% 18%,rgb(59 130 246 / .08),transparent 34%),linear-gradient(180deg,#0a111ffc,#0a111ffc)}.messages-conversation-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:18px;min-height:0;padding:28px 24px;border-right:1px solid rgb(255 255 255 / .06);background:linear-gradient(180deg,#121b2eeb,#0f172aeb),radial-gradient(circle at top left,rgb(96 165 250 / .08),transparent 34%);box-sizing:border-box}.messages-panel-title{margin:0;color:#f8fafc;font-size:28px;font-weight:900;letter-spacing:-.04em}.messages-search{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid rgb(96 165 250 / .08);border-radius:8px;background:#070d19db;box-shadow:inset 0 1px #ffffff08}.messages-search-icon{width:18px;height:18px;color:#7f8ea3}.messages-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#dbeafe;font-size:13px}.messages-search input::placeholder{color:#7f8ea3}.messages-conversation-list{display:grid;align-content:start;gap:4px;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-right:0;scrollbar-width:none;-ms-overflow-style:none}.messages-conversation-list::-webkit-scrollbar{display:none}.messages-conversation-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;width:100%;min-height:70px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.messages-conversation-item:hover,.messages-conversation-item-active{border-color:#60a5fa14;background:#2b3752c7}.messages-conversation-item:hover{transform:translateY(-1px)}.messages-conversation-empty{display:grid;gap:6px;padding:16px 12px;border:1px dashed rgb(148 163 184 / .22);border-radius:10px;color:#94a3b8}.messages-conversation-empty strong{color:#e2e8f0;font-size:14px;font-weight:900}.messages-conversation-empty span{font-size:12px;font-weight:700;line-height:1.35}.messages-conversation-avatar,.messages-thread-avatar,.messages-chat-avatar{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:1px solid rgb(255 255 255 / .1);border-radius:10px;color:#ecfeff;font-size:12px;font-weight:900;letter-spacing:.08em;box-shadow:inset 0 1px #ffffff14,0 12px 22px #0206173d}.messages-conversation-avatar img,.messages-thread-avatar img,.messages-chat-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.messages-conversation-avatar-hikaru{background:radial-gradient(circle at 35% 24%,rgb(125 211 252 / .34),transparent 18%),linear-gradient(145deg,#24344f,#0b1d34 58%,#061525)}.messages-conversation-avatar-anna{background:radial-gradient(circle at 36% 24%,rgb(251 146 60 / .45),transparent 20%),linear-gradient(145deg,#5d3a26,#172234 60%,#071121)}.messages-conversation-avatar-peter{background:radial-gradient(circle at 38% 22%,rgb(45 212 191 / .45),transparent 20%),linear-gradient(145deg,#115e59,#17324b 58%,#071222)}.messages-conversation-avatar-levy{background:radial-gradient(circle at 36% 24%,rgb(96 165 250 / .44),transparent 20%),linear-gradient(145deg,#253858,#172033 58%,#06111f)}.messages-presence-dot,.messages-online-dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:#22d3ee;box-shadow:0 0 10px #22d3eebd}.messages-presence-dot{position:absolute;right:-2px;bottom:-2px;border:2px solid #121b2e}.messages-presence-dot-muted{background:#64748b;box-shadow:none}.messages-conversation-copy{display:grid;gap:5px;min-width:0}.messages-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.messages-conversation-head strong{min-width:0;color:#f8fafc;font-size:14px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-conversation-head span{flex:0 0 auto;color:#67e8f9;font-size:9px;font-weight:900;letter-spacing:.12em}.messages-conversation-copy>span:last-child{color:#9ca3af;font-size:12px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-thread-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;min-width:0;min-height:0;padding:20px 34px 18px;background:radial-gradient(circle at center top,rgb(59 130 246 / .05),transparent 42%),linear-gradient(180deg,#09101efa,#080e1bfc);box-sizing:border-box}.messages-thread-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px}.messages-thread-profile{display:flex;align-items:center;gap:12px;min-width:0}.messages-thread-avatar{width:36px;height:36px;border-radius:9px}.messages-thread-copy{display:grid;gap:4px;min-width:0}.messages-thread-copy strong{color:#f8fafc;font-size:16px;font-weight:900}.messages-thread-copy span{display:inline-flex;align-items:center;gap:7px;color:#67e8f9;font-size:11px;font-weight:800}.messages-thread-copy .messages-presence-dot-muted{display:inline-block}.messages-online-dot{width:6px;height:6px}.messages-thread-actions{display:flex;align-items:center;gap:14px}.messages-thread-actions button{display:inline-grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#9ca3af;cursor:pointer;transition:background .16s ease,color .16s ease}.messages-thread-actions button:hover{background:#60a5fa1a;color:#dbeafe}.messages-thread-action-icon{width:18px;height:18px}.messages-thread-date{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin:0 0 16px}.messages-thread-date span{height:1px;background:#ffffff0d}.messages-thread-date strong{color:#6b7c93;font-size:9px;font-weight:900;letter-spacing:.26em}.messages-thread-feed{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:0 6px 12px;scrollbar-width:none;-ms-overflow-style:none}.messages-thread-feed::-webkit-scrollbar{display:none}.messages-chat-group{display:flex;align-items:end;gap:12px}.messages-chat-group-outgoing{justify-content:flex-end}.messages-chat-avatar{width:28px;height:28px;border-radius:7px;font-size:9px}.messages-chat-stack{display:grid;gap:6px;max-width:min(560px,76%)}.messages-chat-group-outgoing .messages-chat-stack{justify-items:end}.messages-bubble{margin:0;padding:16px 18px;border-radius:13px;color:#dbeafe;font-size:14px;line-height:1.55;box-shadow:0 18px 34px #02061733}.messages-bubble-incoming{border-bottom-left-radius:4px;background:#202a41fa}.messages-bubble-outgoing{border-bottom-right-radius:4px;background:linear-gradient(180deg,#60a5fa,#3b82f6);color:#09203d}.messages-chat-time{color:#5d6b82;font-size:10px;font-weight:800}.messages-chat-time-outgoing{justify-self:end}.messages-analysis-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgb(96 165 250 / .1);border-radius:8px;background:#132034fa;box-shadow:inset 0 1px #ffffff0a,0 14px 28px #02061729}.messages-analysis-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#0f766e5c;color:#67e8f9;font-size:22px;font-weight:900}.messages-analysis-copy{display:grid;gap:5px;min-width:0}.messages-analysis-copy strong{color:#e5efff;font-size:12px;font-weight:900}.messages-analysis-copy span{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#67e8f9;font-size:9px;font-weight:900;letter-spacing:.08em}.messages-analysis-copy em{padding:3px 6px;border-radius:3px;background:#60a5fa2e;color:#bfdbfe;font-style:normal}.messages-analysis-external{width:18px;height:18px;color:#67e8f9}.messages-chat-empty{display:grid;justify-items:center;gap:8px;align-self:end;padding:34px;border:1px solid rgb(96 165 250 / .08);border-radius:14px;background:#121b2d94;color:#94a3b8;text-align:center}.messages-chat-empty strong{color:#e2e8f0;font-size:16px}.messages-compose-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;position:relative;min-height:58px;flex:0 0 auto;padding:8px 10px;border:1px solid rgb(255 255 255 / .05);border-radius:12px;background:#121b2dfa;box-shadow:inset 0 1px #ffffff0a,0 18px 34px #02061729}.messages-inline-emoji{position:relative;display:inline-grid;place-items:center}.messages-inline-emoji-picker{position:absolute;left:0;bottom:calc(100% + 12px);z-index:8;display:grid;grid-template-columns:repeat(8,30px);gap:6px;max-width:min(304px,calc(100vw - 48px));max-height:220px;padding:10px;overflow-x:hidden;overflow-y:auto;border:1px solid rgb(96 165 250 / .12);border-radius:10px;background:#0c1424fa;box-shadow:0 18px 38px #0206175c;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.messages-inline-emoji-picker::-webkit-scrollbar{display:none}.messages-compose-bar button{display:inline-grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#7f8ea3;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.messages-compose-bar button:hover{transform:translateY(-1px);background:#60a5fa1a;color:#dbeafe}.messages-compose-bar .messages-inline-emoji-button{width:30px;height:30px;border-radius:7px;font-size:17px}.messages-compose-bar button:disabled,.messages-compose-bar input:disabled{cursor:not-allowed;opacity:.5}.messages-compose-icon{width:18px;height:18px}.messages-compose-bar input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#dbeafe;font-size:13px;cursor:text}.messages-compose-bar input::placeholder{color:#7f8ea3}.messages-compose-bar .messages-compose-send{width:40px;height:40px;border-radius:10px;background:linear-gradient(180deg,#60a5fa,#3b82f6);color:#071426;box-shadow:0 12px 24px #2563eb47}.messages-compose-bar .messages-compose-send:hover{background:linear-gradient(180deg,#7db8ff,#4c8bf8);color:#061225}.messages-send-icon{width:20px;height:20px}.messages-secure-note{flex:0 0 auto;margin:8px 0 0;color:#44546b;font-size:9px;font-weight:900;letter-spacing:.2em;text-align:center}@media(max-width:1040px){.messages-chat-shell{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.messages-thread-panel{padding:22px 20px}}@media(max-width:820px){.messages-chat-shell{grid-template-columns:1fr;grid-template-rows:minmax(150px,34%) minmax(0,1fr);height:100%;min-height:0}.messages-conversation-panel{min-height:0;border-right:0;border-bottom:1px solid rgb(255 255 255 / .06)}.messages-conversation-list{grid-template-columns:repeat(2,minmax(0,1fr))}.messages-thread-feed{overflow-x:hidden;overflow-y:auto}}@media(max-width:620px){.messages-conversation-list{grid-template-columns:1fr}.messages-thread-head{align-items:stretch;flex-direction:column}.messages-chat-stack{max-width:86%}}body.app-board-view .game-stage-page-fill .profile-dashboard-page{padding:20px 22px 24px;box-sizing:border-box}.profile-dashboard-page{width:100%;max-width:none;border:0;background:transparent;box-shadow:none}.profile-dashboard-layout{display:grid;width:min(100%,1380px);margin:0 auto}.profile-dashboard-main{display:grid;gap:22px;min-width:0}.profile-top-grid{display:grid;grid-template-columns:minmax(0,1.82fr) minmax(280px,.78fr);gap:18px;align-items:stretch}.profile-rating-hero-card,.profile-mini-stat,.profile-activity-row,.profile-achievement-card,.profile-level-card{border:1px solid rgb(255 255 255 / .07);background:linear-gradient(180deg,#1c253afa,#172033fa),radial-gradient(circle at top right,rgb(96 165 250 / .08),transparent 44%);box-shadow:inset 0 1px #ffffff0a,0 18px 36px #0206171f}.profile-rating-hero-card{display:grid;grid-template-columns:minmax(0,1fr) 240px;grid-template-rows:auto minmax(112px,1fr) auto;align-content:stretch;column-gap:32px;row-gap:16px;min-height:342px;padding:26px 30px 24px;border-radius:8px}.profile-rating-meta{display:flex;grid-column:1;grid-row:1;align-items:center;gap:10px;color:#a7b4c8;font-size:12px;font-weight:800}.profile-rating-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 14px;border-radius:999px;background:#0891b24d;color:#67e8f9;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.profile-rating-row{display:contents}.profile-rating-score{display:flex;grid-column:1;grid-row:2;align-items:end;align-self:center;gap:22px;min-width:0}.profile-rating-score>strong{color:#22d3ee;font-size:clamp(68px,7.1vw,96px);font-weight:950;letter-spacing:-.08em;line-height:.82}.profile-rating-change{display:grid;gap:8px;padding-bottom:5px;color:#dbeafe;font-size:15px;font-weight:900}.profile-rating-identity{display:grid;grid-column:2;grid-row:1 / 4;justify-items:center;justify-self:center;align-self:center;gap:12px;width:240px;margin-left:0;padding:0 8px 2px;border:0;border-radius:0;background:transparent;color:inherit;text-align:center;cursor:pointer;box-shadow:none;transition:transform .18s ease}.profile-rating-identity:hover{transform:translateY(-1px)}.profile-rating-identity img{width:216px;height:216px;border:0;border-radius:26px;object-fit:cover;clip-path:inset(6px round 22px);transform:scale(1.06);box-shadow:none}.profile-rating-identity span{display:grid;justify-items:center;gap:5px;min-width:0}.profile-rating-identity strong{color:#f8fafc;font-size:18px;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-rating-identity em{color:#67e8f9;font-size:11px;font-style:normal;font-weight:900;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.profile-cosmetic-line{max-width:100%;padding:3px 8px;border:1px solid rgb(250 204 21 / .28);border-radius:999px;background:#78350f38;color:#fde68a;font-size:10px;font-weight:900;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.profile-rating-change em{color:#8a99b0;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.profile-rating-stats{display:grid;grid-column:1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:16px;border-top:1px solid rgb(148 163 184 / .08)}.profile-rating-stats span{display:grid;gap:8px;color:#98a7bd;font-size:13px;font-weight:800}.profile-rating-stats strong{color:#e8eef8;font-size:24px;font-weight:950}.profile-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-mini-stat{display:grid;align-content:center;gap:8px;min-height:104px;padding:18px;border-radius:8px}.profile-mini-icon{width:21px;height:21px;color:#67e8f9;filter:drop-shadow(0 0 10px rgb(34 211 238 / .34))}.profile-mini-stat>span:not(.profile-mini-icon){color:#9ca9bc;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.profile-mini-stat strong{color:#e8eef8;font-size:34px;font-weight:950;letter-spacing:.03em;line-height:1}.profile-wallet-icon{width:28px;height:28px;border-radius:50%;object-fit:contain;filter:drop-shadow(0 0 10px rgb(245 158 11 / .36))}.profile-content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.74fr);gap:22px;align-items:start}.profile-recent-card,.profile-achievement-column{display:grid;gap:14px;min-width:0}.profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.profile-section-head h4,.profile-achievement-column>h4{margin:0;color:#e8eef8;font-size:20px;font-weight:950;letter-spacing:-.04em}.profile-section-head button{border:0;background:transparent;color:#aeb9cb;font-size:12px;font-weight:900;cursor:pointer}.profile-section-head button:hover{color:#67e8f9}.profile-activity-list{display:grid;gap:10px}.profile-activity-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;min-height:66px;padding:10px 14px;border-radius:8px}.profile-activity-empty{display:grid;gap:6px;min-height:66px;padding:14px;border:1px dashed rgb(148 163 184 / .28);border-radius:8px;background:#0f172a59}.profile-activity-empty strong{color:#eef4ff;font-size:15px;font-weight:900}.profile-activity-empty span{color:#94a3b8;font-size:12px;font-weight:700}.profile-activity-player{display:flex;align-items:center;gap:14px;min-width:0}.profile-activity-player img{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid rgb(96 165 250 / .16)}.profile-activity-player span{display:grid;gap:4px;min-width:0}.profile-activity-player strong{color:#eef4ff;font-size:16px;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-activity-player em{color:#a3afc1;font-size:11px;font-style:normal;font-weight:800}.profile-activity-result{display:grid;justify-items:end;gap:4px}.profile-activity-result strong{font-size:17px;font-weight:950}.profile-result-win{color:#67e8f9}.profile-result-draw{color:#e5e7eb}.profile-result-loss{color:#fb7185}.profile-activity-result span{color:#d5dfec;font-size:11px;font-weight:800}.profile-review-button{display:inline-grid;place-items:center;width:36px;height:36px;border:0;border-radius:999px;background:#4f5b7473;color:#c7d2fe;cursor:pointer}.profile-review-button:hover{background:#60a5fa2e;color:#dbeafe}.profile-review-icon{width:17px;height:17px}.profile-achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-achievement-card{display:grid;justify-items:center;align-content:center;gap:8px;min-height:70px;padding:12px 8px;border-radius:8px}.profile-achievement-card-locked{opacity:.36}.profile-achievement-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#60a5fa24;color:#67e8f9;font-size:13px;font-weight:950}.profile-achievement-card strong{color:#dce6f5;font-size:9px;font-weight:950;letter-spacing:.08em;text-align:center;text-transform:uppercase}.profile-level-card{display:grid;gap:14px;margin-top:14px;padding:20px;border-radius:8px}.profile-level-head span{color:#e8eef8;font-size:17px;font-weight:950}.profile-level-row{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#c7d2e5;font-size:12px;font-weight:800}.profile-level-row strong{color:#e8eef8;font-size:12px;font-weight:950}.profile-level-track{position:relative;display:block;height:7px;border-radius:999px;background:#404c61c7;overflow:hidden}.profile-level-track span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#67e8f9);box-shadow:0 0 16px #22d3ee70}.profile-level-card p{margin:0;color:#8d99aa;font-size:11px;font-style:italic;font-weight:700}.profile-wallet-card{margin-top:0;border:1px solid rgb(250 204 21 / .16)}.profile-wallet-card .profile-level-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.profile-wallet-card .profile-level-head strong{color:#fef3c7;font-size:18px;font-weight:950}.profile-wallet-ledger{display:grid;gap:9px}.profile-wallet-ledger-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;border-bottom:1px solid rgb(148 163 184 / .08);color:#a7b4c7;font-size:11px;font-weight:800}.profile-wallet-ledger-row:last-child{border-bottom:0}.profile-wallet-credit{color:#86efac}.profile-wallet-debit{color:#fca5a5}.tournaments-page{width:100%;min-height:100%;padding:28px;overflow:auto;box-sizing:border-box}.tournaments-shell{display:grid;gap:18px;width:min(1320px,100%);min-width:0;margin:0 auto}.tournaments-create-shell{width:min(980px,100%)}.tournaments-head,.tournaments-create-card,.tournament-active-card,.tournament-summary-card,.tournament-prize-boost,.tournaments-list,.tournament-detail,.tournament-bracket-panel,.tournament-participants{border:1px solid rgb(148 163 184 / .12);border-radius:8px;background:#0f172ab8;box-shadow:0 18px 40px #0000002e}.tournaments-head,.tournament-active-card,.tournament-summary-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px}.tournaments-head h2,.tournament-active-card h3,.tournament-summary-card h3,.tournaments-create-card h3{margin:0;color:#f8fafc}.tournaments-head p,.tournament-active-card p,.tournament-summary-card p{margin:6px 0 0;color:#9ca3af}.tournament-active-card{border-color:#38bdf842;background:linear-gradient(135deg,#0e749038,#0f172ac7)}.tournament-active-meta{display:grid;gap:4px;min-width:180px;color:#bfdbfe;text-align:right}.tournament-active-meta strong{color:#f8fafc;font-size:16px}.tournament-active-meta span{color:#9ca3af;font-size:12px;font-weight:800}.tournaments-head-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.tournaments-create-card{display:grid;gap:14px;padding:18px}.tournaments-create-card-page{padding:22px}.tournament-create-head,.tournament-prize-boost{display:flex;align-items:center;justify-content:space-between;gap:16px}.tournament-create-head p{margin:6px 0 0;color:#9ca3af;font-size:13px;font-weight:750}.tournament-create-cost{display:grid;gap:3px;min-width:160px;border:1px solid rgb(56 189 248 / .16);border-radius:8px;padding:10px 12px;background:#02061757;text-align:right}.tournament-create-cost span,.tournament-create-cost em{color:#9ca3af;font-size:11px;font-style:normal;font-weight:850;text-transform:uppercase}.tournament-create-cost strong{color:#f8fafc;font-size:20px}.tournaments-create-card select{width:100%;min-height:44px;border:1px solid rgb(148 163 184 / .18);border-radius:6px;padding:0 12px;background:#0f172ad1;color:#e5e7eb;font:inherit}.tournaments-layout{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:18px;align-items:start;min-width:0}.tournaments-list{display:grid;gap:10px;min-width:0;padding:12px}.tournament-list-item{display:grid;gap:5px;width:100%;border:1px solid rgb(148 163 184 / .12);border-radius:7px;padding:12px;background:#1e293b8c;color:#dbeafe;text-align:left;cursor:pointer}.tournament-list-item-active{border-color:#38bdf875;background:#0e74903d}.tournament-list-item strong,.tournament-list-item span,.tournament-list-item em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tournament-list-item span,.tournament-list-item em{color:#9ca3af;font-size:12px;font-style:normal;font-weight:800}.tournament-detail{display:grid;gap:16px;min-width:0;min-height:170px;padding:16px}.tournament-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.tournament-prize-boost{padding:14px}.tournament-prize-boost strong{display:block;color:#f8fafc}.tournament-prize-boost span{display:block;margin-top:4px;color:#9ca3af;font-size:12px;font-weight:750}.tournament-prize-boost-controls{display:flex;align-items:center;gap:10px}.tournament-prize-boost-controls input{width:120px;min-height:40px;border:1px solid rgb(148 163 184 / .18);border-radius:6px;padding:0 10px;background:#0f172ad1;color:#e5e7eb;font:inherit}.tournament-bracket-panel{display:grid;gap:14px;padding:16px;scroll-margin-top:calc(var(--board-topbar-actual-height, 90px) + 18px)}.tournament-bracket-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.tournament-bracket-head h4{margin:0;color:#f8fafc}.tournament-bracket-head strong{border:1px solid rgb(56 189 248 / .28);border-radius:6px;padding:8px 10px;background:#0e74902e;color:#bae6fd;font-size:12px;text-transform:uppercase}.tournament-bracket{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.tournament-round{display:grid;gap:10px}.tournament-round h4,.tournament-participants h4{margin:0;color:#e5e7eb}.tournament-match-card{display:grid;gap:6px;min-height:88px;border:1px solid rgb(148 163 184 / .1);border-radius:7px;padding:10px;background:#0206175c}.tournament-match-card span,.tournament-match-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tournament-match-card span{color:#dbeafe;font-size:13px;font-weight:850}.tournament-match-card strong{color:#38bdf8;font-size:10px;text-transform:uppercase}.tournament-match-card-placeholder{border-style:dashed;opacity:.78}.tournament-match-card-placeholder span{color:#94a3b8}.tournament-participants{display:grid;gap:12px;padding:14px}.tournament-participants div{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.tournament-participants span{border:1px solid rgb(148 163 184 / .1);border-radius:6px;padding:9px;color:#cbd5e1;background:#1e293b6b;font-size:12px;font-weight:800}@media(max-width:820px){.tournaments-page{padding:16px}.tournaments-head,.tournament-active-card,.tournament-summary-card,.tournament-bracket-head,.tournament-create-head,.tournament-prize-boost{align-items:stretch;flex-direction:column}.tournament-active-meta{text-align:left}.tournaments-head-actions{justify-content:stretch;width:100%}.tournaments-head-actions>button{flex:1}.tournament-create-cost{text-align:left}.tournament-prize-boost-controls{width:100%}.tournament-prize-boost-controls input{flex:1;min-width:0}.tournaments-layout{grid-template-columns:1fr}}@media(max-width:1180px){.profile-top-grid,.profile-content-grid{grid-template-columns:1fr}}@media(max-width:820px){body.app-board-view .game-stage-page-fill .profile-dashboard-page{padding:18px 16px 22px}.profile-rating-hero-card{grid-template-columns:1fr;grid-template-rows:auto;row-gap:22px;min-height:auto;padding:28px 24px}.profile-rating-meta,.profile-rating-score,.profile-rating-identity,.profile-rating-stats{grid-column:1;grid-row:auto}.profile-rating-score{flex-wrap:wrap}.profile-rating-identity{justify-self:center;width:188px;margin-top:0}.profile-rating-identity img{width:172px;height:172px;border-radius:22px}.profile-stat-grid,.profile-rating-stats,.profile-achievement-grid{grid-template-columns:1fr}.profile-activity-row{grid-template-columns:1fr;align-items:start}.profile-activity-result{justify-items:start}}body.app-board-view .game-stage-page-fill .friends-page{min-height:calc(100dvh - var(--board-topbar-height));padding:28px 30px 34px;box-sizing:border-box}.friends-network-page{width:100%;background:radial-gradient(circle at 78% 8%,rgb(59 130 246 / .08),transparent 27%),linear-gradient(180deg,#09101ffc,#080e1bfe)}.friends-network-layout{display:grid;grid-template-columns:minmax(248px,300px) minmax(0,1fr);gap:18px;align-items:start}.friends-network-rail,.friends-network-main,.friends-directory-list,.friends-request-list,.friends-suggestion-list,.friends-search-results,.friends-opponent-list{display:grid;gap:14px;align-content:start;min-width:0}.friends-network-main{gap:16px}.friends-network-panel{display:grid;gap:14px;padding:18px;border:1px solid rgb(255 255 255 / .06);border-radius:20px;background:linear-gradient(180deg,#141d2ff5,#0e1525fa),radial-gradient(circle at top right,rgb(59 130 246 / .06),transparent 40%);box-shadow:inset 0 1px #ffffff0a,0 18px 34px #0206172e}.friends-network-panel-compact{padding:18px 16px 16px}.friends-network-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.friends-network-panel-head-compact{min-height:28px}.friends-network-panel-head-title{margin:0;color:#eef2ff;font-size:16px;font-weight:800;line-height:1.25;letter-spacing:-.02em}.friends-network-panel-head h4{margin:0;color:#eef2ff;font-size:18px;font-weight:800;letter-spacing:-.02em}.friends-network-panel-title-wrap{display:flex;align-items:center;gap:8px;min-width:0}.friends-panel-title-icon{width:16px;height:16px;color:#60a5fa}.friends-network-panel-kicker,.friends-network-panel-link{color:#38bdf8;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.friends-network-panel-link{color:#7d8ca6;white-space:nowrap}.friends-network-search-form{grid-template-columns:minmax(0,1fr) auto;gap:10px}.friends-network-search-form .auth-input{min-width:0;min-height:42px;border-radius:12px;border:1px solid rgb(148 163 184 / .12);background:#0a111feb}.friends-network-search-form .auth-submit,.friends-request-actions .auth-submit,.friends-request-actions .auth-secondary-button,.friends-profile-actions .auth-secondary-button,.friends-profile-remove-button{min-height:42px;padding:10px 14px;border-radius:10px}.friends-filter-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:7px;border:1px solid rgb(255 255 255 / .06);border-radius:18px;background:linear-gradient(180deg,#1e263bf5,#161f31fa),radial-gradient(circle at top right,rgb(59 130 246 / .05),transparent 38%)}.friends-filter-button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-width:0;min-height:48px;padding:0 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:#97a5bc;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,color .16s ease}.friends-filter-button-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800}.friends-filter-button-icon{width:15px;height:15px}.friends-filter-button-dot{position:absolute;top:12px;right:14px;width:6px;height:6px;border-radius:999px;background:#53ddff;box-shadow:0 0 10px #53ddffa6}.friends-filter-button:hover,.friends-filter-button-active{transform:translateY(-1px);border-color:#60a5fa2e;background:linear-gradient(180deg,#5591fff5,#4b7eecfa),radial-gradient(circle at top right,rgb(191 219 254 / .18),transparent 48%);color:#f8fbff;box-shadow:0 10px 20px #2563eb33}.friends-directory-card,.friends-request-card,.friends-suggestion-card,.friends-opponent-card,.friends-search-result-card{border:1px solid rgb(255 255 255 / .07);border-radius:16px;background:linear-gradient(180deg,#0e1627fa,#0b111ffc),radial-gradient(circle at top right,rgb(96 165 250 / .05),transparent 42%);box-shadow:inset 0 1px #ffffff08,0 14px 28px #02061724}.friends-directory-card{display:grid;padding:16px 18px}.friends-directory-card-online{border-color:#22c55e2e}.friends-directory-card-live{border-color:#38bdf838}.friends-directory-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.friends-directory-head,.friends-request-head{display:flex;align-items:center;gap:14px;min-width:0}.friends-directory-head-button,.friends-suggestion-trigger{width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.friends-suggestion-trigger{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-width:0}.friends-directory-avatar-shell{position:relative;flex:0 0 auto;padding:2px;border-radius:18px}.friends-directory-avatar-shell-live{box-shadow:0 0 0 2px #38bdf8d9,0 0 18px #38bdf829}.friends-directory-avatar,.friends-request-avatar,.friends-suggestion-avatar{display:block;flex:0 0 auto;aspect-ratio:1;object-fit:cover;object-position:center;background:#0f172a}.friends-directory-avatar{width:54px;height:54px;border-radius:16px;border:1px solid rgb(96 165 250 / .2);box-shadow:0 0 0 2px #22d3ee0f}.friends-directory-presence{position:absolute;right:0;bottom:0;width:12px;height:12px;border:3px solid #0f172a;border-radius:999px;background:#64748b}.friends-directory-presence-online{background:#22c55e;box-shadow:0 0 14px #22c55e94}.friends-directory-copy,.friends-request-copy,.friends-suggestion-copy,.friends-opponent-copy{display:grid;gap:3px;min-width:0}.friends-directory-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.friends-directory-copy strong,.friends-request-copy strong,.friends-suggestion-copy strong,.friends-opponent-copy strong{color:#eef2ff;font-size:14px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-directory-meta{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;color:#8b9bb0;font-size:12px;font-weight:700}.friends-directory-meta span{white-space:nowrap}.friends-directory-rating{color:#32c5f4}.friends-directory-meta-separator{width:4px;height:4px;border-radius:999px;background:#5a677fe6}.friends-directory-status{color:#8897ac}.friends-directory-status-online{color:#3cd377}.friends-directory-badge{display:inline-flex;align-items:center;min-height:18px;padding:0 7px;border-radius:6px;background:#47556933;color:#d3dbe7;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.friends-directory-badge-rank{background:#22d3ee29;color:#60dfff}.friends-directory-actions,.friends-request-actions,.friends-suggestion-actions,.friends-profile-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.friends-directory-actions{justify-content:flex-end;flex-wrap:nowrap;min-width:fit-content}.friends-request-card,.friends-suggestion-card,.friends-opponent-card,.friends-search-result-card{padding:12px}.friends-request-avatar,.friends-suggestion-avatar{width:40px;height:40px;border-radius:12px;border:1px solid rgb(96 165 250 / .18)}.friends-suggestion-list-compact,.friends-opponent-list,.friends-search-results{gap:12px}.friends-suggestion-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.friends-suggestion-card-compact{grid-template-columns:1fr}.friends-search-result-card{grid-template-columns:minmax(0,1fr) auto}.friends-suggestion-copy strong,.friends-request-copy strong,.friends-opponent-copy strong{font-size:14px}.friends-suggestion-copy span,.friends-request-copy span,.friends-opponent-copy span{color:#2dc4ef;font-size:11px;line-height:1.35}.friends-request-copy span,.friends-opponent-copy span{color:#7f91aa}.friends-discover-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:2px 0 0;border:0;background:none;color:#b3c0d3;font-size:13px;font-weight:700;cursor:pointer}.friends-discover-link-icon{width:14px;height:14px}.friends-discovery-drawer{display:grid;gap:12px;padding-top:12px;border-top:1px solid rgb(255 255 255 / .06)}.friends-opponent-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center}.friends-opponent-avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#2563ebe6,#0e7490d1),radial-gradient(circle at top left,rgb(255 255 255 / .18),transparent 48%);color:#eff6ff;font-size:11px;font-weight:800;letter-spacing:.06em}.friends-opponent-result{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:6px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.friends-opponent-result-win{background:#0891b233;color:#67e8f9}.friends-opponent-result-loss{background:#be185d2e;color:#fda4af}.friends-opponent-result-draw{background:#64748b3d;color:#e2e8f0}.friends-requests-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.friends-empty-panel{min-height:220px}.friends-empty-state{display:grid;justify-items:center;align-content:center;gap:10px;min-height:100%;text-align:center}.friends-empty-state strong{color:#eef2ff;font-size:20px;font-weight:800}.friends-empty-state p{margin:0;max-width:46ch;color:#8fa2bb;font-size:14px;line-height:1.6}.friends-profile-panel .profile-preview-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:0;border:0;background:none;box-shadow:none}.friends-profile-panel .profile-preview-avatar{width:54px;height:54px;border-radius:16px}.friends-profile-panel .profile-preview-copy{display:grid;gap:3px;min-width:0}.friends-profile-panel .profile-preview-copy strong{color:#eef2ff;font-size:15px;font-weight:800}.friends-profile-panel .profile-preview-copy span{color:#8ea0b8;font-size:12px}.friends-action-primary-button{min-height:42px;padding:0 18px;border:1px solid rgb(128 169 255 / .18);border-radius:10px;background:linear-gradient(180deg,#5491fffa,#477aebfa),radial-gradient(circle at top right,rgb(191 219 254 / .18),transparent 46%);color:#f8fbff;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 10px 20px #2563eb2e}.friends-action-icon-button{display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgb(255 255 255 / .06);border-radius:10px;background:#7381a72e;color:#e2e8f0;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.friends-action-icon-button:hover,.friends-action-primary-button:hover,.friends-profile-remove-button:hover{transform:translateY(-1px)}.friends-action-icon-button-primary{background:linear-gradient(180deg,#5491fffa,#477aebfa),radial-gradient(circle at top right,rgb(191 219 254 / .18),transparent 46%);color:#f8fbff}.friends-action-icon{width:18px;height:18px}.friends-profile-remove-button{border:1px solid rgb(248 113 113 / .16);background:#7f1d1d47;color:#fecaca}.friends-directory-load-panel{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:12px 16px;border:1px solid rgb(96 116 153 / .24);border-radius:14px;background:#0f172a6b;text-align:left}.friends-directory-load-panel strong{color:#c4d1e4;font-size:13px;font-weight:700}.friends-directory-load-icon{width:18px;height:18px;color:#4a5e82}.friends-directory-load-button{min-height:34px;padding:0 14px;border:1px solid rgb(114 171 250 / .28);border-radius:10px;background:#3b82f61f;color:#9cc8ff;font-size:13px;font-weight:800;cursor:pointer}.friends-directory-load-button:disabled{color:#55647c;cursor:default}@media(max-width:1280px){.friends-network-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr)}}@media(max-width:980px){body.app-board-view .game-stage-page-fill .friends-page{padding:22px 18px 26px}.friends-network-layout,.friends-requests-grid{grid-template-columns:1fr}.friends-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.friends-filter-bar,.friends-directory-main,.friends-suggestion-card,.friends-search-result-card,.friends-opponent-card{grid-template-columns:1fr}.friends-directory-actions,.friends-request-actions,.friends-suggestion-actions,.friends-profile-actions{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:560px){.friends-network-panel{padding:16px 14px;border-radius:20px}.friends-network-search-form{grid-template-columns:1fr}.friends-directory-avatar{width:50px;height:50px;border-radius:16px}}.app-frame,.game-stage,.game-stage-page-fill,.topbar,.topbar-main,.topbar-left,.topbar-nav,.account-anchor,.side-menu,.main-page,.main-page-hero,.main-page-lower-grid,.modes-catalog-page,.modes-catalog-shell,.support-page,.settings-page,.settings-shell,.history-page,.profile-dashboard-page,.profile-dashboard-layout,.friends-page,.messages-page,.tournaments-page,.tournaments-shell,.tournaments-create-shell,.tournaments-head-actions,.tournament-active-card,.tournament-active-meta,.tournaments-layout,.tournaments-list,.tournament-detail,.tournament-bracket-panel,.tournament-bracket-head{min-width:0}.topbar-brand,.topbar-nav-button,.side-menu-item,.account-card,.auth-launch-button,.auth-submit,.auth-secondary-button,.support-report-button,.settings-primary-button{max-width:100%}.topbar-nav-button,.side-menu-item,.account-card,.auth-launch-button{white-space:nowrap}.topbar-brand,.support-page-title,.settings-page-head h2,.main-page-title,.main-page-card-title,.profile-section-head h4,.profile-achievement-column>h4{letter-spacing:0}.support-page-title,.settings-page-head h2,.main-page-title,.main-page-card-title,.profile-section-head h4,.profile-achievement-column>h4,.friends-network-panel-head h4{overflow-wrap:anywhere}@media(max-width:1180px){.app-shell{padding-inline:18px}.app-frame{grid-template-columns:minmax(220px,248px) minmax(0,1fr);gap:18px}.game-stage-page-fill{padding:18px;border-radius:24px}body.app-board-view .app-shell{--board-sidebar-width: 184px}body.app-board-view .topbar{padding-inline:16px}body.app-board-view .topbar-main{gap:12px}body.app-board-view .topbar-brand{font-size:24px}body.app-board-view .topbar-nav-button{padding-inline:12px}.modes-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app-frame{grid-template-columns:92px minmax(0,1fr);gap:14px}.topbar-main{align-items:flex-start;flex-wrap:wrap;gap:12px}.topbar-left{flex:1 1 auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}.topbar-nav{flex:0 1 auto;justify-content:flex-start}.topbar-nav-button{padding:10px 12px}.account-anchor{width:auto;margin-left:auto}body.app-board-view .account-anchor,.account-card,.account-loading,.auth-launch-button,body.app-board-view .account-card,body.app-board-view .account-loading,body.app-board-view .auth-launch-button{width:auto}.support-page,.history-page{width:100%}.modes-catalog-page{padding:24px 20px 40px}.modes-catalog-hero{grid-template-columns:1fr}.modes-hero-copy{padding:40px 32px}.modes-hero-background{object-position:62% center}}@media(max-width:720px){html,body,#app{overflow-x:hidden}.app-shell{--shell-block-pad: 10px;padding:var(--shell-block-pad) 12px}.app-frame,body.app-board-view .app-frame{grid-template-columns:1fr;gap:12px;min-height:auto}.game-stage,body.app-board-view .game-stage{order:1;min-height:auto;padding-top:0}.topbar,body.app-board-view .topbar{position:sticky;top:0;z-index:30;width:100%;margin-left:0;padding:10px 12px;border-radius:18px}body.app-board-view .topbar{border-radius:0}.topbar-main{align-items:stretch;flex-direction:column;gap:10px}.topbar-left{width:100%;flex:0 1 auto;flex-direction:column;align-items:stretch;gap:10px}.topbar-brand{font-size:24px;line-height:1.05;text-align:left}.topbar-nav{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}.topbar-nav-button{min-width:0;padding:10px 8px;overflow:hidden;font-size:13px;text-align:center;text-overflow:ellipsis}.account-anchor{width:100%;margin-left:0;justify-self:stretch;align-self:stretch}.account-card,.account-loading,.auth-launch-button,body.app-board-view .account-card,body.app-board-view .account-loading,body.app-board-view .auth-launch-button{width:100%;justify-content:space-between;box-sizing:border-box}.side-menu,body.app-board-view .side-menu{order:2;position:static;height:auto;max-height:none;min-height:0;margin-top:0;padding:12px;overflow:visible;border-radius:18px}body.app-board-view .side-menu{border-right:0;border-radius:0}.side-menu-profile{justify-content:flex-start;padding:10px}.side-menu-profile-copy,.side-menu-item-label{display:block}.side-menu-nav,.side-menu-footer,body.app-board-view .side-menu-nav,body.app-board-view .side-menu-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.side-menu-footer,body.app-board-view .side-menu-footer{margin-top:0;padding-top:0;border-top:0}.side-menu-item,body.app-board-view .side-menu-item{min-height:44px;justify-content:flex-start;padding:10px;font-size:14px}.side-menu-item-icon{width:20px;min-width:20px;height:20px}.side-menu-item-icon-svg{width:18px;height:18px}.game-stage-page-fill,body.app-board-view .game-stage-page-fill{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.support-page,.settings-page,.history-page,.profile-dashboard-page,.friends-page,body.app-board-view .game-stage-page-fill .support-page,body.app-board-view .game-stage-page-fill .settings-page,body.app-board-view .game-stage-page-fill .history-page,body.app-board-view .game-stage-page-fill .profile-dashboard-page,body.app-board-view .game-stage-page-fill .friends-page{width:100%;min-height:auto;padding:18px 14px 22px;border-radius:18px;box-sizing:border-box}body.app-board-view .game-stage-page-fill .messages-page{min-height:auto}.support-page-head-detail,.history-page-head,.history-page-head-detail,.settings-page-head,.social-panel-head,.friends-network-panel-head,.profile-section-head{grid-template-columns:1fr;align-items:start}.support-form-actions,.history-pagination-actions,.zone-fallback-actions,.modes-hero-actions{display:grid;grid-template-columns:1fr}.support-form-actions .auth-secondary-button,.support-form-actions .support-report-button,.settings-primary-button,.modes-primary-button,.modes-secondary-button{width:100%}.main-page,body.app-board-view .main-page{width:100%;gap:14px;padding:16px 12px 20px}.main-page-hero,.main-page-lower-grid,body.app-board-view .main-page-hero,body.app-board-view .main-page-lower-grid,body.app-board-view .main-page-side-column,body.app-board-view .main-page-metric-row{grid-template-columns:1fr}.main-page-demo-shell,body.app-board-view .main-page-demo-shell{padding:16px 10px;border-radius:18px}.main-page-title,body.app-board-view .main-page-title{font-size:40px;line-height:1.02}.main-page-board-stage,body.app-board-view .main-page-board-stage{min-height:0;padding:10px 0}.main-page-board-viewport,body.app-board-view .main-page-board-viewport{--main-page-board-scale: .48}.main-page-floating-card,body.app-board-view .main-page-floating-card{position:static;width:100%;min-width:0}.main-page-match-row,body.app-board-view .main-page-match-row{grid-template-columns:auto minmax(0,1fr)}.main-page-match-meta,body.app-board-view .main-page-match-meta{grid-column:2;justify-items:start;text-align:left}.modes-catalog-page{padding:18px 14px 28px}.modes-catalog-shell{gap:20px}.modes-catalog-hero{min-height:0;border-radius:14px}.modes-hero-copy{padding:28px 20px 30px}.modes-hero-copy h2{font-size:38px;line-height:1}.modes-catalog-hero:after{background:linear-gradient(90deg,#030712eb,#030712cc 58%,#0307126b),linear-gradient(180deg,#03071214,#03071294)}.modes-hero-background{object-position:68% center}.modes-library-grid{grid-template-columns:1fr;gap:16px}.profile-rating-hero-card{padding:22px 18px}.profile-rating-score>strong{font-size:58px;letter-spacing:0}}@media(max-width:480px){.app-shell{padding-inline:8px}.topbar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar-nav-button{min-height:42px}.side-menu-nav,.side-menu-footer,body.app-board-view .side-menu-nav,body.app-board-view .side-menu-footer{grid-template-columns:1fr}.support-page,.settings-page,.history-page,.profile-dashboard-page,.friends-page,body.app-board-view .game-stage-page-fill .support-page,body.app-board-view .game-stage-page-fill .settings-page,body.app-board-view .game-stage-page-fill .history-page,body.app-board-view .game-stage-page-fill .profile-dashboard-page,body.app-board-view .game-stage-page-fill .friends-page{padding-inline:12px}.main-page,body.app-board-view .main-page{padding-inline:8px}.main-page-title,body.app-board-view .main-page-title{font-size:34px}.main-page-board-viewport,body.app-board-view .main-page-board-viewport{--main-page-board-scale: .42}.main-page-card,.main-page-spotlight,body.app-board-view .main-page-card,body.app-board-view .main-page-spotlight{border-radius:18px;padding:16px 14px}.main-page-primary-action.auth-submit,.main-page-secondary-action.auth-secondary-button,body.app-board-view .main-page-primary-action.auth-submit,body.app-board-view .main-page-secondary-action.auth-secondary-button{min-width:0;width:100%}.settings-account-card,.settings-board-card,.settings-audio-card,.settings-notification-card,.settings-privacy-card,.friends-network-panel{padding:16px 14px}.profile-rating-identity,.profile-rating-identity img{width:min(160px,60vw);height:min(160px,60vw)}}@media(max-width:720px){.app-shell{padding-bottom:0}.game-stage,body.app-board-view .game-stage{padding-bottom:138px}.side-menu,body.app-board-view .side-menu{position:fixed;inset:auto 0 0;z-index:29;display:flex;align-items:stretch;gap:8px;height:auto;max-height:126px;min-height:0;margin:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));overflow-x:auto;overflow-y:hidden;border:0;border-top:1px solid rgb(255 255 255 / .08);border-radius:18px 18px 0 0;background:linear-gradient(180deg,#0f182afa,#0a111ffc);box-shadow:0 -18px 42px #02061761;scrollbar-width:none}.side-menu::-webkit-scrollbar{display:none}.side-menu-profile,body.app-board-view .side-menu-profile{display:none}.side-menu-nav,.side-menu-footer,body.app-board-view .side-menu-nav,body.app-board-view .side-menu-footer{display:flex;flex:0 0 auto;gap:8px;margin:0;padding:0;border:0}.side-menu-item,body.app-board-view .side-menu-item{flex:0 0 84px;flex-direction:column;gap:5px;min-height:62px;align-items:center;justify-content:center;padding:8px 6px;border-radius:14px;font-size:11px;line-height:1.15;text-align:center;white-space:normal}.side-menu-item-icon{width:19px;min-width:19px;height:19px}.side-menu-item-icon-svg{width:18px;height:18px}}.account-anchor,.side-menu-profile-wrap{position:relative;z-index:45}.account-menu{display:grid;gap:2px;z-index:80;border-radius:12px}.account-menu-item{display:block;box-sizing:border-box}.side-account-menu{top:calc(100% + 8px);right:auto;left:0;width:100%;min-width:0;box-sizing:border-box}.topbar-nav-button:disabled{color:#61708a;cursor:default;opacity:.66}.topbar-nav-button:disabled:hover{background:transparent;color:#61708a}.bad-request-page{text-align:left}.bad-request-card{border-color:#60a5fa38;background:linear-gradient(180deg,#0f172afa,#111827f5),linear-gradient(135deg,rgb(59 130 246 / .1),transparent 48%)}@media(max-width:720px){.topbar,body.app-board-view .topbar{position:sticky;top:0;z-index:60;padding:10px 12px}.topbar-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.topbar-left{display:contents}.topbar-brand{grid-column:1;grid-row:1}.topbar-nav{grid-column:1 / -1;grid-row:2}.account-anchor{grid-column:2;grid-row:1;width:auto;align-self:center;justify-self:end}.account-card,.account-loading,.auth-launch-button,body.app-board-view .account-card,body.app-board-view .account-loading,body.app-board-view .auth-launch-button{width:auto}.account-menu{right:0;width:min(220px,calc(100vw - 24px))}.app-shell{padding-bottom:var(--shell-block-pad)}.game-stage,body.app-board-view .game-stage{padding-bottom:0}.side-menu,body.app-board-view .side-menu{position:static;display:grid;grid-template-columns:1fr;gap:10px;height:auto;max-height:none;min-height:0;margin:0;padding:12px;overflow:visible;border:1px solid rgb(255 255 255 / .08);border-radius:18px;background:linear-gradient(180deg,#0c1322fa,#0a101cf5);box-shadow:inset 0 1px #ffffff08,0 18px 34px #0003}.side-menu-profile,body.app-board-view .side-menu-profile{display:flex}.side-menu-nav,.side-menu-footer,body.app-board-view .side-menu-nav,body.app-board-view .side-menu-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.side-menu-item,body.app-board-view .side-menu-item{flex:initial;flex-direction:row;min-height:44px;justify-content:flex-start;padding:10px;font-size:14px;text-align:left;white-space:nowrap}.side-account-menu{position:static;width:100%;margin-top:8px}}@media(min-width:900px){body.app-board-view .game-layout.game-layout-has-meta:not(.game-layout-demo){--game-side-panel-width: clamp(176px, 14vw, 238px);--game-moves-panel-width: clamp(188px, 16vw, 292px);--game-board-viewport-chrome: clamp(142px, 20dvh, 220px);--game-board-width-chrome: calc(var(--board-sidebar-width, 0px) + var(--game-side-panel-width) + var(--game-moves-panel-width) + 246px);width:100%;grid-template-columns:minmax(148px,var(--game-side-panel-width)) calc(var(--game-board-size) + (var(--board-frame-pad) * 2)) minmax(180px,var(--game-moves-panel-width));grid-template-rows:auto auto;grid-template-areas:"timers board meta" ". board-actions .";align-items:center;gap:14px 58px;justify-content:center;justify-items:stretch}body.app-board-view .game-layout.game-layout-has-meta:not(.game-layout-demo) .game-timers-row{grid-area:timers;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:14px;width:100%;height:calc(var(--game-board-size) + (var(--board-frame-pad) * 2));max-width:var(--game-side-panel-width);align-self:center;justify-self:stretch}body.app-board-view .game-layout.game-layout-has-meta:not(.game-layout-demo) .game-rail{width:100%;max-width:100%;align-content:start;justify-self:stretch}body.app-board-view .game-layout.game-layout-has-meta:not(.game-layout-demo) .game-rail-top,body.app-board-view .game-layout.game-layout-has-meta:not(.game-layout-demo) .game-rail-bottom{grid-area:unset}body.app-board-view .game-layout.game-layout-has-meta:not(.game-layout-demo) .game-rail-top{align-self:start}body.app-board-view .game-layout.game-layout-has-meta:not(.game-layout-demo) .game-rail-bottom{align-self:end;align-content:end}body.app-board-view .game-layout.game-layout-has-meta:not(.game-layout-demo) .game-versus-badge{display:grid;align-self:center;min-height:0}body.app-board-view .game-layout.game-layout-has-meta:not(.game-layout-demo) .board-meta-stack{grid-area:meta;width:min(100%,var(--game-moves-panel-width));align-self:stretch;align-content:stretch;justify-self:stretch}body.app-board-view .game-layout.game-layout-has-meta:not(.game-layout-demo) .board-shell{grid-area:board;justify-self:center;align-self:center}body.app-board-view .game-layout.game-layout-has-meta:not(.game-layout-demo) .board-under-actions{grid-area:board-actions;justify-self:start;width:min(100%,calc(var(--game-board-size) + (var(--board-frame-pad) * 2)));margin-top:2px}body.app-board-view .game-layout.game-layout-has-meta:not(.game-layout-demo) .board-under-actions .board-status-strip-actions{width:fit-content;max-width:100%;padding:8px;border-radius:18px;background:transparent;border-color:#94a3b81f}body.app-board-view .game-layout.game-layout-has-meta:not(.game-layout-demo) .board-under-actions .board-action-row{grid-template-columns:repeat(2,auto);justify-content:end;gap:8px}body.app-board-view .game-layout.game-layout-has-meta:not(.game-layout-demo) .board-under-actions .board-action-button{width:46px;height:46px;min-height:46px}body.app-board-view .topbar{display:grid;position:sticky;top:0;width:100%;min-height:var(--board-topbar-height);margin-left:0;z-index:70}}body.app-live-board-view{overflow:hidden}body.app-live-board-view .app-shell{height:100dvh;min-height:100dvh;overflow:hidden}body.app-live-board-view .app-frame{height:100%;min-height:0;overflow:hidden;box-sizing:border-box}body.app-live-board-view .game-stage{height:100%;min-height:0;overflow:hidden;padding-top:0;padding-bottom:0;align-content:center}body.app-live-board-view .topbar{position:fixed;inset:0 0 auto;width:100%;z-index:120}body.app-live-board-view .game-layout:not(.game-layout-demo){align-self:center}body.app-board-view .game-layout-searching:not(.game-layout-demo){width:min(100%,calc(var(--game-board-size) + (var(--board-frame-pad) * 2) + 24px));grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"board";justify-items:center}body.app-board-view .game-layout-searching:not(.game-layout-demo) .board-shell{justify-self:center}@media(max-width:480px){.side-menu-nav,.side-menu-footer,body.app-board-view .side-menu-nav,body.app-board-view .side-menu-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-nav-button{font-size:12px}}@media(min-width:981px){.side-menu,body.app-board-view .side-menu{position:sticky;top:var(--shell-block-pad);display:flex;flex-direction:column;height:calc(100dvh - (var(--shell-block-pad) * 2));min-height:0;max-height:calc(100dvh - (var(--shell-block-pad) * 2));overflow:hidden}.side-menu-nav,body.app-board-view .side-menu-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.side-menu-footer,body.app-board-view .side-menu-footer{flex:0 0 auto;margin-top:auto}}@supports (-webkit-hyphens: none){.side-menu,body.app-board-view .side-menu{transform:translateZ(0);-webkit-transform:translate3d(0,0,0);contain:layout paint}}@media(min-width:721px){body.app-board-view .app-shell{--board-topbar-height: 76px}body.app-board-view .app-frame{grid-template-columns:var(--board-sidebar-width) minmax(0,1fr);padding-top:var(--board-topbar-height)}body.app-board-view .game-stage{grid-column:2;min-height:calc(100dvh - var(--board-topbar-height))}body.app-board-view .topbar{display:grid;align-content:center;position:fixed;inset:0 0 auto;z-index:90;width:100%;min-height:var(--board-topbar-height);margin:0;padding:10px 22px 10px calc(var(--board-sidebar-width) + 22px);border:0;border-bottom:1px solid rgb(255 255 255 / .07);border-radius:0;background:linear-gradient(180deg,#121b2efe,#0f1829fc),linear-gradient(90deg,rgb(59 130 246 / .06),transparent 46%);box-shadow:0 12px 28px #0206172e;box-sizing:border-box}body.app-board-view .topbar-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:42px;width:100%}body.app-board-view .topbar-left{grid-column:1;min-width:0}body.app-board-view .topbar-nav{justify-self:start}body.app-board-view .account-anchor{grid-column:2;justify-self:end}body.app-board-view .topbar-room{margin:-2px 0 0;max-width:calc(100dvw - var(--board-sidebar-width) - 44px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.app-board-view .side-menu{position:fixed;top:0;bottom:0;left:0;z-index:110;width:var(--board-sidebar-width);height:auto;min-height:0;max-height:none;margin:0;overflow:hidden}body.app-board-view .side-menu-nav{overflow:visible;overscroll-behavior:auto;-webkit-overflow-scrolling:auto}}@media(min-width:721px)and (max-width:900px){body.app-board-view .app-shell{--board-sidebar-width: 92px;--board-topbar-height: 76px}body.app-board-view .topbar-main{grid-template-columns:minmax(0,1fr) auto;gap:12px}body.app-board-view .side-menu-brand-button{padding-inline:2px;font-size:18px;line-height:1.05}body.app-board-view .topbar-nav{gap:6px}body.app-board-view .topbar-room{margin-left:0;max-width:calc(100dvw - var(--board-sidebar-width) - 32px)}}body.app-board-view .app-shell{--board-sidebar-width: 0px;--board-topbar-height: 86px}body.app-board-view .app-frame{grid-template-columns:minmax(0,1fr)!important;padding-top:var(--board-topbar-height)}body.app-board-view .game-stage{grid-column:1!important;min-height:calc(100dvh - var(--board-topbar-height))}body.app-board-view .side-menu{display:none!important}body.app-board-view .topbar{position:fixed;inset:0 0 auto;z-index:120;display:grid;align-content:center;width:100%;min-height:var(--board-topbar-height);margin:0;padding:14px 28px;border:0;border-bottom:1px solid rgb(96 165 250 / .16);border-radius:0;background:linear-gradient(180deg,#111b2efc,#0a1221fb),linear-gradient(90deg,rgb(56 189 248 / .08),transparent 42%,rgb(99 102 241 / .08));box-shadow:0 18px 40px #02061752;box-sizing:border-box}body.app-board-view .screen-modal-backdrop{inset:var(--board-topbar-actual-height, var(--board-topbar-height)) 0 0;place-items:start center;padding:18px 24px 24px;overflow-y:auto;scrollbar-width:none;z-index:110}body.app-board-view .screen-modal-backdrop::-webkit-scrollbar{width:0;height:0}body.app-board-view .screen-modal{max-height:calc(100dvh - var(--board-topbar-actual-height, var(--board-topbar-height)) - 42px)}body.app-board-view .room-modal{max-height:none;overflow:visible}body.app-board-view .topbar-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;width:100%;min-height:54px}body.app-board-view .topbar-left{display:flex;align-items:center;gap:22px;min-width:0}body.app-board-view .topbar-brand{display:inline-grid;align-content:center;justify-items:center;flex:0 0 auto;min-height:54px;border:0;padding:0;background:transparent;letter-spacing:0;text-align:center;cursor:pointer}body.app-board-view .topbar-brand-line{display:flex;justify-content:center;gap:6px;color:#7dd3fc;font-size:clamp(17px,1.22vw,22px);font-weight:950;letter-spacing:0;line-height:.95;text-shadow:0 0 10px rgb(224 242 254 / .36),0 0 22px rgb(56 189 248 / .58),0 0 38px rgb(14 165 233 / .34)}body.app-board-view .topbar-brand-word{display:inline-block;color:#7dd3fc}body.app-board-view .topbar-brand-line-accent{color:#7dd3fc;font-size:clamp(20px,1.55vw,27px);text-shadow:0 0 14px rgb(186 230 253 / .5),0 0 30px rgb(14 165 233 / .62)}body.app-board-view .topbar-brand:hover,body.app-board-view .topbar-brand:focus-visible{color:#bae6fd}body.app-board-view .topbar-brand:hover .topbar-brand-line,body.app-board-view .topbar-brand:focus-visible .topbar-brand-line{color:#bae6fd}body.app-board-view .topbar-brand:hover .topbar-brand-word,body.app-board-view .topbar-brand:focus-visible .topbar-brand-word{color:#bae6fd;text-shadow:0 0 14px rgb(240 249 255 / .46),0 0 34px rgb(56 189 248 / .64)}body.app-board-view .topbar-nav{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;min-width:0}body.app-board-view .topbar-nav-button{min-height:42px;border-radius:12px;padding:0 14px;white-space:nowrap}body.app-board-view .account-anchor{grid-column:2;justify-self:end;position:relative}body.app-board-view .account-card-topbar{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;width:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}body.app-board-view .topbar-profile-button{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:220px;min-height:46px;border:1px solid rgb(96 165 250 / .18);border-radius:14px;padding:5px 11px 5px 6px;background:#1e293bbd;color:#f8fafc;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}body.app-board-view .topbar-currency-pill{display:inline-flex;align-items:center;gap:7px;min-height:44px;border:1px solid rgb(250 204 21 / .28);border-radius:14px;padding:0 11px;background:#181f2bc7;color:#fef3c7;white-space:nowrap}body.app-board-view .topbar-currency-mark{width:24px;height:24px;border-radius:50%;object-fit:contain;filter:drop-shadow(0 0 8px rgb(245 158 11 / .36));font-size:10px;font-weight:950}body.app-board-view .topbar-currency-pill strong{font-size:12px;font-weight:950}body.app-board-view .topbar-profile-button:hover,body.app-board-view .topbar-profile-button:focus-visible,body.app-board-view .topbar-profile-button[aria-expanded=true]{border-color:#38bdf880;background:#1e4066b8;transform:translateY(-1px)}body.app-board-view .topbar-profile-avatar{width:36px;height:36px;flex:0 0 auto;border-radius:50%;border:1px solid rgb(125 211 252 / .28);object-fit:cover;background:#0f172a}body.app-board-view .topbar-profile-copy{display:grid;gap:1px;min-width:0;text-align:left;line-height:1.05}body.app-board-view .topbar-profile-copy strong,body.app-board-view .topbar-profile-copy span{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.app-board-view .topbar-profile-copy strong{color:#f8fafc;font-size:13px;font-weight:900}body.app-board-view .topbar-profile-copy span{color:#38d9ff;font-size:11px;font-weight:900;text-transform:uppercase}body.app-board-view .topbar-icon-button{flex:0 0 auto;width:44px;height:44px;border-radius:14px}body.app-board-view .account-menu-topbar{top:calc(100% + 12px);right:0;min-width:210px;border-radius:16px;transform-origin:top right;animation:account-menu-drop .16s ease-out both}@keyframes account-menu-drop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}body.app-board-view .topbar-room{width:100%;max-width:calc(100dvw - 56px);margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-google-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border:1px solid rgb(148 163 184 / .28);border-radius:8px;padding:11px 16px;background:#f8fafc;color:#172033;font-size:15px;font-weight:800;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.auth-google-button:hover:not(:disabled),.auth-google-button:focus-visible:not(:disabled){border-color:#93c5fd;background:#fff;transform:translateY(-1px)}.auth-google-button:disabled{cursor:default;opacity:.55}.auth-google-mark{display:inline-grid;width:24px;height:24px;place-items:center;border-radius:50%;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;font-size:14px;font-weight:950;text-shadow:0 1px 2px rgb(0 0 0 / .24)}.auth-callback-page{min-height:100dvh}.auth-callback-card{width:min(520px,calc(100vw - 32px))}.topbar-menu-toggle{display:none}@media(max-width:1180px){body.app-board-view .app-shell{--board-topbar-height: 86px}.topbar,body.app-board-view .topbar{overflow:visible}.topbar-main,body.app-board-view .topbar-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.topbar-left,body.app-board-view .topbar-left{position:static;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;min-width:0}.topbar-brand,body.app-board-view .topbar-brand{flex:0 1 auto;min-width:0}.topbar-menu-toggle{position:relative;display:inline-grid;flex:0 0 auto;width:44px;height:44px;place-content:center;gap:5px;border:1px solid rgb(96 165 250 / .24);border-radius:12px;padding:0;background:#1e293bc7;color:#e0f2fe;cursor:pointer;transition:border-color .16s ease,background .16s ease}.topbar-menu-toggle:hover,.topbar-menu-toggle:focus-visible,.topbar-menu-toggle-open{border-color:#38bdf894;background:#1e4066d1}.topbar-menu-toggle span{display:block;width:20px;height:2px;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .14s ease}.topbar-menu-toggle-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.topbar-menu-toggle-open span:nth-child(2){opacity:0}.topbar-menu-toggle-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.topbar-nav,body.app-board-view .topbar-nav{position:absolute;top:calc(100% + 8px);left:12px;z-index:130;display:none;grid-template-columns:repeat(2,minmax(0,1fr));width:min(430px,calc(100% - 24px));max-height:calc(100dvh - var(--board-topbar-actual-height, 86px) - 24px);gap:8px;padding:12px;overflow-y:auto;border:1px solid rgb(96 165 250 / .24);border-radius:16px;background:linear-gradient(180deg,#111b2efc,#080f1dfc),radial-gradient(circle at top left,rgb(56 189 248 / .12),transparent 54%);box-shadow:0 24px 56px #02061780}.topbar-nav-open,body.app-board-view .topbar-nav-open{display:grid;animation:account-menu-drop .16s ease-out both}.topbar-nav-button,body.app-board-view .topbar-nav-button{justify-content:center;width:100%;min-height:42px;padding:9px 12px;text-align:center}.account-anchor,body.app-board-view .account-anchor{grid-column:2;grid-row:1;width:auto;margin-left:0;justify-self:end}body.app-board-view .account-card-topbar{width:auto}}@media(max-width:720px){body.app-board-view .app-shell{--board-topbar-height: 76px}.topbar,body.app-board-view .topbar{min-height:64px}.topbar-main,body.app-board-view .topbar-main{grid-template-columns:minmax(0,1fr) auto}.topbar-profile-copy,body.app-board-view .topbar-profile-copy,.topbar-currency-pill,body.app-board-view .topbar-currency-pill{display:none}.topbar-nav,body.app-board-view .topbar-nav{left:8px;grid-template-columns:1fr;width:calc(100% - 16px)}.topbar-brand,body.app-board-view .topbar-brand{font-size:20px}.topbar-menu-toggle{width:42px;height:42px}}.floating-support-button{position:fixed;right:24px;bottom:24px;z-index:95;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;width:52px;min-width:52px;height:52px;overflow:hidden;border:1px solid rgb(96 165 250 / .38);border-radius:999px;padding:0 16px;background:linear-gradient(180deg,#1e40aff0,#0e7490e6),#0f172af5;color:#f8fbff;box-shadow:0 18px 44px #0206175c,0 0 22px #38bdf82e;cursor:pointer;transition:width .22s ease,min-width .22s ease,border-color .18s ease,background .18s ease,transform .18s ease}.floating-support-button:hover,.floating-support-button:focus-visible,.floating-support-button-active{width:142px;min-width:142px;border-color:#7dd3fcad;background:linear-gradient(180deg,#2563ebfa,#0891b2f0),#0f172afa;transform:translateY(-2px)}.floating-support-icon{width:20px;height:20px;flex:0 0 auto}.floating-support-button span{display:inline-block;max-width:0;overflow:hidden;opacity:0;color:#f8fbff;font-size:14px;font-weight:900;line-height:1;white-space:nowrap;transition:max-width .22s ease,opacity .16s ease}.floating-support-button:hover span,.floating-support-button:focus-visible span,.floating-support-button-active span{max-width:90px;opacity:1}.fog-square{position:absolute;width:80px;height:80px;border:1px solid rgb(15 23 42 / .28);background:radial-gradient(circle at 50% 45%,#0f172abd,#020617eb),linear-gradient(135deg,rgb(56 189 248 / .08),transparent 58%);box-shadow:inset 0 0 22px #00000073;opacity:.88;pointer-events:none;z-index:3}@media(max-width:1180px){body.app-board-view .app-shell{--board-topbar-height: 132px}body.app-board-view .topbar-main{grid-template-columns:minmax(0,1fr);gap:10px}body.app-board-view .topbar-left{flex-wrap:wrap;gap:10px 16px}body.app-board-view .account-anchor{grid-column:1;justify-self:stretch}body.app-board-view .account-card-topbar{justify-content:flex-end;width:100%}}@media(max-width:720px){body.app-board-view .app-shell{--board-topbar-height: 164px}body.app-board-view .topbar{position:fixed;padding:10px 12px}body.app-board-view .topbar-main{gap:8px}body.app-board-view .topbar-left{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}body.app-board-view .topbar-brand{justify-content:flex-start;min-height:46px}body.app-board-view .topbar-brand-line{font-size:17px}body.app-board-view .topbar-brand-line-accent{font-size:22px}body.app-board-view .topbar-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}body.app-board-view .topbar-nav-button{justify-content:center;min-height:36px;padding:0 8px;font-size:11px}body.app-board-view .account-card-topbar{justify-content:flex-end;gap:6px;padding:0}body.app-board-view .topbar-profile-button{max-width:164px}body.app-board-view .topbar-profile-copy strong,body.app-board-view .topbar-profile-copy span{max-width:88px}body.app-board-view .auth-launch-button{min-height:42px;padding:0 12px;font-size:13px}body.app-board-view .topbar-room{margin-top:2px;max-width:calc(100dvw - 24px);font-size:11px}.floating-support-button{right:14px;bottom:14px;width:48px;min-width:48px;height:48px;padding:0 14px}.floating-support-button:hover,.floating-support-button:focus-visible,.floating-support-button-active{width:128px;min-width:128px}}@media(max-width:460px){body.app-board-view .app-shell{--board-topbar-height: 304px}body.app-board-view .topbar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}body.app-board-view .topbar-profile-copy{display:none}body.app-board-view .topbar-profile-button{padding-right:6px}}.custom-page,.pass-page{width:100%;max-width:100%;min-width:0;min-height:100%;padding:24px;box-sizing:border-box;color:#e5edf7}.custom-shell,.pass-shell{width:min(1180px,100%);max-width:100%;min-width:0;margin:0 auto}.custom-head,.pass-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.custom-head h3,.pass-head h3{margin:4px 0 0;font-size:28px;line-height:1.1}.custom-kicker{color:#93c5fd;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.custom-head-meta,.pass-level-panel{display:grid;min-width:110px;padding:14px;border:1px solid rgb(148 163 184 / .2);border-radius:8px;background:#0f172ac7;text-align:right}.custom-head-meta strong,.pass-level-panel strong{font-size:26px;line-height:1}.custom-head-meta span,.pass-level-panel span,.pass-level-panel em{color:#94a3b8;font-size:12px;font-style:normal}[data-sonner-toaster].app-sonner{--width: min(420px, calc(100vw - 28px) );z-index:10000}[data-sonner-toast].app-toast{border:1px solid rgb(79 203 255 / .34);background:#0a172af7;color:#eff9ff;box-shadow:0 18px 52px #0000006b,0 0 24px #4fcbff1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.custom-layout{display:grid;grid-template-columns:160px minmax(280px,1fr) minmax(280px,390px);gap:16px;align-items:start}.custom-category-list,.custom-item-list,.pass-reward-list,.pass-quest-list{display:grid;gap:10px}.custom-category-button{min-height:42px;border:1px solid rgb(148 163 184 / .16);border-radius:8px;background:#0f172ab8;color:#cbd5e1;text-align:left;padding:0 12px;cursor:pointer}.custom-category-button-active{border-color:#38bdf870;background:#1e293beb;color:#f8fafc}.custom-preview{display:grid;gap:14px}.custom-preview-board{--custom-light: #dce7f5;--custom-dark: #334155;--custom-accent: #38bdf8;--custom-tail: #38bdf8;position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;overflow:hidden;border:1px solid rgb(226 232 240 / .16);border-radius:8px;background:#0f172a;box-shadow:0 18px 50px #0000003d}.custom-square-light{position:relative;z-index:1;background:var(--custom-light)}.custom-square-dark{position:relative;z-index:1;background:var(--custom-dark)}.custom-board-piece{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;padding:6%;border:0;background:transparent;cursor:pointer}.custom-board-piece:before{content:"";position:absolute;inset:8%;z-index:-1;border-radius:8px;opacity:0;background:#ffffff2e;box-shadow:inset 0 0 0 3px #fffffff5,0 0 22px #ffffffc7;transition:opacity .16s ease}.custom-board-piece:hover:before,.custom-board-piece:focus-visible:before,.custom-board-piece-selected:before{opacity:1}.custom-board-piece .piece-svg{width:94%;height:94%;pointer-events:none}.custom-preview-board-piece-set-shadow .custom-board-piece .piece-svg-white:not(.piece-svg-skinned){filter:drop-shadow(0 0 5px rgb(191 219 254 / .65)) grayscale(.45) brightness(1.08) contrast(1.06)}.custom-preview-board-piece-set-shadow .custom-board-piece .piece-svg-black:not(.piece-svg-skinned){filter:drop-shadow(0 0 6px rgb(167 139 250 / .72)) saturate(1.15) brightness(.82) contrast(1.2)}.custom-profile-preview{--custom-profile-bg: #0f172a;position:relative;overflow:hidden;min-height:260px;border:1px solid rgb(148 163 184 / .18);border-radius:8px;background:radial-gradient(circle at 90% 20%,color-mix(in srgb,var(--custom-profile-bg) 34%,transparent),transparent 30%),linear-gradient(180deg,#0f172aeb,#020617f2)}.custom-board-piece-comet-origin{opacity:0}.custom-comet-preview-layer{--custom-tail: #4fcbff;--custom-tail-core: #b8f4ff;position:absolute;inset:0;z-index:5;pointer-events:none}.custom-comet-preview{position:absolute;left:18.75%;top:93.75%;width:27.95%;height:8%;transform:translateY(-50%) rotate(-63.435deg) scaleX(0);transform-origin:left center;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--custom-tail) 76%,transparent));opacity:0;animation:custom-comet-tail-flight 2.4s cubic-bezier(.22,.72,.2,1) infinite}.custom-comet-preview-bloom,.custom-comet-preview-core{position:absolute;inset:0;display:block;clip-path:polygon(0 50%,78% 13%,100% 0,100% 100%,78% 87%);border-radius:999px;mix-blend-mode:screen}.custom-comet-preview-bloom{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--custom-tail) 42%,transparent) 58%,var(--custom-tail));filter:blur(8px);opacity:.68}.custom-comet-preview-core{inset:29% 0;background:linear-gradient(90deg,transparent 2%,var(--custom-tail) 58%,var(--custom-tail-core) 100%);box-shadow:0 0 16px var(--custom-tail);opacity:.9}.custom-comet-preview-piece{position:absolute;left:12.5%;top:87.5%;z-index:2;display:grid;place-items:center;width:12.5%;height:12.5%;animation:custom-comet-piece-flight 2.4s cubic-bezier(.22,.72,.2,1) infinite;will-change:transform,opacity}.custom-comet-preview-piece .piece-svg{position:relative;z-index:2;width:94%;height:94%}.custom-comet-preview i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--custom-tail-core);box-shadow:0 0 7px var(--custom-tail);animation:custom-comet-spark .9s ease-in-out infinite alternate}@keyframes custom-comet-piece-flight{0%,12%{opacity:1;transform:translate(0) scale(1)}54%,68%{opacity:1;transform:translate(100%,-200%) scale(1.04)}78%,to{opacity:0;transform:translate(100%,-200%) scale(.96)}}@keyframes custom-comet-tail-flight{0%,12%{opacity:0;transform:translateY(-50%) rotate(-63.435deg) scaleX(0)}20%{opacity:.92}54%{opacity:1;transform:translateY(-50%) rotate(-63.435deg) scaleX(1)}68%{opacity:.62;transform:translateY(-50%) rotate(-63.435deg) scaleX(1)}78%,to{opacity:0;transform:translateY(-50%) rotate(-63.435deg) scaleX(1)}}@keyframes custom-comet-spark{0%{opacity:.2;scale:.65}to{opacity:1;scale:1.35}}.custom-profile-preview-banner{height:92px;border-bottom:1px solid rgb(255 255 255 / .1)}.custom-profile-preview-body{display:grid;grid-template-columns:132px minmax(0,1fr) auto;align-items:end;gap:16px;padding:0 18px 18px}.custom-profile-preview-avatar-shell{--custom-frame: #334155;display:grid;place-items:center;width:132px;aspect-ratio:1;margin-top:-48px;border:5px solid var(--custom-frame);border-radius:50%;background:#020617;box-shadow:0 14px 34px #00000057,0 0 28px color-mix(in srgb,var(--custom-frame) 44%,transparent)}.custom-profile-preview-avatar-shell img{width:calc(100% - 10px);height:calc(100% - 10px);border-radius:50%;object-fit:cover}.custom-profile-preview-copy{display:grid;gap:5px;min-width:0}.custom-profile-preview-copy span{color:#bfdbfe;font-size:13px;font-weight:800;text-transform:uppercase}.custom-profile-preview-copy strong{overflow-wrap:anywhere;color:#f8fafc;font-size:26px;line-height:1.05}.custom-profile-preview-copy em{overflow-wrap:anywhere;color:#cbd5e1;font-style:normal}.custom-profile-preview-badge{align-self:end;padding:8px 10px;border:1px solid rgb(250 204 21 / .32);border-radius:8px;background:#facc151f;color:#fef3c7;font-size:12px;font-weight:800}.custom-equipped-panel,.pass-upgrade-band,.pass-reward-track,.pass-track,.pass-quests{border:1px solid rgb(148 163 184 / .18);border-radius:8px;background:#0f172ac2;padding:16px}.custom-equipped-panel{display:grid;gap:4px}.custom-equipped-panel span,.custom-equipped-panel p,.custom-item-copy span,.pass-head p,.pass-track-head span,.pass-quest-row span{color:#94a3b8}.custom-equipped-panel strong{font-size:20px}.custom-equipped-panel p{margin:0}.custom-equipped-panel em{color:#bfdbfe;font-style:normal}.custom-item-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:12px;border:1px solid rgb(148 163 184 / .16);border-radius:8px;background:#0f172ab8}.custom-item-card-previewed{border-color:#7dd3fc7a;background:#1e293bd1}.custom-item-card-equipped{border-color:#4ade80e6;background:linear-gradient(110deg,#14532d6b,#0f172ae6 58%);box-shadow:inset 0 0 0 2px #22c55e7a,0 0 0 1px #4ade8057,0 0 26px #22c55e57}.custom-item-action{min-width:94px}.custom-item-action-loading{display:inline-grid;place-items:center}.custom-action-spinner{width:18px;height:18px;border:2px solid rgb(186 230 253 / .34);border-top-color:#4fcbff;border-radius:50%;animation:custom-action-spin .65s linear infinite}@keyframes custom-action-spin{to{transform:rotate(360deg)}}.custom-item-swatch{display:grid;place-items:center;width:38px;aspect-ratio:1;border-radius:8px;border:1px solid rgb(255 255 255 / .22);overflow:hidden}.custom-item-swatch img{width:100%;height:100%;object-fit:cover}.custom-item-copy{display:grid;min-width:0;gap:3px}.custom-item-copy strong,.pass-reward-card strong,.pass-quest-row strong{overflow-wrap:anywhere}.custom-piece-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border:1px solid rgb(148 163 184 / .16);border-radius:8px;background:#0f172a8f}.custom-piece-picker-button{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-height:46px;padding:6px 8px;border:1px solid rgb(148 163 184 / .16);border-radius:8px;background:#0206176b;color:#cbd5e1;text-align:left;cursor:pointer}.custom-piece-picker-button:hover,.custom-piece-picker-button:focus-visible,.custom-piece-picker-button-active{border-color:#ffffffb8;background:#ffffff1a;color:#f8fafc}.custom-piece-picker-button .piece-svg{width:34px;height:34px}.custom-piece-picker-button span{overflow-wrap:anywhere;font-size:12px;font-weight:700}.custom-empty-list{margin:0;padding:14px;border:1px solid rgb(148 163 184 / .16);border-radius:8px;background:#0f172a8f;color:#94a3b8}.custom-empty{display:grid;gap:12px;max-width:480px;margin:80px auto;text-align:center}.pass-upgrade-band{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:10px 12px;border-color:#38bdf83d;background:#0e749029}.pass-upgrade-band div{display:grid;gap:3px}.pass-upgrade-band span{color:#cbd5e1}.pass-hero-card{margin-bottom:22px;padding:14px;border:1px solid rgb(148 163 184 / .18);border-radius:8px;background:linear-gradient(180deg,#0f172ae0,#080f1ceb),radial-gradient(circle at 82% 18%,rgb(56 189 248 / .16),transparent 34%)}.pass-hero-card .pass-head{margin-bottom:14px}.pass-level-panel{--pass-progress: 0%;grid-template-columns:auto minmax(110px,1fr);align-items:center;gap:5px 14px;min-width:280px;text-align:left}.pass-level-panel div:first-child{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:8px}.pass-level-panel strong{color:#f8fafc}.pass-level-meter{width:100%;height:6px;overflow:hidden;border-radius:999px;background:#334155d1}.pass-level-meter span{display:block;width:var(--pass-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#93c5fd);box-shadow:0 0 16px #22d3ee6b}.pass-level-panel em{grid-column:2}.pass-membership-icon,.pass-section-icon,.pass-quest-icon{display:grid;place-items:center;border:1px solid rgb(56 189 248 / .34);border-radius:8px;background:#082f4980}.pass-membership-icon{width:32px;aspect-ratio:1}.pass-membership-icon:before,.pass-section-icon:before,.pass-quest-icon:before{content:"";width:12px;aspect-ratio:1;border:2px solid #67e8f9;border-top-color:transparent;border-radius:50%}.pass-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pass-track-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.pass-reward-track{margin-top:10px;padding:0;border:0;background:transparent;overflow:hidden}.pass-reward-scroll{display:block;min-width:0}.pass-track-lane-labels{display:grid;grid-template-rows:repeat(2,minmax(126px,1fr));gap:10px;margin-top:44px}.pass-track-lane-labels span{display:grid;place-items:center;border:1px solid rgb(148 163 184 / .14);border-radius:8px;background:#0206175c;color:#bfdbfe;font-size:12px;font-weight:900;text-transform:uppercase}.pass-reward-level-track{display:grid;grid-auto-columns:minmax(176px,212px);grid-auto-flow:column;gap:12px;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;padding:0 2px 16px;scroll-padding-inline:2px;scroll-snap-type:x proximity}.pass-reward-level-track::-webkit-scrollbar{height:10px}.pass-reward-level-track::-webkit-scrollbar-track{border-radius:999px;background:#0f172ac7}.pass-reward-level-track::-webkit-scrollbar-thumb{border:2px solid rgb(15 23 42 / .78);border-radius:999px;background:#38bdf894}.pass-reward-column{position:relative;display:grid;grid-template-rows:34px repeat(2,166px);gap:10px;min-width:0;scroll-snap-align:start}.pass-reward-column:before{content:"";position:absolute;top:16px;left:-12px;right:-12px;height:2px;background:#3b82f63d}.pass-reward-column-past:before{background:#22c55e5c}.pass-reward-column-current:before{background:#38bdf8b8;box-shadow:0 0 18px #38bdf86b}.pass-reward-card{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto auto;align-items:start;gap:7px;min-height:0;padding:12px;border:1px solid rgb(148 163 184 / .16);border-radius:8px;background:linear-gradient(180deg,#1e293bc2,#0f172ad1),radial-gradient(circle at top right,rgb(56 189 248 / .12),transparent 44%)}.pass-reward-card-free{border-color:#60a5fa33}.pass-reward-card-premium{border-color:#facc1538;background:linear-gradient(180deg,#2d23128a,#0f172ad1),radial-gradient(circle at top right,rgb(250 204 21 / .18),transparent 48%)}.pass-reward-card-claimed{opacity:.72}.pass-reward-card-unlocked{border-color:#22c55e5c;box-shadow:inset 0 0 0 1px #22c55e1f}.pass-reward-card-premium-locked,.pass-reward-card-locked{opacity:.68}.pass-reward-card-empty{color:#64748b;border-style:dashed;background:#02061747}.pass-reward-level{position:relative;z-index:1;display:grid;place-items:center;min-height:42px;border-radius:8px;background:#3b82f62e;color:#bfdbfe;font-weight:800}.pass-reward-column .pass-reward-level{min-height:34px;background:#0f172af5;border:1px solid rgb(59 130 246 / .24)}.pass-reward-column-current .pass-reward-level{border-color:#38bdf8ad;background:#0e749057;color:#f0f9ff}.pass-reward-type{color:#93c5fd;font-size:11px;font-weight:900;text-transform:uppercase}.pass-reward-card strong{color:#f8fafc;font-size:18px;line-height:1.12}.pass-reward-card em,.pass-quest-row em{color:#93c5fd;font-style:normal}.pass-reward-action{width:100%;min-height:34px;text-transform:uppercase}.pass-quests{margin-top:18px;padding:0;border:0;background:transparent}.pass-quest-row{--pass-progress: 0%;display:grid;grid-template-columns:40px minmax(0,1fr) minmax(150px,230px) auto;align-items:center;gap:14px;min-height:76px;padding:12px;border:1px solid rgb(148 163 184 / .14);border-radius:8px;background:#0f172ab8}.pass-quest-row-complete{border-color:#22c55e52}.pass-quest-icon{width:36px;aspect-ratio:1}.pass-quest-icon:before{width:11px;border-color:#93c5fd;border-left-color:transparent}.pass-quest-copy{display:grid;gap:3px;min-width:0}.pass-quest-progress{display:grid;gap:5px}.pass-quest-progress>span{color:#94a3b8;font-size:10px;font-weight:800;text-transform:uppercase}.pass-quest-progress>strong{justify-self:end;margin-top:-19px;color:#bfdbfe;font-size:11px}.pass-quest-progress div{height:6px;overflow:hidden;border-radius:999px;background:#334155d1}.pass-quest-progress div span{display:block;width:var(--pass-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#60a5fa)}.pass-quest-row em{display:inline-grid;place-items:center;min-width:74px;min-height:32px;border:1px solid rgb(56 189 248 / .24);border-radius:8px;background:#082f495c;font-size:12px;font-weight:900}.pass-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 12px}.pass-section-head>div:first-child{display:grid;grid-template-columns:22px minmax(0,1fr);gap:2px 8px;min-width:0}.pass-section-icon{grid-row:1 / span 2;align-self:start;width:22px;aspect-ratio:1}.pass-section-icon:before{width:8px;border-width:1px}.pass-section-icon-quest:before{border-color:#93c5fd;border-right-color:transparent}.pass-section-head strong{color:#f8fafc;font-size:20px;line-height:1.1;text-transform:uppercase}.pass-section-head p{grid-column:2;margin:0;color:#94a3b8;font-size:12px}.pass-track-tools{display:flex;align-items:end;justify-content:flex-end;gap:8px}.pass-track-tools span,.pass-reset-note{color:#cbd5e1;font-size:12px;font-weight:800;text-align:right}.pass-track-tools small{display:block;color:#64748b;font-size:9px;font-weight:900;text-transform:uppercase}.pass-track-arrow{display:grid;place-items:center;width:34px;aspect-ratio:1;border:1px solid rgb(56 189 248 / .24);border-radius:8px;background:#0f172ae0;color:#dbeafe;font-weight:900;cursor:pointer}.pass-track-arrow:hover,.pass-track-arrow:focus-visible{border-color:#22d3ee8a;background:#082f49bd}.pass-shell{width:min(1360px,100%)}.pass-hero-card{padding:26px 28px 14px;background:linear-gradient(180deg,#091326f0,#080f1cf0),radial-gradient(circle at 78% 12%,rgb(56 189 248 / .18),transparent 30%)}.pass-season-dates{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.pass-season-dates span{color:#93c5fd}.pass-level-panel{min-width:350px;padding:18px;background:#081123e6}.pass-upgrade-band{min-height:66px;padding:12px 16px;background:linear-gradient(90deg,#0e74903d,#082f491f),#030e1db3}.pass-reward-track .pass-section-head{justify-content:flex-end;margin:0 0 4px}.pass-reward-track .pass-section-head>div:first-child{display:flex;grid-template-columns:none}.pass-reward-track .pass-track-tools{display:flex;align-items:center;gap:8px;min-width:0}.pass-reward-track .pass-track-tools span{white-space:nowrap}.pass-reward-scroll{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;overflow:hidden}.pass-reward-scroll:before{content:"";position:absolute;left:0;right:0;top:179px;height:34px;border-block:1px solid rgb(255 255 255 / .12);background:linear-gradient(45deg,rgb(235 239 244 / .82) 25%,transparent 25%),linear-gradient(-45deg,rgb(235 239 244 / .82) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(235 239 244 / .82) 75%),linear-gradient(-45deg,transparent 75%,rgb(235 239 244 / .82) 75%),#172033;background-position:0 0,0 17px,17px -17px,-17px 0;background-size:34px 34px;opacity:.7;pointer-events:none}.pass-track-lane-labels{position:relative;z-index:2;display:grid;grid-template-rows:138px 138px;gap:46px;margin:37px 0 0}.pass-track-lane-labels span{border-color:#60a5fa3d;background:linear-gradient(180deg,#0a1830d1,#030a16db);color:#7dd3fc;font-size:16px}.pass-track-lane-labels span:nth-child(2){border-color:#facc1580;color:#fde68a;box-shadow:inset 0 0 0 1px #facc1526}.pass-reward-level-track{position:relative;z-index:1;display:grid;grid-template-columns:repeat(8,minmax(148px,1fr));grid-auto-columns:minmax(148px,1fr);gap:8px;overflow-x:auto;overflow-y:hidden;padding:0;scrollbar-width:none}.pass-reward-level-track::-webkit-scrollbar{display:none}.pass-reward-column{grid-template-rows:34px 138px 138px;gap:8px}.pass-reward-column:before{display:none}.pass-reward-column-current:after{content:"";position:absolute;left:50%;top:165px;width:38px;height:66px;transform:translate(-50%);background:radial-gradient(circle at 50% 12%,#fff7cc 0 11%,transparent 12%),linear-gradient(90deg,transparent 0 32%,#facc15 32% 68%,transparent 68%),linear-gradient(90deg,transparent 0 22%,#f59e0b 22% 78%,transparent 78%);clip-path:polygon(42% 0,58% 0,58% 48%,78% 58%,74% 70%,63% 70%,68% 100%,32% 100%,37% 70%,26% 70%,22% 58%,42% 48%);filter:drop-shadow(0 0 8px rgb(250 204 21 / .85));pointer-events:none}.pass-reward-level{min-height:30px;font-size:13px}.pass-reward-card{position:relative;place-items:center;grid-template-rows:minmax(50px,1fr) auto auto auto;gap:5px;min-width:0;padding:10px;text-align:center;background:linear-gradient(180deg,#0a1830bd,#050c19e0),radial-gradient(circle at 50% 12%,rgb(56 189 248 / .14),transparent 52%)}.pass-reward-card-premium{border-color:#facc1594;background:linear-gradient(180deg,#1f1a0cad,#060c14e6),radial-gradient(circle at 50% 12%,rgb(250 204 21 / .18),transparent 52%);box-shadow:inset 0 0 0 1px #facc152e,0 0 18px #facc151a}.pass-reward-card-empty{color:#7dd3fc}.pass-reward-card-premium.pass-reward-card-empty{color:#cbd5e1}.pass-reward-card strong{font-size:16px;line-height:1.16}.pass-reward-card em{color:#cbd5e1;font-size:13px}.pass-reward-type{display:none}.pass-reward-action{min-height:30px;font-size:11px}.pass-reward-visual{position:relative;display:grid;place-items:center;width:64px;aspect-ratio:1}.pass-reward-visual:before,.pass-reward-visual:after{content:"";position:absolute}.pass-reward-visual-empty:before{inset:14px;border:1px dashed rgb(125 211 252 / .34);border-radius:8px}.pass-reward-visual-coins:before{inset:8px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff8c5 0 10%,transparent 11%),linear-gradient(145deg,#fef08a,#d97706);box-shadow:inset 0 0 0 4px #78350f6b,0 0 18px #facc1580}.pass-reward-visual-coins:after{width:22px;height:22px;border:3px solid rgb(120 53 15 / .66);border-radius:50%}.pass-reward-visual-profile:before{inset:8px;border:2px solid #d6b36a;border-radius:8px;background:radial-gradient(circle at 50% 44%,#172554 0 18%,transparent 19%),radial-gradient(circle at 50% 72%,#172554 0 24%,transparent 25%),linear-gradient(135deg,#0f172a,#312e81);box-shadow:0 0 18px #facc1538}.pass-reward-visual-board:before,.pass-reward-visual-pieces:before{inset:9px;transform:rotateX(58deg) rotate(45deg);border:1px solid rgb(125 211 252 / .42);background:linear-gradient(45deg,#dac28d 25%,#1f2357 25% 50%,#dac28d 50% 75%,#1f2357 75%);background-size:18px 18px;box-shadow:0 0 16px #7dd3fc3d}.pass-reward-visual-pieces:after{width:34px;height:34px;border:2px solid #a855f7;border-radius:50% 50% 22% 22%;transform:translateY(-4px);box-shadow:0 0 14px #a855f780}.pass-reward-visual-tail:before{width:58px;height:18px;transform:rotate(-28deg);clip-path:polygon(0 52%,78% 8%,100% 50%,78% 92%);background:linear-gradient(90deg,transparent,#0ea5e9 50%,#bae6fd);filter:drop-shadow(0 0 12px rgb(14 165 233 / .8))}.pass-reward-visual-title:before,.pass-reward-visual-cosmetic:before{width:36px;height:40px;border:2px solid #d6b36a;background:linear-gradient(180deg,#1e3a8a,#0f172a);clip-path:polygon(50% 0,92% 18%,82% 100%,50% 82%,18% 100%,8% 18%);box-shadow:0 0 16px #facc1557}.pass-collect-all{display:block;width:min(260px,100%);min-height:42px;margin:14px auto 0}.pass-quests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pass-quest-panel{min-width:0;padding:12px;border:1px solid rgb(148 163 184 / .18);border-radius:8px;background:#071021c7}.pass-quest-panel .pass-section-head{align-items:center;margin-bottom:10px}.pass-quest-panel .pass-section-head>div:first-child{display:block}.pass-quest-panel .pass-section-head strong{color:#60a5fa;font-size:16px}.pass-quest-row{grid-template-columns:44px minmax(0,1fr) minmax(86px,126px) 76px;min-height:58px;gap:10px;padding:8px;background:#081123c7}.pass-quest-icon{width:42px;border-color:#facc1547;background:#0f172ac7}.pass-quest-icon:before{width:18px;border-color:#fbbf24;border-left-color:transparent}.pass-quest-copy strong{font-size:13px}.pass-quest-copy span{font-size:12px}.pass-quest-progress{align-self:end}.pass-quest-progress>span{display:none}.pass-quest-progress>strong{justify-self:end;margin:0;color:#cbd5e1;font-size:13px;font-weight:700}.pass-quest-progress div span{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.pass-quest-row em{min-width:0;min-height:30px;padding:0 8px;color:#60a5fa}.pass-page{padding:2px 24px 32px}.pass-shell{width:min(1304px,calc(100vw - 96px))}.pass-hero-card{margin-bottom:18px;padding:18px 30px 14px}.pass-head{min-height:88px}.pass-head h3{font-size:28px}.pass-level-panel{min-width:min(350px,38vw);border:1px solid rgb(59 130 246 / .22);border-radius:8px}.pass-upgrade-band{min-height:68px}.pass-reward-track{margin-top:0}.pass-reward-scroll{--pass-level-row-height: 34px;--pass-free-row-height: 136px;--pass-divider-height: 34px;--pass-premium-row-height: 138px;--pass-track-gap: 8px;--pass-divider-top: calc(var(--pass-level-row-height) + var(--pass-track-gap) + var(--pass-free-row-height) + var(--pass-track-gap));grid-template-columns:114px minmax(0,1fr);gap:8px;overflow:visible;min-height:calc(var(--pass-level-row-height) + var(--pass-track-gap) + var(--pass-free-row-height) + var(--pass-track-gap) + var(--pass-divider-height) + var(--pass-track-gap) + var(--pass-premium-row-height))}.pass-reward-scroll:before{top:var(--pass-divider-top);height:var(--pass-divider-height);z-index:3}.pass-track-lane-labels{grid-template-rows:var(--pass-level-row-height) var(--pass-free-row-height) var(--pass-divider-height) var(--pass-premium-row-height);gap:var(--pass-track-gap);margin-top:0}.pass-track-lane-labels span:first-child{grid-row:2}.pass-track-lane-labels span:nth-child(2){grid-row:4}.pass-reward-level-track{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-columns:minmax(0,1fr);overflow:visible}.pass-reward-column{grid-template-rows:var(--pass-level-row-height) var(--pass-free-row-height) var(--pass-divider-height) var(--pass-premium-row-height);row-gap:var(--pass-track-gap)}.pass-reward-level{grid-row:1}.pass-reward-card-free{grid-row:2}.pass-reward-card-premium{grid-row:4}.pass-reward-card{min-height:0;height:100%;padding:12px 10px}.pass-reward-card-premium{margin-top:0}.pass-reward-card strong{font-size:16px}.pass-reward-column-current:after{content:"";top:calc(var(--pass-divider-top) - 7px);z-index:8;width:34px;height:50px;display:grid;place-items:center;border-radius:50% 50% 22% 22%;background:linear-gradient(90deg,transparent 0 38%,#fff7cc 38% 46%,transparent 46% 54%,#fff7cc 54% 62%,transparent 62%),radial-gradient(circle at 50% 20%,#fff7cc 0 9%,#facc15 10% 20%,transparent 21%),radial-gradient(ellipse at 50% 44%,#fde68a 0 25%,#d97706 26% 42%,transparent 43%),linear-gradient(180deg,transparent 0 52%,#facc15 53% 72%,#b45309 73% 100%);clip-path:polygon(44% 0,56% 0,56% 12%,68% 12%,68% 22%,58% 22%,66% 40%,78% 48%,72% 64%,62% 64%,70% 100%,30% 100%,38% 64%,28% 64%,22% 48%,34% 40%,42% 22%,32% 22%,32% 12%,44% 12%);filter:drop-shadow(0 2px 0 #78350f) drop-shadow(0 0 8px rgb(250 204 21 / .9))}.pass-collect-all{width:270px;margin-top:14px}.pass-quests{margin-top:10px}.pass-quest-panel{padding:14px}.pass-quest-row{min-height:62px;padding:10px}.pass-page .pass-hero-card{box-sizing:border-box;min-height:194px;margin-bottom:18px;padding:14px 30px 12px}.pass-page .pass-head{min-height:70px;margin-bottom:10px}.pass-page .pass-season-dates{margin:12px 0 0}.pass-page .pass-level-panel{box-sizing:border-box;min-height:70px;padding:12px 18px}.pass-page .pass-upgrade-band{box-sizing:border-box;height:66px;min-height:66px;padding:12px 16px}.pass-page .pass-reward-track{margin-top:-28px}.pass-page .pass-reward-scroll{--pass-level-row-height: 34px;--pass-free-row-height: 138px;--pass-divider-height: 34px;--pass-premium-row-height: 138px;--pass-track-gap: 8px;--pass-divider-top: calc(var(--pass-level-row-height) + var(--pass-track-gap) + var(--pass-free-row-height) + var(--pass-track-gap));position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;min-height:calc(var(--pass-level-row-height) + var(--pass-track-gap) + var(--pass-free-row-height) + var(--pass-track-gap) + var(--pass-divider-height) + var(--pass-track-gap) + var(--pass-premium-row-height));overflow:visible}.pass-page .pass-reward-scroll:before{content:"";position:absolute;left:0;right:0;top:var(--pass-divider-top);z-index:3;height:var(--pass-divider-height);border-block:1px solid rgb(255 255 255 / .12);background:linear-gradient(45deg,rgb(235 239 244 / .82) 25%,transparent 25%),linear-gradient(-45deg,rgb(235 239 244 / .82) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(235 239 244 / .82) 75%),linear-gradient(-45deg,transparent 75%,rgb(235 239 244 / .82) 75%),#172033;background-position:0 0,0 17px,17px -17px,-17px 0;background-size:34px 34px;opacity:.7;pointer-events:none}.pass-page .pass-track-lane-labels,.pass-page .pass-reward-level-track{display:grid;gap:var(--pass-track-gap);margin:0}.pass-page .pass-track-lane-labels{grid-template-rows:var(--pass-level-row-height) var(--pass-free-row-height) var(--pass-divider-height) var(--pass-premium-row-height)}.pass-page .pass-track-lane-labels{position:relative;z-index:4}.pass-page .pass-track-lane-labels span:first-child{grid-row:2}.pass-page .pass-track-lane-labels span:nth-child(2){grid-row:4}.pass-page .pass-reward-level-track{position:relative;z-index:4;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);overflow:visible;padding:0}.pass-page .pass-reward-column{position:relative;display:grid;grid-template-rows:var(--pass-level-row-height) var(--pass-free-row-height) var(--pass-divider-height) var(--pass-premium-row-height);gap:var(--pass-track-gap);min-width:0}.pass-page .pass-reward-level{grid-row:1;min-height:0}.pass-page .pass-reward-card-free{grid-row:2}.pass-page .pass-reward-card-premium{grid-row:4;margin:0}.pass-page .pass-reward-card{box-sizing:border-box;min-height:0;height:100%;padding:12px 10px}.pass-page .pass-reward-column-current:after{content:"";position:absolute;left:50%;top:calc(var(--pass-divider-top) - 7px);z-index:9;width:34px;height:50px;transform:translate(-50%);background:linear-gradient(90deg,transparent 0 38%,#fff7cc 38% 46%,transparent 46% 54%,#fff7cc 54% 62%,transparent 62%),radial-gradient(circle at 50% 20%,#fff7cc 0 9%,#facc15 10% 20%,transparent 21%),radial-gradient(ellipse at 50% 44%,#fde68a 0 25%,#d97706 26% 42%,transparent 43%),linear-gradient(180deg,transparent 0 52%,#facc15 53% 72%,#b45309 73% 100%);clip-path:polygon(44% 0,56% 0,56% 12%,68% 12%,68% 22%,58% 22%,66% 40%,78% 48%,72% 64%,62% 64%,70% 100%,30% 100%,38% 64%,28% 64%,22% 48%,34% 40%,42% 22%,32% 22%,32% 12%,44% 12%);filter:drop-shadow(0 2px 0 #78350f) drop-shadow(0 0 8px rgb(250 204 21 / .9));pointer-events:none}.pass-page .pass-collect-all{display:flex;align-items:center;justify-content:center;width:260px;min-height:42px;margin:14px auto 0}.pass-page{padding:2px 24px 22px;background:radial-gradient(circle at 16% 0%,rgb(14 116 144 / .16),transparent 28%),linear-gradient(180deg,#020817,#031126 52%,#020817)}.pass-page .pass-shell{width:min(1304px,calc(100vw - 48px))}.pass-page .pass-hero-card{min-height:178px;margin-bottom:18px;border-color:#3163946b;background:linear-gradient(180deg,#041123f5,#040e1cf2),radial-gradient(circle at 92% 8%,rgb(37 99 235 / .16),transparent 28%);box-shadow:inset 0 0 0 1px #7dd3fc08}.pass-page .custom-kicker{color:#3bc7ff;font-size:11px}.pass-page .pass-head h3{margin-top:3px;color:#f8fbff;font-size:24px;font-weight:900}.pass-page .pass-season-dates{gap:10px;margin-top:10px;color:#a9b8c9;font-size:13px}.pass-page .pass-level-panel{width:314px;min-width:314px;min-height:66px;padding:12px 15px;border-color:#395f8c8c;background:#051124eb}.pass-page .pass-level-panel span{color:#b6c7d9;font-size:13px;font-weight:800}.pass-page .pass-level-panel strong{font-size:21px}.pass-page .pass-level-meter{height:5px;background:#10213d}.pass-page .pass-level-meter span{background:linear-gradient(90deg,#0397ff,#17c7ff)}.pass-page .pass-level-panel em{color:#9fb0c4;font-size:11px;text-align:center}.pass-page .pass-upgrade-band{height:58px;min-height:58px;border-color:#188ed37a;border-radius:6px;background:linear-gradient(90deg,#0080c557,#041f3ac7)}.pass-page .pass-upgrade-band strong{color:#eaf6ff;font-size:13px}.pass-page .pass-upgrade-band span{color:#9fb0c4;font-size:12px}.pass-page .pass-membership-icon{border-color:#00aeff75;background:linear-gradient(180deg,#073864,#06223f)}.pass-page .pass-membership-icon:before{width:16px;height:14px;border:0;border-radius:2px 2px 5px 5px;background:radial-gradient(circle at 20% 20%,#23d6ff 0 12%,transparent 13%),radial-gradient(circle at 50% 6%,#23d6ff 0 12%,transparent 13%),radial-gradient(circle at 80% 20%,#23d6ff 0 12%,transparent 13%),linear-gradient(180deg,transparent 0 28%,#0798df 29% 100%);clip-path:polygon(0 28%,22% 44%,50% 0,78% 44%,100% 28%,88% 100%,12% 100%)}.pass-page .pass-upgrade-band .auth-submit{min-width:76px;min-height:34px;border-radius:5px;background:linear-gradient(180deg,#0f72de,#0c3f8f);font-size:12px}.pass-page .pass-reward-track{margin-top:-24px}.pass-page .pass-reward-track .pass-section-head{min-height:22px;margin-bottom:4px}.pass-page .pass-track-arrow{display:none}.pass-page .pass-track-tools span{color:#c5d2e1;font-size:11px}.pass-page .pass-reward-scroll{--pass-level-row-height: 31px;--pass-free-row-height: 134px;--pass-divider-height: 34px;--pass-premium-row-height: 134px;--pass-track-gap: 6px;grid-template-columns:96px minmax(0,1fr)}.pass-page .pass-reward-scroll:before{background:linear-gradient(45deg,rgb(231 236 243 / .78) 25%,transparent 25%),linear-gradient(-45deg,rgb(231 236 243 / .78) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(231 236 243 / .78) 75%),linear-gradient(-45deg,transparent 75%,rgb(231 236 243 / .78) 75%),#111b2e;background-position:0 0,0 17px,17px -17px,-17px 0;background-size:34px 34px;opacity:.58}.pass-page .pass-track-lane-labels span{border-radius:5px;font-size:13px}.pass-page .pass-track-lane-labels span:first-child:after{content:"";width:24px;height:32px;margin-top:8px;border:2px solid #8ba0b7;border-top:0;border-radius:999px 999px 4px 4px;background:radial-gradient(circle at 50% 0,#101f36 0 28%,transparent 29%),linear-gradient(180deg,transparent 0 30%,rgb(148 163 184 / .26) 31% 100%)}.pass-page .pass-track-lane-labels span:nth-child(2):after{content:"";width:28px;height:24px;margin-top:10px;background:radial-gradient(circle at 20% 22%,#fbbf24 0 10%,transparent 11%),radial-gradient(circle at 50% 4%,#fbbf24 0 10%,transparent 11%),radial-gradient(circle at 80% 22%,#fbbf24 0 10%,transparent 11%),linear-gradient(180deg,transparent 0 30%,#d97706 31% 100%);clip-path:polygon(0 28%,22% 48%,50% 0,78% 48%,100% 28%,88% 100%,12% 100%);filter:drop-shadow(0 0 8px rgb(250 204 21 / .55))}.pass-page .pass-reward-level{min-height:31px;border-radius:5px;color:#d8e5f4;font-size:12px}.pass-page .pass-reward-card{grid-template-rows:minmax(46px,1fr) auto auto;gap:3px;padding:10px 8px;border-radius:5px;border-color:#2d6a9f94;background:linear-gradient(180deg,#09213ff0,#051122f2)}.pass-page .pass-reward-card-premium{border-color:#d39a1ebd;background:linear-gradient(180deg,#231b0be6,#070e18f5);box-shadow:inset 0 0 0 1px #facc1529,0 0 16px #f59e0b1f}.pass-page .pass-reward-card-empty{border-style:dashed;color:#a5b5c7;background:#040d1b8f}.pass-page .pass-reward-card-free.pass-reward-card-empty{color:#6fcfff}.pass-page .pass-reward-card strong{color:#f2f7ff;font-size:12px;font-weight:900;line-height:1.12}.pass-page .pass-reward-card em{color:#9fb0c4;font-size:11px;line-height:1.1}.pass-page .pass-reward-action{display:none}.pass-page .pass-reward-visual{width:62px}.pass-page .pass-reward-card-empty strong{align-self:center;font-size:15px;font-weight:700}.pass-page .pass-reward-visual-title:before,.pass-page .pass-reward-visual-cosmetic:before{background:linear-gradient(180deg,#b7791f 0 20%,#123a74 21% 100%)}.pass-page .pass-reward-column-current:after{top:calc(var(--pass-divider-top) - 6px);width:31px;height:48px}.pass-page .pass-collect-all{gap:10px;width:282px;min-height:42px;margin-top:10px;border-color:#1f7ddeb8;border-radius:5px;background:linear-gradient(180deg,#0b5eba,#073678);color:#eaf6ff;font-size:14px;font-weight:900}.pass-page .pass-collect-icon{position:relative;width:17px;height:15px;border-radius:2px;background:linear-gradient(90deg,transparent 0 41%,#dbeafe 42% 58%,transparent 59%),linear-gradient(180deg,#dbeafe 0 28%,transparent 29%),#8bbcff}.pass-page .pass-collect-icon:before,.pass-page .pass-collect-icon:after{content:"";position:absolute;top:-5px;width:8px;height:6px;border:2px solid #dbeafe;border-radius:8px 8px 0}.pass-page .pass-collect-icon:before{left:0;transform:rotate(18deg)}.pass-page .pass-collect-icon:after{right:0;transform:scaleX(-1) rotate(18deg)}.pass-page .pass-quests{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}.pass-page .pass-quest-panel{padding:12px;border-color:#31639461;border-radius:6px;background:#051123d6}.pass-page .pass-quest-panel .pass-section-head strong{color:#159dff;font-size:13px;letter-spacing:0}.pass-page .pass-reset-note{color:#8798ad;font-size:10px}.pass-page .pass-reset-note:before{content:"";display:inline-block;width:10px;height:10px;margin-right:5px;border:1px solid currentColor;border-left-color:transparent;border-radius:50%;vertical-align:-1px}.pass-page .pass-quest-row{grid-template-columns:38px minmax(0,1fr) minmax(80px,106px) 72px;min-height:55px;gap:8px;padding:8px;border-radius:6px;border-color:#2d6a9f57;background:#061225e6}.pass-page .pass-quest-icon{width:34px;border-color:#d39a1e73;border-radius:5px;background:linear-gradient(180deg,#0e1e37f2,#061123f5)}.pass-page .pass-quest-icon:before{width:19px;height:21px;border:0;border-radius:0;background:linear-gradient(180deg,#ffe59a,#d97706);filter:drop-shadow(0 0 8px rgb(245 158 11 / .45))}.pass-page .pass-quest-icon-completed_games:before{clip-path:polygon(50% 0,76% 18%,64% 100%,36% 100%,24% 18%)}.pass-page .pass-quest-icon-tournament_entry:before{clip-path:polygon(8% 0,92% 0,84% 34%,64% 48%,58% 76%,76% 88%,76% 100%,24% 100%,24% 88%,42% 76%,36% 48%,16% 34%)}.pass-page .pass-quest-icon-captured_pieces:before{clip-path:polygon(45% 0,55% 0,58% 36%,88% 12%,100% 26%,72% 56%,100% 86%,86% 100%,56% 72%,28% 100%,14% 86%,42% 56%,12% 26%,26% 12%,42% 36%)}.pass-page .pass-quest-copy strong{color:#f0f6ff;font-size:12px;line-height:1.08}.pass-page .pass-quest-copy span{color:#9aaabd;font-size:10px}.pass-page .pass-quest-progress>strong{color:#cbd7e5;font-size:12px}.pass-page .pass-quest-progress div{height:4px;background:#132238}.pass-page .pass-quest-progress div span{background:linear-gradient(90deg,#f59e0b,#ffb21f)}.pass-page .pass-quest-row em{min-height:27px;border-radius:5px;color:#39a9ff;font-size:10px}.pass-page{padding:14px 32px 42px;background:radial-gradient(circle at 50% -18%,rgb(0 156 255 / .16),transparent 31%),radial-gradient(circle at 8% 4%,rgb(1 78 128 / .18),transparent 28%),linear-gradient(180deg,#010712,#031020 46%,#010610)}.pass-page .pass-shell{width:min(1328px,calc(100vw - 64px));filter:drop-shadow(0 22px 46px rgb(0 0 0 / .2))}.pass-page .pass-hero-card{min-height:196px;margin-bottom:24px;padding:18px 34px 16px;border:1px solid rgb(62 119 169 / .5);border-radius:8px;background:linear-gradient(180deg,#051428fa,#040e1ef5),radial-gradient(circle at 94% 8%,rgb(33 150 243 / .2),transparent 30%);box-shadow:0 18px 48px #00000052,inset 0 1px #ffffff12,inset 0 0 28px #3399ff0d}.pass-page .pass-head{min-height:82px;margin-bottom:15px}.pass-page .custom-kicker{color:#41caff;font-size:12px;font-weight:900}.pass-page .pass-head h3{margin-top:4px;color:#f6fbff;font-size:28px;line-height:1.05;text-shadow:0 0 18px rgb(85 190 255 / .16)}.pass-page .pass-season-dates{margin-top:12px;color:#afbdcb;font-size:13px;font-weight:600}.pass-page .pass-level-panel{width:338px;min-width:338px;min-height:78px;padding:15px 18px;border-color:#316ba69e;border-radius:8px;background:linear-gradient(180deg,#07172ffa,#051023f5),radial-gradient(circle at 100% 0,rgb(30 144 255 / .13),transparent 45%);box-shadow:0 12px 28px #0000003d,inset 0 1px #ffffff0d}.pass-page .pass-level-panel strong{font-size:24px;font-weight:950}.pass-page .pass-level-meter{height:8px;border-radius:999px;background:#0d1f39f5;box-shadow:inset 0 1px 3px #0000006b}.pass-page .pass-level-meter span{background:linear-gradient(90deg,#008dff,#23ccff);box-shadow:0 0 16px #23ccff80}.pass-page .pass-level-panel em{justify-self:center;width:100%;margin-top:1px;color:#a8b7c8;font-size:12px}.pass-page .pass-upgrade-band{height:66px;min-height:66px;padding:13px 16px;border-color:#23a4eb7a;border-radius:8px;background:linear-gradient(90deg,#0369a15c,#041831eb),radial-gradient(circle at 0 50%,rgb(37 211 255 / .12),transparent 28%);box-shadow:0 14px 34px #0000003d,inset 0 1px #ffffff12}.pass-page .pass-upgrade-band strong{font-size:14px;font-weight:900}.pass-page .pass-upgrade-band span{color:#acbbcb;font-size:12px}.pass-page .pass-upgrade-band .auth-submit{align-self:center;min-width:88px;min-height:36px;border-radius:7px;box-shadow:0 8px 20px #0055b457}.pass-page .pass-membership-icon{width:36px;border-radius:7px;box-shadow:0 0 18px #00aeff2e}.pass-page .pass-reward-track{margin-top:-8px}.pass-page .pass-reward-track .pass-section-head{min-height:28px;margin:0 0 8px}.pass-page .pass-track-tools span{color:#b8c5d4;font-size:11px;font-weight:900}.pass-page .pass-reward-scroll{--pass-level-row-height: 34px;--pass-free-row-height: 152px;--pass-divider-height: 42px;--pass-premium-row-height: 152px;--pass-track-gap: 8px;grid-template-columns:112px minmax(0,1fr);gap:10px;padding:0 0 4px}.pass-page .pass-reward-scroll:before{border-block-color:rgb(255 255 255 / .15);background:linear-gradient(45deg,rgb(224 231 240 / .86) 25%,transparent 25%),linear-gradient(-45deg,rgb(224 231 240 / .86) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(224 231 240 / .86) 75%),linear-gradient(-45deg,transparent 75%,rgb(224 231 240 / .86) 75%),#111b2d;background-position:0 0,0 21px,21px -21px,-21px 0;background-size:42px 42px;opacity:.68;box-shadow:inset 0 5px 8px #0000003d,inset 0 -5px 8px #0000003d}.pass-page .pass-track-lane-labels span{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:14px 10px;border-radius:8px;font-size:13px;font-weight:950;letter-spacing:0;box-shadow:0 12px 26px #0000003d,inset 0 1px #ffffff0f}.pass-page .pass-track-lane-labels span:first-child:after{width:30px;height:40px;margin-top:0}.pass-page .pass-track-lane-labels span:nth-child(2){border:2px solid rgb(244 184 52 / .68);background:linear-gradient(180deg,#2a1f0cf5,#0a111dfa),radial-gradient(circle at 50% 16%,rgb(250 204 21 / .22),transparent 54%);box-shadow:0 0 24px #f59e0b2b,inset 0 0 0 1px #ffe88f1f}.pass-page .pass-track-lane-labels span:nth-child(2):after{width:35px;height:30px;margin-top:0}.pass-page .pass-reward-level-track,.pass-page .pass-reward-column{gap:8px}.pass-page .pass-reward-level{border-radius:7px;background:linear-gradient(180deg,#0b1930fa,#061021fa);border-color:#3468a08a;box-shadow:inset 0 1px #ffffff0f;font-size:12px;font-weight:950}.pass-page .pass-reward-card{grid-template-rows:minmax(74px,1fr) 30px 17px;justify-items:center;align-items:center;gap:4px;padding:14px 12px 12px;border:1px solid rgb(54 122 181 / .58);border-radius:8px;background:linear-gradient(180deg,#0b2749f5,#051123fa),radial-gradient(circle at 50% 10%,rgb(56 189 248 / .18),transparent 58%);box-shadow:0 14px 30px #0000004d,inset 0 1px #ffffff0f}.pass-page .pass-reward-card-premium{border:2px solid rgb(245 176 36 / .86);background:linear-gradient(180deg,#37270dfa,#090f19fa),radial-gradient(circle at 50% 7%,rgb(255 210 77 / .32),transparent 62%);box-shadow:0 0 0 1px #ffeca41a,0 0 28px #f59e0b3b,0 16px 34px #0000005c,inset 0 1px #fff4bf29}.pass-page .pass-reward-card-empty{border-style:solid;border-color:#35699770;color:#b4c2d2;background:linear-gradient(180deg,#081930b8,#040d1cd1),radial-gradient(circle at 50% 20%,rgb(73 154 214 / .11),transparent 60%)}.pass-page .pass-reward-card-premium.pass-reward-card-empty{border-color:#e2a931bd;box-shadow:0 0 20px #f59e0b29,0 14px 30px #00000047,inset 0 1px #fff4bf1f}.pass-page .pass-reward-visual{width:min(86px,72%);max-width:86px;align-self:center}.pass-page .pass-reward-card-empty .pass-reward-visual{display:grid}.pass-page .pass-reward-visual-empty:before{inset:12px;border:1px solid rgb(106 150 190 / .32);border-radius:8px;background:#08122347}.pass-page .pass-reward-card strong{align-self:end;min-height:28px;color:#f7fbff;font-size:13px;font-weight:950;line-height:1.08;text-shadow:0 1px 8px rgb(0 0 0 / .28)}.pass-page .pass-reward-card-empty strong{align-self:end;color:#c2cfdd;font-size:14px;font-weight:700}.pass-page .pass-reward-card em{align-self:start;color:#a0aebe;font-size:10px;font-weight:600}.pass-page .pass-reward-visual-coins:before{inset:5px}.pass-page .pass-reward-visual-profile:before,.pass-page .pass-reward-visual-board:before,.pass-page .pass-reward-visual-pieces:before{inset:5px}.pass-page .pass-reward-visual-tail:before{width:80px;height:25px}.pass-page .pass-reward-visual-title:before,.pass-page .pass-reward-visual-cosmetic:before{width:50px;height:56px;box-shadow:0 0 16px #facc156b,0 8px 14px #00000052}.pass-page .pass-reward-column-current:after{top:calc(var(--pass-divider-top) - 10px);width:38px;height:58px;filter:drop-shadow(0 5px 5px rgb(0 0 0 / .42)) drop-shadow(0 0 13px rgb(250 204 21 / .95))}.pass-page .pass-reward-column-current:before{content:"";position:absolute;left:50%;top:calc(var(--pass-divider-top) + 26px);z-index:8;width:62px;height:12px;transform:translate(-50%);border-radius:50%;background:#0000005c;filter:blur(5px);pointer-events:none}.pass-page .pass-collect-all{width:304px;min-height:46px;margin:18px auto 0;border:1px solid rgb(66 157 255 / .72);border-radius:8px;background:linear-gradient(180deg,#0e74dc,#084596);box-shadow:0 12px 28px #004eac57,inset 0 1px #ffffff26;font-size:14px}.pass-page .pass-collect-all:hover:not(:disabled),.pass-page .pass-collect-all:focus-visible:not(:disabled){box-shadow:0 14px 32px #0068dc66,0 0 20px #40a9ff38,inset 0 1px #ffffff2e}.pass-page .pass-quests{gap:14px;margin-top:18px}.pass-page .pass-quest-panel{padding:16px;border:1px solid rgb(58 111 165 / .44);border-radius:8px;background:linear-gradient(180deg,#07182ff2,#051022f7),radial-gradient(circle at 100% 0,rgb(39 148 255 / .1),transparent 38%);box-shadow:0 14px 34px #00000047,inset 0 1px #ffffff0f}.pass-page .pass-quest-panel .pass-section-head{align-items:center;margin-bottom:13px}.pass-page .pass-quest-panel .pass-section-head strong{color:#1ea7ff;font-size:14px;font-weight:950}.pass-page .pass-reset-note{margin-left:auto;color:#95a4b7;font-size:10px;font-weight:800;text-align:right}.pass-page .pass-quest-list{gap:10px}.pass-page .pass-quest-row{grid-template-columns:46px minmax(0,1fr) minmax(96px,124px) 82px;min-height:70px;gap:12px;padding:11px;border:1px solid rgb(51 103 153 / .36);border-radius:8px;background:linear-gradient(180deg,#081931f5,#061226fa),radial-gradient(circle at 0 0,rgb(58 137 205 / .12),transparent 42%);box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff0d}.pass-page .pass-quest-icon{width:44px;border-radius:8px}.pass-page .pass-quest-icon:before{width:25px;height:28px}.pass-page .pass-quest-copy{gap:5px}.pass-page .pass-quest-copy strong{font-size:13px;font-weight:900}.pass-page .pass-quest-copy span{color:#9eacbd;font-size:11px;line-height:1.2}.pass-page .pass-quest-progress{align-self:center;gap:7px}.pass-page .pass-quest-progress>strong{font-size:12px;font-weight:800}.pass-page .pass-quest-progress div{height:6px;box-shadow:inset 0 1px 3px #0000005c}.pass-page .pass-quest-row-daily .pass-quest-progress div span,.pass-page .pass-quest-row-weekly .pass-quest-progress div span{background:linear-gradient(90deg,#118cff,#23c8ff)}.pass-page .pass-quest-row-seasonal .pass-quest-progress div span{background:linear-gradient(90deg,#f59e0b,#ffb21f);box-shadow:0 0 10px #f59e0b59}.pass-page .pass-quest-row em{min-height:31px;padding:0 10px;border-color:#2583df6b;border-radius:7px;background:linear-gradient(180deg,#08315f99,#051833bd);box-shadow:inset 0 1px #ffffff0f;color:#47b3ff;font-size:11px;font-weight:950}@media(max-width:980px){.pass-page .pass-shell{width:min(100%,calc(100vw - 28px))}.pass-page .pass-reward-scroll{grid-template-columns:94px minmax(0,1fr);overflow-x:auto;padding-bottom:8px}.pass-page .pass-reward-level-track{grid-template-columns:none;grid-auto-columns:minmax(154px,176px);overflow-x:visible}.pass-page .pass-quests{grid-template-columns:1fr}}@media(max-width:620px){.pass-page{padding:14px}.pass-page .pass-hero-card{padding:16px}.pass-page .pass-level-panel{width:100%;min-width:0}.pass-page .pass-reward-scroll{grid-template-columns:1fr}.pass-page .pass-track-lane-labels{display:none}.pass-page .pass-quest-row{grid-template-columns:44px minmax(0,1fr)}.pass-page .pass-quest-progress,.pass-page .pass-quest-row em{grid-column:2}}@media(max-width:980px){.custom-layout,.pass-track-grid,.pass-quests{grid-template-columns:1fr}.custom-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-piece-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.pass-reward-level-track{grid-auto-columns:minmax(158px,190px)}.pass-reward-scroll{grid-template-columns:82px minmax(0,1fr)}.pass-quest-row{grid-template-columns:40px minmax(0,1fr)}.pass-quest-progress,.pass-quest-row em{grid-column:2}}@media(max-width:620px){.custom-page,.pass-page{padding:14px}.custom-head,.pass-head,.pass-section-head{align-items:stretch;flex-direction:column}.pass-head,.pass-section-head{display:grid}.pass-level-panel{min-width:0;width:100%}.pass-upgrade-band{grid-template-columns:32px minmax(0,1fr)}.pass-upgrade-band .auth-submit{grid-column:1 / -1}.custom-item-card,.pass-reward-card{grid-template-columns:1fr}.custom-profile-preview-body{grid-template-columns:1fr;align-items:start}.custom-profile-preview-avatar-shell{width:112px}.custom-piece-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.pass-reward-scroll{grid-template-columns:1fr}.pass-track-lane-labels{grid-template-rows:138px 138px}.pass-reward-level-track{grid-auto-columns:minmax(150px,82vw)}.pass-section-head>div:first-child{grid-template-columns:22px minmax(0,1fr)}.pass-track-tools{justify-content:space-between}.pass-track-tools span,.pass-reset-note{text-align:left}.pass-quest-row{grid-template-columns:36px minmax(0,1fr);gap:10px}.pass-quest-progress,.pass-quest-row em{grid-column:1 / -1}}.pass-page{padding-top:10px}.pass-page .pass-hero-card{min-height:204px;margin-bottom:20px;padding:20px 36px 18px;box-shadow:0 20px 54px #00000061,inset 0 1px #ffffff14,inset 0 0 34px #38bdf80f}.pass-page .pass-head{min-height:88px;margin-bottom:18px}.pass-page .pass-head h3{font-size:30px;font-weight:1000}.pass-page .pass-season-dates{margin-top:14px}.pass-page .pass-level-panel{min-height:84px;padding:17px 20px}.pass-page .pass-level-meter{height:10px}.pass-page .pass-level-panel em{align-self:center;margin-top:2px}.pass-page .pass-upgrade-band{grid-template-columns:42px minmax(0,1fr) auto;height:70px;min-height:70px;gap:14px;padding:14px 18px 14px 20px;background:linear-gradient(90deg,#057fbe70,#041831f2),radial-gradient(circle at 0 50%,rgb(37 211 255 / .2),transparent 30%)}.pass-page .pass-membership-icon{width:40px}.pass-page .pass-upgrade-band .auth-submit{min-height:36px;align-self:center}.pass-page .pass-reward-track{margin-top:-10px}.pass-page .pass-reward-track .pass-section-head{min-height:24px;margin-bottom:6px}.pass-page .pass-reward-scroll{--pass-level-row-height: 27px;--pass-free-row-height: 130px;--pass-divider-height: 34px;--pass-premium-row-height: 130px;--pass-track-gap: 6px;grid-template-columns:92px minmax(0,1fr);gap:7px}.pass-page .pass-reward-scroll:before{background-position:0 0,0 17px,17px -17px,-17px 0;background-size:34px 34px;box-shadow:inset 0 4px 7px #00000047,inset 0 -4px 7px #00000047}.pass-page .pass-track-lane-labels span{gap:7px;padding:9px 7px;border-radius:7px;font-size:13px}.pass-page .pass-track-lane-labels span:first-child:after{width:34px;height:45px}.pass-page .pass-track-lane-labels span:nth-child(2):after{width:39px;height:34px}.pass-page .pass-reward-level-track,.pass-page .pass-reward-column{gap:6px}.pass-page .pass-reward-level{min-height:27px;border-radius:6px;font-size:11px}.pass-page .pass-reward-card{grid-template-rows:minmax(78px,1fr) 21px 13px;gap:1px;padding:10px 9px 8px;border-radius:7px;box-shadow:0 16px 32px #00000057,inset 0 1px #ffffff12}.pass-page .pass-reward-card-premium{border-color:#ffc539fa;background:linear-gradient(180deg,#47300cfa,#080e17fc),radial-gradient(circle at 50% 2%,rgb(255 224 112 / .42),transparent 64%),linear-gradient(135deg,rgb(255 255 255 / .06),transparent 38%);box-shadow:0 0 0 1px #fff5c32e,0 0 34px #f59e0b57,0 18px 36px #0000006b,inset 0 1px #fff4bf33,inset 0 -18px 28px #78350f26}.pass-page .pass-reward-card-premium.pass-reward-card-empty{border-color:#ffc539e6;box-shadow:0 0 28px #f59e0b47,0 16px 32px #0000005c,inset 0 1px #fff4bf29}.pass-page .pass-reward-visual{width:min(112px,86%);max-width:112px}.pass-page .pass-reward-card-empty .pass-reward-visual{width:48px;max-width:48px}.pass-page .pass-reward-visual-empty:before{inset:16px;border-color:#6a96be2e;opacity:.72}.pass-page .pass-reward-card strong{min-height:20px;font-size:14px;line-height:1.02}.pass-page .pass-reward-card-empty strong{align-self:center;color:#abb9c8;font-size:13px;font-weight:650}.pass-page .pass-reward-card em{font-size:9px;font-weight:500}.pass-page .pass-reward-visual-coins:before{inset:1px}.pass-page .pass-reward-visual-coins:after{width:34px;height:34px}.pass-page .pass-reward-visual-profile:before,.pass-page .pass-reward-visual-board:before,.pass-page .pass-reward-visual-pieces:before{inset:1px}.pass-page .pass-reward-visual-pieces:after{width:48px;height:48px}.pass-page .pass-reward-visual-tail:before{width:104px;height:32px}.pass-page .pass-reward-visual-title:before,.pass-page .pass-reward-visual-cosmetic:before{width:64px;height:70px}.pass-page .pass-reward-column-current:after{top:calc(var(--pass-divider-top) - 9px);width:32px;height:49px}.pass-page .pass-reward-column-current:before{top:calc(var(--pass-divider-top) + 20px);width:56px;height:10px}.pass-page .pass-collect-all{width:336px;min-height:42px;margin-top:14px;border-radius:10px;background:linear-gradient(180deg,#1595ff,#0a62c8 47%,#063579);box-shadow:0 16px 34px #0061cf7a,0 0 24px #2aa9ff38,inset 0 1px #fff3}.pass-page .pass-quests{gap:12px;margin-top:15px}.pass-page .pass-quest-panel{padding:13px;box-shadow:0 16px 34px #00000057,inset 0 1px #ffffff12}.pass-page .pass-quest-panel .pass-section-head{margin-bottom:9px}.pass-page .pass-quest-panel .pass-section-head strong{font-size:13px}.pass-page .pass-quest-list{gap:8px}.pass-page .pass-quest-row{grid-template-columns:40px minmax(0,1fr) minmax(92px,118px) 78px;min-height:60px;gap:9px;padding:8px;box-shadow:0 12px 24px #00000047,inset 0 1px #ffffff0f}.pass-page .pass-quest-icon{width:38px}.pass-page .pass-quest-icon:before{width:23px;height:25px}.pass-page .pass-quest-copy{gap:3px}.pass-page .pass-quest-copy strong{font-size:13px}.pass-page .pass-quest-copy span{font-size:10px}.pass-page .pass-quest-progress{gap:5px}.pass-page .pass-quest-progress div{height:7px}.pass-page .pass-quest-row em{align-self:center;min-height:29px;font-size:10px}.pass-page{background:radial-gradient(circle at 50% -18%,rgb(0 156 255 / .18),transparent 29%),radial-gradient(circle at 8% 3%,rgb(0 99 168 / .2),transparent 27%),linear-gradient(180deg,#00050e,#020d1b 48%,#00040c)}.pass-page .pass-hero-card{min-height:212px;margin-bottom:18px;padding-top:22px;padding-bottom:19px;box-shadow:0 24px 62px #00000075,0 0 34px #008cff14,inset 0 1px #ffffff1a,inset 0 -22px 42px #0005122e}.pass-page .pass-head{min-height:92px;margin-bottom:20px}.pass-page .pass-head h3{font-size:31px;font-weight:1000}.pass-page .pass-season-dates{margin-top:16px}.pass-page .pass-level-panel{min-height:86px;padding:18px 21px;box-shadow:0 16px 36px #00000057,inset 0 1px #ffffff14,inset 0 0 22px #009dff0f}.pass-page .pass-level-meter{height:11px}.pass-page .pass-upgrade-band{grid-template-columns:46px minmax(0,1fr) auto;gap:15px;padding-left:24px;background:linear-gradient(90deg,#008bd285,#03162ffa),radial-gradient(circle at 0 50%,rgb(45 220 255 / .26),transparent 32%);box-shadow:0 18px 42px #00000057,0 0 24px #009dff1a,inset 0 1px #ffffff17}.pass-page .pass-membership-icon{width:43px}.pass-page .pass-upgrade-band .auth-submit{min-width:92px;min-height:36px;border-color:#429dffb8;border-radius:9px;background:linear-gradient(180deg,#1595ff,#0a62c8 48%,#063579);box-shadow:0 12px 26px #0061cf6b,0 0 18px #2aa9ff2e,inset 0 1px #ffffff2e}.pass-page .pass-reward-track{margin-top:-12px}.pass-page .pass-reward-scroll{--pass-level-row-height: 24px;--pass-free-row-height: 120px;--pass-divider-height: 31px;--pass-premium-row-height: 120px;--pass-track-gap: 5px;grid-template-columns:88px minmax(0,1fr);gap:6px}.pass-page .pass-reward-scroll:before{background-position:0 0,0 15.5px,15.5px -15.5px,-15.5px 0;background-size:31px 31px;opacity:.7}.pass-page .pass-track-lane-labels span{padding:7px 6px;border-radius:6px}.pass-page .pass-track-lane-labels span:first-child{border-color:#4aa8ec8c;background:linear-gradient(180deg,#0b2b4ffa,#041124fa),radial-gradient(circle at 50% 12%,rgb(58 190 255 / .2),transparent 58%)}.pass-page .pass-track-lane-labels span:first-child:after{width:36px;height:47px}.pass-page .pass-track-lane-labels span:nth-child(2){border-color:#ffcc4cdb;box-shadow:0 0 28px #f59e0b47,0 14px 30px #0000004d,inset 0 0 0 1px #fff4bf29}.pass-page .pass-track-lane-labels span:nth-child(2):after{width:41px;height:35px}.pass-page .pass-reward-level-track,.pass-page .pass-reward-column{gap:5px}.pass-page .pass-reward-level{min-height:24px;border-radius:5px;line-height:1}.pass-page .pass-reward-card{grid-template-rows:minmax(76px,1fr) 19px 12px;gap:0;padding:8px 8px 7px;background:linear-gradient(180deg,#0d345dfa,#051225fc),radial-gradient(circle at 50% 4%,rgb(70 201 255 / .26),transparent 62%);border-color:#479bdab8;box-shadow:0 18px 36px #0006,0 0 18px #0095ff14,inset 0 1px #ffffff14,inset 0 -14px 24px #00061429}.pass-page .pass-reward-card-premium{border-color:#ffd559;background:linear-gradient(180deg,#5c3d0cfc,#0e1117fc),radial-gradient(circle at 50% 0,rgb(255 236 150 / .48),transparent 58%),linear-gradient(145deg,rgb(255 255 255 / .09),transparent 36%);box-shadow:0 0 0 1px #fff9db3d,0 0 42px #f59e0b73,0 22px 44px #0000007a,inset 0 1px #fff9db3d,inset 0 -20px 34px #78350f3d}.pass-page .pass-reward-card-premium.pass-reward-card-empty{border-color:#ffd559eb;background:linear-gradient(180deg,#32250deb,#080e18f5),radial-gradient(circle at 50% 4%,rgb(255 218 93 / .24),transparent 62%);box-shadow:0 0 36px #f59e0b57,0 18px 36px #0000006b,inset 0 1px #fff4bf2e}.pass-page .pass-reward-visual{width:min(124px,94%);max-width:124px}.pass-page .pass-reward-card-empty .pass-reward-visual{width:42px;max-width:42px}.pass-page .pass-reward-visual-empty:before{inset:17px;border-color:#6a96be1f}.pass-page .pass-reward-card strong{min-height:18px;font-size:14.5px;line-height:1}.pass-page .pass-reward-card-empty strong{color:#a8b5c4;font-weight:600}.pass-page .pass-reward-card em{font-size:8.5px;color:#99a8b8}.pass-page .pass-reward-visual-coins:before,.pass-page .pass-reward-visual-profile:before,.pass-page .pass-reward-visual-board:before,.pass-page .pass-reward-visual-pieces:before{inset:0}.pass-page .pass-reward-visual-tail:before{width:116px;height:35px}.pass-page .pass-reward-visual-title:before,.pass-page .pass-reward-visual-cosmetic:before{width:70px;height:76px}.pass-page .pass-reward-column-current:after{top:calc(var(--pass-divider-top) - 7px);width:29px;height:45px;filter:drop-shadow(0 6px 5px rgb(0 0 0 / .5)) drop-shadow(0 0 15px rgb(255 216 91 / .96))}.pass-page .pass-reward-column-current:before{top:calc(var(--pass-divider-top) + 18px);width:58px;height:11px;background:#ffbe2c2e;filter:blur(7px)}.pass-page .pass-collect-all{width:354px;min-height:41px;margin-top:12px;border-color:#6cbcffd1;background:linear-gradient(180deg,#1fb2ff,#0b70dc 46%,#052f76);box-shadow:0 18px 38px #0068dc8f,0 0 32px #2aa9ff47,inset 0 1px #ffffff3d}.pass-page .pass-collect-icon{width:19px;height:17px}.pass-page .pass-quests{margin-top:12px}.pass-page .pass-quest-panel{padding:11px 12px;box-shadow:0 18px 36px #00000061,0 0 18px #0091ff0f,inset 0 1px #ffffff14}.pass-page .pass-quest-panel .pass-section-head{margin-bottom:7px}.pass-page .pass-quest-row{min-height:55px;padding:7px;gap:8px;box-shadow:0 14px 28px #00000052,inset 0 1px #ffffff12}.pass-page .pass-quest-icon{width:36px}.pass-page .pass-quest-copy strong{line-height:1}.pass-page .pass-quest-progress div{height:8px}.pass-page .pass-quest-row em{min-height:28px}.pass-page{background:radial-gradient(circle at 50% -20%,rgb(0 144 255 / .16),transparent 28%),radial-gradient(circle at 8% 2%,rgb(0 92 156 / .18),transparent 26%),linear-gradient(180deg,#00040b,#020b18 48%,#00030a)}.pass-page .pass-hero-card{min-height:220px;padding-top:24px;padding-bottom:21px;box-shadow:0 28px 68px #00000080,0 0 34px #0086ff1a,inset 0 1px #ffffff1c,inset 0 -24px 44px #00051238}.pass-page .pass-head{min-height:98px;margin-bottom:23px}.pass-page .pass-season-dates{margin-top:18px}.pass-page .pass-upgrade-band{grid-template-columns:49px minmax(0,1fr) auto;gap:16px;padding-left:28px}.pass-page .pass-membership-icon{width:46px}.pass-page .pass-upgrade-band .auth-submit{align-self:center;justify-self:end}.pass-page .pass-reward-scroll{--pass-level-row-height: 22px;--pass-free-row-height: 118px;--pass-divider-height: 28px;--pass-premium-row-height: 118px;--pass-track-gap: 5px}.pass-page .pass-reward-scroll:before{background:linear-gradient(45deg,rgb(239 244 250 / .9) 25%,transparent 25%),linear-gradient(-45deg,rgb(239 244 250 / .9) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(239 244 250 / .9) 75%),linear-gradient(-45deg,transparent 75%,rgb(239 244 250 / .9) 75%),#0e1728;background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px;opacity:.74}.pass-page .pass-reward-level{min-height:22px;border-width:1px;border-color:#457db46b;border-radius:4px;font-size:11px;line-height:1}.pass-page .pass-reward-card{display:grid;grid-template-rows:auto auto auto;align-content:center;justify-items:center;gap:2px;padding:9px 9px 8px;border-radius:7px;background:linear-gradient(180deg,#0c3058fc,#041226fc),radial-gradient(circle at 50% 0,rgb(82 205 255 / .24),transparent 60%);border-color:#4ea4e2c2;box-shadow:0 20px 40px #0000006e,0 0 20px #0095ff1a,inset 0 1px #ffffff17,inset 0 -14px 24px #0006142e}.pass-page .pass-reward-card-premium{border-color:#ffda60;background:linear-gradient(180deg,#65440dfc,#0d1017fc),radial-gradient(circle at 50% 0,rgb(255 238 160 / .52),transparent 58%),linear-gradient(145deg,rgb(255 255 255 / .1),transparent 36%);box-shadow:0 0 0 1px #fffae042,0 0 46px #f59e0b7a,0 24px 48px #00000085,inset 0 1px #fffae042,inset 0 -22px 36px #78350f42}.pass-page .pass-reward-card-premium.pass-reward-card-empty{border-color:#ffda60f0;box-shadow:0 0 38px #f59e0b5c,0 20px 40px #00000075,inset 0 1px #fff4bf33}.pass-page .pass-reward-visual{width:76px;max-width:70%;aspect-ratio:1;align-self:center}.pass-page .pass-reward-visual-coins:before,.pass-page .pass-reward-visual-profile:before,.pass-page .pass-reward-visual-board:before,.pass-page .pass-reward-visual-pieces:before{inset:6px}.pass-page .pass-reward-visual-coins:after{width:25px;height:25px}.pass-page .pass-reward-visual-pieces:after{width:34px;height:34px}.pass-page .pass-reward-visual-tail:before{width:72px;height:23px}.pass-page .pass-reward-visual-title:before,.pass-page .pass-reward-visual-cosmetic:before{width:48px;height:54px}.pass-page .pass-reward-card-empty{align-content:center}.pass-page .pass-reward-card-empty .pass-reward-visual{display:none}.pass-page .pass-reward-card strong{min-height:17px;align-self:center;color:#f8fbff;font-size:15px;font-weight:1000;line-height:1.02}.pass-page .pass-reward-card-empty strong{color:#aebac8;font-size:13px;font-weight:600}.pass-page .pass-reward-card em{align-self:center;color:#96a6b7;font-size:8px;font-weight:500;line-height:1.05}.pass-page .pass-reward-column-current:after{top:calc(var(--pass-divider-top) - 6px);width:27px;height:42px;filter:drop-shadow(0 5px 5px rgb(0 0 0 / .46)) drop-shadow(0 0 11px rgb(255 218 96 / .72))}.pass-page .pass-reward-column-current:before{top:calc(var(--pass-divider-top) + 17px);width:52px;height:9px;background:#ffcd5224;filter:blur(8px)}.pass-page .pass-collect-all{width:370px;box-shadow:0 20px 42px #0068dc9e,0 0 36px #2aa9ff52,inset 0 1px #ffffff42}.pass-page .pass-quest-panel{padding:10px 12px;box-shadow:0 20px 40px #0006,0 0 18px #0091ff12,inset 0 1px #ffffff14}.pass-page .pass-quest-row{min-height:52px;padding:6px 7px;align-items:center}.pass-page .pass-quest-icon{width:34px}.pass-page .pass-quest-row em{align-self:center}.pass-page{background:radial-gradient(circle at 50% -22%,rgb(0 138 255 / .17),transparent 28%),radial-gradient(circle at 7% 0%,rgb(0 87 148 / .18),transparent 26%),linear-gradient(180deg,#00030a,#020a16 46%,#000208)}.pass-page .pass-shell{filter:drop-shadow(0 24px 54px rgb(0 0 0 / .28)) drop-shadow(0 0 24px rgb(0 132 255 / .06))}.pass-page .pass-hero-card{min-height:226px;padding:25px 38px 23px;border-color:#4787be8a;box-shadow:0 30px 76px #00000085,0 0 38px #0084ff1a,inset 0 1px #ffffff1f,inset 0 -26px 48px #00051240}.pass-page .pass-head{min-height:102px;margin-bottom:25px}.pass-page .pass-head h3{font-size:32px}.pass-page .pass-season-dates{margin-top:19px}.pass-page .pass-level-panel{min-height:90px;padding:19px 22px;box-shadow:0 18px 42px #00000061,0 0 20px #008eff14,inset 0 1px #ffffff1a,inset 0 -16px 30px #0005122e}.pass-page .pass-level-panel strong{font-size:26px}.pass-page .pass-level-meter{height:12px}.pass-page .pass-level-panel em{align-self:center}.pass-page .pass-upgrade-band{grid-template-columns:52px minmax(0,1fr) auto;gap:17px;padding-left:30px;border-color:#2ab1f68f;background:linear-gradient(90deg,#0086ce8f,#03152dfc),radial-gradient(circle at 0 50%,rgb(45 220 255 / .3),transparent 33%),linear-gradient(180deg,rgb(255 255 255 / .05),transparent 44%);box-shadow:0 20px 48px #00000061,0 0 28px #009dff1f,inset 0 1px #ffffff1c}.pass-page .pass-membership-icon{width:48px;box-shadow:0 0 22px #00aeff3d,inset 0 1px #ffffff1f}.pass-page .pass-reward-track{margin-top:-13px}.pass-page .pass-reward-track .pass-section-head{margin-bottom:5px}.pass-page .pass-reward-scroll{--pass-level-row-height: 21px;--pass-free-row-height: 116px;--pass-divider-height: 27px;--pass-premium-row-height: 116px;--pass-track-gap: 5px}.pass-page .pass-reward-scroll:before{background:linear-gradient(45deg,rgb(245 249 253 / .92) 25%,transparent 25%),linear-gradient(-45deg,rgb(245 249 253 / .92) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(245 249 253 / .92) 75%),linear-gradient(-45deg,transparent 75%,rgb(245 249 253 / .92) 75%),#0b1424;background-position:0 0,0 13.5px,13.5px -13.5px,-13.5px 0;background-size:27px 27px;box-shadow:inset 0 5px 8px #00000057,inset 0 -5px 8px #00000057,0 -5px 12px #00000029,0 5px 12px #0000002e}.pass-page .pass-reward-level{min-height:21px;border-color:#4a84b85c;border-radius:4px;font-size:10px}.pass-page .pass-reward-card{align-content:center;gap:2px;padding:7px 8px;border-color:#53abeac7;background:linear-gradient(180deg,#0d3763fc,#041226fc),radial-gradient(circle at 50% 0,rgb(93 211 255 / .28),transparent 61%),linear-gradient(145deg,rgb(255 255 255 / .045),transparent 40%);box-shadow:0 21px 42px #00000073,0 0 22px #0095ff1c,inset 0 1px #ffffff1a,inset 0 -16px 26px #00061433}.pass-page .pass-reward-card-premium{border-color:#ffde6b;background:radial-gradient(circle at 18% 0,rgb(255 247 199 / .22),transparent 29%),radial-gradient(circle at 82% 0,rgb(255 204 76 / .2),transparent 27%),linear-gradient(180deg,#6f490cfc,#0e1016fc),radial-gradient(circle at 50% 0,rgb(255 239 166 / .55),transparent 58%);box-shadow:0 0 0 1px #fffae04d,0 0 50px #f59e0b85,0 26px 52px #0000008f,inset 0 1px #fffae04d,inset 0 -24px 38px #78350f4d}.pass-page .pass-reward-card-premium.pass-reward-card-empty{border-color:#ffde6bf0;background:linear-gradient(180deg,#37280df2,#080e17f7),radial-gradient(circle at 50% 4%,rgb(255 222 107 / .28),transparent 62%)}.pass-page .pass-reward-visual{width:70px;max-width:68%}.pass-page .pass-reward-visual-coins:before,.pass-page .pass-reward-visual-profile:before,.pass-page .pass-reward-visual-board:before,.pass-page .pass-reward-visual-pieces:before{inset:5px}.pass-page .pass-reward-visual-tail:before{width:68px;height:21px}.pass-page .pass-reward-visual-title:before,.pass-page .pass-reward-visual-cosmetic:before{width:44px;height:50px}.pass-page .pass-reward-card strong{min-height:16px;font-size:15px;line-height:1}.pass-page .pass-reward-card em{font-size:8px;opacity:.84}.pass-page .pass-reward-card-empty strong{color:#b2bdca;font-weight:580}.pass-page .pass-reward-column-current:after{top:calc(var(--pass-divider-top) - 5px);width:26px;height:40px;filter:drop-shadow(0 5px 5px rgb(0 0 0 / .42)) drop-shadow(0 0 10px rgb(255 218 96 / .58))}.pass-page .pass-reward-column-current:before{top:calc(var(--pass-divider-top) + 16px);width:50px;height:8px;background:#ffcd521f}.pass-page .pass-collect-all{width:382px;margin-top:10px;border-radius:11px;background:linear-gradient(180deg,#24baff,#0b72df 45%,#052b70);box-shadow:0 22px 46px #0068dca8,0 0 42px #2aa9ff57,inset 0 1px #ffffff47}.pass-page .pass-collect-icon{width:20px;height:18px}.pass-page .pass-quests{margin-top:10px}.pass-page .pass-quest-panel{padding:9px 11px;box-shadow:0 22px 44px #0000006b,0 0 20px #0091ff14,inset 0 1px #ffffff17}.pass-page .pass-quest-row{min-height:50px;padding:6px}.pass-page .pass-quest-icon{width:33px}.pass-page .pass-quest-copy strong{font-weight:950}.pass-page .pass-quest-progress div{height:9px}.pass-page .pass-quest-row em{min-height:27px}.pass-page .pass-hero-card{min-height:232px;padding-top:27px;padding-bottom:24px;background:linear-gradient(180deg,#051428fb,#030d1dfa),radial-gradient(circle at 94% 6%,rgb(63 174 255 / .18),transparent 30%),linear-gradient(135deg,rgb(255 255 255 / .04),transparent 42%);box-shadow:0 32px 82px #0000008a,0 0 34px #0084ff14,inset 0 1px #ffffff1f,inset 0 -28px 48px #00051242}.pass-page .pass-head{min-height:106px;margin-bottom:27px}.pass-page .pass-season-dates{margin-top:20px}.pass-page .pass-level-panel{min-height:92px;padding:20px 22px;background:linear-gradient(180deg,#081a34fc,#040f22fa),radial-gradient(circle at 100% 0,rgb(45 164 255 / .12),transparent 45%),linear-gradient(135deg,rgb(255 255 255 / .045),transparent 44%)}.pass-page .pass-upgrade-band{padding-left:32px;border-color:#3eb0ee7a;background:linear-gradient(90deg,#0070b885,#03142bfc),radial-gradient(circle at 4% 50%,rgb(57 211 255 / .22),transparent 31%),linear-gradient(180deg,rgb(255 255 255 / .055),transparent 46%);box-shadow:0 20px 48px #00000061,0 0 24px #009dff1a,inset 0 1px #ffffff1f,inset 0 -18px 30px #0007182e}.pass-page .pass-membership-icon{align-self:center}.pass-page .pass-upgrade-band .auth-submit{min-width:84px;min-height:32px;border-color:#5aa1e17a;background:linear-gradient(180deg,#1f76cedb,#0d377ae0),linear-gradient(135deg,rgb(255 255 255 / .08),transparent 48%);box-shadow:0 8px 18px #003b8847,inset 0 1px #ffffff2e;color:#dbeafe}.pass-page .pass-reward-scroll:before{box-shadow:inset 0 4px 7px #00000042,inset 0 -4px 7px #00000047,0 -4px 10px #00000024,0 4px 10px #00000029}.pass-page .pass-reward-card{grid-template-rows:70px 16px 10px;align-content:center;gap:3px;padding:8px;background:linear-gradient(180deg,#0c325bfc,#041226fc),radial-gradient(circle at 50% 0,rgb(97 205 255 / .24),transparent 62%),linear-gradient(145deg,rgb(255 255 255 / .055),transparent 40%);box-shadow:0 22px 44px #00000070,0 0 20px #0095ff1a,inset 0 1px #ffffff1a,inset 0 -16px 26px #00061433}.pass-page .pass-reward-card-premium{background:radial-gradient(circle at 18% 0,rgb(255 248 210 / .2),transparent 30%),radial-gradient(circle at 82% 0,rgb(255 211 86 / .18),transparent 28%),linear-gradient(180deg,#65440efc,#0d1017fc),radial-gradient(circle at 50% 0,rgb(255 235 150 / .5),transparent 59%);border-color:#ffdc70;box-shadow:0 0 0 1px #fffae047,0 0 52px #f59e0b80,0 27px 54px #0000008f,inset 0 1px #fffae047,inset 0 -24px 38px #78350f4d}.pass-page .pass-reward-visual{align-self:center;justify-self:center;width:68px;max-width:66%}.pass-page .pass-reward-card strong,.pass-page .pass-reward-card em{align-self:center;justify-self:center}.pass-page .pass-reward-card strong{font-size:15px;font-weight:1000}.pass-page .pass-reward-card em{font-size:8px;color:#96a6b7d1}.pass-page .pass-reward-visual-asset:before,.pass-page .pass-reward-visual-asset:after{display:none}.pass-page .pass-reward-asset{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 12px rgb(0 0 0 / .34))}.pass-page .pass-reward-card-empty strong{color:#b4bfcc}.pass-page .pass-reward-column-current:after{filter:drop-shadow(0 5px 5px rgb(0 0 0 / .4)) drop-shadow(0 0 10px rgb(255 218 96 / .5))}.pass-page .pass-reward-column-current:before{background:#ffcd521a;filter:blur(8px)}.pass-page .pass-collect-all{background:linear-gradient(180deg,#21aef5,#0a70d8 45%,#052d72),linear-gradient(135deg,rgb(255 255 255 / .08),transparent 48%);box-shadow:0 22px 46px #0068dc99,0 0 40px #2aa9ff4d,inset 0 1px #ffffff42}.pass-page .pass-quests{margin-top:9px}.pass-page .pass-quest-panel{background:linear-gradient(180deg,#07182ff7,#050f20fb),radial-gradient(circle at 100% 0,rgb(39 148 255 / .09),transparent 38%),linear-gradient(135deg,rgb(255 255 255 / .035),transparent 42%)}.pass-page .pass-quest-row{grid-template-columns:33px minmax(0,1fr) minmax(92px,118px) 78px;min-height:49px;align-items:center}.pass-page .pass-quest-copy strong{font-weight:980}.pass-page .pass-quest-progress{align-self:center;gap:4px}.pass-page .pass-quest-progress div{height:9px;background:#0a192df0;box-shadow:inset 0 1px 3px #0000006b,0 0 8px #0091ff14}.pass-page .pass-quest-row em{align-self:center;justify-self:end}.pass-page .pass-reward-column-current:after{top:calc(var(--pass-divider-top) - 9px);width:34px;height:48px;background:linear-gradient(90deg,transparent 0 41%,#fff4b8 41% 47%,transparent 47% 53%,#fff4b8 53% 59%,transparent 59%),linear-gradient(180deg,transparent 0 9%,#fff4b8 9% 15%,transparent 15%),radial-gradient(circle at 50% 25%,#fff1a8 0 12%,#f7c948 13% 22%,transparent 23%),radial-gradient(ellipse at 50% 46%,#ffd86a 0 27%,#d99412 28% 45%,transparent 46%),linear-gradient(180deg,transparent 0 56%,#f6be32 57% 75%,#a65f06 76% 100%);clip-path:polygon(44% 0,56% 0,56% 10%,68% 10%,68% 20%,57% 20%,57% 31%,70% 39%,81% 56%,72% 68%,63% 67%,68% 82%,78% 87%,76% 100%,24% 100%,22% 87%,32% 82%,37% 67%,28% 68%,19% 56%,30% 39%,43% 31%,43% 20%,32% 20%,32% 10%,44% 10%);filter:drop-shadow(0 5px 4px rgb(0 0 0 / .46)) drop-shadow(0 0 10px rgb(255 218 96 / .72))}.pass-page .pass-reward-column-current:before{top:calc(var(--pass-divider-top) + 19px);width:56px;height:10px;background:#ffcd5229;filter:blur(8px)}.pass-page .pass-reward-column-current:after{top:calc(var(--pass-divider-top) - 18px);width:32px;height:52px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%20118'%20fill='none'%3e%3cdefs%3e%3cfilter%20id='shadow'%20x='-45%25'%20y='-25%25'%20width='190%25'%20height='155%25'%3e%3cfeDropShadow%20dx='0'%20dy='4'%20stdDeviation='3'%20flood-color='%23020617'%20flood-opacity='.78'/%3e%3cfeDropShadow%20dx='0'%20dy='0'%20stdDeviation='3'%20flood-color='%23bfdbfe'%20flood-opacity='.52'/%3e%3c/filter%3e%3clinearGradient%20id='white'%20x1='20'%20y1='4'%20x2='55'%20y2='112'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23ffffff'/%3e%3cstop%20offset='.18'%20stop-color='%23eaf6ff'/%3e%3cstop%20offset='.42'%20stop-color='%23aebccc'/%3e%3cstop%20offset='.66'%20stop-color='%2364748b'/%3e%3cstop%20offset='1'%20stop-color='%23f8fafc'/%3e%3c/linearGradient%3e%3clinearGradient%20id='edge'%20x1='14'%20y1='18'%20x2='62'%20y2='104'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23ffffff'/%3e%3cstop%20offset='.45'%20stop-color='%2394a3b8'/%3e%3cstop%20offset='1'%20stop-color='%23334155'/%3e%3c/linearGradient%3e%3cradialGradient%20id='shine'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(29%2034)%20rotate(70)%20scale(38%2022)'%3e%3cstop%20stop-color='%23ffffff'%20stop-opacity='.95'/%3e%3cstop%20offset='.36'%20stop-color='%23dbeafe'%20stop-opacity='.5'/%3e%3cstop%20offset='1'%20stop-color='%23dbeafe'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3cg%20filter='url(%23shadow)'%3e%3cpath%20d='M32.5%202h7v12h11v7h-11v12h-7V21h-11v-7h11V2Z'%20fill='url(%23white)'%20stroke='%23334155'%20stroke-width='2'/%3e%3cpath%20d='M36%2028c9.7%200%2017.5%207.3%2017.5%2016.2%200%205.2-2.8%209.9-7.1%2012.8%207.2%205%2011.6%2013%2012.1%2022H13.5c.5-9%204.9-17%2012.1-22-4.3-2.9-7.1-7.6-7.1-12.8C18.5%2035.3%2026.3%2028%2036%2028Z'%20fill='url(%23white)'%20stroke='%23334155'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M17%2078h38l5.5%2013h-49L17%2078Z'%20fill='url(%23white)'%20stroke='%23334155'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M13%2091h46l5%2010H8l5-10Z'%20fill='url(%23white)'%20stroke='%23334155'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M6%20101h60l3%2012H3l3-12Z'%20fill='url(%23white)'%20stroke='%23334155'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M24%2039c4-6%2014-8%2021-3'%20stroke='%23ffffff'%20stroke-width='3'%20stroke-linecap='round'%20opacity='.82'/%3e%3cpath%20d='M18%2084h36M14%2096h44M11%20106h50'%20stroke='%23f8fafc'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.55'/%3e%3cpath%20d='M20%2034c6-8%2021-12%2031-2%200%200-10-1-16%206-6%207-15%2010-15%2010V34Z'%20fill='url(%23shine)'/%3e%3cpath%20d='M51%2037c3%204%204%208%203%2013M54%2082l4%208M60%20103l2%207'%20stroke='%231e293b'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.42'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat;clip-path:none;filter:drop-shadow(0 5px 4px rgb(0 0 0 / .46)) drop-shadow(0 0 8px rgb(255 202 58 / .58))}.pass-page .pass-reward-column-current:before{top:calc(var(--pass-divider-top) + 23px);width:44px;height:8px;background:#00000061;filter:blur(5px)}.pass-page .pass-reward-column-current:after{filter:drop-shadow(0 5px 4px rgb(0 0 0 / .5)) drop-shadow(0 0 8px rgb(191 219 254 / .66))}.pass-page .pass-reward-column-current:before{background:#0f172a6b}.pass-page .pass-reward-card-claimed,.pass-page .pass-reward-card-unlocked,.pass-page .pass-reward-card-locked,.pass-page .pass-reward-card-premium-locked{position:relative;isolation:isolate}.pass-page .pass-reward-card-claimed:after,.pass-page .pass-reward-card-unlocked:after,.pass-page .pass-reward-card-locked:after,.pass-page .pass-reward-card-premium-locked:after{position:absolute;top:7px;right:7px;z-index:3;min-width:34px;padding:3px 6px 2px;border:1px solid currentColor;border-radius:999px;font-size:7px;font-weight:950;letter-spacing:.08em;line-height:1;text-transform:uppercase;pointer-events:none}.pass-page .pass-reward-card-claimed{opacity:.78;border-color:#7dd3fc42;background:linear-gradient(180deg,#12253af0,#05101efa),radial-gradient(circle at 50% 0,rgb(148 163 184 / .16),transparent 58%);box-shadow:0 16px 32px #00000061,inset 0 1px #ffffff0f,inset 0 0 36px #0f172a57}.pass-page .pass-reward-card-claimed:after{content:"Done";color:#9fd5ef;background:#08182ac7;box-shadow:0 0 12px #38bdf81f}.pass-page .pass-reward-card-claimed .pass-reward-asset,.pass-page .pass-reward-card-claimed .pass-reward-visual{opacity:.74;filter:saturate(.82) drop-shadow(0 6px 9px rgb(0 0 0 / .3))}.pass-page .pass-reward-card-claimed strong{color:#c9d8e8}.pass-page .pass-reward-card-unlocked{border-color:#2dd4bfeb;background:radial-gradient(circle at 50% -8%,rgb(103 232 249 / .34),transparent 48%),linear-gradient(180deg,#0d4966fc,#041427fc),linear-gradient(145deg,rgb(255 255 255 / .08),transparent 42%);box-shadow:0 0 0 1px #bff8ff2e,0 0 34px #22d3ee57,0 24px 46px #00000075,inset 0 1px #ffffff29,inset 0 -20px 30px #002a403d}.pass-page .pass-reward-card-unlocked:after{content:"Ready";color:#a7fff4;background:#064e59d1;box-shadow:0 0 16px #2dd4bf47,inset 0 1px #ffffff2e}.pass-page .pass-reward-card-unlocked strong{color:#fff;text-shadow:0 0 10px rgb(103 232 249 / .24)}.pass-page .pass-reward-card-locked,.pass-page .pass-reward-card-premium-locked{opacity:.72;border-color:#64748b52;background:linear-gradient(180deg,#0b1e32e6,#030a16f5),radial-gradient(circle at 50% 0,rgb(59 130 246 / .08),transparent 58%);box-shadow:0 14px 30px #0000005c,inset 0 1px #ffffff09,inset 0 0 34px #0206177a}.pass-page .pass-reward-card-locked:after,.pass-page .pass-reward-card-premium-locked:after{content:"Locked";color:#8fa1b7;background:#08111fc2;border-color:#94a3b847}.pass-page .pass-reward-card-premium-locked{border-color:#eab3086b;background:radial-gradient(circle at 50% -8%,rgb(245 158 11 / .18),transparent 44%),linear-gradient(180deg,#302210eb,#060c18fa)}.pass-page .pass-reward-card-premium-locked:after{color:#f4d071;background:#36220ad1;border-color:#facc1561;box-shadow:0 0 14px #f59e0b29}.pass-page .pass-reward-card-locked .pass-reward-asset,.pass-page .pass-reward-card-premium-locked .pass-reward-asset,.pass-page .pass-reward-card-locked .pass-reward-visual,.pass-page .pass-reward-card-premium-locked .pass-reward-visual{opacity:.58;filter:saturate(.62) brightness(.76) drop-shadow(0 5px 8px rgb(0 0 0 / .28))}.pass-page .pass-reward-card-locked strong,.pass-page .pass-reward-card-premium-locked strong{color:#91a0b2}.pass-page .pass-reward-card{grid-template-rows:72px auto;gap:4px}.pass-page .pass-reward-card em{display:none}.pass-page .pass-reward-card-claimed:after,.pass-page .pass-reward-card-unlocked:after,.pass-page .pass-reward-card-locked:after,.pass-page .pass-reward-card-premium-locked:after{display:none;content:none}.pass-page .pass-reward-card-locked,.pass-page .pass-reward-card-premium-locked{opacity:.82;border-color:#5b6f874d;background:linear-gradient(180deg,#0a182ad6,#030a16f0),radial-gradient(circle at 50% 8%,rgb(59 130 246 / .055),transparent 52%);box-shadow:0 12px 26px #00000057,inset 0 1px #ffffff06,inset 0 0 28px #02061766}.pass-page .pass-reward-card-premium-locked{border-color:#b0862452;background:linear-gradient(180deg,#1d1a15db,#040a14f0),radial-gradient(circle at 50% 0,rgb(245 158 11 / .07),transparent 48%)}.pass-page .pass-reward-card-locked .pass-reward-asset,.pass-page .pass-reward-card-premium-locked .pass-reward-asset,.pass-page .pass-reward-card-locked .pass-reward-visual,.pass-page .pass-reward-card-premium-locked .pass-reward-visual{opacity:.5;filter:saturate(.55) brightness(.72) drop-shadow(0 5px 8px rgb(0 0 0 / .24))}.pass-page .pass-reward-card-locked strong,.pass-page .pass-reward-card-premium-locked strong{color:#8f9eb0;font-weight:700}.pass-page .pass-reward-card-empty{opacity:.86}.pass-page .pass-reward-card-locked,.pass-page .pass-reward-card-premium-locked{opacity:1}.pass-page .pass-reward-card-locked .pass-reward-asset,.pass-page .pass-reward-card-premium-locked .pass-reward-asset,.pass-page .pass-reward-card-locked .pass-reward-visual,.pass-page .pass-reward-card-premium-locked .pass-reward-visual{opacity:1;filter:drop-shadow(0 7px 10px rgb(0 0 0 / .3))}.pass-page .pass-reward-card-locked strong,.pass-page .pass-reward-card-premium-locked strong{color:#d8e5f2;font-weight:900}.pass-missions-menu{position:relative;display:inline-flex}.pass-missions-dropdown{position:absolute;top:calc(100% + 12px);right:-54px;z-index:80;width:min(460px,calc(100vw - 28px));max-height:min(720px,calc(100vh - 110px));overflow:auto;border:1px solid rgb(64 130 190 / .46);border-radius:8px;padding:14px;background:linear-gradient(180deg,#051224fa,#030a16fa),radial-gradient(circle at 20% 0,rgb(56 189 248 / .16),transparent 38%);box-shadow:0 28px 60px #0000008f,0 0 34px #0ea5e921,inset 0 1px #ffffff14}.pass-missions-dropdown header{display:grid;gap:2px;margin-bottom:12px}.pass-missions-dropdown header span{color:#38bdf8;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.pass-missions-dropdown header strong{color:#f8fbff;font-size:18px;font-weight:950}.pass-missions-dropdown-body{display:grid;gap:16px}.pass-missions-dropdown .pass-quest-panel{padding:0;background:transparent;box-shadow:none}.pass-missions-dropdown .pass-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;border-radius:6px;padding:8px 10px;background:linear-gradient(90deg,#4082be57,#14365b33),#142b4a9e;box-shadow:inset 0 1px #ffffff1a,0 8px 18px #00000029}.pass-missions-dropdown .pass-section-head strong{color:#eaf6ff;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.pass-missions-dropdown .pass-reset-note{color:#8da3b8;font-size:10px;font-weight:800;white-space:nowrap}.pass-missions-dropdown .pass-quest-list{display:grid;gap:4px}.pass-missions-dropdown .pass-quest-row{display:grid;grid-template-columns:minmax(0,1fr) 82px 88px;align-items:center;gap:9px;min-height:58px;border-radius:0;padding:9px 0;background:transparent;box-shadow:none}.pass-missions-dropdown .pass-quest-row+.pass-quest-row{border-top:1px solid rgb(110 142 178 / .14)}.pass-missions-dropdown .pass-quest-row-complete{background:linear-gradient(90deg,rgb(45 212 191 / .08),transparent 70%)}.pass-missions-dropdown .pass-quest-icon{display:none}.pass-missions-dropdown .pass-quest-icon:before{content:"";display:block;width:18px;height:18px;margin:7px auto 0;background:linear-gradient(180deg,#fde68a,#f59e0b);clip-path:polygon(50% 0,62% 34%,98% 34%,68% 54%,80% 92%,50% 68%,20% 92%,32% 54%,2% 34%,38% 34%);filter:drop-shadow(0 0 8px rgb(245 158 11 / .42))}.pass-missions-dropdown .pass-quest-icon-tournament_entry:before{clip-path:polygon(18% 10%,82% 10%,74% 52%,58% 52%,58% 76%,72% 76%,72% 90%,28% 90%,28% 76%,42% 76%,42% 52%,26% 52%)}.pass-missions-dropdown .pass-quest-icon-captured_pieces:before{clip-path:polygon(45% 4%,56% 4%,56% 35%,84% 20%,92% 34%,64% 50%,92% 66%,84% 80%,56% 65%,56% 96%,45% 96%,45% 65%,16% 80%,8% 66%,36% 50%,8% 34%,16% 20%,45% 35%)}.pass-missions-dropdown .pass-quest-copy{display:grid;min-width:0;gap:3px}.pass-missions-dropdown .pass-quest-copy strong{overflow:hidden;color:#f5f9ff;font-size:12px;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.pass-missions-dropdown .pass-quest-copy span{overflow:hidden;color:#8ea2b8;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.pass-missions-dropdown .pass-quest-progress{display:grid;gap:5px}.pass-missions-dropdown .pass-quest-progress>strong{color:#d8e9f8;font-size:10px;font-weight:850;text-align:right}.pass-missions-dropdown .pass-quest-progress div{height:6px;overflow:hidden;border-radius:999px;background:#0f2037fa;box-shadow:inset 0 1px 2px #00000080}.pass-missions-dropdown .pass-quest-progress div span{display:block;width:var(--pass-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#0ea5e9,#22d3ee);box-shadow:0 0 12px #22d3ee52}.pass-missions-dropdown .pass-quest-row-weekly .pass-quest-progress div span{background:linear-gradient(90deg,#2563eb,#8b5cf6);box-shadow:0 0 12px #6366f152}.pass-missions-dropdown .pass-quest-row em{display:inline-flex;align-items:center;gap:6px;justify-self:end;border:1px solid rgb(37 99 235 / .42);border-radius:5px;padding:5px 6px;background:#0c2349d1;color:#60a5fa;font-size:10px;font-style:normal;font-weight:900;white-space:nowrap}.pass-missions-dropdown .pass-quest-currency-reward{display:inline-flex;align-items:center;gap:3px;color:#facc15}.pass-missions-dropdown .pass-quest-currency-reward img{width:15px;height:15px;object-fit:contain;filter:drop-shadow(0 0 5px rgb(250 204 21 / .48)) drop-shadow(0 2px 3px rgb(0 0 0 / .32))}.pass-missions-menu .topbar-icon-button{width:44px;height:44px;border-color:transparent;background:transparent;box-shadow:none;overflow:visible}.missions-topbar-icon{width:39px;height:39px;transform:translateY(-1px);filter:drop-shadow(0 0 8px rgb(147 197 253 / .46)) drop-shadow(0 6px 10px rgb(0 0 0 / .24))}.pass-missions-dropdown,.pass-missions-dropdown .pass-quest-panel,.pass-missions-dropdown .pass-quest-row,.pass-missions-dropdown .pass-quest-icon,.pass-missions-dropdown .pass-quest-row em{border:0}.pass-missions-dropdown{box-shadow:0 28px 60px #00000094,0 0 34px #0ea5e91f,inset 0 1px #ffffff0e}.pass-missions-dropdown .pass-quest-panel,.pass-missions-dropdown .pass-quest-row{box-shadow:none}.pass-page .pass-hero-card,.pass-page .pass-level-panel,.pass-page .pass-upgrade-band,.pass-page .pass-reward-track,.pass-page .pass-section-head,.pass-page .pass-reward-level,.pass-page .pass-reward-card,.pass-page .pass-reward-card-free,.pass-page .pass-reward-card-empty{border-color:transparent}.pass-page .pass-reward-scroll:before{border-block-color:rgb(255 255 255 / .07)}.pass-page .pass-reward-card-premium{border-color:#ffd768c7}.pass-page .pass-collect-all,.pass-page .pass-upgrade-band .auth-submit{border-color:#60a5fa6b}.game-stage-pass-fill{align-content:stretch;background:radial-gradient(circle at 18% 0%,rgb(14 116 144 / .16),transparent 28%),linear-gradient(180deg,#020817,#031126 48%,#020817)}.game-stage-pass-fill .pass-page{min-height:calc(100dvh - 164px);background:radial-gradient(circle at 18% 0%,rgb(14 116 144 / .16),transparent 28%),linear-gradient(180deg,#020817,#031126 48%,#020817)}.pass-page .pass-reward-card-unlocked{background:radial-gradient(circle at 50% 18%,rgb(125 211 252 / .38),transparent 46%),radial-gradient(circle at 50% 100%,rgb(34 211 238 / .13),transparent 54%),linear-gradient(180deg,#0c4a6efa,#04162afc);box-shadow:0 0 0 1px #7dd3fc47,0 0 36px #22d3ee5c,0 24px 48px #00000075,inset 0 1px #ffffff2e,inset 0 -18px 32px #082f4947}.pass-page .pass-reward-card-unlocked .pass-reward-visual{filter:drop-shadow(0 0 16px rgb(125 211 252 / .34)) drop-shadow(0 8px 12px rgb(0 0 0 / .32))}body:has(.app-shell-pass){background:radial-gradient(circle at 24% 0%,rgb(14 116 144 / .18),transparent 30%),linear-gradient(180deg,#020817,#031126 45%,#020817)}.app-shell-pass,.app-shell-pass .app-frame,.app-shell-pass .game-stage-pass-fill,body.app-board-view .app-shell-pass .game-stage-pass-fill,.app-shell-pass .pass-page{min-height:100dvh;background:radial-gradient(circle at 24% 0%,rgb(14 116 144 / .18),transparent 30%),linear-gradient(180deg,#020817,#031126 45%,#020817)!important}.app-shell-pass .app-footer{background:transparent}.pass-page .pass-reward-card-unlocked{border-color:#67e8f9f2!important;outline:2px solid rgb(103 232 249 / .32);outline-offset:-2px;background:radial-gradient(circle at 50% 12%,rgb(125 211 252 / .46),transparent 48%),radial-gradient(circle at 50% 100%,rgb(34 211 238 / .2),transparent 58%),linear-gradient(180deg,#0e5a84fc,#04182efc)!important;box-shadow:0 0 0 1px #bff8ff38,0 0 30px #22d3ee7a,0 0 64px #0ea5e93d,0 24px 48px #00000075,inset 0 1px #ffffff38,inset 0 0 30px #7dd3fc1f,inset 0 -18px 32px #082f4947!important}.pass-page .pass-reward-card-unlocked strong{color:#fff;text-shadow:0 0 9px rgb(125 211 252 / .45),0 1px 0 rgb(0 0 0 / .35)}.pass-page .pass-reward-column-past:before,.pass-page .pass-reward-column-current:before{content:"";position:absolute;top:var(--pass-divider-top);z-index:7;height:var(--pass-divider-height);pointer-events:none}.pass-page .pass-reward-column-past:before{left:calc(var(--pass-track-gap) * -.5);right:calc(var(--pass-track-gap) * -.5);background:linear-gradient(180deg,#7dd3fc61,#0ea5e933 48%,#38bdf857),linear-gradient(90deg,#22d3ee1a,#bfdbfe3d,#22d3ee1a);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #38bdf838,0 0 18px #38bdf86b,0 0 34px #0ea5e93d;mix-blend-mode:screen}.pass-page .pass-reward-column-current:before{left:calc(var(--pass-track-gap) * -.5);width:calc(50% + (var(--pass-track-gap) * .5));background:linear-gradient(180deg,#bfdbfe75,#38bdf83d 48%,#7dd3fc66),linear-gradient(90deg,#22d3ee14,#bfdbfe52);box-shadow:inset 0 1px #ffffff52,inset 0 -1px #38bdf83d,0 0 22px #7dd3fc94,0 0 42px #0ea5e94d;mix-blend-mode:screen}.pass-page .pass-reward-column-current:after{z-index:10;filter:drop-shadow(0 5px 4px rgb(0 0 0 / .5)) drop-shadow(0 0 10px rgb(191 219 254 / .78)) drop-shadow(0 0 18px rgb(125 211 252 / .42))}@media(max-width:1180px){body.app-board-view .app-shell{--board-topbar-height: 86px}.topbar,body.app-board-view .topbar{position:relative;overflow:visible}body.app-board-view .topbar{position:fixed}.topbar-main,body.app-board-view .topbar-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.topbar-left,body.app-board-view .topbar-left{position:static;display:flex;flex-flow:row nowrap;align-items:center;gap:12px;min-width:0}.topbar-nav,body.app-board-view .topbar-nav{position:absolute;top:calc(100% + 8px);left:12px;display:none;grid-template-columns:repeat(2,minmax(0,1fr));width:min(430px,calc(100% - 24px))}.topbar-nav-open,body.app-board-view .topbar-nav-open{display:grid}.account-anchor,body.app-board-view .account-anchor{grid-column:2;grid-row:1;width:auto;justify-self:end}body.app-board-view .account-card-topbar{width:auto}}@media(max-width:720px){body.app-board-view .app-shell{--board-topbar-height: 76px}.topbar-main,body.app-board-view .topbar-main{grid-template-columns:minmax(0,1fr) auto}.topbar{position:sticky;top:0}body.app-board-view .topbar{position:fixed}.topbar-left,body.app-board-view .topbar-left{display:flex;flex-flow:row nowrap}.topbar-nav,body.app-board-view .topbar-nav{left:8px;grid-template-columns:1fr;width:calc(100% - 16px)}.account-anchor,body.app-board-view .account-anchor{grid-column:2;grid-row:1;width:auto}.topbar-profile-copy,body.app-board-view .topbar-profile-copy,.topbar-currency-pill,body.app-board-view .topbar-currency-pill{display:none}}@media(max-width:720px){body.app-live-board-view{overflow-x:hidden;overflow-y:auto}body.app-live-board-view .app-shell,body.app-live-board-view .app-frame,body.app-live-board-view .game-stage{height:auto;min-height:100dvh;overflow:visible}body.app-board-view .app-frame{padding-top:var(--board-topbar-actual-height, var(--board-topbar-height))}body.app-live-board-view .game-stage{display:block;padding:10px 0 24px}body.app-live-board-view .game-layout:not(.game-layout-demo){--board-frame-pad: 6px;--game-board-scale: min(1, calc((100vw - 52px)/640px) );--game-board-size: calc(640px * var(--game-board-scale));width:calc(100vw - 24px);max-width:100%;margin:0 auto;padding:8px;gap:10px;align-self:auto;overflow:visible;border-radius:20px}body.app-live-board-view .game-layout.game-layout-has-meta:not(.game-layout-demo){grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;grid-template-areas:"top" "board" "bottom" "board-actions" "meta";align-items:start;justify-items:center}body.app-live-board-view .game-layout.game-layout-no-meta:not(.game-layout-demo){grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"top" "board" "bottom" "board-actions"}body.app-live-board-view .game-layout-has-meta .game-timers-row,body.app-live-board-view .game-layout-no-meta .game-timers-row{display:contents}body.app-live-board-view .game-rail{min-height:0;gap:8px}body.app-live-board-view .game-rail-top{grid-area:top}body.app-live-board-view .game-rail-bottom{grid-area:bottom}body.app-live-board-view .capture-tray{min-height:0;flex:1 1 90px}body.app-live-board-view .capture-piece,body.app-live-board-view .capture-piece .piece-svg{width:22px;height:22px}body.app-live-board-view .game-timer{width:min(100%,310px);min-width:0;padding:8px 12px;border-radius:16px}body.app-live-board-view .game-timer-player{gap:8px;margin-bottom:4px}body.app-live-board-view .game-timer-avatar,body.app-live-board-view .opponent-avatar-button{width:30px;height:30px}body.app-live-board-view .game-timer-value{font-size:32px}body.app-live-board-view .game-timer-label{margin-bottom:2px;font-size:10px}body.app-live-board-view .board-shell{grid-area:board;width:calc(var(--game-board-size) + (var(--board-frame-pad) * 2));height:calc(var(--game-board-size) + (var(--board-frame-pad) * 2));max-width:100%}body.app-live-board-view .board-meta-stack{grid-area:meta;width:100%;max-width:calc(var(--game-board-size) + (var(--board-frame-pad) * 2))}body.app-live-board-view .board-moves-panel{max-height:230px;border-radius:16px}body.app-live-board-view .board-moves-feed{max-height:170px}body.app-live-board-view .board-under-actions{grid-area:board-actions;width:100%;max-width:calc(var(--game-board-size) + (var(--board-frame-pad) * 2));margin:0}body.app-live-board-view .board-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.app-live-board-view .board-action-button{min-height:44px;padding:8px}}@media(max-width:420px){body.app-live-board-view .game-layout:not(.game-layout-demo){--game-board-scale: min(1, calc((100vw - 36px)/640px) );width:calc(100vw - 12px);padding:6px;border-radius:16px}body.app-live-board-view .game-rail{align-items:stretch}body.app-live-board-view .capture-tray:empty{display:none}body.app-live-board-view .game-timer{width:100%}}.pass-page .pass-reward-track,.pass-page .pass-reward-scroll{overflow:visible!important}.pass-page .pass-collect-all{position:relative;z-index:12;margin-bottom:24px;box-shadow:0 18px 44px #0070ff85,0 0 58px #38bdf852,0 30px 74px #00368757,inset 0 1px #ffffff47,inset 0 -10px 22px #022c7857!important}.pass-page .pass-reward-card-clickable{cursor:pointer}.pass-page .pass-reward-card-clickable:hover,.pass-page .pass-reward-card-clickable:focus-visible{transform:translateY(-2px);border-color:#bff8fffa!important;outline:none;box-shadow:0 0 0 1px #bff8ff47,0 0 38px #22d3ee94,0 0 76px #0ea5e947,0 26px 52px #00000080,inset 0 1px #ffffff42,inset 0 0 34px #7dd3fc29!important}.pass-page .pass-reward-column-past:before,.pass-page .pass-reward-column-current:before{background:linear-gradient(180deg,#ffffff94,#e2e8f04d 48%,#ffffff8a),linear-gradient(90deg,#ffffff14,#ffffff6b,#ffffff14)!important;box-shadow:inset 0 1px #ffffffad,inset 0 -1px #ffffff57,0 0 12px #ffffffc7,0 0 28px #e2e8f085,0 0 46px #bfdbfe52!important;mix-blend-mode:screen}.pass-page .pass-hero-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-template-rows:auto auto;column-gap:28px;align-items:stretch}.pass-page .pass-head{grid-column:1;grid-row:1}.pass-page .pass-upgrade-band{grid-column:1;grid-row:2}.pass-page .pass-reward-preview{position:relative;grid-column:2;grid-row:1 / span 2;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;min-height:176px;padding:18px;overflow:hidden;border:1px solid rgb(80 135 191 / .28);border-radius:8px;background:radial-gradient(circle at 50% 16%,rgb(56 189 248 / .14),transparent 42%),linear-gradient(180deg,#051328c7,#030c1ce6);box-shadow:0 24px 54px #00000057,inset 0 1px #ffffff0f,inset 0 -24px 42px #00071838}.pass-page .pass-reward-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgb(255 255 255 / .06),transparent 38%),radial-gradient(circle at 50% 100%,rgb(59 130 246 / .12),transparent 46%);opacity:.68;pointer-events:none}.pass-page .pass-reward-preview-art{position:relative;z-index:1;display:grid;place-items:center;width:min(210px,88%);height:min(130px,70%);filter:drop-shadow(0 18px 22px rgb(0 0 0 / .42)) drop-shadow(0 0 24px rgb(125 211 252 / .18))}.pass-page .pass-reward-preview-asset{display:block;width:100%;height:100%;object-fit:contain}.pass-page .pass-reward-preview-copy{position:relative;z-index:1;display:grid;gap:4px;justify-items:center;text-align:center}.pass-page .pass-reward-preview-copy strong{color:#f8fbff;font-size:17px;font-weight:950;line-height:1.08;text-shadow:0 0 14px rgb(125 211 252 / .28)}.pass-page .pass-reward-preview-empty{position:relative;z-index:1;width:min(190px,78%);aspect-ratio:1.35;border-radius:8px;background:radial-gradient(circle at 50% 50%,rgb(125 211 252 / .09),transparent 52%),linear-gradient(180deg,#0f2c4c38,#02081447);box-shadow:inset 0 1px #ffffff0d,inset 0 0 34px #0f172a66}.pass-page .pass-reward-preview-active{border-color:#7dd3fc6b;box-shadow:0 26px 58px #00000061,0 0 34px #38bdf81f,inset 0 1px #ffffff17,inset 0 -24px 42px #00071838}.pass-page .pass-reward-track{margin-top:24px!important}.pass-page .pass-reward-track .pass-section-head{min-height:0!important;height:0;margin:0!important;overflow:hidden}@media(max-width:980px){.pass-page .pass-hero-card{grid-template-columns:1fr}.pass-page .pass-reward-preview{grid-column:1;grid-row:3;min-height:150px}}.pass-page .pass-context-preview{position:relative;z-index:1;width:min(258px,100%)}.pass-page .pass-context-preview-board{--pass-context-light: #283852;--pass-context-dark: #11192a;--pass-context-accent: #60a5fa;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(232px,92%);aspect-ratio:1;overflow:hidden;border:2px solid rgb(148 163 184 / .42);border-radius:8px;background:#0f172a;box-shadow:0 18px 38px #0000006b,0 0 28px color-mix(in srgb,var(--pass-context-accent) 32%,transparent),inset 0 0 0 1px #ffffff14}.pass-page .pass-reward-preview-board-arcane{--pass-context-light: #4b2d6f;--pass-context-dark: #181126;--pass-context-accent: #c084fc;border-color:#f5bf5cb3}.pass-page .pass-reward-preview-board-shadow{--pass-context-light: #3b2556;--pass-context-dark: #100d18;--pass-context-accent: #d946ef;border-color:#a855f7b8}.pass-page .pass-context-square-light,.pass-page .pass-context-square-dark{position:relative;z-index:1}.pass-page .pass-context-square-light{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--pass-context-accent) 14%,transparent),transparent 58%),var(--pass-context-light)}.pass-page .pass-context-square-dark{background:var(--pass-context-dark)}.pass-page .pass-context-board-piece{position:relative;z-index:2;display:grid;place-items:center;padding:5%}.pass-page .pass-context-board-piece .piece-svg{width:94%;height:94%;filter:drop-shadow(0 3px 4px rgb(0 0 0 / .52))}.pass-page .pass-reward-preview-piece-set .pass-context-board-piece .piece-svg-black:not(.piece-svg-skinned){filter:drop-shadow(0 0 7px rgb(217 70 239 / .82)) brightness(.86) contrast(1.18)}.pass-page .pass-reward-preview-piece-set .pass-context-board-piece .piece-svg-white:not(.piece-svg-skinned){filter:drop-shadow(0 0 6px rgb(196 181 253 / .78)) saturate(1.08) brightness(1.06)}.pass-page .pass-context-tail-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.pass-page .pass-context-tail-streak{position:absolute;left:19%;top:88%;width:38%;height:8%;transform:translateY(-50%) rotate(-48deg);filter:drop-shadow(0 0 10px rgb(125 211 252 / .92)) drop-shadow(0 0 22px rgb(14 165 233 / .46))}.pass-page .pass-context-tail-streak span{position:absolute;inset:18% 0;border-radius:999px;background:linear-gradient(90deg,transparent,rgb(56 189 248 / .62) 52%,#e0f2fe);clip-path:polygon(0 50%,76% 12%,100% 0,100% 100%,76% 88%)}.pass-page .pass-context-tail-streak i{position:absolute;width:4px;height:4px;border-radius:50%;background:#e0f2fe;box-shadow:0 0 9px #38bdf8}.pass-page .pass-context-tail-streak i:nth-child(2){left:20%;top:-18%}.pass-page .pass-context-tail-streak i:nth-child(3){left:42%;top:88%}.pass-page .pass-context-tail-streak i:nth-child(4){left:66%;top:2%}.pass-page .pass-context-tail-piece{position:absolute;left:45%;top:34%;display:grid;place-items:center;width:14%;aspect-ratio:1;filter:drop-shadow(0 0 12px rgb(125 211 252 / .42))}.pass-page .pass-context-preview-profile{width:min(284px,100%);overflow:hidden;border:1px solid rgb(125 211 252 / .22);border-radius:8px;background:radial-gradient(circle at 88% 15%,rgb(168 85 247 / .18),transparent 34%),linear-gradient(180deg,#0c1f3adb,#040d1df0);box-shadow:0 18px 40px #0000005c,inset 0 1px #ffffff14}.pass-page .pass-context-profile-banner{display:grid;place-items:center;height:74px;background:linear-gradient(135deg,#0ea5e994,#581c8785),radial-gradient(circle at 50% 50%,rgb(255 255 255 / .14),transparent 48%)}.pass-page .pass-context-profile-banner img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 10px 14px rgb(0 0 0 / .38))}.pass-page .pass-context-profile-body{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:end;gap:12px;padding:0 14px 14px}.pass-page .pass-context-avatar{position:relative;display:grid;place-items:center;width:82px;aspect-ratio:1;margin-top:-26px}.pass-page .pass-context-avatar span{width:62px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 28%,#172a46 0 20%,transparent 21%),radial-gradient(ellipse at 50% 82%,#172a46 0 36%,transparent 37%),linear-gradient(180deg,#051226,#020817);box-shadow:inset 0 0 0 1px #94a3b842}.pass-page .pass-context-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px rgb(0 0 0 / .42)) drop-shadow(0 0 14px rgb(250 204 21 / .28))}.pass-page .pass-context-avatar img.pass-context-avatar-image{inset:auto;z-index:1;width:62px;height:62px;border-radius:50%;object-fit:cover;box-shadow:inset 0 0 0 1px #94a3b842;filter:drop-shadow(0 8px 12px rgb(0 0 0 / .36))}.pass-page .pass-context-avatar img.pass-context-avatar-image+img{z-index:2}.pass-page .pass-context-profile-copy{display:grid;gap:3px;min-width:0}.pass-page .pass-context-profile-copy span{color:#bfdbfe;font-size:10px;font-weight:900;text-transform:uppercase}.pass-page .pass-context-profile-copy strong{color:#f8fafc;font-size:20px;line-height:1}.pass-page .pass-context-profile-copy em{overflow-wrap:anywhere;color:#9fb0c4;font-size:11px;font-style:normal}.pass-page .pass-context-preview-wallet{display:grid;gap:12px;width:min(280px,100%)}.pass-page .pass-context-wallet-card{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:14px;min-height:96px;padding:14px;border:1px solid rgb(250 204 21 / .28);border-radius:8px;background:radial-gradient(circle at 20% 50%,rgb(250 204 21 / .2),transparent 42%),linear-gradient(180deg,#1c1508e0,#050c18e6);box-shadow:0 18px 38px #00000057,inset 0 1px #ffffff14}.pass-page .pass-context-wallet-card img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 0 18px rgb(245 158 11 / .36))}.pass-page .pass-context-wallet-card span{color:#facc15;font-size:11px;font-weight:900;text-transform:uppercase}.pass-page .pass-context-wallet-card strong{display:block;margin-top:4px;color:#f8fafc;font-size:18px;line-height:1.08}.pass-page .pass-context-wallet-line{height:9px;width:86%;border-radius:999px;background:#94a3b824}.pass-page .pass-context-wallet-line-short{width:58%}.pass-page .pass-reward-preview-copy{margin-top:12px}.pass-page .pass-hero-card{grid-template-columns:minmax(0,1fr) 390px!important}.pass-page .pass-reward-preview{box-sizing:border-box;align-self:start;width:390px;min-width:390px;max-width:390px;height:390px;min-height:390px;max-height:390px;grid-template-rows:minmax(0,1fr) 42px;padding:22px;contain:layout paint}.pass-page .pass-context-preview,.pass-page .pass-context-preview-board,.pass-page .pass-context-preview-profile,.pass-page .pass-context-preview-wallet{box-sizing:border-box;width:300px!important;min-width:300px;max-width:300px;justify-self:center}.pass-page .pass-context-preview-board{height:300px;min-height:300px;max-height:300px}.pass-page .pass-context-preview-profile,.pass-page .pass-context-preview-wallet{height:230px;min-height:230px;max-height:230px;align-self:center}.pass-page .pass-reward-preview-empty{display:grid;place-items:center;align-content:center;gap:8px;width:100%;height:100%;aspect-ratio:auto;padding:28px;overflow:hidden;border:0;border-radius:0;background:radial-gradient(circle at 50% 28%,rgb(250 204 21 / .18),transparent 36%),radial-gradient(circle at 50% 78%,rgb(56 189 248 / .14),transparent 44%);box-shadow:none;color:#f8fafc;text-align:center}.pass-page .pass-reward-preview-empty-state{grid-template-rows:1fr;background:radial-gradient(circle at 50% 32%,rgb(250 204 21 / .14),transparent 37%),radial-gradient(circle at 50% 76%,rgb(56 189 248 / .12),transparent 44%),linear-gradient(180deg,#051328c7,#030c1ce6)}.pass-page .pass-reward-preview-empty-state .pass-reward-preview-empty{grid-row:1;align-self:stretch;justify-self:stretch;padding:0;background:transparent}.pass-page .pass-reward-preview-empty span,.pass-page .pass-reward-preview-empty strong{position:relative;z-index:1;display:block;max-width:100%;letter-spacing:0;text-wrap:balance}.pass-page .pass-reward-preview-empty span{color:#facc15;font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:700;line-height:.98;text-shadow:0 0 14px rgb(250 204 21 / .26),0 2px 12px rgb(0 0 0 / .42)}.pass-page .pass-reward-preview-empty strong{color:#dbeafe;font-size:16px;font-weight:900;line-height:1.16;text-transform:uppercase;text-shadow:0 0 16px rgb(96 165 250 / .28)}.pass-page .pass-reward-preview-copy{align-self:end;width:100%;min-width:0;margin-top:0}.pass-page .pass-reward-preview-copy strong{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:980px){.pass-page .pass-hero-card{grid-template-columns:1fr!important}.pass-page .pass-reward-preview{width:min(390px,100%);min-width:0;max-width:100%;justify-self:center}}.pass-page .pass-reward-id-piece_set_shadow .pass-reward-asset{transform:scale(1.14);filter:drop-shadow(0 0 12px rgb(217 70 239 / .58)) drop-shadow(0 9px 12px rgb(0 0 0 / .4))}.pass-page .pass-reward-id-board_arcane_grid .pass-reward-asset{filter:drop-shadow(0 0 12px rgb(250 204 21 / .32)) drop-shadow(0 0 16px rgb(168 85 247 / .34)) drop-shadow(0 9px 12px rgb(0 0 0 / .38))}.pass-page .pass-reward-preview-tail{--pass-tail-color: #38bdf8;--pass-tail-core: #e0f2fe;--pass-tail-glow: rgb(56 189 248 / .88);--pass-context-light: #dce7f5;--pass-context-dark: #334155;--pass-context-accent: var(--pass-tail-color)}.pass-page .pass-reward-id-move_tail_glow{--pass-tail-color: #38bdf8;--pass-tail-core: #e0f2fe;--pass-tail-glow: rgb(125 211 252 / .9)}.pass-page .pass-reward-id-move_tail_comet{--pass-tail-color: #0ea5e9;--pass-tail-core: #f8fbff;--pass-tail-glow: rgb(14 165 233 / .92)}.pass-page .pass-reward-id-move_tail_flame{--pass-tail-color: #f97316;--pass-tail-core: #fff7ed;--pass-tail-glow: rgb(249 115 22 / .92)}.pass-page .pass-reward-id-move_tail_dust{--pass-tail-color: #d6a24b;--pass-tail-core: #fff7d6;--pass-tail-glow: rgb(217 171 94 / .76)}.pass-page .pass-reward-id-move_tail_none .pass-context-tail-layer{display:none}.pass-page .pass-reward-id-move_tail_none .pass-context-board-piece:nth-of-type(9){opacity:1}.pass-page .pass-reward-preview-tail .pass-context-square-light{background:var(--pass-context-light)}.pass-page .pass-reward-preview-tail .pass-context-square-dark{background:var(--pass-context-dark)}.pass-page .pass-reward-preview-tail .pass-context-board-piece-tail-origin{opacity:0}.pass-page .pass-reward-id-move_tail_none .pass-context-board-piece-tail-origin{opacity:1}.pass-page .pass-reward-preview-tail .pass-context-tail-layer-custom{inset:0}.pass-page .pass-reward-preview-tail .custom-comet-preview,.pass-page .pass-reward-preview-tail .custom-comet-preview-piece{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--pass-tail-color) 76%,transparent)) drop-shadow(0 0 18px color-mix(in srgb,var(--pass-tail-color) 34%,transparent))}.pass-page .pass-context-tail-streak{filter:drop-shadow(0 0 10px var(--pass-tail-glow)) drop-shadow(0 0 22px color-mix(in srgb,var(--pass-tail-color) 46%,transparent))}.pass-page .pass-context-tail-streak span{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--pass-tail-color) 66%,transparent) 52%,var(--pass-tail-core))}.pass-page .pass-context-tail-streak i{background:var(--pass-tail-core);box-shadow:0 0 9px var(--pass-tail-color)}.pass-page .pass-reward-id-move_tail_comet .pass-context-tail-streak:before{content:"";position:absolute;right:-6px;top:50%;width:17px;height:17px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,#ffffff 0 18%,#7dd3fc 19% 42%,transparent 43%);box-shadow:0 0 18px #38bdf8}.pass-page .pass-reward-id-move_tail_flame .pass-context-tail-streak span{clip-path:polygon(0 50%,26% 24%,46% 45%,64% 9%,100% 0,82% 50%,100% 100%,64% 91%,46% 55%,26% 76%)}.pass-page .pass-reward-id-move_tail_dust .pass-context-tail-streak{opacity:.72;filter:drop-shadow(0 0 8px rgb(217 171 94 / .52)) blur(.2px)}.pass-page .pass-reward-id-move_tail_dust .pass-context-tail-streak span{opacity:.62}.pass-page .pass-reward-level-track{position:relative;z-index:7}.pass-page .pass-reward-level-track:before{content:"";position:absolute;left:0;top:var(--pass-divider-top);z-index:8;width:var(--pass-divider-progress, 0%);height:var(--pass-divider-height);pointer-events:none;background:linear-gradient(180deg,rgb(255 255 255 / .46),transparent 28% 72%,rgb(255 255 255 / .42)),linear-gradient(90deg,#ffffff24,#ffffff6b,#ffffff2e),conic-gradient(from 90deg,#fff 0 25%,#b9d4f3 0 50%,#fff 0 75%,#b9d4f3 0 100%);background-position:0 0,0 0,0 0;background-size:auto,auto,34px 34px;box-shadow:inset 0 1px #fffffff5,inset 0 -1px #ffffffb8,inset 0 0 16px #ffffffad,0 0 18px #fffffff2,0 0 36px #e2e8f0d1,0 0 68px #bfdbfe94}.pass-page .pass-reward-level-track:after{content:"";position:absolute;left:0;top:var(--pass-divider-top);z-index:9;width:var(--pass-divider-progress, 0%);height:var(--pass-divider-height);pointer-events:none;background:radial-gradient(circle,#ffffff 0 2.8px,rgb(125 211 252 / .82) 3px 5.2px,transparent 5.6px) 8px 5px / 54px 18px,radial-gradient(circle,#ffffff 0 2.2px,rgb(219 234 254 / .84) 2.5px 4px,transparent 4.4px) 31px 21px / 68px 20px,radial-gradient(circle,rgb(255 255 255 / .95) 0 1.8px,transparent 2.4px) 18px 15px / 42px 16px,linear-gradient(90deg,transparent,rgb(255 255 255 / .72),transparent);filter:drop-shadow(0 0 8px rgb(255 255 255 / 1)) drop-shadow(0 0 18px rgb(125 211 252 / .92)) drop-shadow(0 0 30px rgb(56 189 248 / .6));opacity:1;mix-blend-mode:screen;animation:pass-divider-sparkle 1.35s linear infinite}@keyframes pass-divider-sparkle{0%{background-position:8px 5px,31px 21px,18px 15px,0 0;opacity:.88}50%{opacity:1}to{background-position:62px 5px,99px 21px,60px 15px,150px 0;opacity:.92}}.pass-page .pass-reward-column-past:before,.pass-page .pass-reward-column-current:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:var(--pass-divider-top)!important;z-index:9!important;display:block!important;height:var(--pass-divider-height)!important;pointer-events:none!important;border-radius:0!important;background:radial-gradient(circle,#ffffff 0 3px,rgb(125 211 252 / .92) 3.4px 5.6px,transparent 6px) 7px 6px / 56px 18px,radial-gradient(circle,#ffffff 0 2px,transparent 2.8px) 30px 22px / 64px 18px,linear-gradient(180deg,rgb(255 255 255 / .48),transparent 30% 70%,rgb(255 255 255 / .42)),conic-gradient(from 90deg,#fff 0 25%,#cfe4ff 0 50%,#fff 0 75%,#cfe4ff 0 100%)!important;background-size:56px 18px,64px 18px,auto,34px 34px!important;box-shadow:inset 0 1px #fffffffa,inset 0 -1px #ffffffc7,0 0 18px #fffffff5,0 0 42px #bfdbfed1,0 0 72px #7dd3fc85!important;opacity:1!important;animation:pass-divider-segment-sparkle 1.25s linear infinite}.pass-page .pass-reward-column-current:before{right:50%!important}@keyframes pass-divider-segment-sparkle{0%{background-position:7px 6px,30px 22px,0 0,0 0}to{background-position:63px 6px,94px 22px,0 0,34px 0}}.pass-page .pass-reward-level,.pass-page .pass-reward-card,.pass-page .pass-reward-column-current:after{position:relative;z-index:10}.pass-page .pass-reward-id-move_tail_glow .pass-context-tail-streak{left:12%;top:91%;width:52%;height:10%}.pass-page .pass-reward-id-move_tail_glow .pass-context-tail-streak span{clip-path:polygon(0 58%,68% 18%,100% 0,88% 50%,100% 100%,68% 82%);opacity:.96}.pass-page .pass-reward-id-move_tail_glow .pass-context-tail-streak:before{content:"";position:absolute;right:-2px;top:50%;width:18px;height:18px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,#ffffff 0 18%,#bae6fd 19% 46%,transparent 47%);box-shadow:0 0 16px #7dd3fc,0 0 30px #38bdf89e}.pass-page .pass-reward-level-track:before{display:none!important}.pass-page .pass-reward-column-current:after{content:""!important;position:absolute!important;left:50%!important;top:calc(var(--pass-divider-top) - 18px)!important;z-index:13!important;width:58px!important;height:66px!important;transform:translate(-50%)!important;clip-path:none!important;background:radial-gradient(ellipse at 50% 0%,rgb(255 249 220 / .92) 0 36%,transparent 68%) 50% 48px / 28px 5px no-repeat,linear-gradient(90deg,transparent 0%,rgb(255 246 207 / .82) 9%,#e8c765 23%,#c9972f 76%,rgb(143 100 32 / .82) 91%,transparent 100%) 50% 49px / 28px 5px no-repeat,radial-gradient(ellipse at 50% 100%,rgb(111 74 26 / .58) 0 42%,transparent 72%) 50% 53px / 36px 8px no-repeat,linear-gradient(90deg,transparent 0%,rgb(255 241 184 / .86) 8%,#ddb958 25%,#b78328 74%,rgb(111 74 26 / .86) 92%,transparent 100%) 50% 53px / 36px 8px no-repeat,radial-gradient(ellipse at 50% 58px,rgb(232 190 74 / .36),transparent 68%) 50% 47px / 48px 16px no-repeat,url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%20118'%20fill='none'%3e%3cdefs%3e%3cfilter%20id='shadow'%20x='-45%25'%20y='-25%25'%20width='190%25'%20height='155%25'%3e%3cfeDropShadow%20dx='0'%20dy='4'%20stdDeviation='3'%20flood-color='%23020617'%20flood-opacity='.78'/%3e%3cfeDropShadow%20dx='0'%20dy='0'%20stdDeviation='3'%20flood-color='%23bfdbfe'%20flood-opacity='.52'/%3e%3c/filter%3e%3clinearGradient%20id='white'%20x1='20'%20y1='4'%20x2='55'%20y2='112'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23ffffff'/%3e%3cstop%20offset='.18'%20stop-color='%23eaf6ff'/%3e%3cstop%20offset='.42'%20stop-color='%23aebccc'/%3e%3cstop%20offset='.66'%20stop-color='%2364748b'/%3e%3cstop%20offset='1'%20stop-color='%23f8fafc'/%3e%3c/linearGradient%3e%3clinearGradient%20id='edge'%20x1='14'%20y1='18'%20x2='62'%20y2='104'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23ffffff'/%3e%3cstop%20offset='.45'%20stop-color='%2394a3b8'/%3e%3cstop%20offset='1'%20stop-color='%23334155'/%3e%3c/linearGradient%3e%3cradialGradient%20id='shine'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(29%2034)%20rotate(70)%20scale(38%2022)'%3e%3cstop%20stop-color='%23ffffff'%20stop-opacity='.95'/%3e%3cstop%20offset='.36'%20stop-color='%23dbeafe'%20stop-opacity='.5'/%3e%3cstop%20offset='1'%20stop-color='%23dbeafe'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3cg%20filter='url(%23shadow)'%3e%3cpath%20d='M32.5%202h7v12h11v7h-11v12h-7V21h-11v-7h11V2Z'%20fill='url(%23white)'%20stroke='%23334155'%20stroke-width='2'/%3e%3cpath%20d='M36%2028c9.7%200%2017.5%207.3%2017.5%2016.2%200%205.2-2.8%209.9-7.1%2012.8%207.2%205%2011.6%2013%2012.1%2022H13.5c.5-9%204.9-17%2012.1-22-4.3-2.9-7.1-7.6-7.1-12.8C18.5%2035.3%2026.3%2028%2036%2028Z'%20fill='url(%23white)'%20stroke='%23334155'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M17%2078h38l5.5%2013h-49L17%2078Z'%20fill='url(%23white)'%20stroke='%23334155'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M13%2091h46l5%2010H8l5-10Z'%20fill='url(%23white)'%20stroke='%23334155'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M6%20101h60l3%2012H3l3-12Z'%20fill='url(%23white)'%20stroke='%23334155'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M24%2039c4-6%2014-8%2021-3'%20stroke='%23ffffff'%20stroke-width='3'%20stroke-linecap='round'%20opacity='.82'/%3e%3cpath%20d='M18%2084h36M14%2096h44M11%20106h50'%20stroke='%23f8fafc'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.55'/%3e%3cpath%20d='M20%2034c6-8%2021-12%2031-2%200%200-10-1-16%206-6%207-15%2010-15%2010V34Z'%20fill='url(%23shine)'/%3e%3cpath%20d='M51%2037c3%204%204%208%203%2013M54%2082l4%208M60%20103l2%207'%20stroke='%231e293b'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.42'/%3e%3c/g%3e%3c/svg%3e") 50% 0 / 32px 52px no-repeat!important;border-radius:0 0 999px 999px!important;filter:drop-shadow(0 5px 4px rgb(0 0 0 / .5)) drop-shadow(0 8px 6px rgb(97 63 17 / .34)) drop-shadow(0 0 10px rgb(191 219 254 / .72)) drop-shadow(0 0 14px rgb(245 213 107 / .28))!important}.pass-page .pass-reward-level-track:before{display:block!important;z-index:10!important;background:linear-gradient(180deg,rgb(255 255 255 / .5),transparent 28% 72%,rgb(255 255 255 / .44)),conic-gradient(from 90deg,#fff 0 25%,#cfe4ff 0 50%,#fff 0 75%,#cfe4ff 0 100%)!important;background-size:auto,34px 34px!important;box-shadow:inset 0 1px #fffffffa,inset 0 -1px #ffffffc2,0 0 18px #fffffffa,0 0 42px #dbeafee0,0 0 74px #7dd3fc8f!important}.pass-page .pass-reward-level-track:after{display:block!important;z-index:11!important}.pass-page .pass-reward-level-track:before,.pass-page .pass-reward-level-track:after{display:none!important}.pass-page .pass-reward-column-past:before,.pass-page .pass-reward-column-current:before{display:none!important}.pass-page .pass-reward-scroll:after{content:""!important;position:absolute!important;left:0!important;top:calc(var(--pass-divider-top) - 2px)!important;z-index:4!important;display:block!important;width:var(--pass-divider-scroll-progress, 0%)!important;height:calc(var(--pass-divider-height) + 4px)!important;pointer-events:none!important;border-radius:0!important;background:linear-gradient(100deg,transparent 0 34%,rgb(255 255 255 / .78) 43%,transparent 52%),linear-gradient(180deg,rgb(255 255 255 / .52),transparent 30% 70%,rgb(255 255 255 / .48)),conic-gradient(from 90deg,#fff 0 25%,#cfe4ff 0 50%,#fff 0 75%,#cfe4ff 0 100%)!important;background-size:180px 100%,auto,34px 34px!important;box-shadow:inset 0 1px #fffffffa,inset 0 -1px #ffffffd1,0 0 18px #fffffffa,0 0 42px #dbeafee0,0 0 76px #7dd3fc94!important;animation:pass-divider-scroll-shimmer 2.1s linear infinite}.pass-page .pass-reward-scroll .pass-divider-sparkles{position:absolute;left:0;top:calc(var(--pass-divider-top) - 2px);z-index:6;width:var(--pass-divider-scroll-progress, 0%);height:calc(var(--pass-divider-height) + 4px);overflow:hidden;pointer-events:none}.pass-page .pass-reward-scroll .pass-divider-sparkles i{position:absolute;left:var(--spark-left);top:var(--spark-top);width:var(--spark-size);height:var(--spark-size);background:#fff;border-radius:50%;box-shadow:0 0 4px #fff,0 0 10px #fffffff5,0 0 18px #bfdbfedb,0 0 26px #7dd3fc94;opacity:0;transform:translate(-28px) scale(.55);animation:pass-divider-star-travel var(--spark-duration) linear infinite;animation-delay:var(--spark-delay)}.pass-page .pass-reward-scroll .pass-divider-sparkles i:before,.pass-page .pass-reward-scroll .pass-divider-sparkles i:after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--spark-size) * 3.2);height:2px;border-radius:999px;background:#ffffffeb;box-shadow:0 0 8px #ffffffe0;transform:translate(-50%,-50%)}.pass-page .pass-reward-scroll .pass-divider-sparkles i:after{transform:translate(-50%,-50%) rotate(90deg)}@keyframes pass-divider-scroll-shimmer{0%{background-position:-180px 0,0 0,0 0}to{background-position:180px 0,0 0,34px 0}}@keyframes pass-divider-star-travel{0%{opacity:0;transform:translate(-28px) scale(.45) rotate(0)}12%,72%{opacity:1}to{opacity:0;transform:translate(82px) scale(1.05) rotate(90deg)}}.pass-page .pass-track-lane-labels span{position:relative;display:grid!important;place-items:center;align-content:center;gap:6px;min-height:0;overflow:visible;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:transparent!important;font-size:11px;font-weight:950;letter-spacing:.04em;line-height:1;text-transform:uppercase}.pass-page .pass-track-lane-labels span:before{display:none!important}.pass-page .pass-track-lane-labels span:after{content:""!important;position:absolute;inset:-3px 0 14px;pointer-events:none;width:auto!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important;filter:none!important;opacity:1!important;transform:scale(1.42,1.08)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important}.pass-page .pass-track-lane-labels span:first-child{color:#bff5ff!important}.pass-page .pass-track-lane-labels span:first-child:after{background-image:url(/assets/lane-free-badge-BtziW19O.png)!important}.pass-page .pass-track-lane-labels span:nth-child(2){color:#ffe58a!important}.pass-page .pass-track-lane-labels span:nth-child(2):after{inset:4px 0 7px;background-image:url(/assets/lane-premium-badge-Dmlgp2se.png)!important}.pass-page .pass-reward-column-current:after{width:46px!important;height:62px!important;top:calc(var(--pass-divider-top) - 15px)!important;background:radial-gradient(ellipse at 50% 87%,rgb(255 241 184 / .88) 0 18%,transparent 55%) 50% 51px / 38px 9px no-repeat,linear-gradient(90deg,transparent 0%,rgb(255 243 179 / .82) 10%,#f4d16b 26%,#bd7b18 78%,rgb(92 54 12 / .78) 92%,transparent 100%) 50% 51px / 36px 6px no-repeat,linear-gradient(90deg,transparent 0%,rgb(255 229 128 / .78) 8%,#d9a235 26%,#8d520e 77%,rgb(63 35 8 / .72) 92%,transparent 100%) 50% 56px / 42px 7px no-repeat,radial-gradient(ellipse at 50% 98%,rgb(114 70 14 / .5) 0 38%,transparent 72%) 50% 58px / 45px 8px no-repeat,url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%20118'%20fill='none'%3e%3cdefs%3e%3cfilter%20id='shadow'%20x='-45%25'%20y='-25%25'%20width='190%25'%20height='155%25'%3e%3cfeDropShadow%20dx='0'%20dy='4'%20stdDeviation='3'%20flood-color='%23020617'%20flood-opacity='.78'/%3e%3cfeDropShadow%20dx='0'%20dy='0'%20stdDeviation='3'%20flood-color='%23bfdbfe'%20flood-opacity='.52'/%3e%3c/filter%3e%3clinearGradient%20id='white'%20x1='20'%20y1='4'%20x2='55'%20y2='112'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23ffffff'/%3e%3cstop%20offset='.18'%20stop-color='%23eaf6ff'/%3e%3cstop%20offset='.42'%20stop-color='%23aebccc'/%3e%3cstop%20offset='.66'%20stop-color='%2364748b'/%3e%3cstop%20offset='1'%20stop-color='%23f8fafc'/%3e%3c/linearGradient%3e%3clinearGradient%20id='edge'%20x1='14'%20y1='18'%20x2='62'%20y2='104'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23ffffff'/%3e%3cstop%20offset='.45'%20stop-color='%2394a3b8'/%3e%3cstop%20offset='1'%20stop-color='%23334155'/%3e%3c/linearGradient%3e%3cradialGradient%20id='shine'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(29%2034)%20rotate(70)%20scale(38%2022)'%3e%3cstop%20stop-color='%23ffffff'%20stop-opacity='.95'/%3e%3cstop%20offset='.36'%20stop-color='%23dbeafe'%20stop-opacity='.5'/%3e%3cstop%20offset='1'%20stop-color='%23dbeafe'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3cg%20filter='url(%23shadow)'%3e%3cpath%20d='M32.5%202h7v12h11v7h-11v12h-7V21h-11v-7h11V2Z'%20fill='url(%23white)'%20stroke='%23334155'%20stroke-width='2'/%3e%3cpath%20d='M36%2028c9.7%200%2017.5%207.3%2017.5%2016.2%200%205.2-2.8%209.9-7.1%2012.8%207.2%205%2011.6%2013%2012.1%2022H13.5c.5-9%204.9-17%2012.1-22-4.3-2.9-7.1-7.6-7.1-12.8C18.5%2035.3%2026.3%2028%2036%2028Z'%20fill='url(%23white)'%20stroke='%23334155'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M17%2078h38l5.5%2013h-49L17%2078Z'%20fill='url(%23white)'%20stroke='%23334155'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M13%2091h46l5%2010H8l5-10Z'%20fill='url(%23white)'%20stroke='%23334155'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M6%20101h60l3%2012H3l3-12Z'%20fill='url(%23white)'%20stroke='%23334155'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M24%2039c4-6%2014-8%2021-3'%20stroke='%23ffffff'%20stroke-width='3'%20stroke-linecap='round'%20opacity='.82'/%3e%3cpath%20d='M18%2084h36M14%2096h44M11%20106h50'%20stroke='%23f8fafc'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.55'/%3e%3cpath%20d='M20%2034c6-8%2021-12%2031-2%200%200-10-1-16%206-6%207-15%2010-15%2010V34Z'%20fill='url(%23shine)'/%3e%3cpath%20d='M51%2037c3%204%204%208%203%2013M54%2082l4%208M60%20103l2%207'%20stroke='%231e293b'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.42'/%3e%3c/g%3e%3c/svg%3e") 50% 0 / 30px 49px no-repeat!important;filter:drop-shadow(0 5px 4px rgb(0 0 0 / .48)) drop-shadow(0 7px 6px rgb(91 54 12 / .28)) drop-shadow(0 0 9px rgb(250 204 21 / .38))!important}@media(min-width:721px)and (max-width:1180px){body.app-board-view .app-shell{--board-topbar-height: 142px}.topbar-left,body.app-board-view .topbar-left{display:contents}.topbar-brand,body.app-board-view .topbar-brand{grid-column:1;grid-row:1;justify-self:start}.topbar-menu-toggle{display:none}.topbar-nav,body.app-board-view .topbar-nav{position:static;display:flex;grid-column:1 / -1;grid-row:2;flex-wrap:wrap;justify-content:center;width:100%;max-height:none;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;animation:none}.topbar-nav-button,body.app-board-view .topbar-nav-button{width:auto}}body.app-live-board-view .app-frame{height:auto;min-height:calc(100dvh - var(--shell-block-pad) * 2);padding-top:var(--board-topbar-actual-height, var(--board-topbar-height));overflow:visible}body.app-live-board-view,body.app-live-board-view .app-shell{height:auto;overflow-x:hidden;overflow-y:auto}body.app-live-board-view .game-stage{height:auto;min-height:0;align-content:start;padding-top:12px;padding-bottom:0;overflow:visible}.piece-slot-live-animated{transition:transform .17s ease-out;will-change:transform}@media(prefers-reduced-motion:reduce){body:not(.app-move-animations-enabled) .piece-slot-live-animated{transition:none}}.main-page-board-frame,body.app-board-view .main-page-board-frame{width:100%;height:100%;transform:none}.main-page-board-frame .demo-board-preview,body.app-board-view .main-page-board-frame .demo-board-preview{width:100%;height:100%;container-type:size;-webkit-mask-image:none}.demo-board-preview:before,.demo-board-preview:after{display:none}.demo-board-preview-square{width:auto;height:auto}.demo-board-preview-grid{grid-template-rows:repeat(8,1fr)}.demo-board-preview-highlight,.demo-board-preview .demo-board-preview-piece{width:12.5%;height:12.5%}.demo-board-preview .demo-board-preview-piece{padding-bottom:.625cqw;left:0;top:0;will-change:transform;transition:none}.demo-board-preview .piece-svg{width:11.25cqw;height:11.25cqw;--piece-offset-y: calc(11.25cqw * var(--piece-offset-y-ratio, 0)) !important;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .2));backface-visibility:visible}.main-page-board-frame:before,body.app-board-view .main-page-board-frame:before{display:none}.piece-slot:has(>.piece-svg[data-piece-type=p]){align-items:center;justify-items:center;padding-bottom:0}.piece-svg[data-piece-type=p]{transform-origin:center}.piece-slot-live-animated{transition:none}.active-match-notice{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:12px 20px;color:#e5f4ff;background:#15283f;border-bottom:1px solid #335c7d}.active-match-clock{color:#ff5252;font-size:1.35rem;font-weight:800;font-variant-numeric:tabular-nums}.active-match-notice{position:sticky;top:var(--board-topbar-actual-height, var(--board-topbar-height, 86px));z-index:119}body.app-live-board-view .app-footer{display:none}.board-controls-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;width:100%}.board-draw-offer{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;color:#edf7ff;font-size:13px}.board-draw-offer button{flex:0 0 auto;min-height:36px;padding:6px 10px;border:1px solid #4385ad;border-radius:9px;background:#17364f;color:#edf7ff;font:inherit;font-weight:700;cursor:pointer}.board-draw-offer button:hover{background:#255374}.board-controls-row>.board-status-strip-actions{flex-shrink:0}@media(max-width:480px){.board-controls-row,.board-draw-offer{gap:5px}.board-draw-offer{font-size:11px}.board-draw-offer button{padding:5px 7px}}.match-room-id{display:flex;align-items:center;justify-self:end;gap:10px;width:fit-content;max-width:100%;min-width:0;margin:0 0 10px auto;padding:5px 6px 5px 12px;box-sizing:border-box;border:1px solid rgb(100 172 220 / .22);border-radius:12px;background:linear-gradient(135deg,#14263b,#0d192a);box-shadow:inset 0 1px #ffffff0a,0 4px 14px #0000001f;color:#91b6d0;font-size:11px}.match-room-id>span{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.match-room-id code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;user-select:text;color:#d9edfa;font-size:11px}.match-room-id button{display:inline-grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid rgb(106 185 231 / .2);border-radius:8px;background:#1c354d;color:#9edcff;cursor:pointer;transition:background .15s ease,border-color .15s ease}.match-room-id button:hover,.match-room-id button:focus-visible{background:#28516d;border-color:#6ac8f3}.match-room-id-icon{width:16px;height:16px}