@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@800;900&display=swap";:root{color:#18212f;background:#243f63;font-family:Nunito,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html{width:100%;height:100%;max-width:100%;min-height:100%;min-height:100dvh;min-height:-webkit-fill-available;background:#243f63}body{display:flex;width:100%;max-width:100%;height:100%;min-width:320px;min-height:100%;min-height:100dvh;min-height:-webkit-fill-available;align-items:stretch;justify-content:stretch;padding:0;background:#243f63}#app{display:flex;width:100%;max-width:100%;height:100%;min-height:100%;min-height:100dvh;min-height:-webkit-fill-available;flex:1}button,input{font:inherit}button{border:0;cursor:pointer}.phone-canvas{position:relative;display:flex;width:100%;max-width:100%;height:100%;min-height:100%;min-height:100dvh;flex:1;flex-direction:column;overflow-x:clip;overflow-y:auto;border:none;border-radius:0;background:linear-gradient(180deg,#3a587e,#6388b9 25% 75%,#2a4365);box-shadow:none}.phone-canvas.game-screen{overflow:hidden}.page-lake-texture{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:radial-gradient(#283a55 2px,transparent 2px);background-size:16px 16px}.top-header{z-index:10;display:flex;align-items:center;justify-content:space-between;padding:max(40px,calc(env(safe-area-inset-top,0px) + 12px)) max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px))}.menu-icon-btn{display:flex;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:3px solid #ffffff;border-radius:50%;background:#1cb5e0;box-shadow:0 4px #106a85,0 6px 10px #0000004d}.menu-icon-btn .line{width:18px;height:3px;border-radius:2px;background:#fff}.menu-icon-btn .line.short{width:14px;margin-left:-4px}.amount,.card-num-val{font-family:Fredoka One,Nunito,sans-serif}.diamond-pill-box{position:relative;display:inline-flex;width:auto;min-width:108px;max-width:min(46vw,188px);height:36px;flex-shrink:0;align-items:center;justify-content:flex-end;padding-right:14px;border-radius:18px;background:#fff;box-shadow:0 4px #d2d6dc,0 4px 8px #00000026}.diamond-gem-icon,.diamond-icon{display:inline-block;flex-shrink:0;background:url(/iv_diamond.webp) center / contain no-repeat;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3))}.diamond-icon{position:absolute;top:-8px;left:-12px;width:46px;height:46px}.diamond-gem-icon--inline{width:14px;height:14px}.diamond-gem-icon--md{width:20px;height:20px}.diamond-gem-icon--metric{width:12px;height:12px;margin-right:4px}.diamond-gem-icon--tier{width:40px;height:40px}.diamond-gem-icon--hero{width:28px;height:28px}.diamond-gem-icon--reward{width:22px;height:22px}.gems-label{display:inline-flex;align-items:center;gap:5px}.gems-label--free{display:inline-block}.diamond-add-btn{position:absolute;bottom:-4px;left:14px;display:flex;width:18px;height:18px;align-items:center;justify-content:center;border:2px solid #ffffff;border-radius:50%;background:#6bd62e;color:#fff;font-size:12px;font-weight:900}.lobby-screen{--lobby-pad-top: max(12px, calc(env(safe-area-inset-top, 0px) + 8px) );--lobby-pad-x: max(12px, env(safe-area-inset-right, 0px));--lobby-pad-bottom: max(16px, env(safe-area-inset-bottom, 0px));--lobby-title-xl: clamp(24px, 6.5vw, 34px);--lobby-title-lg: clamp(22px, 5.8vw, 32px);--lobby-title-md: clamp(17px, 4.5vw, 23px);--lobby-body: clamp(12px, 3.2vw, 14px);--lobby-body-sm: clamp(11px, 2.8vw, 12px);--lobby-brand: clamp(46px, 12vw, 58px);--lobby-brand-font: clamp(24px, 7vw, 30px);--lobby-hero-badge: clamp(76px, 22vw, 104px);--lobby-hero-badge-font: clamp(40px, 11vw, 54px);--lobby-mode-icon: clamp(48px, 13vw, 58px);--lobby-mode-icon-font: clamp(24px, 7vw, 31px);--lobby-card-min-h: clamp(76px, 20vw, 92px);--lobby-card-pad-y: clamp(10px, 2.6vw, 12px);--lobby-card-pad-x: clamp(10px, 3vw, 14px);--lobby-stack-gap: clamp(10px, 2.8vw, 14px);display:flex;flex:1;flex-direction:column;min-height:100%;min-height:100dvh;padding:var(--lobby-pad-top) max(var(--lobby-pad-x),env(safe-area-inset-right,0px)) var(--lobby-pad-bottom) max(var(--lobby-pad-x),env(safe-area-inset-left,0px));overflow-x:clip;max-width:100%;background:radial-gradient(circle at 50% 18%,rgba(112,220,255,.32) 0 18%,transparent 38%),linear-gradient(180deg,#243f63,#6388b9 42%,#294464)}.lobby-screen--engine{isolation:isolate}.lobby-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.lobby-scene-aurora{position:absolute;inset:-20% -10%;background:radial-gradient(circle at 18% 24%,rgba(56,189,248,.34) 0%,transparent 42%),radial-gradient(circle at 82% 18%,rgba(167,139,250,.22) 0%,transparent 40%),radial-gradient(circle at 50% 88%,rgba(45,212,191,.18) 0%,transparent 36%);animation:lobbyAuroraDrift 14s ease-in-out infinite alternate}.lobby-scene-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(125,211,252,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.22) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at 50% 40%,black 12%,transparent 78%);mask-image:radial-gradient(circle at 50% 40%,black 12%,transparent 78%);animation:lobbyGridPulse 6s ease-in-out infinite}.lobby-scene-stars{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.95),transparent),radial-gradient(1px 1px at 30% 70%,rgba(255,255,255,.75),transparent),radial-gradient(1.5px 1.5px at 55% 35%,rgba(186,230,253,.95),transparent),radial-gradient(1px 1px at 72% 18%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 86% 62%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 42% 88%,rgba(255,255,255,.65),transparent);animation:lobbyStarTwinkle 7s ease-in-out infinite alternate}.lobby-scene-scanlines{position:absolute;inset:0;opacity:.05;background:repeating-linear-gradient(180deg,rgba(255,255,255,.7) 0,rgba(255,255,255,.7) 1px,transparent 1px,transparent 4px)}.lobby-scene-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 35%,rgba(8,18,34,.55) 100%)}.lobby-hud-frame{position:absolute;inset:14px}.lobby-hud-corner{position:absolute;width:28px;height:28px;border:2px solid rgba(125,211,252,.45);opacity:.75;animation:lobbyHudPulse 3.2s ease-in-out infinite}.lobby-hud-corner-tl{top:0;left:0;border-right:0;border-bottom:0;border-top-left-radius:10px}.lobby-hud-corner-tr{top:0;right:0;border-left:0;border-bottom:0;border-top-right-radius:10px}.lobby-hud-corner-bl{bottom:0;left:0;border-right:0;border-top:0;border-bottom-left-radius:10px}.lobby-hud-corner-br{right:0;bottom:0;border-left:0;border-top:0;border-bottom-right-radius:10px}.lobby-brand-mark{animation:lobbyBrandFloat 4.5s ease-in-out infinite}.lobby-plane-badge--float{animation:lobbyPlaneFloat 5s ease-in-out infinite}.lobby-hero-glow--pulse{animation:lobbyGlowPulse 4s ease-in-out infinite}.lobby-title-reveal,.lobby-subtitle-reveal{animation:lobbyFadeUp .68s cubic-bezier(.22,1,.36,1) both}.lobby-subtitle-reveal{animation-delay:.12s}.mode-card-list--stagger .mode-card{animation:lobbyCardReveal .72s cubic-bezier(.22,1,.36,1) both}.mode-card-list--stagger .mode-card:nth-child(1){animation-delay:.18s}.mode-card-list--stagger .mode-card:nth-child(2){animation-delay:.28s}.mode-card-list--stagger .mode-card:nth-child(3){animation-delay:.38s}.mode-card-list--stagger .mode-card:nth-child(4){animation-delay:.48s}.mode-card--engine{overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.mode-card--engine:hover{transform:translateY(-2px);filter:brightness(1.04)}.mode-card-shine{position:absolute;top:-40%;left:-120%;width:42%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:rotate(18deg);animation:modeCardShine 4.8s ease-in-out infinite;pointer-events:none}.mode-icon--engine{animation:modeIconBob 3.2s ease-in-out infinite}.matchmaking-tabs--engine .matchmaking-tab{position:relative;overflow:hidden}.matchmaking-tabs--engine .matchmaking-tab.is-active{box-shadow:0 0 0 1px #bae6fd8c,0 0 18px #38bdf859}.matchmaking-tabs--engine .matchmaking-tab.is-active span{position:relative;z-index:1}.matchmaking-tabs--engine .matchmaking-tab.is-active:after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 70%);content:""}.chatroom-game-card--joinable{border:1px solid rgba(125,211,252,.35);background:linear-gradient(135deg,#38bdf829,#ffffff14),#08182c52;box-shadow:0 0 #38bdf859;animation:joinCardPulse 2.8s ease-in-out infinite;transition:transform .14s ease,filter .14s ease}.chatroom-game-card--joinable:hover{transform:translateY(-2px);filter:brightness(1.06)}.chatroom-game-card--joinable .chatroom-game-action{background:linear-gradient(180deg,#7dd3fc,#0284c7);color:#082f49;box-shadow:0 3px #075985}.chatroom-game-card--spectate{border:1px solid rgba(167,139,250,.28);background:linear-gradient(135deg,#a78bfa24,#ffffff0f)}.chatroom-game-card--spectate .chatroom-game-action{background:linear-gradient(180deg,#c4b5fd,#7c3aed);color:#2e1065;box-shadow:0 3px #5b21b6}.matchmaking-game-list{gap:12px}.matchmaking-game-card{display:flex;flex-direction:column;gap:10px;width:100%;padding:12px;border:2px solid rgba(255,255,255,.18);border-radius:18px;background:linear-gradient(145deg,#ffffff14,#ffffff05),#08182c75;text-align:left;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.matchmaking-game-card--waiting{cursor:pointer}.matchmaking-game-card--waiting:hover:not(:disabled){transform:translateY(-2px);border-color:#7dd3fc7a;box-shadow:0 10px 24px #030d1c3d}.matchmaking-game-card--live{cursor:pointer;border-color:#a78bfa57;background:linear-gradient(145deg,#a78bfa1f,#ffffff08),#08182c80}.matchmaking-game-card--live:hover{transform:translateY(-2px);border-color:#c4b5fd85}.matchmaking-game-card--history{cursor:default}.matchmaking-game-card-main{display:flex;align-items:center;gap:12px;min-width:0}.matchmaking-game-card-head,.matchmaking-game-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.matchmaking-game-card-action{align-self:flex-end;padding:8px 14px;border-radius:999px;background:linear-gradient(180deg,#7dd3fc,#0284c7);color:#082f49;font-size:12px;font-weight:900;box-shadow:0 3px #075985;white-space:nowrap}.matchmaking-game-card--live .matchmaking-game-card-action{background:linear-gradient(180deg,#c4b5fd,#7c3aed);color:#2e1065;box-shadow:0 3px #5b21b6}.matchmaking-game-card-meta{display:flex;flex:1;flex-direction:column;align-items:flex-end;gap:4px;min-width:0}.match-room-id{color:#ffffffeb;font-size:13px;font-weight:900;letter-spacing:.03em}.match-room-fee{color:#ffffff9e;font-size:11px;font-weight:800}.match-room-fee .gems-label{gap:4px}.match-live-pill{padding:4px 8px;border-radius:999px;background:#f871712e;color:#fecaca;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.match-player-chip{display:flex;align-items:center;gap:10px;min-width:0}.match-player-chip--compact{flex:1;flex-direction:column;align-items:center;gap:6px;text-align:center}.match-player-chip--compact .match-player-copy{align-items:center}.match-player-avatar{width:46px;height:46px;flex-shrink:0;overflow:hidden;border-radius:50%;border:2px solid rgba(255,255,255,.72);background:#ffffff14;box-shadow:0 4px 12px #0003}.match-player-chip--red .match-player-avatar{border-color:#f87171d1}.match-player-chip--blue .match-player-avatar{border-color:#60a5fad1}.match-player-chip--compact .match-player-avatar{width:42px;height:42px}.match-player-avatar .player-avatar-image,.match-player-avatar .emoji-pic{width:100%;height:100%;object-fit:cover}.match-player-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.match-player-nickname{overflow:hidden;color:#fff;font-size:14px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.match-player-chip--compact .match-player-nickname{font-size:12px}.match-player-username{overflow:hidden;color:#ffffff94;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.match-vs-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.match-vs-badge{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#ffffff1a;color:#ffffffd1;font-size:11px;font-weight:900;letter-spacing:.04em}.match-player-chip--empty{display:grid;min-height:88px;place-items:center;border:1px dashed rgba(255,255,255,.16);border-radius:14px;color:#ffffff57;font-size:18px;font-weight:900}.match-history-outcome{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.match-history-outcome.is-win{background:#4ade8029;color:#7dffb2}.match-history-outcome.is-lose{background:#f8717124;color:#ff9f9f}.match-history-outcome.is-playing{background:#ffe08224;color:#ffe082}.match-history-footer{margin-top:2px}.match-history-card{border:1px solid rgba(255,255,255,.12);background:#08182c47}.chatroom-create-btn{box-shadow:0 3px #c68400,0 0 16px #ffb30047;transition:transform .14s ease,filter .14s ease}.chatroom-create-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.chatroom-refresh-btn{transition:background .14s ease,transform .14s ease}.chatroom-refresh-btn:hover:not(:disabled){transform:translateY(-1px);background:#ffffff3d}@keyframes lobbyAuroraDrift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.06)}}@keyframes lobbyGridPulse{0%,to{opacity:.12}50%{opacity:.2}}@keyframes lobbyStarTwinkle{0%{opacity:.35;transform:translateY(0)}to{opacity:.7;transform:translateY(-6px)}}@keyframes lobbyHudPulse{0%,to{opacity:.45}50%{opacity:.9}}@keyframes lobbyBrandFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes lobbyPlaneFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes lobbyGlowPulse{0%,to{transform:translate(-50%) scale(1);opacity:.85}50%{transform:translate(-50%) scale(1.08);opacity:1}}@keyframes lobbyFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes lobbyCardReveal{0%{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modeCardShine{0%,72%{left:-120%}to{left:140%}}@keyframes modeIconBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes joinCardPulse{0%,to{box-shadow:0 0 #38bdf838}50%{box-shadow:0 0 0 6px #38bdf800}}@media(prefers-reduced-motion:reduce){.lobby-scene-aurora,.lobby-scene-grid,.lobby-scene-stars,.lobby-hud-corner,.lobby-brand-mark,.lobby-plane-badge--float,.lobby-hero-glow--pulse,.lobby-title-reveal,.lobby-subtitle-reveal,.mode-card-list--stagger .mode-card,.mode-card-shine,.mode-icon--engine,.chatroom-game-card--joinable{animation:none!important}}.lobby-header{position:relative;z-index:2;display:flex;align-items:center;gap:12px}.lobby-screen .lobby-top-header{z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding-bottom:4px}.lobby-screen .lobby-hud-frame{display:none}.lobby-top-back-btn{position:relative;z-index:2;flex-shrink:0;width:38px;height:38px;border:2px solid rgba(255,255,255,.32);border-radius:50%;background:#08182c85;color:#fff;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 3px 10px #040c1847}.lobby-screen .lobby-top-brand.lobby-brand-mark{width:clamp(40px,11vw,48px);height:clamp(40px,11vw,48px);font-size:clamp(20px,5.5vw,24px);border-width:3px;border-radius:14px;box-shadow:0 5px #14648f,0 8px 14px #07122247}.lobby-screen .lobby-top-header .lobby-eyebrow{font-size:11px;letter-spacing:.08em;opacity:.82}.lobby-screen .lobby-top-header h1{margin-top:2px;font-size:clamp(20px,5.2vw,26px);line-height:1.05}.lobby-screen .lobby-top-header .lobby-header-copy{min-width:0}.lobby-screen .lobby-top-header .lobby-header-copy h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-screen .lobby-diamond{position:relative;top:auto;right:auto;justify-self:end;transform:none}.lobby-screen .lobby-top-diamond.diamond-pill-box{min-width:72px;max-width:min(32vw,112px);height:26px;padding-right:8px;border-radius:13px;box-shadow:0 2px #c8ced8,0 2px 6px #0000001f}.lobby-screen .lobby-top-diamond .diamond-icon{top:-5px;left:-8px;width:30px;height:30px}.lobby-screen .lobby-top-diamond .diamond-add-btn{bottom:-2px;left:8px;width:13px;height:13px;border-width:1.5px;font-size:9px}.lobby-screen .lobby-top-diamond .amount{margin-left:32px;font-size:13px}.lobby-screen .lobby-top-diamond .amount.amount-lg{font-size:11px}.lobby-screen .lobby-top-diamond .amount.amount-xl{font-size:9px;letter-spacing:-.04em}.lobby-header-copy{flex:1;min-width:0}.lobby-meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.lobby-platform-badge,.lobby-user-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em}.lobby-platform-badge{background:#38bdf838;color:#bae6fd;border:1px solid rgba(125,211,252,.35)}.lobby-user-badge{background:#ffffff1f;color:#ffffffe0}.lobby-error-banner{position:relative;z-index:2;margin-bottom:12px;padding:10px 14px;border-radius:12px;background:#ef44442e;border:1px solid rgba(248,113,113,.45);color:#fecaca;font-size:13px;font-weight:800;text-align:center}.lobby-classic-hint{z-index:1;margin-top:-4px;margin-bottom:8px;color:#ffffffb8;font-size:13px;font-weight:700;text-align:center}.lobby-brand-mark{display:grid;width:58px;height:58px;place-items:center;border:4px solid rgba(255,255,255,.95);border-radius:18px;background:linear-gradient(180deg,#57c7ff,#1d8cc8);box-shadow:0 7px #14648f,0 10px 18px #0712224d;color:#17233c;font-size:30px}.lobby-eyebrow{color:#ffffffb8;font-family:Fredoka One,Nunito,sans-serif;font-size:12px;letter-spacing:0;text-shadow:0 2px 0 rgba(0,0,0,.16)}.lobby-header h1{color:#fff;font-family:Fredoka One,Nunito,sans-serif;font-size:34px;line-height:1;text-shadow:0 4px 0 rgba(18,37,58,.36)}.lobby-hero-panel{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;justify-content:center;margin-top:28px;padding:28px 16px}.lobby-hero-glow{position:absolute;top:68px;left:50%;width:230px;height:230px;border-radius:50%;background:#32b4e647;filter:blur(2px);transform:translate(-50%)}.lobby-plane-badge{z-index:1;display:grid;width:104px;height:104px;place-items:center;align-self:center;border:5px solid #ffffff;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#57c7ff 48%,#1f78b2);box-shadow:0 8px #155a88,0 14px 22px #030d1c59;color:#17233c;font-size:54px}.lobby-hero-panel h2{z-index:1;margin-top:22px;color:#fff;font-family:Fredoka One,Nunito,sans-serif;font-size:32px;text-align:center;text-shadow:0 4px 0 rgba(18,37,58,.34)}.lobby-hero-panel p{z-index:1;max-width:290px;align-self:center;margin-top:8px;color:#ffffffc7;font-size:14px;font-weight:900;line-height:1.45;text-align:center}.mode-card-list{z-index:1;display:grid;gap:14px;margin-top:34px}.lobby-tabs{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.lobby-tab{border:2px solid rgba(255,255,255,.28);border-radius:999px;background:#08182c47;color:#ffffffd1;font-size:14px;font-weight:900;padding:10px 12px}.lobby-tab.is-active{border-color:#ffffffeb;background:#ffffff2e;color:#fff}.matchmaking-screen,.leaderboard-screen{display:flex;flex:1;flex-direction:column;min-height:100%;min-height:100dvh;overflow-y:auto;--lb-accent: #38bdf8;--lb-accent-soft: rgba(56, 189, 248, .24);--lb-accent-glow: rgba(56, 189, 248, .42);--lb-surface: rgba(8, 24, 44, .52);--lb-border: rgba(186, 230, 253, .28)}.leaderboard-screen--lucky{--lb-accent: #ffc107;--lb-accent-soft: rgba(255, 193, 7, .22);--lb-accent-glow: rgba(255, 214, 96, .48);--lb-surface: rgba(36, 24, 6, .44);--lb-border: rgba(255, 214, 96, .34)}.leaderboard-screen--win-rate{--lb-accent: #67e8f9;--lb-accent-soft: rgba(103, 232, 249, .18);--lb-accent-glow: rgba(56, 189, 248, .42)}.leaderboard-aurora{position:absolute;inset:72px 0 auto;z-index:0;height:220px;pointer-events:none;background:radial-gradient(circle at 18% 20%,var(--lb-accent-soft),transparent 58%),radial-gradient(circle at 82% 12%,rgba(255,255,255,.08),transparent 52%);opacity:.95}.leaderboard-screen .matchmaking-tabs,.leaderboard-screen .leaderboard-tabs{grid-template-columns:repeat(2,1fr)}.leaderboard-hero-strip{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;border:2px solid var(--lb-border);border-radius:18px;background:linear-gradient(135deg,var(--lb-accent-soft),rgba(255,255,255,.04)),var(--lb-surface);box-shadow:inset 0 1px #ffffff1f;animation:lobbyFadeUp .56s cubic-bezier(.22,1,.36,1) both}.leaderboard-hero-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:#ffffff1f;box-shadow:inset 0 -3px #0000001f;font-size:22px;animation:modeIconBob 3.4s ease-in-out infinite}.leaderboard-hero-copy{margin:0;color:#ffffffdb;font-size:12px;font-weight:800;line-height:1.35}.leaderboard-platform-chip{padding:6px 10px;border-radius:999px;border:1px solid var(--lb-border);background:#ffffff14;color:var(--lb-accent);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.leaderboard-tab--lucky.is-active{box-shadow:0 0 0 1px #ffd6609e,0 0 20px #ffc10757}.leaderboard-tab--win-rate.is-active{box-shadow:0 0 0 1px #bae6fd9e,0 0 20px #38bdf857}.leaderboard-toolbar{align-items:center;justify-content:space-between}.leaderboard-updated-hint{color:#ffffff94;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.leaderboard-refresh-btn:not(:disabled){border-color:var(--lb-border);box-shadow:0 0 14px var(--lb-accent-soft)}.leaderboard-panel{padding-bottom:28px}.leaderboard-load-more{margin-top:12px;padding:10px 12px;color:#ffffff94;font-size:12px;font-weight:700;text-align:center}.leaderboard-load-more--end{color:#ffffff6b}.leaderboard-stage{display:flex;flex-direction:column;gap:16px}.leaderboard-podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:8px;padding:10px 6px 0;animation:lobbyFadeUp .62s cubic-bezier(.22,1,.36,1) both}.leaderboard-podium-slot{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 12px;border:2px solid var(--lb-border);border-radius:18px 18px 14px 14px;background:linear-gradient(180deg,#ffffff1a,#ffffff05),var(--lb-surface);text-align:center;box-shadow:0 8px 18px #030d1c38;animation:leaderboardPodiumRise .68s cubic-bezier(.22,1,.36,1) both}.leaderboard-podium-slot.podium-1{min-height:168px;border-color:#ffd660b8;background:linear-gradient(180deg,#ffd6603d,#ffffff0a),#2418068f;box-shadow:0 10px 24px #030d1c47,0 0 24px #ffc1072e;animation-delay:80ms}.leaderboard-podium-slot.podium-2{min-height:142px;animation-delay:0ms}.leaderboard-podium-slot.podium-3{min-height:128px;animation-delay:.14s}.leaderboard-podium-slot--empty{opacity:.42;filter:saturate(.7)}.leaderboard-podium-slot.is-viewer{box-shadow:0 0 0 2px #ffffff3d,0 0 22px var(--lb-accent-glow)}.leaderboard-podium-rank{font-size:22px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.28))}.leaderboard-podium-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.72);box-shadow:0 4px 12px #0000003d}.podium-1 .leaderboard-podium-avatar{width:60px;height:60px;border-color:#ffd660eb}.leaderboard-podium-avatar .player-avatar-image,.leaderboard-podium-avatar .emoji-pic,.leaderboard-avatar .player-avatar-image,.leaderboard-avatar .emoji-pic{width:100%;height:100%;object-fit:cover}.leaderboard-podium-name{max-width:100%;overflow:hidden;color:#fff;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.leaderboard-podium-user{max-width:100%;overflow:hidden;color:#ffffff9e;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.leaderboard-podium-slot .leaderboard-metric{margin-top:2px}.leaderboard-rest-label{margin-bottom:8px;color:#ffffff8f;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.leaderboard-list{display:flex;flex-direction:column;gap:10px}.leaderboard-row{display:grid;grid-template-columns:40px 48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 12px 12px 10px;border:2px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 68%),#08182c75;animation:leaderboardRowReveal .56s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--lb-row-index, 0) * 70ms + .18s);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.leaderboard-row:hover{transform:translateY(-1px);border-color:var(--lb-border)}.leaderboard-row.is-viewer{border-color:var(--lb-accent);background:linear-gradient(135deg,var(--lb-accent-soft),rgba(255,255,255,.03)),#08182c94;box-shadow:0 0 0 1px var(--lb-accent-soft),0 0 20px var(--lb-accent-glow)}.leaderboard-rank{font-size:18px;font-weight:900;line-height:1;text-align:center}.leaderboard-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.24);background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff14}.leaderboard-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.leaderboard-nickname{font-size:14px;font-weight:900;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-username{font-size:11px;font-weight:700;color:#ffffff94;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-metric{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;border:1px solid var(--lb-border);background:#ffffff14;color:var(--lb-accent);font-size:12px;font-weight:900;white-space:nowrap}.leaderboard-metric--rate{flex-direction:column;align-items:flex-end;gap:0;padding:5px 10px;line-height:1.15}.leaderboard-metric-value{font-size:13px}.leaderboard-metric-sub{color:#ffffff94;font-size:9px;font-weight:800}.leaderboard-empty{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:18px;padding:28px 18px;border:2px dashed rgba(255,255,255,.18);border-radius:22px;background:#08182c47;text-align:center}.leaderboard-empty-trophy{font-size:42px;filter:drop-shadow(0 6px 14px rgba(255,193,7,.28));animation:modeIconBob 3.6s ease-in-out infinite}.leaderboard-empty strong{color:#fff;font-size:16px;font-weight:900}.leaderboard-empty p{margin:0;max-width:240px;color:#ffffffad;font-size:12px;font-weight:700;line-height:1.45}.leaderboard-skeleton{display:flex;flex-direction:column;gap:10px;margin-top:8px}.leaderboard-skeleton-row{height:72px;border-radius:16px;background:linear-gradient(90deg,#ffffff0d,#ffffff24 45%,#ffffff0d);background-size:220% 100%;animation:leaderboardSkeletonShimmer 1.35s ease-in-out infinite;animation-delay:calc(var(--lb-row-index, 0) * .12s)}.leaderboard-error{margin-top:8px}@keyframes leaderboardPodiumRise{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes leaderboardRowReveal{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes leaderboardSkeletonShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.matchmaking-tabs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.matchmaking-tab{border:2px solid rgba(255,255,255,.28);border-radius:999px;background:#08182c47;color:#ffffffd1;font-size:13px;font-weight:900;padding:10px 8px;cursor:pointer}.matchmaking-tab.is-active{border-color:#ffffffeb;background:#ffffff2e;color:#fff}.matchmaking-toolbar{position:relative;z-index:2;display:flex;justify-content:center;gap:10px;margin-top:10px}.chatroom-create-btn{padding:8px 16px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffe082,#ffb300);box-shadow:0 3px #c68400;color:#4a3200;font-weight:900;cursor:pointer}.matchmaking-create-panel{margin-bottom:14px}.matchmaking-create-hint{margin:0 0 10px;color:#ffffffc7;font-size:13px;font-weight:800;text-align:center}.matchmaking-status-banner{position:relative;z-index:2;margin-top:10px;padding:10px 14px;border-radius:12px;background:#38bdf829;border:1px solid rgba(125,211,252,.35);color:#e0f2fe;font-size:13px;font-weight:800;text-align:center}.entry-fee-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));animation:entryFeeOverlayIn .22s ease-out}.entry-fee-overlay-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(56,189,248,.16) 0%,transparent 52%),#040a16c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.entry-fee-dialog{position:relative;z-index:1;display:flex;width:min(100%,400px);max-height:min(92dvh,calc(100dvh - max(16px,env(safe-area-inset-top,0px)) - max(16px,env(safe-area-inset-bottom,0px)) - 16px));animation:entryFeeDialogIn .34s cubic-bezier(.22,1,.36,1)}.entry-fee-dialog-panel{position:relative;display:flex;width:100%;min-height:0;flex-direction:column;overflow:hidden;border:2px solid rgba(147,197,253,.55);border-radius:28px;background:linear-gradient(168deg,#0a1e38fa,#103052f7 52%,#081a30fc);box-shadow:0 0 0 1px #ffffff12,0 0 48px #38bdf833,0 28px 56px #0000007a,inset 0 1px #ffffff24}.entry-fee-dialog-glow{position:absolute;top:-40%;left:50%;width:120%;height:55%;transform:translate(-50%);background:radial-gradient(circle,rgba(56,189,248,.28) 0%,transparent 68%);pointer-events:none}.entry-fee-dialog-head{position:relative;z-index:1;flex-shrink:0;padding:22px 20px 14px;text-align:center}.entry-fee-dialog-badge{display:inline-block;margin-bottom:8px;padding:4px 12px;border:1px solid rgba(125,211,252,.45);border-radius:999px;background:#0e749047;color:#bae6fd;font-size:10px;font-weight:900;letter-spacing:.16em}.entry-fee-dialog-head h2{color:#fff;font-family:Fredoka One,Nunito,sans-serif;font-size:28px;line-height:1.15;text-shadow:0 3px 0 rgba(12,40,64,.38)}.entry-fee-dialog-head p{margin-top:6px;color:#bae6fdb8;font-size:13px;font-weight:800}.entry-fee-dialog-close{position:absolute;top:14px;right:14px;z-index:3;width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#ffffff14;color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:background .14s ease,transform .14s ease}.entry-fee-dialog-close:hover{background:#ffffff29;transform:scale(1.06)}.entry-fee-dialog-scroll{position:relative;z-index:1;min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 16px max(32px,calc(env(safe-area-inset-bottom,0px) + 20px));scrollbar-width:thin;scrollbar-color:rgba(125,211,252,.45) transparent}.entry-fee-dialog-scroll::-webkit-scrollbar{width:5px}.entry-fee-dialog-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#7dd3fc73}.entry-fee-dialog-scroll-fade{position:absolute;right:0;bottom:0;left:0;z-index:2;height:18px;background:linear-gradient(180deg,transparent 0%,rgba(8,26,48,.72) 100%);pointer-events:none}.entry-fee-tier-list{display:grid;gap:10px}.entry-fee-tier-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:14px 14px 14px 12px;border:1px solid rgba(255,214,120,.38);border-radius:18px;background:linear-gradient(135deg,#ffecb3fa,#ffc442f5 48%,#f59e0bfa);box-shadow:0 4px #b45309,0 0 20px #fbbf2438,inset 0 1px #ffffff8c;color:#4a3200;text-align:left;cursor:pointer;animation:entryFeeCardIn .4s cubic-bezier(.22,1,.36,1) both;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.entry-fee-tier-card:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 6px #b45309,0 0 28px #fbbf2461,inset 0 1px #ffffff8c}.entry-fee-tier-card:active{transform:translateY(2px);box-shadow:0 2px #b45309}.entry-fee-tier-card-copy{display:grid;gap:2px}.entry-fee-tier-card-amount{font-family:Fredoka One,Nunito,sans-serif;font-size:24px;line-height:1.05;color:#3b2600}.entry-fee-tier-card-hint{font-size:12px;font-weight:900;letter-spacing:.04em;color:#4a3200ad}.entry-fee-tier-card-go{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#4a32001f;color:#4a3200b8;font-size:11px;font-weight:900}.entry-fee-picker-spinner{display:inline-block;width:14px;height:14px;margin-right:8px;border:2px solid rgba(125,211,252,.35);border-top-color:#7dd3fc;border-radius:50%;vertical-align:-2px;animation:entryFeeSpin .7s linear infinite}.entry-fee-picker-message{padding:28px 12px 36px;color:#ffffffc7;font-size:14px;font-weight:800;text-align:center}.entry-fee-picker-message.is-error{color:#fecaca}.host-waiting-screen{overflow-x:clip;overflow-y:auto}.host-waiting-panel{position:relative;z-index:2;display:grid;justify-items:center;gap:18px;margin-top:12px;padding:8px 16px 28px}.host-waiting-radar{position:relative;width:min(72vw,260px);aspect-ratio:1;display:grid;place-items:center}.host-waiting-radar-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(56,189,248,.35);animation:hostRadarPulse 2.4s ease-out infinite}.host-waiting-radar-ring.ring-2{animation-delay:.8s}.host-waiting-radar-ring.ring-3{animation-delay:1.6s}.host-waiting-radar-sweep{position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(56,189,248,.55) 42deg,transparent 84deg);mask:radial-gradient(circle,transparent 42%,#000 43%);-webkit-mask:radial-gradient(circle,transparent 42%,#000 43%);animation:hostRadarSweep 2.8s linear infinite}.host-waiting-radar-core{position:relative;z-index:2;width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#38bdf859,#0e74908c);border:2px solid rgba(186,230,253,.65);box-shadow:0 0 28px #38bdf873;font-size:28px;animation:hostRadarCorePulse 1.6s ease-in-out infinite}.host-waiting-radar-core.is-countdown{font-family:Fredoka One,Nunito,sans-serif;font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.host-waiting-status{text-align:center}.host-waiting-status-label{color:#e0f2fe;font-family:Fredoka One,Nunito,sans-serif;font-size:20px;text-shadow:0 2px 8px rgba(14,116,144,.45)}.host-waiting-status-dots{display:inline-flex;gap:6px;margin-top:8px}.host-waiting-status-dots span{width:7px;height:7px;border-radius:50%;background:#7dd3fc;animation:hostWaitingDot 1.2s ease-in-out infinite}.host-waiting-status-dots span:nth-child(2){animation-delay:.2s}.host-waiting-status-dots span:nth-child(3){animation-delay:.4s}.host-waiting-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.host-waiting-meta-card{display:grid;gap:4px;padding:12px 14px;border-radius:16px;background:#081c34b8;border:1px solid rgba(125,211,252,.32);text-align:center}.host-waiting-meta-key{color:#bae6fdb8;font-size:11px;font-weight:900;letter-spacing:.08em}.host-waiting-meta-value{color:#fff;font-family:Fredoka One,Nunito,sans-serif;font-size:22px}.host-waiting-meta-stake{color:#fde68a;text-shadow:0 0 12px rgba(251,191,36,.35)}.host-waiting-hint{color:#bae6fdad;font-size:12px;font-weight:800;text-align:center;line-height:1.5}.host-waiting-exit-btn{width:min(100%,280px);padding:14px 18px;border:1px solid rgba(248,113,113,.45);border-radius:999px;background:#7f1d1d59;color:#fecaca;font-size:15px;font-weight:900;cursor:pointer;transition:background .14s ease,transform .14s ease}.host-waiting-exit-btn:hover{background:#991b1b7a;transform:translateY(-1px)}.host-waiting-exit-btn:active{transform:translateY(1px)}@keyframes entryFeeOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes entryFeeDialogIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes entryFeeCardIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes entryFeeSpin{to{transform:rotate(360deg)}}@keyframes hostRadarPulse{0%{transform:scale(.55);opacity:.85}to{transform:scale(1.05);opacity:0}}@keyframes hostRadarSweep{to{transform:rotate(360deg)}}@keyframes hostRadarCorePulse{0%,to{transform:scale(1);box-shadow:0 0 28px #38bdf873}50%{transform:scale(1.06);box-shadow:0 0 36px #38bdf8a6}}@keyframes hostWaitingDot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.matchmaking-panel{position:relative;z-index:1;flex:1;margin-top:8px;padding-bottom:24px}.mode-card-matchmaking{background:linear-gradient(180deg,#8fd3ff,#3f8fd9);box-shadow:0 6px #2a6aa8,0 12px 20px #030d1c47}.match-history-card{cursor:default}.match-history-outcome.is-win{color:#7dffb2}.match-history-outcome.is-lose{color:#ff9f9f}.match-history-outcome.is-playing{color:#ffe082}.chatroom-lobby-panel{justify-content:flex-start;margin-top:18px;padding-top:12px}.chatroom-lobby-head h2{z-index:1;color:#fff;font-family:Fredoka One,Nunito,sans-serif;font-size:28px;text-align:center}.chatroom-lobby-head p{z-index:1;margin-top:6px;color:#ffffffc7;font-size:13px;font-weight:800;text-align:center}.chatroom-refresh-btn,.chatroom-tier-btn,.chatroom-game-card{border:0;cursor:pointer}.chatroom-refresh-btn{display:block;margin:14px auto 0;padding:8px 16px;border-radius:999px;background:#ffffff29;color:#fff;font-weight:900}.chatroom-tier-list{z-index:1;display:grid;gap:10px;margin-top:18px}.chatroom-tier-btn{padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#ffe082,#ffb300);box-shadow:0 5px #c68400;color:#4a3200;font-size:15px;font-weight:900}.chatroom-game-section{z-index:1;margin-top:22px}.chatroom-game-section h3{color:#ffffffe0;font-size:15px;font-weight:900}.chatroom-game-list{display:grid;gap:10px;margin-top:10px}.chatroom-game-card{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 16px;border-radius:18px;background:#ffffff1f;color:#fff;text-align:left}.chatroom-game-room{font-size:18px;font-weight:900}.chatroom-game-meta{grid-column:1;color:#ffffffb8;font-size:12px;font-weight:800}.chatroom-game-action{grid-column:2;grid-row:1 / span 2;align-self:center;padding:6px 12px;border-radius:999px;background:#ffffff2e;font-size:12px;font-weight:900}.chatroom-list-empty,.chatroom-list-message{margin-top:10px;color:#ffffffb8;font-size:13px;font-weight:800;text-align:center}.chatroom-game-card.is-finished{cursor:default;opacity:.82}.chatroom-game-card.is-finished .chatroom-game-action{background:#ffffff1a}.mode-card{position:relative;display:grid;min-height:92px;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:4px solid rgba(255,255,255,.9);border-radius:20px;text-align:left;transition:transform .12s ease,filter .12s ease}.mode-card-primary{background:linear-gradient(180deg,#52c6ff,#2daee9 58%,#1788c3);box-shadow:0 8px #116a9c,0 13px 20px #04112252}.mode-card-primary:active,.mode-card-online:active{transform:translateY(5px);box-shadow:0 3px #116a9c,0 8px 14px #0411223d}.mode-card-online{background:linear-gradient(180deg,#6ee7b7,#26b98d 58%,#168261);box-shadow:0 8px #0f644a,0 13px 20px #04112252}.mode-card-leaderboard{background:linear-gradient(180deg,#ffe082,#ffb300 52%,#e68a00);box-shadow:0 8px #b86b00,0 13px 22px #0411224d,0 0 28px #ffc10738}.mode-card-leaderboard .mode-play-pill{color:#7a4a00;background:#ffffffeb}.mode-card-leaderboard:active{transform:translateY(5px);box-shadow:0 3px #b86b00,0 8px 14px #0411223d}.mode-card-locked{background:linear-gradient(180deg,#f6f1e5,#d9d0c0);box-shadow:0 7px #8c8274,0 12px 18px #04112238;cursor:not-allowed;filter:saturate(.72)}.mode-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;background:#ffffffdb;box-shadow:inset 0 -4px #1c30481f;font-size:31px}.mode-copy{display:grid;gap:5px}.mode-copy strong{color:#fff;font-family:Fredoka One,Nunito,sans-serif;font-size:23px;line-height:1;text-shadow:0 3px 0 rgba(12,40,64,.28)}.mode-card-locked .mode-copy strong{color:#5f5649;text-shadow:0 1px 0 rgba(255,255,255,.55)}.mode-copy small{color:#ffffffc7;font-size:12px;font-weight:900}.mode-card-locked .mode-copy small{color:#3e3730ad}.mode-play-pill,.mode-lock-pill{display:grid;min-width:52px;height:32px;place-items:center;border-radius:999px;font-size:13px;font-weight:900}.mode-play-pill{background:#fff7d2;box-shadow:0 3px #c99028;color:#926019}.mode-lock-pill{background:#534b4129;color:#6b6258}.online-room-screen{gap:18px}.online-back-btn{font-size:28px;line-height:1}.back-icon-btn{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:50%;background:#ffffffeb;box-shadow:0 4px 12px #0000001f;color:#1f2937;cursor:pointer}.online-chatroom-hint{padding:10px 14px;border-radius:12px;background:#ffffff24;color:#ffffffeb;font-size:13px;text-align:center}.online-waiting-card{display:flex;flex-direction:column;gap:8px;padding:18px 16px;border-radius:18px;background:#ffffffeb;color:#1f2937;text-align:center}.online-waiting-card strong{font-size:34px;letter-spacing:.18em}.online-waiting-card p{margin:0;font-size:16px;font-weight:700}.online-waiting-card small{color:#64748b;font-size:13px}.online-room-panel{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;gap:16px;justify-content:center;padding:22px 12px 34px}.online-room-orb{display:grid;width:98px;height:98px;place-items:center;align-self:center;border:5px solid #ffffff;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#80f1c8 45%,#17956d);box-shadow:0 8px #0d6047,0 14px 22px #030d1c59;font-size:48px}.online-status-pill{align-self:center;padding:8px 18px;border:3px solid rgba(255,255,255,.88);border-radius:999px;background:#11233a47;color:#fff;font-size:14px;font-weight:900;box-shadow:inset 0 -3px #0000001f}.room-code-display{display:grid;gap:6px;justify-items:center;padding:16px 18px;border:4px solid rgba(255,255,255,.92);border-radius:22px;background:#fff7d2;box-shadow:0 7px #c99028,0 12px 18px #04112238}.room-code-display span{color:#926019;font-size:13px;font-weight:900}.room-code-display strong{color:#1b2744;font-family:Fredoka One,Nunito,sans-serif;font-size:38px;letter-spacing:0}.online-command-card{width:100%}.online-join-box{display:grid;grid-template-columns:1fr 86px;gap:10px;align-items:center}.online-room-input{min-width:0;height:58px;padding:0 16px;border:4px solid rgba(255,255,255,.9);border-radius:18px;outline:none;background:#fffffff0;box-shadow:inset 0 -5px #1c30481f,0 6px #144a6873;color:#1b2744;font-family:Fredoka One,Nunito,sans-serif;font-size:22px}.online-room-input:focus{border-color:#fff7d2}.online-join-button{height:58px;border:4px solid rgba(255,255,255,.9);border-radius:18px;background:linear-gradient(180deg,#ffe28a,#ffc245);box-shadow:0 6px #b47917,0 10px 14px #04112238;color:#805313;font-weight:900}.online-room-message{min-height:24px;color:#ffffffe0;font-size:13px;font-weight:900;text-align:center}.amount{min-width:0;margin-left:48px;padding-right:2px;color:#121c3e;font-size:16px;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.amount.amount-lg{font-size:13px;letter-spacing:-.02em}.amount.amount-xl{font-size:11px;letter-spacing:-.03em}.top-header .diamond-pill-box{margin-left:auto}.opponent-floating-card{position:absolute;top:125px;right:16px;z-index:9;display:flex;align-items:center}.game-screen{--game-dock-scale: 1;position:relative;display:flex;min-height:100dvh;flex-direction:column}.game-stage{display:flex;flex:1;flex-direction:column;align-items:stretch;justify-content:center;gap:clamp(12px,2.4vh,18px);min-height:0;padding:2px 0 4px}.game-screen .opponent-floating-card{position:static;z-index:9;align-self:flex-end;margin-right:16px;transform:scale(var(--game-dock-scale));transform-origin:right bottom}.game-screen .local-player-dock{position:static;z-index:9;align-self:flex-start;margin-left:16px;transform:scale(var(--game-dock-scale));transform-origin:left top}.game-screen .board-center-container{margin-top:0;flex:0 0 auto}.game-screen .turn-control-strip{position:static;flex:0 0 auto;margin:0 16px 6px 96px}.game-connection-banner{position:absolute;top:8px;left:50%;z-index:13;display:flex;max-width:min(92%,340px);align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:12px;font-size:13px;line-height:1.35;text-align:center;transform:translate(-50%);box-shadow:0 6px 18px #00000047;pointer-events:auto}.game-connection-banner__message{pointer-events:none}.game-connection-banner__action{padding:4px 8px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:#ffffff24;color:inherit;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.game-connection-banner--info{border:1px solid rgba(120,180,255,.55);background:#12223aeb;color:#dcebff}.game-connection-banner--warn{border:1px solid rgba(255,196,96,.55);background:#30220ceb;color:#ffe3a8}.game-connection-banner--error{border:1px solid rgba(255,120,120,.55);background:#300e12eb;color:#ffd0d0}.game-toast-banner{position:absolute;top:52px;left:50%;z-index:12;max-width:min(92%,320px);padding:8px 14px;border-radius:999px;background:#141824e0;border:1px solid rgba(255,214,120,.45);color:#ffe8a8;font-size:13px;line-height:1.35;text-align:center;transform:translate(-50%);box-shadow:0 6px 18px #00000047;pointer-events:none}.game-screen .game-stage{position:relative}.opponent-plate{margin-right:-24px;padding:4px 30px 4px 14px;border:2px solid #7c5835;border-radius:10px;background:linear-gradient(180deg,tan,#c59b6e,#b38453);box-shadow:0 4px 8px #0000004d;text-align:right}.opponent-title{max-width:138px;overflow:hidden;color:#fff;font-size:13px;font-weight:900;text-overflow:ellipsis;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:nowrap}.opponent-geo{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:1px;color:#3e2510;font-size:11px;font-weight:800}.arrow-indicator{display:inline-flex;width:12px;height:12px;align-items:center;justify-content:center;border-radius:50%;background:#7c5835;color:#fbd38d;font-size:8px}.avatar-frame,.player-avatar-shell{position:relative}.avatar-ring-outer,.player-avatar-ring{border-radius:50%;background:#fff;box-shadow:0 6px 12px #00000059}.avatar-ring-outer{width:66px;height:66px;padding:3px}.avatar-screen,.player-avatar-core{display:flex;width:100%;height:100%;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:50%}.avatar-screen{border:2.5px solid #6be3f9;background:#1cb5e0}.emoji-pic{font-size:42px;transform:translateY(4px)}.player-avatar-image{display:block;width:100%;height:100%;object-fit:cover}.level-badge-star,.player-badge-star{display:none;position:absolute;right:-2px;bottom:-4px;z-index:5;display:flex;width:24px;height:24px;align-items:center;justify-content:center;border:2px solid #ffffff;border-radius:6px;background:#1cb5e0;box-shadow:0 3px 6px #0000004d;transform:rotate(45deg)}.level-badge-star span,.player-badge-star span{color:#fff;font-size:11px;font-weight:900;transform:rotate(-45deg)}.board-center-container{position:relative;display:flex;width:100%;max-width:100%;align-items:center;justify-content:center;margin-top:105px;padding:0 8px}.board-scale-frame{--board-design-size: 388;--board-render-size-px: min( calc(100vw - 20px) , 388px, calc(100dvh - 360px) );--board-scale: calc(var(--board-render-size-px) / (var(--board-design-size) * 1px));width:var(--board-render-size-px);max-width:388px;height:var(--board-render-size-px)}.board-scale-frame>.main-game-board{transform:scale(var(--board-scale));transform-origin:top left}.main-game-board{position:relative;display:grid;overflow:visible;width:388px;height:388px;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);padding:6px;border-radius:24px;background:#cce8f461;box-shadow:0 10px 18px #111f2b52,inset 0 0 0 2px #d8f4ff38,inset 0 -7px #2d4a5e38}.inner-board-lake{position:relative;grid-row:2 / 11;grid-column:2 / 11;overflow:hidden;border:2.5px solid #283a55;border-radius:1px;background:#7398c7;box-shadow:inset 0 0 24px #00000026}.lake-texture{position:absolute;width:100%;height:100%;opacity:.15;background-image:radial-gradient(#283a55 2px,transparent 2px);background-size:16px 16px}.red-home-base-pool,.blue-home-base-pool{position:absolute;z-index:2;width:80px;height:80px;border:0;border-radius:50%;box-shadow:inset 0 -6px #00000040,0 4px 8px #0003}.red-home-base-pool{top:calc(83.333% - 40px);left:130px;background:#eb5465}.blue-home-base-pool{top:calc(16.667% - 40px);right:130px;background:#5ca4e6}.red-start-base-pool,.blue-start-base-pool{position:absolute;z-index:1;border:0;border-radius:50%;box-shadow:inset 0 0 0 3px #4e2e3a7a,inset 0 -7px #521a302e,0 6px 10px #18212d2e}.red-start-base-pool{background:linear-gradient(140deg,rgba(255,146,161,.3) 0%,rgba(255,146,161,.12) 24%,transparent 25%),#eb5465}.blue-start-base-pool{background:linear-gradient(140deg,rgba(150,220,255,.3) 0%,rgba(150,220,255,.12) 24%,transparent 25%),#5ca4e6}.red-start-base-pool:before,.blue-start-base-pool:before{position:absolute;top:50%;z-index:2;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;content:"";transform:translateY(-50%)}.red-start-base-pool:before{left:2px;border-right:12px solid rgba(132,27,37,.42)}.blue-start-base-pool:before{right:2px;border-left:12px solid rgba(25,82,142,.42)}.start-slot{position:absolute;width:24px;height:24px;border-radius:50%;background:#7c263857;box-shadow:inset 0 2px 3px #56182b38}.pool-plane{position:absolute;z-index:2;font-size:22px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3))}.plane-one{top:14px;left:10px;transform:rotate(15deg)}.plane-two{top:38px;left:28px;transform:rotate(-10deg)}.plane-three{top:12px;left:48px;transform:rotate(45deg)}.blue-plane{filter:hue-rotate(185deg) saturate(1.15) drop-shadow(0 3px 2px rgba(0,0,0,.3))}.red-home-path-track,.blue-home-path-track{position:absolute;display:flex;z-index:3;width:132px;height:34px;gap:0;filter:drop-shadow(0 5px 3px rgba(38,43,32,.38))}.red-home-path-track{top:calc(83.333% - 15px);left:0}.blue-home-path-track{top:calc(16.667% - 17px);right:0}.path-node{position:relative;z-index:1;flex:1;border:1.5px solid rgba(104,52,60,.55);border-radius:4px;margin-right:-1px;box-shadow:inset 0 1px #ffffff2e,inset 0 -4px #5c19231f}.red-home-path-track .path-node:last-child,.blue-home-path-track .path-node:last-child{margin-right:0}.red-home-path-track .path-node{background:#ef5265}.blue-home-path-track .path-node{border-color:#2b57828c;background:#63a8e7;box-shadow:inset 0 1px #ffffff2e,inset 0 -4px #1c497424}.red-home-path-track .path-node:last-child{border-right:0}.blue-home-path-track .path-node:first-child{border-left:0}.path-node:before{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0d;pointer-events:none;content:""}.path-arrow-red{position:absolute;top:50%;left:8px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #841b25;transform:translateY(-50%)}.path-arrow-blue{position:absolute;top:50%;right:8px;width:0;height:0;border-top:5px solid transparent;border-right:7px solid #123e72;border-bottom:5px solid transparent;transform:translateY(-50%)}.central-cards-deck{position:absolute;top:48%;left:50%;z-index:10;display:flex;gap:8px;transform:translate(-50%,-50%)}.card-face-up-active,.card-back-pile{position:relative;display:flex;width:52px;height:84px;align-items:center;justify-content:center;border-radius:8px}.card-back-stack{position:relative;width:52px;height:84px;overflow:visible}.card-back-stack.has-redraw{z-index:12}.card-redraw-btn{position:absolute;left:50%;bottom:-18px;z-index:26;display:flex;width:58px;flex-direction:column;align-items:center;padding:0;border:none;background:transparent;cursor:pointer;transform:translate(-50%);pointer-events:auto}.card-redraw-btn:disabled{cursor:wait;opacity:.78}.card-redraw-icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border:3px solid #fff;border-radius:50%;background:linear-gradient(180deg,#c85cff,#6f22db);box-shadow:0 4px 10px #3a0c786b;color:#fff}.card-redraw-icon svg{width:22px;height:22px}.card-redraw-cost{display:inline-flex;align-items:center;gap:3px;margin-top:-7px;padding:2px 4px 2px 3px;border-radius:999px;background:#fff;box-shadow:0 2px 5px #0003}.card-redraw-cost>span:last-child{display:inline-flex;min-width:16px;align-items:center;justify-content:center;padding:1px 6px;border-radius:999px;background:#171321;color:#fff;font-family:Fredoka One,Nunito,sans-serif;font-size:11px;line-height:1.1}.diamond-gem-icon--redraw{width:15px;height:15px}.card-redraw-label{margin-top:2px;color:#fff;font-family:Fredoka One,Nunito,sans-serif;font-size:11px;line-height:1;letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.55)}.central-cards-deck.is-redraw-pending .card-redraw-btn,.central-cards-deck.is-redraw-pending .card-back-pile{cursor:wait;filter:saturate(.92) brightness(.98)}.card-face-up-active{overflow:hidden;border:none;background:transparent;box-shadow:0 6px 14px #00000052}.card-face-image-frame{background:transparent}.card-display-frame{width:100%;height:100%}.card-draw-flight-layer{position:absolute;top:0;left:60px;z-index:24;width:52px;height:84px;perspective:960px;perspective-origin:50% 50%;pointer-events:none;animation:drawCardFlightPath .98s cubic-bezier(.2,.82,.18,1) forwards;transform-style:preserve-3d;will-change:transform}.card-flight-shell{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:drawCardReveal .98s cubic-bezier(.22,.78,.18,1) forwards;box-shadow:0 14px 20px #00000038;transform-origin:50% 50%;will-change:transform}.card-flip-face{position:absolute;inset:0;overflow:hidden;border-radius:5px;backface-visibility:hidden}.card-flip-face-back{background:transparent}.card-flip-face-front{transform:rotateY(180deg)}.card-back-skin{display:block;width:100%;height:100%;border-radius:5px;background:transparent;overflow:hidden}.card-face-up-active.is-flipping .card-display-frame{opacity:0}.card-face-up-active.is-idle .card-display-frame{opacity:1}.card-face-image{display:block;width:100%;height:100%;object-fit:contain}.card-flip-face-front:after{position:absolute;top:-10%;left:-120%;width:62%;height:120%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 28%,rgba(255,255,255,.72) 50%,rgba(255,255,255,.1) 72%,transparent 100%);mix-blend-mode:screen;opacity:0;content:"";animation:drawCardGlint .98s ease-out forwards;pointer-events:none}.central-cards-deck.is-draw-pending .card-back-pile,.central-cards-deck.is-draw-pending .card-face-up-active.is-draw-face{cursor:wait;filter:saturate(.92) brightness(.98)}.card-face-up-active.is-draw-face{cursor:pointer}.card-back-pile{overflow:hidden;padding:0;border:none;background:transparent;box-shadow:0 6px 14px #00000052;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.card-back-stack.is-draw-enabled .card-back-pile:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 16px #0000005c}.card-back-stack.is-draw-enabled .card-back-pile:active{transform:translateY(-1px) scale(.985)}.card-back-pile:disabled{cursor:default;filter:saturate(.88) brightness(.95)}.card-back-image{display:block;width:100%;height:100%;object-fit:contain}.card-back-text{font-family:Fredoka One,Nunito,sans-serif;font-size:13px;line-height:1}.green-prompt-arrow{position:absolute;top:-14px;left:50%;width:0;height:0;z-index:20;border-left:12px solid transparent;border-right:12px solid transparent;border-top:22px solid #4dfb2a;filter:drop-shadow(0 4px 5px rgba(0,0,0,.45));animation:bounceIndicator 1s infinite;pointer-events:none;margin-left:-12px}@keyframes drawCardFlightPath{0%{transform:translate3d(0,2px,0) rotate(0) scale(.98)}20%{transform:translate3d(-11px,-16px,18px) rotate(1.4deg) scale(1.025)}42%{transform:translate3d(-31px,-28px,34px) rotate(2deg) scale(1.045)}62%{transform:translate3d(-49px,-20px,26px) rotate(1deg) scale(1.025)}82%{transform:translate3d(-63px,-5px,8px) rotate(.2deg) scale(1.006)}to{transform:translate3d(-60px,0,0) rotate(0) scale(1)}}@keyframes drawCardReveal{0%{transform:rotateY(0) rotateX(0)}18%{transform:rotateY(32deg) rotateX(2deg)}38%{transform:rotateY(78deg) rotateX(4deg)}55%{transform:rotateY(112deg) rotateX(3deg)}76%{transform:rotateY(158deg) rotateX(1deg)}92%{transform:rotateY(176deg) rotateX(0)}to{transform:rotateY(180deg) rotateX(0)}}@keyframes drawCardGlint{0%,46%{left:-120%;opacity:0}58%{left:-18%;opacity:.72}72%{left:42%;opacity:.32}to{left:120%;opacity:0}}.blue-pawn-base-hang{position:absolute;top:35%;right:12%;display:flex;width:70px;height:70px;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.2);border-radius:50%;background:#1e325566}.board-cell-item{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #6f7778;border-radius:5px;background:linear-gradient(180deg,#fffdf4,#f7f2e5);box-shadow:inset 1px 1px #ffffffdb,inset -1px -1px #40464c29,0 2px 3px #232c303d}.main-game-board.is-selection-active .board-cell-item,.main-game-board.is-selection-active .path-node,.main-game-board.is-selection-active .red-home-base-pool,.main-game-board.is-selection-active .blue-home-base-pool{filter:saturate(.82) brightness(.7)}.main-game-board.is-selection-active .board-cell-item.is-target-cell,.main-game-board.is-selection-active .path-node.is-target-cell,.main-game-board.is-selection-active .red-home-base-pool.is-target-cell,.main-game-board.is-selection-active .blue-home-base-pool.is-target-cell{filter:none}.board-cell-item.is-target-cell,.path-node.is-target-cell,.red-home-base-pool.is-target-cell,.blue-home-base-pool.is-target-cell{cursor:pointer}.board-cell-item:after{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #2a303614;pointer-events:none;content:""}.corner-top-left{border-top-left-radius:18px}.corner-top-right{border-top-right-radius:18px}.corner-bottom-left{border-bottom-left-radius:18px}.corner-bottom-right{border-bottom-right-radius:18px}.track-circle-dot{width:22px;height:22px;border:4px solid #73b3e2;border-radius:50%;box-shadow:inset 0 0 0 3px #fdfcf9}.track-circle-dot.red-dot{border-color:#ea6472}.slide-pipe-h,.slide-pipe-v{position:absolute;z-index:1}.slide-pipe-h{width:100%;height:7px;background:linear-gradient(180deg,#6fb2e3 50%,#eb6674 50%)}.slide-pipe-v{width:7px;height:100%;background:linear-gradient(90deg,#6fb2e3 50%,#eb6674 50%)}.slide-pipe-v.blue-only{background:#6fb2e3}.slide-strip{position:absolute;z-index:1;width:calc((100% - 12px) / 11 * 2.68);height:28px;pointer-events:none;background:url(/blue_red_slide.png) center / 100% 100% no-repeat}.slide-strip.is-slide-active,.side-slide-strip.is-slide-active{z-index:24;filter:saturate(1.28) brightness(1.22) drop-shadow(0 0 10px rgba(255,247,158,.82));animation:slideTrackPulse .68s ease-out}.slide-strip.is-slide-riding,.side-slide-strip.is-slide-riding{z-index:24;filter:saturate(1.38) brightness(1.28) drop-shadow(0 0 14px rgba(255,230,90,.92));animation:slideTrackRideGlow .68s ease-in-out infinite;overflow:hidden}.slide-strip.is-slide-riding:before,.side-slide-strip.is-slide-riding:before{position:absolute;inset:-1px;border-radius:999px;opacity:.72;content:"";pointer-events:none;animation:slideTrackStripes .22s linear infinite}.slide-strip.is-slide-riding:before{background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(255,255,255,.62) 5px 9px)}.side-slide-strip.is-slide-riding:before{background:repeating-linear-gradient(180deg,transparent 0 5px,rgba(255,255,255,.62) 5px 9px)}.slide-strip.is-slide-riding:after,.side-slide-strip.is-slide-riding:after{position:absolute;inset:-2px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,rgba(255,248,170,.15) 35%,rgba(255,230,80,.55) 50%,rgba(255,248,170,.15) 65%,transparent 100%);content:"";opacity:.85;animation:slideTrackSweep .68s linear infinite;pointer-events:none}.slide-strip.is-slide-arrived,.side-slide-strip.is-slide-arrived{z-index:24;filter:saturate(1.32) brightness(1.24) drop-shadow(0 0 16px rgba(255,220,70,.95));animation:slideTrackArriveFlash .42s ease-out}.slide-strip-top{top:calc(6px + ((100% - 12px) / 11 - 28px) / 2);transform:rotate(180deg)}.slide-strip-bottom{top:calc(6px + (100% - 12px) / 11 * 10 + ((100% - 12px) / 11 - 28px) / 2)}.slide-strip-top-a{left:calc(6px + (100% - 12px) / 11 * 1.32)}.slide-strip-top-b{left:calc(6px + (100% - 12px) / 11 * 6.32)}.slide-strip-bottom-a{left:calc(6px + (100% - 12px) / 11 * 7)}.slide-strip-bottom-b{left:calc(6px + (100% - 12px) / 11 * 2)}.side-slide-strip{position:absolute;z-index:1;width:23px;height:calc((100% - 12px) / 11 * 2.68);pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:100% 100%}.red-side-slide{left:calc(6px + (100% - 12px) / 11 * 10 + ((100% - 12px) / 11 - 23px) / 2);background-image:url(/red_slide.png)}.red-side-slide-a{top:calc(6px + (100% - 12px) / 11 * 1.32)}.red-side-slide-b{top:calc(6px + (100% - 12px) / 11 * 6.32)}.blue-side-slide{left:calc(6px + ((100% - 12px) / 11 - 23px) / 2);background-image:url(/blue_slide.png)}.blue-side-slide-a{top:calc(6px + (100% - 12px) / 11 * 7)}.blue-side-slide-b{top:calc(6px + (100% - 12px) / 11 * 2)}.slide-end-img{position:absolute;z-index:2;width:30px;height:30px}.slide-end-img.shared-end{background:url(/red_blue_end.png) center / contain no-repeat}.slide-end-img.red-end{background:url(/red_end.png) center / contain no-repeat}.slide-end-img.blue-end{background:url(/blue_slide_end.png) center / contain no-repeat}.slide-arrow-img{position:absolute;z-index:2;width:23px;height:13px;background:url(/arrow.png) center / contain no-repeat;filter:drop-shadow(0 1px 0 rgba(255,255,255,.7))}.slide-arrow-img.arrow-right{transform:rotate(-90deg)}.slide-arrow-img.arrow-down{transform:rotate(0)}.slide-arrow-img.arrow-left{transform:rotate(90deg)}.slide-arrow-img.arrow-up{transform:rotate(180deg)}.game-pawn-token{position:absolute;z-index:20;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 6px 5px rgba(0,0,0,.45));transform:translateZ(0);transition:left .16s ease-in-out,top .16s ease-in-out}.game-pawn-token.is-selectable{cursor:pointer}.game-pawn-token.is-selectable:before,.game-pawn-token.is-selected:before,.game-pawn-token.is-selected:after{position:absolute;left:50%;top:50%;width:36px;height:36px;border-radius:50%;content:"";transform:translate(-50%,-50%);pointer-events:none}.game-pawn-token.is-selectable:before{border:3px solid #5ef23f;box-shadow:0 3px 8px #27831857,0 0 10px #5ef23f38;opacity:.96;animation:selectablePawnPulse 1.1s ease-in-out infinite}.game-pawn-token.is-selected:before{border:4px solid #66ff4d;box-shadow:0 0 14px #6cff426b,0 0 7px #6cff422e;animation:selectedPawnPulse .9s ease-in-out infinite}.game-pawn-token.is-selected:after{width:42px;height:42px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M21.8 5.8c2.6.2 5 1.2 7 2.8l-1.8 1.8 5.5.8-.8-5.5-1.9 1.9c-2.3-1.8-5.1-2.8-8-3l0 1.2Z'/%3E%3Cpath d='M36.2 21.8c-.2 2.6-1.2 5-2.8 7l-1.8-1.8-.8 5.5 5.5-.8-1.9-1.9c1.8-2.3 2.8-5.1 3-8l-1.2 0Z'/%3E%3Cpath d='M20.2 36.2c-2.6-.2-5-1.2-7-2.8l1.8-1.8-5.5-.8.8 5.5 1.9-1.9c2.3 1.8 5.1 2.8 8 3l0-1.2Z'/%3E%3Cpath d='M5.8 20.2c.2-2.6 1.2-5 2.8-7l1.8 1.8.8-5.5-5.5.8 1.9 1.9c-1.8 2.3-2.8 5.1-3 8l1.2 0Z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 0 5px rgba(255,255,255,.42));animation:selectedPawnPulse .9s ease-in-out infinite,selectedRingRotate 2.2s linear infinite}.game-pawn-token.is-swap-target:before{position:absolute;left:50%;top:50%;width:36px;height:36px;border:3px solid #5ef23f;border-radius:50%;box-shadow:0 3px 8px #27831857,0 0 10px #5ef23f38;opacity:.96;content:"";transform:translate(-50%,-50%);animation:selectablePawnPulse 1.1s ease-in-out infinite;pointer-events:none}.game-pawn-token.is-swap-target{z-index:31;cursor:pointer}.game-pawn-token.is-bump-target:before{position:absolute;left:50%;top:50%;width:36px;height:36px;border:3px solid #ff8a4d;border-radius:50%;box-shadow:0 3px 8px #b7464357,0 0 10px #ff8a4d3d;opacity:.96;content:"";transform:translate(-50%,-50%);animation:selectablePawnPulse 1.1s ease-in-out infinite;pointer-events:none}.game-pawn-token.is-bump-target{z-index:31;cursor:pointer}.board-swap-overlay-host{position:absolute;inset:0;z-index:28;pointer-events:none}.swap-target-button,.kick-target-button{position:absolute;z-index:35;display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:0;border-radius:11px;background:linear-gradient(180deg,#fff,#f7f8fc);box-shadow:0 0 0 2px #465877f2,0 5px 10px #111b2a38;color:#273d61;font-size:0;pointer-events:auto;overflow:visible}.swap-target-button:before{content:"↺";font-size:21px;font-weight:900;line-height:1;transform:translateY(-1px)}.kick-target-button:before{content:"💣";font-size:19px;font-weight:900;line-height:1;transform:translateY(-1px)}.swap-target-button:after,.kick-target-button:after{content:"";position:absolute;width:0;height:0;filter:drop-shadow(0 1px 1px rgba(33,16,16,.18))}.swap-target-button.is-bottom:after,.kick-target-button.is-bottom:after{left:50%;top:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid #b74643;transform:translate(-50%)}.swap-target-button.is-top:after,.kick-target-button.is-top:after{left:50%;bottom:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #b74643;transform:translate(-50%)}.swap-target-button.is-left:after,.kick-target-button.is-left:after{right:-7px;top:50%;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:9px solid #b74643;transform:translateY(-50%)}.swap-target-button.is-right:after,.kick-target-button.is-right:after{left:-7px;top:50%;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:9px solid #b74643;transform:translateY(-50%)}.game-pawn-token.is-jumping{transition:none;z-index:33;will-change:left,top,transform}.red-home-base-pool.is-receiving-piece,.blue-home-base-pool.is-receiving-piece{animation:home-pool-receive .28s ease-out;box-shadow:inset 0 -6px #00000040,0 0 0 4px #fff08c8c,0 0 22px #ffd246d9}@keyframes home-pool-receive{0%{transform:scale(1);filter:brightness(1)}45%{transform:scale(1.06);filter:brightness(1.25)}to{transform:scale(1);filter:brightness(1.08)}}.home-entry-comet-layer{position:absolute;inset:0;z-index:36;overflow:visible;pointer-events:none}.home-entry-comet-ribbon{position:absolute;inset:0;z-index:35;overflow:visible;pointer-events:none}.home-entry-comet-path{filter:drop-shadow(0 0 8px rgba(255,220,80,.85)) drop-shadow(0 0 16px rgba(255,180,40,.55))}.home-entry-comet-spark{position:absolute;width:calc(8px * var(--spark-scale, 1));height:calc(8px * var(--spark-scale, 1));border-radius:50%;background:radial-gradient(circle,#fffef0,#ffe566 45%,#ffb42800);box-shadow:0 0 10px #ffe664e6;transform:translate(-50%,-50%) scale(var(--spark-scale, 1));animation:home-comet-spark-fade .38s ease-out forwards;pointer-events:none}@keyframes home-comet-spark-fade{0%{opacity:1;transform:translate(-50%,-50%) scale(calc(var(--spark-scale, 1) * 1.1))}to{opacity:0;transform:translate(-50%,-50%) scale(calc(var(--spark-scale, 1) * .35))}}.game-pawn-token.is-home-entering{transition:none;z-index:38;filter:drop-shadow(0 16px 14px rgba(0,0,0,.46));will-change:left,top,transform,filter}.game-pawn-token.is-swapping{z-index:32;filter:drop-shadow(0 10px 10px rgba(0,0,0,.5));transform:translateZ(0) scale(1.08);transition:left .28s cubic-bezier(.2,.9,.2,1),top .28s cubic-bezier(.2,.9,.2,1),transform .16s ease-out}.game-pawn-token.is-sliding{z-index:34;filter:drop-shadow(0 12px 12px rgba(0,0,0,.48));transform:translateZ(0) scale(1.06);transition:left .54s cubic-bezier(.12,.82,.2,1),top .54s cubic-bezier(.12,.82,.2,1),transform .22s ease-out}.game-pawn-token.is-sliding.is-riding-pawn{transform:translateZ(0) translateY(4px) scale(.98);transition:none}.game-pawn-token.is-slide-source-hidden{opacity:0}.game-pawn-token.is-boarding-car,.game-pawn-token.is-unboarding-car{z-index:48;transition:none;will-change:left,top,transform}.slide-car-token{position:absolute;z-index:46;width:36px;height:36px;pointer-events:none;will-change:left,top,transform,filter,opacity}.slide-car-token.is-riding{z-index:47}.slide-car-aura{position:absolute;left:50%;top:74%;z-index:0;width:52px;height:24px;border-radius:50%;opacity:.88;background:radial-gradient(ellipse,rgba(94,242,63,.62) 0%,rgba(94,242,63,.16) 68%,transparent 100%);filter:blur(3px);transform:translate(-50%,-50%)}.slide-car-disc{position:absolute;left:50%;top:76%;z-index:1;width:40px;height:16px;transform:translate(-50%,-50%)}.slide-car-token.is-horizontal .slide-car-disc{width:44px;height:15px}.slide-car-token.is-vertical .slide-car-disc{width:34px;height:18px}.slide-car-disc-top{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 50% 28%,#d6ffb8,#7dff56 38%,#45d62f 72%,#2ea61f);box-shadow:0 0 0 2px #ffffffd1,0 0 14px #5ef23fe0,0 4px 7px #17551257}.slide-car-disc-rim{position:absolute;inset:-2px -3px -4px;border:2px solid rgba(39,131,24,.42);border-radius:50%;box-shadow:inset 0 -3px 5px #17551247;pointer-events:none}.slide-car-disc-shine{position:absolute;left:16%;top:10%;z-index:2;width:44%;height:42%;border-radius:50%;background:#ffffff9e;filter:blur(.3px);transform:rotate(-16deg);pointer-events:none}.slide-car-token.is-riding .slide-car-aura{animation:slideDiscAuraPulse .36s ease-in-out infinite}.slide-car-token.is-riding .slide-car-disc-top{box-shadow:0 0 0 2px #ffffffeb,0 0 18px #5ef23f,0 0 32px #5ef23f85,0 5px 9px #17551261}.slide-car-trail{position:absolute;left:50%;top:76%;z-index:0;width:78px;height:18px;border-radius:999px;opacity:0;background:linear-gradient(90deg,transparent 0%,rgba(94,242,63,.08) 20%,rgba(125,255,86,.55) 100%);filter:blur(1px);transform:translate(-50%,-50%);transform-origin:center center}.slide-car-token.is-horizontal .slide-car-trail{width:88px;height:16px}.slide-car-token.is-vertical .slide-car-trail{width:18px;height:88px;background:linear-gradient(180deg,transparent 0%,rgba(94,242,63,.08) 20%,rgba(125,255,86,.55) 100%)}.slide-car-token.is-riding .slide-car-trail{opacity:.78;animation:slideCarTrailPulse .36s ease-in-out infinite}.slide-car-speedline{position:absolute;z-index:0;height:7px;border-radius:999px;opacity:0;background:linear-gradient(90deg,transparent 0%,rgba(214,255,184,.2) 28%,rgba(255,255,255,.88) 100%);filter:blur(.2px)}.slide-car-token.is-horizontal .slide-car-speedline{transform-origin:right center}.slide-car-token.is-vertical .slide-car-speedline{width:7px!important;height:32px!important;background:linear-gradient(180deg,transparent 0%,rgba(214,255,184,.2) 28%,rgba(255,255,255,.88) 100%);transform-origin:center bottom}.slide-car-speedline-1{left:-34px;top:72%;width:40px}.slide-car-token.is-vertical .slide-car-speedline-1{left:50%;top:-18px;transform:translate(-50%)}.slide-car-speedline-2{left:-28px;top:66%;width:30px;height:5px}.slide-car-token.is-vertical .slide-car-speedline-2{left:44%;top:-14px;transform:translate(-50%)}.slide-car-speedline-3{left:-26px;top:78%;width:26px;height:4px}.slide-car-token.is-vertical .slide-car-speedline-3{left:56%;top:-10px;transform:translate(-50%)}.slide-car-token.is-riding .slide-car-speedline{opacity:.9}.slide-car-token.is-riding.is-horizontal .slide-car-speedline-1{animation:slideSpeedlineFlash .32s ease-out infinite}.slide-car-token.is-riding.is-horizontal .slide-car-speedline-2{animation:slideSpeedlineFlash .32s ease-out 70ms infinite}.slide-car-token.is-riding.is-horizontal .slide-car-speedline-3{animation:slideSpeedlineFlash .32s ease-out .14s infinite}.slide-car-token.is-riding.is-vertical .slide-car-speedline-1{animation:slideSpeedlineFlashVertical .32s ease-out infinite}.slide-car-token.is-riding.is-vertical .slide-car-speedline-2{animation:slideSpeedlineFlashVertical .32s ease-out 70ms infinite}.slide-car-token.is-riding.is-vertical .slide-car-speedline-3{animation:slideSpeedlineFlashVertical .32s ease-out .14s infinite}.slide-landing-shockwave{position:absolute;z-index:44;width:18px;height:18px;margin-left:-9px;margin-top:-9px;border:3px solid rgba(255,230,90,.92);border-radius:50%;opacity:.92;pointer-events:none;animation:slideLandingShockwave .52s ease-out forwards}.slide-landing-spark{position:absolute;z-index:45;width:6px;height:6px;margin-left:-3px;margin-top:-3px;border-radius:50%;background:radial-gradient(circle,#fff8b0 0%,#ffc94a 55%,transparent 100%);pointer-events:none;animation:slideLandingSpark .48s ease-out forwards}.game-pawn-token.is-exchange-jumping,.game-pawn-token.is-sorry-jumping{z-index:36;transition:none;filter:drop-shadow(0 12px 12px rgba(0,0,0,.52));will-change:left,top,transform}.game-pawn-token.is-sorry-kicked{z-index:35;transition:none;filter:drop-shadow(0 10px 10px rgba(0,0,0,.5));will-change:left,top,transform}.game-pawn-token.is-attacking{z-index:36;filter:drop-shadow(0 12px 12px rgba(0,0,0,.52));transform:translateZ(0) scale(1.1);transition:left .3s cubic-bezier(.18,.95,.22,1),top .3s cubic-bezier(.18,.95,.22,1),transform .14s ease-out}.game-pawn-token.is-bumped-home{z-index:35;filter:drop-shadow(0 10px 10px rgba(0,0,0,.5));transform:translateZ(0) scale(.96);transition:left .32s cubic-bezier(.25,.75,.2,1),top .32s cubic-bezier(.25,.75,.2,1),transform .16s ease-out}.token-body-red,.token-body-blue,.token-body-yellow,.token-body-green{position:relative;width:32px;height:36px;border:2px solid #5a0b13;border-radius:42% 58% 50% 50%/65% 65% 35% 35%}.token-body-red{background:radial-gradient(circle at 35% 35%,#ff8e99,#ce3343 70%,#7e121d)}.token-body-red:before{position:absolute;top:-7px;left:7px;width:12px;height:13px;border:2px solid #5a0b13;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff8e99,#ce3343);content:""}.token-body-red:after{position:absolute;top:4px;left:4px;font-size:13px;content:"👀"}.token-body-blue{border-color:#091f38;background:radial-gradient(circle at 35% 35%,#60b2f5,#215fa3 70%,#0d2e54)}.token-body-blue:before{position:absolute;top:-7px;left:7px;width:12px;height:13px;border:2px solid #091f38;border-radius:50%;background:radial-gradient(circle at 35% 35%,#78c4ff,#215fa3);content:""}.token-body-blue:after{position:absolute;top:4px;left:4px;font-size:13px;content:"👀"}.token-body-yellow{border-color:#674009;background:radial-gradient(circle at 35% 35%,#ffe28a,#d7a322 70%,#7e5312)}.token-body-green{border-color:#154d25;background:radial-gradient(circle at 35% 35%,#87ef8d,#2ca34e 70%,#125023)}.mini-token{transform:scale(.9);margin-right:-8px}.mini-token.second{transform:scale(.9) translateY(4px);margin-right:0}.local-player-dock{position:absolute;bottom:110px;left:16px;z-index:9;display:flex;width:calc(100% - 32px);align-items:center}.green-check-badge{position:absolute;top:-2px;left:-2px;z-index:5;display:flex;width:22px;height:22px;align-items:center;justify-content:center;border:2.5px solid #ffffff;border-radius:50%;background:#6bd62e;color:#fff;font-size:11px;font-weight:900}.player-avatar-ring{width:72px;height:72px;padding:4px}.player-avatar-core{border:2.5px solid #1cb5e0;background:radial-gradient(circle at center,#fff,#6dddf9)}.player-avatar-core span{font-size:52px;transform:translateY(6px)}.player-badge-star{background:#48bb78}.player-meta-plate{display:flex;height:46px;flex-direction:column;justify-content:space-between;margin-left:-14px;padding:4px 12px 4px 20px;border-radius:10px;background:#fff;box-shadow:0 4px 8px #00000040}.ribbon-name{max-width:114px;margin-top:-10px;margin-left:-6px;overflow:hidden;padding:1px 8px;border-radius:5px;background:#f15268;box-shadow:0 3px 4px #f1526866;color:#fff;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.flag-geo-row{display:flex;align-items:center;gap:2px;color:#1a233a;font-size:11px;font-weight:800}.blue-status-dot{width:22px;height:18px;margin-left:8px;border-radius:4px;background:#2b5998}.task-reward-track-group{display:flex;align-items:center;margin-left:auto}.progress-slot-bg{position:relative;z-index:1;display:flex;width:90px;height:16px;margin-right:-12px;overflow:hidden;border:2.5px solid #cfc1b4;border-radius:9px;background:#4a4540;box-shadow:inset 0 2px 4px #0006}.progress-node{z-index:1;flex:1;border-right:1.5px solid #332f2b;background:linear-gradient(180deg,#4e4a45,#2f2d2b)}.progress-node:last-child{border-right:0}.progress-node.is-filled{background:linear-gradient(180deg,#91f06f,#35bd61);box-shadow:inset 0 1px #ffffff61}.progress-node.is-receiving{box-shadow:inset 0 1px #ffffff61,0 0 10px #ffec78f2,0 0 18px #ffc83ca6;animation:home-progress-receive .42s ease-out}@keyframes home-progress-receive{0%{background:linear-gradient(180deg,#ffe082,#ffb300);filter:brightness(1.35)}to{background:linear-gradient(180deg,#91f06f,#35bd61);filter:brightness(1)}}.opponent-progress-track{margin-top:4px}.progress-slot-bg--compact{width:72px;height:12px;margin-right:0;border-width:2px;border-radius:7px}.home-entry-beam-layer{position:absolute;inset:0;z-index:40;overflow:visible;pointer-events:none}.home-entry-beam{position:absolute;width:56px;height:18px;pointer-events:none;will-change:left,top,transform,opacity}.home-entry-beam-core{position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#fffef0,#ffe566,#ffb300 70%,#ffa00000);box-shadow:0 0 12px #ffe664f2,0 0 24px #ffb428bf;transform:translate(-50%,-50%)}.home-entry-beam-trail{position:absolute;left:50%;top:50%;width:52px;height:8px;border-radius:999px;background:linear-gradient(90deg,#ffdc5000,#ffec82d9 45%,#ffffdc);box-shadow:0 0 14px #ffdc5acc;transform:translate(-88%,-50%)}.home-entry-beam-spark{position:absolute;border-radius:50%;background:#fff8c4;box-shadow:0 0 8px #ffe678e6;animation:home-beam-spark .42s ease-out infinite}.home-entry-beam-spark-1{left:18%;top:-6px;width:5px;height:5px;animation-delay:0ms}.home-entry-beam-spark-2{left:42%;top:8px;width:4px;height:4px;animation-delay:80ms}.home-entry-beam-spark-3{left:68%;top:-4px;width:3px;height:3px;animation-delay:.14s}@keyframes home-beam-spark{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}.home-entry-impact{position:absolute;z-index:41;width:28px;height:28px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,#ffffd2f2,#ffd2468c 42%,#ffb42800 72%);animation:home-entry-impact .5s ease-out forwards}@keyframes home-entry-impact{0%{opacity:.95;transform:translate(-50%,-50%) scale(.35)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}.reward-chest-shining{z-index:2;display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:3px solid #fceacf;border-radius:10px;background:radial-gradient(circle,#f3b463,#bd6e23);box-shadow:0 5px 10px #0006;font-size:20px}.turn-control-strip{position:absolute;right:16px;bottom:76px;left:96px;z-index:12;display:flex;gap:7px;overflow-x:auto;padding:0 0 4px;scrollbar-width:none}.turn-control-strip::-webkit-scrollbar{display:none}.move-button,.reset-button{flex:0 0 auto;min-width:64px;padding:8px 10px;border:2px solid #ffffff;border-radius:999px;box-shadow:0 4px #24214e4d;color:#fff;font-size:12px;font-weight:900;white-space:nowrap}@keyframes selectedPawnPulse{0%,to{transform:translate(-50%,-50%) scale(.95)}50%{transform:translate(-50%,-50%) scale(1)}}@keyframes selectablePawnPulse{0%,to{transform:translate(-50%,-50%) scale(.94)}50%{transform:translate(-50%,-50%) scale(.985)}}@keyframes selectedRingRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes slideTrackPulse{0%{opacity:.78;transform:scale(.99)}32%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes slideTrackRideGlow{0%,to{filter:saturate(1.32) brightness(1.24) drop-shadow(0 0 12px rgba(255,230,90,.82))}50%{filter:saturate(1.48) brightness(1.34) drop-shadow(0 0 18px rgba(255,220,60,1))}}@keyframes slideTrackSweep{0%{transform:translate(-120%);opacity:0}20%{opacity:.9}to{transform:translate(120%);opacity:0}}@keyframes slideTrackArriveFlash{0%{filter:saturate(1.5) brightness(1.38) drop-shadow(0 0 20px rgba(255,210,50,1));transform:scale(1.04)}to{filter:saturate(1.22) brightness(1.18) drop-shadow(0 0 8px rgba(255,247,158,.72));transform:scale(1)}}@keyframes slideSpeedlineFlash{0%{opacity:0;transform:scaleX(.2)}35%{opacity:.95;transform:scaleX(1.1)}to{opacity:0;transform:scaleX(.45)}}@keyframes slideCarTrailPulse{0%,to{opacity:.55;transform:scaleX(.85)}50%{opacity:.85;transform:scaleX(1.15)}}@keyframes slideLandingShockwave{0%{opacity:.95;transform:scale(.4)}70%{opacity:.35;transform:scale(2.8)}to{opacity:0;transform:scale(3.4)}}@keyframes slideLandingSpark{0%{opacity:1;transform:rotate(var(--spark-angle, 0deg)) translate(0) scale(1)}to{opacity:0;transform:rotate(var(--spark-angle, 0deg)) translate(22px) scale(.2)}}@keyframes slideTrackStripes{0%{transform:translate(0)}to{transform:translate(12px)}}@keyframes slideDiscAuraPulse{0%,to{opacity:.72;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}@keyframes slideSpeedlineFlashVertical{0%{opacity:0;transform:translate(-50%) scaleY(.2)}35%{opacity:.95;transform:translate(-50%) scaleY(1.08)}to{opacity:0;transform:translate(-50%) scaleY(.45)}}.move-button{background:linear-gradient(180deg,#55bdf4,#347fe2)}.reset-button{background:linear-gradient(180deg,#ffbd5b,#f37038)}.force-end-button{flex:0 0 auto;min-width:64px;padding:8px 10px;border:2px solid #ffffff;border-radius:999px;background:linear-gradient(180deg,#ff7d7d,#d94848);box-shadow:0 4px #24214e4d;color:#fff;font-size:12px;font-weight:900;white-space:nowrap}.game-exit-button{flex:0 0 auto;min-width:64px;padding:8px 10px;border:2px solid #ffffff;border-radius:999px;background:linear-gradient(180deg,#8b93b8,#5a6288);box-shadow:0 4px #24214e4d;color:#fff;font-size:12px;font-weight:900;white-space:nowrap}.avatar-ring-outer,.player-avatar-ring{position:relative}.turn-ring{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);transform:rotate(-90deg);pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:4}.is-turn .turn-ring{opacity:1}.turn-ring-track{fill:none;stroke:#0f1e2d59;stroke-width:7}.turn-ring-progress{fill:none;stroke:#39d353;stroke-width:7;stroke-linecap:round;stroke-dasharray:289.03;stroke-dashoffset:0;filter:drop-shadow(0 0 3px rgba(57,211,83,.7));transition:stroke-dashoffset .15s linear}.win-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;width:100vw;overflow:hidden;animation:winOverlayIn .26s ease-out both}.win-scrim{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(28,181,224,.14) 0%,transparent 42%),#060c1cb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.win-overlay.is-victory .win-scrim{background:radial-gradient(circle at 50% 34%,rgba(255,214,96,.22) 0%,transparent 40%),radial-gradient(circle at 18% 82%,rgba(56,189,248,.12) 0%,transparent 34%),#060c1cbd}.win-burst{position:absolute;left:50%;top:42%;width:280px;height:280px;border-radius:50%;background:conic-gradient(from 8deg,rgba(255,226,100,.65),transparent 9deg 23deg,rgba(93,214,255,.48) 25deg,transparent 36deg 52deg,rgba(255,105,140,.5) 54deg,transparent 70deg),radial-gradient(circle,rgba(255,255,255,.34) 0%,rgba(255,230,96,.16) 42%,transparent 70%);filter:blur(.2px);opacity:0;transform:translate(-50%,-50%) scale(.72) rotate(-18deg);animation:winBurstSpin 1.2s cubic-bezier(.19,1,.22,1) .12s both;pointer-events:none}.win-confetti-layer{position:absolute;inset:0;pointer-events:none}.win-confetti{position:absolute;top:49%;width:7px;height:13px;border-radius:2px;background:hsl(var(--hue, 48deg) 92% 58%);box-shadow:0 0 0 1px #ffffff38;opacity:0;transform-origin:center;animation:winConfettiPop 1.25s cubic-bezier(.16,.92,.2,1) var(--delay, 0ms) both}.win-confetti.is-left{left:calc(50% - 92px);--direction: -1}.win-confetti.is-right{left:calc(50% + 92px);--direction: 1}.win-card{position:relative;z-index:2;display:grid;width:min(300px,calc(100vw - 40px));gap:18px;padding:22px 20px 18px;border:1px solid rgba(255,255,255,.28);border-radius:28px;background:linear-gradient(165deg,#ffffff29,#fff0 38%),linear-gradient(180deg,#1784d4,#0d5fa8 52%,#0a4a86);box-shadow:0 0 0 1px #ffffff14 inset,0 24px 48px #0000006b,0 8px #07264a8c;color:#fff;text-align:center;transform-origin:center bottom;animation:winCardPop .56s cubic-bezier(.17,1.25,.24,1) both}.win-card-shine{position:absolute;inset:1px 1px auto;height:54%;border-radius:27px 27px 60% 60%;background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,transparent 100%);pointer-events:none}.win-overlay.is-defeat .win-card{background:linear-gradient(165deg,#ffffff1a,#fff0 40%),linear-gradient(180deg,#3d4d68,#2a3548 54%,#1f2838);box-shadow:0 0 0 1px #ffffff0f inset,0 24px 48px #0000007a,0 8px #101622b8}.win-hero{position:relative;z-index:1;display:grid;gap:12px;justify-items:center}.win-avatar-wrap{position:relative;display:grid;justify-items:center;padding-top:10px}.win-crown{position:absolute;top:-6px;z-index:3;color:#ffd85f;font-size:34px;line-height:1;filter:drop-shadow(0 3px 0 rgba(112,70,0,.34));transform-origin:center bottom;animation:winCrownBounce .72s cubic-bezier(.19,1,.22,1) .26s both}.win-overlay.is-defeat .win-crown{color:#cbd5e1;filter:drop-shadow(0 2px 0 rgba(30,41,59,.45))}.win-avatar-ring{position:relative;display:grid;width:96px;height:96px;padding:4px;border-radius:50%;background:linear-gradient(145deg,#fff,#8fe8ff 42%,#1cb5e0);box-shadow:0 0 0 3px #ffffff38,0 10px 22px #00000047;animation:winFacePop .62s cubic-bezier(.17,1.22,.24,1) .16s both}.win-avatar-ring--red{background:linear-gradient(145deg,#fff,#ffb4b3 42%,#f15a59)}.win-avatar-ring--blue{background:linear-gradient(145deg,#fff,#8fe8ff 42%,#1cb5e0)}.win-avatar-ring--yellow{background:linear-gradient(145deg,#fff,#ffe58a 42%,#f5b942)}.win-avatar-ring--green{background:linear-gradient(145deg,#fff,#9ae6b4 42%,#48bb78)}.win-avatar-core{display:grid;width:100%;height:100%;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 50% 30%,#fff,#d9f4ff);place-items:center}.win-avatar-core .player-avatar-image{width:100%;height:100%;object-fit:cover;object-position:center top}.win-avatar-core .emoji-pic{font-size:46px;line-height:1;transform:translateY(2px)}.win-result{margin:0;padding:7px 22px;border:2px solid rgba(255,255,255,.55);border-radius:999px;background:linear-gradient(180deg,#ffe066,#ffb020);box-shadow:inset 0 1px #ffffff8c,0 4px #a8620873;color:#5c3200;font-family:Fredoka One,Nunito,sans-serif;font-size:26px;font-weight:900;letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,255,255,.35);animation:winTitleShine 1.2s ease-out .42s both}.win-overlay.is-defeat .win-result{border-color:#ffffff38;background:linear-gradient(180deg,#94a3b8,#64748b);box-shadow:inset 0 1px #fff3,0 4px #1e293b8c;color:#f8fafc;text-shadow:0 1px 0 rgba(15,23,42,.35)}.win-rewards{position:relative;z-index:1;display:flex;gap:10px;justify-content:center}.win-reward-chip{display:inline-flex;min-width:0;flex:1 1 0;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:#ffffff1a;box-shadow:inset 0 1px #ffffff24;animation:winRewardPop .42s cubic-bezier(.18,1.18,.25,1) both}.win-reward-chip:nth-child(2){animation-delay:90ms}.win-reward-chip strong{color:#fff;font-size:20px;font-weight:900;letter-spacing:.02em}.win-reward-chip--win{border-color:#7dffb26b;background:#4ade801f}.win-reward-chip--loss{border-color:#f8717157;background:#f871711a}.win-reward-chip--loss strong{color:#ffb4b4}.win-overlay.is-draw .win-card{border-color:#94a3b86b;background:linear-gradient(180deg,#1e293bf5,#0f172afa)}.win-overlay.is-draw .win-result{color:#dbeafe}.win-draw-message{margin:8px 0 0;max-width:280px;color:#e2e8f0e0;font-size:14px;line-height:1.45;text-wrap:balance}.win-reward-chip--draw{border-color:#7dd3fc6b;background:#38bdf81f}.win-reward-chip--draw strong{color:#bae6fd}.match-history-outcome.is-draw{border-color:#94a3b873;background:#94a3b824;color:#dbeafe}.win-actions{position:relative;z-index:1;display:flex;width:100%;gap:10px;justify-content:center;animation:winActionsPop .42s cubic-bezier(.18,1.18,.25,1) .62s both}.win-actions--single .win-action-button{flex:0 1 220px}.win-action-button{position:relative;flex:1 1 0;min-width:0;height:46px;border:0;border-radius:14px;font-family:Fredoka One,Nunito,sans-serif;font-size:17px;font-weight:900;letter-spacing:.02em;cursor:pointer;transform:translateY(0);transition:transform .12s ease,filter .12s ease}.win-action-button:before{position:absolute;inset:3px 10px auto;height:10px;border-radius:999px;background:#ffffff3d;content:"";pointer-events:none}.win-action-button:active{transform:translateY(2px)}.win-action-primary{background:linear-gradient(180deg,#4fd1ff,#1cb5e0 58%,#1296c4);box-shadow:inset 0 -3px #08527a59,0 4px #0b6a96,0 8px 16px #00000038;color:#fff;text-shadow:0 1px 0 rgba(8,64,96,.35)}.win-action-secondary{background:linear-gradient(180deg,#fffdf8,#ece5d6);box-shadow:inset 0 -3px #786a582e,0 4px #9a9080,0 8px 16px #00000029;color:#5d5244;text-shadow:0 1px 0 rgba(255,255,255,.65)}.win-action-primary:active{box-shadow:inset 0 -2px #08527a47,0 2px #0b6a96,0 4px 10px #0000002e}.win-action-secondary:active{box-shadow:inset 0 -2px #786a5829,0 2px #9a9080,0 4px 10px #00000024}@keyframes winOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes winCardPop{0%{opacity:0;transform:translateY(42px) scale(.72)}64%{opacity:1;transform:translateY(-8px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes winBurstSpin{0%{opacity:0;transform:translate(-50%,-50%) scale(.55) rotate(-28deg)}38%{opacity:.78}to{opacity:.28;transform:translate(-50%,-50%) scale(1.2) rotate(18deg)}}@keyframes winConfettiPop{0%{opacity:0;transform:translate(0) rotate(0) scale(.4)}12%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(calc(var(--direction, 1) * var(--distance, 96px) + var(--drift, 0px)),calc(var(--distance, 96px) * -.72)) rotate(calc(var(--direction, 1) * 420deg)) scale(1)}}@keyframes winCrownBounce{0%{opacity:0;transform:translateY(18px) rotate(-12deg) scale(.7)}58%{opacity:1;transform:translateY(-7px) rotate(7deg) scale(1.12)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes winFacePop{0%{opacity:0;transform:scale(.55)}72%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes winTitleShine{0%{filter:brightness(1);transform:scale(.96)}42%{filter:brightness(1.28);transform:scale(1.05)}to{filter:brightness(1);transform:scale(1)}}@keyframes winRewardPop{0%{opacity:0;transform:translateY(14px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes winActionsPop{0%{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounceIndicator{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(max-height:820px),(max-width:430px){.game-screen{--game-dock-scale: .86}.top-header{padding:max(24px,calc(env(safe-area-inset-top,0px) + 6px)) max(12px,env(safe-area-inset-right,0px)) 4px max(12px,env(safe-area-inset-left,0px))}.menu-icon-btn{width:36px;height:36px;border-width:2.5px;box-shadow:0 3px #106a85,0 5px 8px #00000042}.menu-icon-btn .line{width:16px;height:2.5px}.menu-icon-btn .line.short{width:12px}.top-header .diamond-pill-box{transform:scale(.86);transform-origin:right center}.game-stage{gap:8px}.board-scale-frame{--board-render-size-px: min( calc(100vw - 16px) , 388px, calc(100dvh - 330px) )}.game-screen .opponent-floating-card{margin-right:8px}.game-screen .local-player-dock{width:calc((100% - 16px) / var(--game-dock-scale));margin-left:8px}.turn-control-strip{margin:0 12px 4px 82px}.progress-slot-bg{width:74px;height:14px;border-width:2px}.reward-chest-shining{width:38px;height:38px;border-width:2.5px;border-radius:9px;font-size:17px}}.sorry-splash-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;width:100vw;pointer-events:none;overflow:hidden}.sorry-splash-dim{position:absolute;inset:0;background:#060a1694;animation:sorryDimIn .32s ease-out forwards}.sorry-splash-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 58%,#fff4d2e0,#fff4d200 46%);opacity:0;animation:sorryHitFlash .26s ease-out 1.48s forwards}.sorry-splash-stage{position:relative;z-index:1;display:flex;width:100vw;height:100%;align-items:center;justify-content:center;animation:sorryStagePop .48s cubic-bezier(.18,.92,.22,1.08) forwards}.sorry-splash-banner{position:relative;left:50%;width:168vw;aspect-ratio:618 / 425;height:auto;max-height:46vh;background:transparent;isolation:isolate;transform:translate(-50%) scale(.52);transform-origin:center center;animation:sorryBannerSweep .78s cubic-bezier(.16,.84,.22,1) forwards}.sorry-splash-banner:before{position:absolute;inset:0;z-index:0;background:url(/sorry-bg.png) center / 100% 100% no-repeat;mix-blend-mode:lighten;content:"";pointer-events:none}.sorry-splash-banner-content{position:absolute;left:5%;top:26%;z-index:1;display:flex;width:90%;height:48%;align-items:center;justify-content:space-between;gap:clamp(8px,2vw,20px);padding:0 clamp(10px,4vw,28px);transform:rotate(-12.5deg);transform-origin:50% 50%;pointer-events:none;animation:sorryContentShake .36s ease-out 1.48s}.sorry-splash-title{position:relative;flex:0 0 auto;z-index:3;color:#fff;font-family:Arial Black,Helvetica Neue,sans-serif;font-size:clamp(34px,8.5vw,54px);font-weight:900;letter-spacing:.04em;line-height:1;white-space:nowrap;text-shadow:0 6px 0 #141414,0 -3px 0 #141414,3px 0 0 #141414,-3px 0 0 #141414,0 0 18px rgba(255,244,170,.45);transform:scale(.38);transform-origin:center center;animation:sorryTitlePop .72s cubic-bezier(.2,.95,.24,1.12) .12s forwards}.sorry-splash-duel{position:relative;flex:0 0 auto;display:flex;width:clamp(170px,38vw,250px);min-height:88px;align-items:flex-end;justify-content:space-between}.sorry-splash-shockwave{position:absolute;left:46%;top:12%;z-index:2;width:16px;height:16px;border:3px solid rgba(255,236,160,.95);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2);animation:sorryShockwave .68s ease-out 1.48s forwards}.sorry-splash-actor{position:relative;display:flex;width:72px;height:82px;align-items:flex-end;justify-content:center}.sorry-splash-shadow{position:absolute;bottom:-4px;width:54px;height:12px;border-radius:50%;background:#00000047;filter:blur(2px)}.sorry-splash-victim .sorry-splash-shadow{animation:sorryShadowSquash 1.8s ease-in-out .7s forwards,sorryShadowFade .32s ease-out 1.68s forwards}.sorry-splash-actor .token-body-red,.sorry-splash-actor .token-body-blue,.sorry-splash-actor .token-body-yellow,.sorry-splash-actor .token-body-green{position:relative;z-index:2;transform:scale(2.05);transform-origin:bottom center;filter:drop-shadow(0 12px 12px rgba(0,0,0,.36))}.sorry-splash-victim .token-body-red:after,.sorry-splash-victim .token-body-blue:after,.sorry-splash-victim .token-body-yellow:after,.sorry-splash-victim .token-body-green:after{opacity:0}.sorry-splash-attacker .token-body-red:after,.sorry-splash-attacker .token-body-blue:after,.sorry-splash-attacker .token-body-yellow:after,.sorry-splash-attacker .token-body-green:after{opacity:0}.sorry-splash-face{position:absolute;left:50%;top:38%;z-index:4;width:52px;height:28px;transform:translate(-50%,-50%) scale(2.05);transform-origin:center center;pointer-events:none}.sorry-splash-face.is-victim:before{position:absolute;inset:0;color:#141414;font-family:Arial Black,sans-serif;font-size:11px;font-weight:900;letter-spacing:1px;line-height:1;text-align:center;white-space:nowrap;content:"> <"}.sorry-splash-face.is-victim:after{position:absolute;left:50%;top:14px;width:14px;height:10px;border:2px solid #141414;border-radius:0 0 10px 10px;background:#fff;transform:translate(-50%);content:""}.sorry-splash-face.is-attacker:before{position:absolute;inset:0;color:#141414;font-family:Arial Black,sans-serif;font-size:11px;font-weight:900;letter-spacing:0;line-height:1;text-align:center;white-space:nowrap;content:"^ ^"}.sorry-splash-face.is-attacker:after{position:absolute;left:50%;top:16px;width:16px;height:6px;border-bottom:2.5px solid #141414;border-radius:0 0 8px 8px;transform:translate(-50%);content:""}.sorry-splash-attacker{z-index:3;animation:sorryAttackerBounce .52s ease-out .9s forwards}.sorry-splash-victim{z-index:1;animation:sorryVictimRecoil .24s ease-out 1.46s forwards,sorryVictimFlyOut 1.18s cubic-bezier(.28,.02,.42,1) 1.68s forwards}.sorry-splash-punch{position:absolute;right:calc(100% - 12px);bottom:30px;z-index:5;display:flex;width:0;height:32px;align-items:center;flex-direction:row-reverse;overflow:visible;opacity:0;transform-origin:100% 50%;animation:sorryPunchExtend .72s cubic-bezier(.22,1.15,.38,1) .98s forwards}.sorry-splash-spring{display:flex;height:24px;align-items:stretch}.sorry-splash-spring i{display:block;width:13px;height:100%;border:2px solid #0a2748;border-radius:3px;background:linear-gradient(180deg,#8fd0ff,#3d86d6 55%,#1b5ea8);box-shadow:inset 0 1px #ffffff73;transform:skew(-14deg);margin-left:-5px}.sorry-splash-spring i:first-child{margin-left:0}.sorry-splash-glove{position:relative;right:auto;bottom:auto;flex-shrink:0;width:46px;height:42px;border:2.5px solid #8d1f49;border-radius:50% 50% 44% 44%;background:radial-gradient(circle at 35% 28%,#ffc8e0,#ff6ea8 58%,#d63f79);box-shadow:0 6px 10px #54102c61,inset 0 2px #ffffff6b;transform:rotate(8deg);animation:sorryGloveWobble .72s cubic-bezier(.22,1.15,.38,1) .98s forwards}.sorry-splash-impact{position:absolute;left:38%;top:-6px;z-index:6;opacity:0;transform:translate(-50%) scale(.1);animation:sorryImpactBurst .68s cubic-bezier(.18,.92,.22,1.08) 1.48s forwards}.sorry-splash-impact-star{position:relative;width:72px;height:72px}.sorry-splash-impact-star:before,.sorry-splash-impact-star:after{position:absolute;left:50%;top:50%;width:72px;height:72px;background:#fff;transform:translate(-50%,-50%);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:""}.sorry-splash-impact-star:before{background:linear-gradient(180deg,#fffef0,#ffe566);filter:drop-shadow(0 0 8px rgba(255,220,80,.9))}.sorry-splash-impact-star:after{width:48px;height:48px;background:#ff8c1a;clip-path:polygon(50% 0%,62% 38%,100% 38%,69% 59%,82% 100%,50% 74%,18% 100%,31% 59%,0% 38%,38% 38%)}@keyframes sorryDimIn{0%{opacity:0}to{opacity:1}}@keyframes sorryHitFlash{0%{opacity:0}18%{opacity:.92}to{opacity:0}}@keyframes sorryStagePop{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}@keyframes sorryBannerSweep{0%{opacity:0;transform:translate(-50%) scale(.52)}45%{opacity:1;transform:translate(-50%) scale(1.05)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes sorryTitlePop{0%{opacity:0;transform:scale(.42)}58%{opacity:1;transform:scale(1.14)}to{opacity:1;transform:scale(1)}}@keyframes sorryAttackerBounce{0%{transform:translate(0) scale(1)}40%{transform:translate(-4px,-6px) scale(1.04)}to{transform:translate(0) scale(1)}}@keyframes sorryPunchExtend{0%{width:0;opacity:0}18%{opacity:1}72%{width:138px}86%{width:122px}to{width:128px;opacity:1}}@keyframes sorryGloveWobble{0%,72%{transform:rotate(8deg)}86%{transform:rotate(-6deg) scale(1.08)}to{transform:rotate(4deg) scale(1)}}@keyframes sorryVictimRecoil{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(-18px,-10px) rotate(-18deg) scale(1.06);opacity:1}}@keyframes sorryVictimFlyOut{0%{transform:translate(-18px,-10px) rotate(-18deg) scale(1.06);opacity:1}to{transform:translate(-150vw,-80px) rotate(-720deg) scale(.52);opacity:0}}@keyframes sorryImpactBurst{0%{opacity:0;transform:translate(-50%) scale(.15)}34%{opacity:1;transform:translate(-50%,-16px) scale(1.28)}to{opacity:0;transform:translate(-50%,-28px) scale(.72)}}@keyframes sorryShockwave{0%{opacity:.95;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(8)}}@keyframes sorryShadowSquash{0%,16%{transform:scaleX(1);opacity:.28}38%{transform:scaleX(.72);opacity:.16}56%{transform:scaleX(1.18);opacity:.34}to{transform:scaleX(1);opacity:.28}}@keyframes sorryShadowFade{to{opacity:0;transform:scaleX(.2)}}@keyframes sorryContentShake{0%,to{transform:rotate(-12.5deg)}20%{transform:rotate(-12.5deg) translate(-5px,2px)}40%{transform:rotate(-12.5deg) translate(4px,-2px)}60%{transform:rotate(-12.5deg) translate(-3px,1px)}}@keyframes sorryStageShake{0%,to{transform:translate(-50%,-50%)}20%{transform:translate(calc(-50% - 6px),calc(-50% + 2px))}40%{transform:translate(calc(-50% + 5px),calc(-50% - 2px))}60%{transform:translate(calc(-50% - 3px),calc(-50% + 1px))}}.exchange-splash-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.exchange-splash-dim{position:absolute;inset:0;background:#080c189e;animation:exchangeDimIn .22s ease-out forwards}.exchange-splash-stage{position:relative;z-index:1;width:min(88vw,360px);height:clamp(190px,34vw,210px);animation:exchangeStagePop .42s cubic-bezier(.18,.92,.22,1.08) forwards}.exchange-splash-podiums{position:absolute;left:50%;top:54%;display:flex;width:min(84vw,320px);align-items:flex-end;justify-content:center;gap:clamp(10px,3vw,18px);transform:translate(-50%,-50%)}.exchange-splash-podium{position:relative;width:clamp(78px,22vw,92px);height:clamp(46px,12vw,54px);border-radius:18px;background:linear-gradient(180deg,#fff,#eef2f8 58%,#d8e0ec);box-shadow:0 14px 24px #00000057,inset 0 3px #fffffff2,inset 0 -5px #94a2b859;transform:translateY(36px) scale(.84);animation:exchangePodiumRise .56s cubic-bezier(.18,.92,.22,1.08) 80ms forwards}.exchange-splash-podium.is-right{animation-delay:.14s}.exchange-splash-pawn{position:absolute;left:50%;bottom:calc(100% - 6px);display:flex;width:58px;height:66px;align-items:flex-end;justify-content:center;transform:translate(-50%) translateY(18px) scale(.72);animation:exchangePawnLand .52s cubic-bezier(.2,.95,.24,1.12) .26s forwards}.exchange-splash-pawn .token-body-red,.exchange-splash-pawn .token-body-blue,.exchange-splash-pawn .token-body-yellow,.exchange-splash-pawn .token-body-green{transform:scale(1.55);transform-origin:bottom center}.exchange-splash-podium.is-right .exchange-splash-pawn{animation-delay:.32s}.exchange-splash-center{position:relative;display:flex;width:72px;height:72px;align-items:center;justify-content:center}.exchange-splash-glow{position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,#ffffffeb,#78d2ff8c 42%,#78d2ff00 72%);opacity:0;animation:exchangeGlowPulse .68s ease-out .36s forwards}.exchange-splash-card{position:relative;z-index:2;display:flex;width:46px;height:58px;align-items:center;justify-content:center;border:2px solid #1b1b1b;border-radius:8px;background:linear-gradient(180deg,#fff,#f3f6fb);box-shadow:0 8px 16px #00000047;color:#1b1b1b;font-family:Arial Black,Helvetica Neue,sans-serif;font-size:18px;font-weight:900;line-height:1;opacity:0;transform:scale(.4) rotate(-12deg);animation:exchangeCardPop .52s cubic-bezier(.2,.95,.24,1.12) .3s forwards}.exchange-splash-arrows{position:absolute;left:50%;top:calc(100% + 2px);z-index:2;width:34px;height:34px;border:2px solid rgba(255,255,255,.72);border-radius:50%;background:#121826b8;opacity:0;transform:translate(-50%) scale(.5);animation:exchangeArrowsSpin .72s ease-out .42s forwards}.exchange-splash-arrows:before{position:absolute;left:50%;top:50%;color:#fff;font-size:18px;font-weight:900;line-height:1;content:"⇄";transform:translate(-50%,-50%)}@keyframes exchangeDimIn{0%{opacity:0}to{opacity:1}}@keyframes exchangeStagePop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes exchangePodiumRise{0%{opacity:0;transform:translateY(36px) scale(.84)}62%{opacity:1;transform:translateY(-8px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes exchangePawnLand{0%{opacity:0;transform:translate(-50%) translateY(18px) scale(.72)}58%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1.08)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes exchangeGlowPulse{0%{opacity:0;transform:scale(.5)}42%{opacity:1;transform:scale(1.18)}to{opacity:.72;transform:scale(1)}}@keyframes exchangeCardPop{0%{opacity:0;transform:scale(.4) rotate(-12deg)}62%{opacity:1;transform:scale(1.08) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes exchangeArrowsSpin{0%{opacity:0;transform:translate(-50%) scale(.5) rotate(-120deg)}48%{opacity:1;transform:translate(-50%) scale(1.08) rotate(18deg)}to{opacity:1;transform:translate(-50%) scale(1) rotate(0)}}.lobby-screen:not(.matchmaking-screen):not(.leaderboard-screen):not(.host-waiting-screen):not(.online-room-screen){overflow-y:auto}.lobby-screen:not(.matchmaking-screen):not(.host-waiting-screen):not(.online-room-screen) .lobby-hero-panel{flex:1 1 auto;justify-content:flex-start;margin-top:clamp(18px,4.5vh,36px);padding:clamp(10px,2.5vh,18px) 12px clamp(16px,3vh,24px)}.lobby-screen:not(.matchmaking-screen):not(.host-waiting-screen):not(.online-room-screen) .lobby-plane-badge{margin-top:clamp(6px,1.5vh,14px)}.lobby-screen:not(.matchmaking-screen):not(.host-waiting-screen):not(.online-room-screen) .mode-card-list{margin-top:clamp(14px,3.5vh,24px)}.lobby-screen .lobby-brand-mark{width:var(--lobby-brand);height:var(--lobby-brand);font-size:var(--lobby-brand-font)}.lobby-screen .lobby-header h1{font-size:var(--lobby-title-xl)}.lobby-screen .lobby-eyebrow{font-size:var(--lobby-body-sm)}.lobby-screen .lobby-plane-badge{width:var(--lobby-hero-badge);height:var(--lobby-hero-badge);font-size:var(--lobby-hero-badge-font);border-width:clamp(3px,1vw,5px)}.lobby-screen .lobby-hero-panel h2{margin-top:clamp(12px,3vh,22px);font-size:var(--lobby-title-lg)}.lobby-screen .lobby-hero-panel p{margin-top:clamp(4px,1vh,8px);font-size:var(--lobby-body)}.lobby-screen .mode-card-list{gap:var(--lobby-stack-gap);margin-top:clamp(16px,4vh,34px)}.lobby-screen .mode-card{min-height:var(--lobby-card-min-h);grid-template-columns:var(--lobby-mode-icon) 1fr auto;gap:var(--lobby-stack-gap);padding:var(--lobby-card-pad-y) var(--lobby-card-pad-x)}.lobby-screen .mode-icon{width:var(--lobby-mode-icon);height:var(--lobby-mode-icon);font-size:var(--lobby-mode-icon-font)}.lobby-screen .mode-copy strong{font-size:var(--lobby-title-md)}.lobby-screen .mode-copy small{font-size:var(--lobby-body-sm)}.lobby-screen .mode-play-pill,.lobby-screen .mode-lock-pill{min-width:clamp(46px,12vw,52px);height:clamp(28px,7vw,32px);font-size:var(--lobby-body-sm)}.lobby-screen.matchmaking-screen,.lobby-screen.leaderboard-screen{overflow-y:auto}.lobby-screen .matchmaking-tab{font-size:var(--lobby-body);padding:clamp(8px,2.2vw,10px) clamp(8px,2.4vw,12px)}.lobby-screen .lobby-top-back-btn{width:clamp(34px,9vw,38px);height:clamp(34px,9vw,38px);font-size:clamp(16px,4.2vw,18px)}.lobby-screen .chatroom-lobby-head h2{font-size:clamp(20px,5.2vw,26px)}.lobby-screen .chatroom-game-card,.lobby-screen .chatroom-tier-btn,.lobby-screen .match-history-card{padding:clamp(10px,2.8vw,14px) clamp(12px,3.2vw,16px)}.lobby-screen .chatroom-game-card strong,.lobby-screen .chatroom-tier-btn{font-size:var(--lobby-body)}.lobby-screen .host-waiting-panel{gap:clamp(12px,3vh,18px);padding:8px 12px clamp(20px,4vh,28px)}.lobby-screen .host-waiting-radar{width:min(62vw,220px)}.lobby-screen .host-waiting-radar-core{width:clamp(56px,16vw,72px);height:clamp(56px,16vw,72px);font-size:clamp(22px,6vw,28px)}.lobby-screen .host-waiting-status-label{font-size:clamp(17px,4.6vw,20px)}.lobby-screen .host-waiting-meta-value{font-size:clamp(18px,5vw,22px)}.lobby-screen .host-waiting-hint{font-size:var(--lobby-body-sm);line-height:1.45}.lobby-screen .host-waiting-exit-btn{padding:clamp(11px,3vw,14px) clamp(14px,4vw,18px);font-size:var(--lobby-body)}.lobby-screen.online-room-screen{gap:clamp(12px,3vh,18px)}.lobby-screen .online-room-panel{gap:clamp(12px,3vh,16px);padding:clamp(12px,3vh,22px) 12px clamp(20px,4vh,34px)}.lobby-screen .online-room-orb{width:clamp(76px,22vw,98px);height:clamp(76px,22vw,98px);font-size:clamp(36px,10vw,48px);border-width:clamp(3px,1vw,5px)}.lobby-screen .online-room-input{height:clamp(48px,13vw,58px);font-size:clamp(18px,5vw,22px)}.lobby-screen .online-join-button{height:clamp(48px,13vw,58px)}.lobby-screen .online-waiting-card strong{font-size:clamp(26px,7vw,34px)}.lobby-screen .online-waiting-card p{font-size:clamp(14px,3.8vw,16px)}.entry-fee-dialog-head h2{font-size:clamp(22px,5.8vw,28px)}.entry-fee-dialog-head p{font-size:clamp(11px,2.8vw,13px)}.entry-fee-tier-card{padding:clamp(10px,2.8vw,14px)}.entry-fee-dialog-head{padding:clamp(14px,3vh,22px) 16px 10px}@media(max-height:740px){.entry-fee-overlay{align-items:flex-end;padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}.entry-fee-dialog{max-height:min(94dvh,calc(100dvh - max(8px,env(safe-area-inset-top,0px)) - max(8px,env(safe-area-inset-bottom,0px))))}.entry-fee-dialog-scroll-fade{display:none}.lobby-screen{--lobby-hero-badge: clamp(64px, 18vw, 88px);--lobby-hero-badge-font: clamp(34px, 9vw, 46px);--lobby-title-lg: clamp(20px, 5.2vw, 28px);--lobby-card-min-h: clamp(68px, 18vw, 84px)}.lobby-screen:not(.matchmaking-screen):not(.host-waiting-screen):not(.online-room-screen) .lobby-hero-panel{margin-top:clamp(14px,3.5vh,28px);padding-top:clamp(8px,2vh,14px)}.lobby-screen:not(.matchmaking-screen):not(.host-waiting-screen):not(.online-room-screen) .mode-card-list{margin-top:clamp(10px,2.5vh,18px)}.lobby-screen .lobby-hero-glow{top:40px;width:min(52vw,180px);height:min(52vw,180px)}}.game-settings-anchor{position:relative;z-index:20}.menu-icon-btn.is-open{background:#0ea5c9}.game-settings-dismiss{position:fixed;inset:0;z-index:18}.game-settings-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:19;display:flex;min-width:148px;flex-direction:column;overflow:hidden;border:2px solid rgba(255,255,255,.92);border-radius:14px;background:#0c243ef5;box-shadow:0 8px 24px #00000047}.game-settings-menu-item{padding:12px 16px;border:0;background:transparent;color:#f8fafc;font-size:14px;font-weight:800;text-align:left}.game-settings-menu-item+.game-settings-menu-item{border-top:1px solid rgba(255,255,255,.12)}.game-settings-menu-item:active{background:#38bdf82e}.game-settings-overlay{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}.game-settings-overlay-backdrop{position:absolute;inset:0;background:#040a16b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-settings-dialog{position:relative;z-index:1;display:flex;width:min(100%,420px);max-height:min(88dvh,640px);flex-direction:column;overflow:hidden;border:2px solid rgba(147,197,253,.55);border-radius:24px;background:linear-gradient(168deg,#0a1e38fa,#103052f7);box-shadow:0 24px 48px #0000006b}.game-settings-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.game-settings-dialog-header h2{margin:0;color:#f8fafc;font-size:18px;font-weight:900}.game-settings-dialog-close{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;background:#ffffff14;color:#e2e8f0;font-size:22px;line-height:1}.game-settings-dialog-body{overflow:auto;padding:14px 18px 18px}.game-help-section+.game-help-section{margin-top:16px}.game-help-section h3{margin:0 0 8px;color:#bae6fd;font-size:14px;font-weight:900}.game-help-section p,.game-help-card-item p{margin:0;color:#e2e8f0eb;font-size:13px;line-height:1.55}.game-help-note{margin-top:6px!important;color:#94a3b8f2!important;font-size:12px!important}.game-help-card-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.game-help-card-item{padding:10px 12px;border-radius:12px;background:#ffffff0d}.game-help-card-item strong{display:block;margin-bottom:4px;color:#fef08a;font-size:13px}.game-settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.game-settings-toggle-row+.game-settings-toggle-row{border-top:1px solid rgba(255,255,255,.1)}.game-settings-toggle-label{color:#f8fafc;font-size:15px;font-weight:800}.game-settings-switch{position:relative;width:52px;height:30px;flex-shrink:0;border:0;border-radius:999px;background:#94a3b873;transition:background .18s ease}.game-settings-switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000038;transition:transform .18s ease}.game-settings-switch.is-on{background:#22c55e}.game-settings-switch.is-on:after{transform:translate(22px)}.game-settings-hint{margin:8px 0 0;color:#94a3b8f2;font-size:12px;line-height:1.5}