@import"css2.css";:root{--bg-a: #2a2118;--bg-b: #3a2b1f;--bg-c: #1d1611;--panel: linear-gradient(180deg, #e7d7be, #d9c4a3);--panel-border: #7a5a3a;--text: #2f2418;--muted: #6b5842;--gold: #b88a5a;--ok: #7d9b6a;--card-bg: linear-gradient(180deg, #f2e5cf, #e5d3b5);--card-border: #8a6a46;--button-green-top: #e5cda1;--button-green-mid: #c5a16f;--button-green-bottom: #a27e4e;--button-green-border: #775831;--button-green-text: #2f2314;--button-blue-top: #dfcfb3;--button-blue-mid: #bda077;--button-blue-bottom: #9b7d4f;--button-blue-border: #7b5e35;--button-blue-text: #2c2214;--font-ui: "Fredoka", "Segoe UI", sans-serif;--ui-scale: clamp(1, calc(1 + ((100vw - 1920px) / 1422)), 1.9);--ui-button-font-size: calc(.74rem * var(--ui-scale));--ui-caption-font-size: calc(.74rem * var(--ui-scale));--shadow: 0 4px 0 rgba(61, 43, 24, .45), 0 12px 20px rgba(20, 12, 7, .28)}*{box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font-ui);color:var(--text);-webkit-text-size-adjust:100%;background:#1d1611}.app-root{background:radial-gradient(circle at 10% 12%,rgba(201,164,110,.16),transparent 34%),radial-gradient(circle at 83% 16%,rgba(184,138,90,.14),transparent 34%),radial-gradient(circle at 50% 86%,rgba(116,87,55,.12),transparent 32%),linear-gradient(158deg,var(--bg-a),var(--bg-b) 45%,var(--bg-c))}.app-root--casual{--bg-a: #3f2a21;--bg-b: #5a3d2d;--bg-c: #261a13;--panel: linear-gradient(180deg, #eddcc1, #d8c09c);--panel-border: #835d38;--text: #332515;--muted: #6e563d;--gold: #c58e53;--card-bg: linear-gradient(180deg, #f5e7cf, #e5cfac);--card-border: #96714b;--button-green-top: #efc991;--button-green-mid: #d19f62;--button-green-bottom: #ad7b44;--button-green-border: #805a30;--button-green-text: #2f2111;--button-blue-top: #f0d5a8;--button-blue-mid: #cfac76;--button-blue-bottom: #b3864f;--button-blue-border: #875f33;--button-blue-text: #312315;--shadow: 0 5px 0 rgba(82, 58, 31, .48), 0 14px 22px rgba(26, 15, 8, .3)}.app-root--casual button{border-radius:18px;font-weight:600;background:linear-gradient(180deg,#ffffff47,#fff0 34%),linear-gradient(180deg,var(--button-green-top),var(--button-green-mid) 58%,var(--button-green-bottom));box-shadow:inset 0 2px #ffffff5c,inset 0 -2px #6248254d,0 3px #5d442380,0 9px 14px #1e130a33}.app-root--casual .hud-overlay,.app-root--casual .hud-settings,.app-root--casual .hud-settings-toggle,.app-root--casual .nav-dock,.app-root--casual .modal-window{border-radius:22px}.app-root--casual .offer-card,.app-root--casual .skin-card,.app-root--casual .mission,.app-root--casual .leader-row,.app-root--casual .trophy-card,.app-root--casual .daily-reward-card,.app-root--casual .pass-tier,.app-root--casual .match-result{border-radius:18px;background:linear-gradient(180deg,#ffffff75,#fff0 36%),var(--card-bg)}.app-root--casual .daily-state-tag,.app-root--casual .chip,.app-root--casual .nameplate-chip{border-radius:999px}h1,h2,h3,h4{margin:0;font-family:var(--font-ui);letter-spacing:.01em;font-weight:500}p{margin:0}button,input,textarea{font:inherit}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}button{border:2px solid var(--button-green-border);border-radius:12px;background:linear-gradient(180deg,#ffffff29,#fff0 34%),linear-gradient(180deg,var(--button-green-top),var(--button-green-mid) 58%,var(--button-green-bottom));color:var(--button-green-text);min-height:36px;padding:.32rem .62rem;font-size:var(--ui-button-font-size);font-weight:500;line-height:1.1;letter-spacing:.012em;text-transform:none;cursor:pointer;transition:transform .18s ease,filter .18s ease;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #62482542,0 2px #5d442375,0 6px 10px #1e130a29}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.01)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #fff3,inset 0 -1px #62482533,0 1px #5d442357}button:disabled{opacity:.55;filter:saturate(.65);cursor:not-allowed}input{width:100%;border-radius:14px;border:2px solid var(--card-border);background:linear-gradient(180deg,#fff3df,#f6e0bf);color:#4f2f1b;padding:.44rem .62rem;box-shadow:inset 0 2px #ffffffad,inset 0 -2px #91684342}.subtle{color:var(--muted)}.app-root{--board-gap: 1rem;--board-size: min(calc(100dvw - var(--board-gap)), calc(100dvh - var(--board-gap)));--board-side-shelf: max(0px, calc((100dvw - var(--board-size)) / 2 - .55rem));width:100%;height:100dvh;position:relative;overflow:hidden}.aurora{position:fixed;top:-32%;right:-32%;bottom:-32%;left:-32%;pointer-events:none;filter:blur(44px) saturate(1.22);background:radial-gradient(circle at 20% 36%,rgba(184,138,90,.2),transparent 36%),radial-gradient(circle at 72% 46%,rgba(137,111,74,.16),transparent 36%),radial-gradient(circle at 52% 66%,rgba(104,77,49,.14),transparent 38%);animation:drift 12s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(-2%)}to{transform:translate(2%)}}.board-stage{position:absolute;top:0;right:0;bottom:0;left:0}.arena-frame{position:absolute;left:50%;top:50%;width:var(--board-size);height:var(--board-size);aspect-ratio:1 / 1;transform:translate(-50%,-50%);border:5px solid #6a4d31;border-radius:34px;overflow:hidden;background:radial-gradient(circle at 50% 22%,rgba(203,171,108,.24),transparent 52%),radial-gradient(circle at 32% 78%,rgba(160,124,84,.14),transparent 42%),linear-gradient(180deg,var(--board-frame-top, rgba(88, 65, 43, .95)),var(--board-frame-bottom, rgba(45, 31, 20, .98)));box-shadow:inset 0 2px #ffdac23d,inset 0 -8px 12px #0003,var(--shadow);-webkit-tap-highlight-color:transparent}.three-board-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none}.round-start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;place-items:center;padding:clamp(1rem,2.5vw,1.5rem);pointer-events:none}.round-start-card{width:min(100%,26rem);display:grid;gap:.7rem;justify-items:center;text-align:center;padding:1.1rem 1rem 1rem;border:2px solid rgba(244,220,182,.9);border-radius:26px;background:linear-gradient(180deg,#624229f5,#352417f7);box-shadow:0 18px 36px #00000047,inset 0 1px #fff3d83d;color:#f8ecd2;pointer-events:auto}.round-start-card h3,.round-start-card p{margin:0}.round-start-label{display:inline-flex;align-items:center;min-height:1.65rem;padding:.12rem .72rem;border-radius:999px;background:#ffd2842e;color:#ffe1a8;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.reserve-hint{position:absolute;left:50%;bottom:4.4rem;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:.45rem;max-width:min(82vw,620px);border:2px solid var(--panel-border);border-radius:12px;background:var(--panel);box-shadow:inset 0 2px #ffd8be29,var(--shadow);padding:.34rem .56rem .34rem .9rem;color:var(--text);font-size:.78rem}.reserve-hint span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reserve-hint-close{width:26px;height:26px;min-width:26px;border-radius:999px;padding:0;display:grid;place-items:center;font-size:.72rem;line-height:1}.visual-tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none}.visual-tutorial-overlay--floating{display:flex;align-items:flex-start;justify-content:center;padding-top:max(1.4rem,4vh)}.visual-tutorial-shade{position:absolute;background:#0d0a078a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}.visual-tutorial-focus{position:absolute;border:3px solid rgba(255,232,179,.96);border-radius:28px;box-shadow:0 0 0 999px #0000,0 0 0 6px #fff7e01f,0 0 28px #ffd4816b,inset 0 0 0 1px #ffffff42;animation:tutorialPulse 1.25s ease-in-out infinite;pointer-events:none}.visual-tutorial-message{position:fixed;z-index:46;max-width:min(28rem,calc(100vw - 2rem));padding:.85rem 2.4rem .85rem 1rem;border-radius:22px;border:2px solid rgba(246,220,170,.94);background:linear-gradient(180deg,#684427f7,#372316fa);box-shadow:0 14px 34px #00000047,inset 0 1px #fff5df47;color:#fff4df;pointer-events:auto}.visual-tutorial-message p{margin:.3rem 0 0;font-size:.94rem;line-height:1.45}.visual-tutorial-message--left{left:max(1rem,3vw);bottom:min(11.5rem,26vh)}.visual-tutorial-message--top{left:50%;top:max(1rem,3vh);transform:translate(-50%);text-align:center}.visual-tutorial-message--center{position:relative}.visual-tutorial-close{position:absolute;top:.45rem;right:.45rem;width:1.7rem;height:1.7rem;min-width:1.7rem;border-radius:999px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,231,187,.82);background:#fff3d71a;color:#fff2d1;font-size:.82rem;line-height:1;box-shadow:inset 0 1px #ffffff1f}.visual-tutorial-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.6rem;padding:.1rem .7rem;border-radius:999px;background:#f5c26c33;color:#ffe0ac;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}@keyframes tutorialPulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@media (max-width: 900px){.visual-tutorial-message{max-width:calc(100vw - 1.25rem);padding:.72rem .82rem}.visual-tutorial-message p{font-size:.84rem}.visual-tutorial-message--left{left:.7rem;right:.7rem;bottom:min(9.8rem,22vh)}.visual-tutorial-focus{border-radius:22px}}.reserve-tray{position:absolute;bottom:.7rem;display:flex;gap:.5rem;min-height:64px;z-index:8}.reserve-tray.blue{left:2.1vw}.reserve-tray.red{right:2.1vw;flex-direction:row-reverse}.reserve-piece{width:46px;height:46px;border-radius:50%;border:3px solid var(--piece-rim);background:radial-gradient(circle at 34% 30%,var(--piece-sparkle),var(--piece-base) 44%,var(--piece-rim) 95%);box-shadow:inset 0 2px #ffffff6b,inset 0 -7px 7px #00000040,0 8px 14px #00000052,0 0 20px var(--piece-glow);padding:0;position:relative}.reserve-piece:before{content:"";position:absolute;top:14%;right:22%;bottom:56%;left:22%;border-radius:999px;background:#ffffff57}.reserve-piece:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--team-tint);mix-blend-mode:multiply}.reserve-piece.blue{--team-tint: rgba(63, 127, 255, .24)}.reserve-piece.red{--team-tint: rgba(233, 74, 74, .3)}.reserve-piece.selected{transform:scale(1.02);box-shadow:inset 0 2px #ffffff59,inset 0 -7px 7px #00000040,0 10px 16px #0000005c,0 0 18px var(--piece-glow)}.hud-left-column{position:absolute;top:.55rem;left:.55rem;z-index:24;width:clamp(138px,var(--board-side-shelf),430px);display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.28rem;max-height:calc(100dvh - 5.6rem);pointer-events:none}.hud-left-column>*{pointer-events:auto}.hud-overlay,.hud-settings,.hud-settings-toggle,.nav-dock,.modal-window{position:relative;border:2px solid var(--panel-border);border-radius:16px;background:var(--panel);box-shadow:inset 0 2px #ffd8be29,var(--shadow)}.hud-overlay:before,.hud-settings:before,.nav-dock:before,.modal-window:before,.reserve-hint:before{content:"";position:absolute;left:8px;right:8px;top:6px;height:8px;border-radius:999px;background:linear-gradient(180deg,#fff5dd2e,#fff5dd00);pointer-events:none}.hud-overlay{width:100%;padding:.42rem .52rem;gap:.28rem;display:grid}.hud-settings-toggle{display:none;align-self:start;min-width:106px}.hud-settings{width:100%;max-height:none;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;padding:.42rem;display:grid;gap:.34rem;scrollbar-width:thin;scrollbar-color:rgba(201,164,90,.75) transparent}.hud-settings::-webkit-scrollbar{width:8px}.hud-settings::-webkit-scrollbar-track{background:transparent}.hud-settings::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c9a45acc,#917442d1);border-radius:999px}.settings-content{display:grid;gap:.34rem}.hud-settings-block{display:grid;gap:.28rem}.hud-settings-block h3{font-size:var(--ui-caption-font-size);overflow-wrap:anywhere}.hud-settings .subtle{font-size:var(--ui-caption-font-size);white-space:normal;overflow-wrap:anywhere}.mode-buttons{display:flex;flex-wrap:wrap;gap:.34rem}.mode-buttons .active,.skin-select .active{border-color:#6f512f;background:linear-gradient(180deg,#ffffff57,#fff0 34%),linear-gradient(180deg,#ffe1af,#deae6b 58%,#b98244);color:#3b2612;box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #60401e5c,0 2px #6047247a,0 0 0 2px #f5c87875,0 0 16px #f1bd5e80}.audio-sliders-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.36rem}.audio-slider{display:grid;gap:.18rem}.audio-slider span{color:#5e4b35;font-size:var(--ui-caption-font-size);font-weight:500;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.2}.audio-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:9px;border-radius:999px;border:2px solid #7d6a49;background:linear-gradient(90deg,#b88a5a,#8d6a43) 0 / var(--range-fill, 50%) 100% no-repeat,linear-gradient(180deg,#f2e4cb,#d9c3a0);box-shadow:inset 0 1px #ffffff9e;padding:0}.audio-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid #7b5e35;background:radial-gradient(circle at 30% 30%,#fff7e6,#d5b789 62%,#a17844);box-shadow:0 0 0 3px #b88a5a38,0 2px 8px #0000003d;cursor:pointer}.audio-slider input[type=range]::-moz-range-track{height:9px;border-radius:999px;border:2px solid #7d6a49;background:linear-gradient(180deg,#f2e4cb,#d9c3a0)}.audio-slider input[type=range]::-moz-range-progress{height:9px;border-radius:999px;background:linear-gradient(90deg,#b88a5a,#8d6a43)}.audio-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2px solid #7b5e35;background:radial-gradient(circle at 30% 30%,#fff7e6,#d5b789 62%,#a17844);cursor:pointer}.hud-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.hud-row.compact{font-size:.82rem}.timer-track{height:8px;border-radius:999px;border:2px solid rgba(54,44,29,.8);overflow:hidden;background:#f3e6c933}.timer-fill{height:100%;background:linear-gradient(90deg,#8ba87e,#7a9db9,#c39a58)}.hud-meta{color:var(--muted)}.hud-warning{color:#86623d;font-size:.72rem;line-height:1.2;font-weight:500}.hud-overlay--compact{padding:.34rem .38rem;gap:.22rem}.hud-overlay--compact .hud-row.compact{gap:.24rem;align-items:center}.hud-overlay--compact .hud-row.compact span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-overlay--compact .hud-row.compact span:last-child{flex:0 0 auto;white-space:nowrap}.hud-overlay--compact .hud-warning{font-size:var(--ui-caption-font-size);line-height:1.15;margin-top:.03rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nav-toggle{display:none}.nav-toggle.game-button{display:none!important}.nav-stack{position:absolute;right:.8rem;top:.8rem;z-index:28;width:clamp(138px,var(--board-side-shelf),210px);display:grid;gap:.35rem;grid-template-rows:auto auto;align-content:start;pointer-events:none}.nav-stack>*{pointer-events:auto}.nav-dock{width:100%;max-height:calc(100dvh - 9.8rem);overflow-y:auto;overflow-x:hidden;padding:.52rem;display:grid;gap:.34rem;scrollbar-width:thin;scrollbar-color:rgba(201,164,90,.75) transparent}.nav-dock::-webkit-scrollbar{width:8px}.nav-dock::-webkit-scrollbar-track{background:transparent}.nav-dock::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c9a45acc,#917442d1);border-radius:999px}.dock-btn{display:flex;align-items:center;gap:.42rem;width:100%;text-align:left}.dock-btn.active{border-color:#6f512f;background:linear-gradient(180deg,#ffffff57,#fff0 34%),linear-gradient(180deg,#ffe1af,#deae6b 58%,#b98244);color:#3b2612;box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #60401e5c,0 2px #6047247a,0 0 0 2px #f5c87875,0 0 16px #f1bd5e80}.dock-btn.claimable{border-color:#ae7b36;background:linear-gradient(180deg,#ffffff61,#fff0 34%),linear-gradient(180deg,#ffe8bf,#dfb87f 58%,#b8894b);color:#3f270f;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #6746225c,0 2px #63462380,0 0 0 2px #f7ca766b,0 0 16px #f4bc5675}.dock-btn.claimable .dock-label{font-weight:600}.dock-btn.attention{animation:dock-attention-pulse 1.35s ease-in-out infinite}@keyframes dock-attention-pulse{0%,to{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-1px);filter:brightness(1.08)}}.dock-icon{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(255,255,255,.15));padding:0;border-radius:0;background:none;border:0;opacity:.9;flex:0 0 auto}.dock-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-badge{width:8px;height:8px;border-radius:999px;margin-left:auto;background:radial-gradient(circle at 30% 30%,#fff4cb,#ef9d2a 70%,#c77014);box-shadow:0 0 0 1px #68411680,0 0 8px #ef9d2a99;flex:0 0 auto}.dock-coins{display:flex;align-items:center;justify-content:center;gap:.3rem;color:#4b3016;font-size:var(--ui-button-font-size);font-weight:500;border:1px solid rgba(122,90,58,.52);border-radius:10px;background:linear-gradient(180deg,#fff8e8b8,#dbc19a9e);padding:.16rem .42rem}.dock-coins span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-coins-label{opacity:.82}.dock-extra-btn{width:100%;white-space:normal;overflow-wrap:anywhere}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#1b130cad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem}.modal-window{width:min(920px,100%);max-height:88dvh;border-radius:26px;display:grid;grid-template-rows:auto minmax(0,1fr)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:.7rem;padding:.8rem .9rem;border-bottom:2px solid rgba(209,180,130,.24)}.modal-content{overflow:auto;overscroll-behavior:contain;padding:.9rem;scrollbar-width:thin;scrollbar-color:rgba(201,164,90,.75) transparent}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c9a45acc,#917442d1);border-radius:999px}.modal-section{display:grid;gap:.68rem}.skins-grid,.missions-list,.leader-list,.daily-grid,.trophies-grid{display:grid;gap:.52rem}.offers-grid,.pass-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem}.missions-list,.daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skins-grid{grid-template-columns:1fr}.offer-card,.skin-card,.mission,.leader-row,.trophy-card,.daily-reward-card,.pass-tier,.match-result{border:2px solid var(--card-border);border-radius:12px;background:linear-gradient(180deg,#ffffff3d,#fff0 36%),var(--card-bg);color:#6c4b37;box-shadow:inset 0 1px #ffffff52,0 4px 10px #2d14081a;padding:.58rem;display:grid;gap:.42rem}.skin-card{grid-template-columns:auto 1fr;align-items:center;column-gap:.62rem}.skin-card .skin-sample{grid-column:1;grid-row:1 / span 3;align-self:start}.offer-card h3,.offer-card h4,.skin-card h3,.skin-card h4,.mission h3,.mission h4,.trophy-card h3,.trophy-card h4,.daily-reward-card h3,.daily-reward-card h4,.pass-tier h3,.pass-tier h4,.match-result h3,.match-result h4{color:#5f3f2d}.offer-card .subtle,.skin-card .subtle,.mission .subtle,.leader-row .subtle,.trophy-card .subtle,.daily-reward-card .subtle,.pass-tier .subtle{color:#7c5a45}.offer-card.compact{gap:.34rem}.round-result-modal{gap:.58rem}.round-result-card{justify-items:center;text-align:center;gap:.34rem;padding:.72rem}.round-result-card.win{border-color:#4e9637;box-shadow:inset 0 1px #ffffffc7,0 0 0 3px #82e06633,0 10px 16px #1f3e1733}.round-result-card.loss{border-color:#b86148;box-shadow:inset 0 1px #ffffffb8,0 0 0 3px #e57f6233,0 10px 16px #58211433}.round-result-card.draw{border-color:#b28a53;box-shadow:inset 0 1px #ffffffb8,0 0 0 3px #e8b66533,0 10px 16px #543d1a2e}.round-result-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.24rem .66rem;border-radius:999px;border:2px solid #8a6a46;font-size:var(--ui-caption-font-size);font-weight:600}.round-result-badge.win{background:linear-gradient(180deg,#d8f1c6,#a8d07f 62%,#7db356);color:#25461f}.round-result-badge.loss{background:linear-gradient(180deg,#ffd8cc,#efab93 62%,#d17b63);color:#5a2618}.round-result-badge.draw{background:linear-gradient(180deg,#ffe6c4,#e7bf85 62%,#c99a5e);color:#5a3d1c}.round-result-icon{width:22px;height:22px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;line-height:1;font-size:.76rem}.round-result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.vip-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}.vip-feature-grid--compact{grid-template-columns:1fr}.vip-feature-card{border:2px solid rgba(151,110,72,.45);border-radius:12px;background:linear-gradient(180deg,#ffffff73,#fff0 38%),linear-gradient(180deg,#f3e5cd,#e1ccb0);box-shadow:inset 0 1px #ffffffa8,0 4px 10px #2c1a0c1f;padding:.42rem;display:grid;grid-template-columns:auto 1fr;gap:.44rem;align-items:start}.vip-feature-card.highlight{border-color:#b17b3c;box-shadow:inset 0 1px #ffffffb8,0 0 0 2px #ebb15447,0 6px 14px #40261033}.vip-feature-icon{width:30px;height:30px;border:2px solid #8a6a46;border-radius:10px;background:linear-gradient(180deg,#ffffff5c,#fff0 36%),linear-gradient(180deg,#ecd8b6,#cda97a 58%,#aa7f49);display:grid;place-items:center;color:#4f321a;font-size:.7rem;font-weight:700;line-height:1}.vip-feature-icon:before{content:"+"}.vip-feature-icon--coins:before{content:"$"}.vip-feature-icon--double:before{content:"x2"}.vip-feature-icon--undo:before{content:"↺"}.vip-feature-icon--chest:before{content:"⌛"}.vip-feature-icon--track:before{content:"★"}.vip-feature-icon--cosmetics:before{content:"◉"}.vip-feature-icon--ads_off:before{content:"⛔"}.vip-feature-icon--elo_shield:before{content:"ELO";font-size:.52rem;letter-spacing:.02em}.vip-feature-copy{display:grid;gap:.16rem}.vip-feature-copy h4{margin:0;font-size:var(--ui-caption-font-size);color:#5f3f2d}.vip-feature-copy p{margin:0;font-size:var(--ui-caption-font-size);color:#7c5a45;line-height:1.2}.vip-required-section{gap:.54rem}.vip-required-label{margin:0;color:#7b5a3d;font-size:var(--ui-caption-font-size);font-weight:600}.vip-required-focus{border:2px solid #c18f53;border-radius:12px;background:linear-gradient(180deg,#ffffff75,#fff0 38%),linear-gradient(180deg,#f4e8d2,#ead4b2);box-shadow:inset 0 1px #ffffffad,0 4px 12px #422a1426;padding:.56rem;display:grid;grid-template-columns:auto 1fr;gap:.34rem;align-items:start}.vip-required-copy{display:grid;gap:.24rem}.vip-required-focus h4{margin:0}.vip-required-focus p{margin:0;color:#6e5239;font-size:var(--ui-caption-font-size);line-height:1.24}.multi-tab-conflict-section{gap:.62rem;align-items:center;justify-items:center;text-align:center}.multi-tab-conflict-image{width:min(100%,24rem);max-height:13.5rem;display:block;margin-inline:auto;object-fit:cover;border-radius:14px;border:2px solid #7e5f3f;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #2a1a0e47;background:#f5ebd7;animation:multi-tab-meme-bop 2.3s ease-in-out infinite;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.multi-tab-conflict-section p{margin:0;color:#60432d}.surrender-confirm-section{gap:.7rem;align-items:center;justify-items:center;text-align:center}.surrender-meme-image{width:min(100%,18rem);max-height:12rem;display:block;margin-inline:auto;object-fit:cover;border-radius:14px;border:2px solid #7e5f3f;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #2a1a0e3d;background:#f5ebd7;animation:surrender-meme-bob 1.9s ease-in-out infinite;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@keyframes surrender-meme-bob{0%{transform:translateY(0) rotate(-.6deg) scale(1)}50%{transform:translateY(-6px) rotate(.8deg) scale(1.02)}to{transform:translateY(0) rotate(-.6deg) scale(1)}}@keyframes multi-tab-meme-bop{0%{transform:translateY(0) rotate(-.8deg) scale(1)}20%{transform:translateY(-5px) rotate(1deg) scale(1.012)}40%{transform:translateY(1px) rotate(-.6deg) scale(.998)}60%{transform:translateY(-3px) rotate(.8deg) scale(1.01)}80%{transform:translateY(2px) rotate(-.4deg) scale(.997)}to{transform:translateY(0) rotate(-.8deg) scale(1)}}@media (prefers-reduced-motion: reduce){.multi-tab-conflict-image,.surrender-meme-image{animation:none}}.skin-card.unlocked,.mission.done,.daily-reward-card.claimed,.trophy-card.unlocked{border-color:#4e9637;box-shadow:inset 0 1px #ffffffc7,0 0 0 3px #82e06638,0 10px 16px #1f3e1738}.daily-reward-card.next{border-color:#df842a;box-shadow:inset 0 1px #ffffffc7,0 0 0 3px #ffad5f3d,0 10px 16px #5a2f0d33}.trophy-card,.daily-reward-card{grid-template-columns:auto 1fr auto;align-items:center;gap:.62rem}.trophy-card.locked,.daily-reward-card.locked{opacity:.84}.trophy-icon-wrap,.daily-icon-wrap{width:40px;height:40px;border:2px solid #8a6a46;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,#ffffff59,#fff0 35%),linear-gradient(180deg,#e8d4af,#cfab75 58%,#aa7f49)}.trophy-icon,.reward-icon{width:26px;height:26px;stroke:#4a3320;fill:#64492e33;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.trophy-copy,.daily-reward-copy{display:grid;gap:.2rem}.daily-state-tag,.chip,.nameplate-chip{border:2px solid #9a551f;border-radius:10px;background:linear-gradient(180deg,#ffffff59,#fff0 35%),linear-gradient(180deg,#ffc478,#f39a42 58%,#d27623);color:#512c12;font-weight:500;font-size:.74rem;padding:.18rem .48rem;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.skin-sample span{width:42px;aspect-ratio:1;border-radius:50%;border:3px solid var(--piece-rim);display:block;background:radial-gradient(circle at 34% 30%,var(--piece-sparkle),var(--piece-base) 44%,var(--piece-rim) 95%);box-shadow:inset 0 2px #fff6,0 0 14px var(--piece-glow),0 5px 8px #00000038}.skin-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.skin-select>button{width:100%}.board-theme-sample{height:64px;border-radius:10px;border:3px solid rgba(207,228,255,.55);background:radial-gradient(circle at 50% 34%,var(--theme-aura, rgba(154, 202, 255, .3)),transparent 56%),linear-gradient(180deg,rgba(255,255,255,.2),transparent 42%),linear-gradient(180deg,var(--theme-top, #274772),var(--theme-bottom, #081428));position:relative;overflow:hidden}.board-theme-sample span{position:absolute;left:14%;right:14%;top:48%;height:2px;background:var(--theme-edge, #bf9864);border-radius:999px}.board-theme-sample i{position:absolute;display:block;font-style:normal;left:50%;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:var(--theme-node, #d7bf96);box-shadow:0 0 10px #e3ecff80}.daily-modal{display:grid;gap:.64rem}.daily-header{display:grid;gap:.22rem}.onboarding-list{display:grid;gap:.35rem;color:var(--muted)}.leader-row{--leader-top: #f1e1c7;--leader-bottom: #d0b188;--leader-border: #8a6a46;--leader-accent: #5d8b4d;--leader-text: #3f2a16;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.56rem;border-color:color-mix(in srgb,var(--leader-border) 68%,rgba(120,88,53,.45));background:linear-gradient(180deg,#ffffff8f,#fff0 36%),linear-gradient(180deg,var(--leader-top),var(--leader-bottom));color:var(--leader-text)}.leader-row.current-user{border-color:var(--leader-accent);box-shadow:inset 0 1px #ffffffc7,0 0 0 3px color-mix(in srgb,var(--leader-accent) 32%,transparent),0 10px 16px #1f3e172e}.leader-avatar{width:38px;height:38px;border:2px solid var(--leader-border);border-radius:12px;background:linear-gradient(180deg,#ffffff5c,#fff0 36%),linear-gradient(180deg,color-mix(in srgb,var(--leader-top) 88%,#fff),var(--leader-bottom) 58%,color-mix(in srgb,var(--leader-bottom) 72%,#835f35));color:var(--leader-text);display:grid;place-items:center;font-weight:600;font-size:.8rem}.leader-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.leader-main{min-width:0;display:grid;gap:.12rem}.leader-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-badge{font-size:var(--ui-caption-font-size);color:var(--leader-accent);font-weight:600}.profile-theme-sample{height:64px;border-radius:10px;border:3px solid var(--profile-border, #8a6a46);background:linear-gradient(180deg,#ffffff6b,#fff0 34%),linear-gradient(180deg,var(--profile-top, #f1e1c7),var(--profile-bottom, #d0b188));color:var(--profile-text, #3f2a16);display:grid;align-content:center;gap:.18rem;padding:0 .6rem;box-shadow:inset 0 1px #ffffffb8}.profile-theme-card{display:flex;flex-direction:column;align-items:stretch;gap:.36rem}.profile-theme-card .profile-theme-sample,.profile-theme-card h4,.profile-theme-card p,.profile-theme-card button,.profile-theme-card .profile-theme-customizers{width:100%;margin:0}.profile-theme-card .profile-theme-sample{min-height:74px}.profile-theme-sample strong{font-size:.8rem;color:inherit}.profile-theme-sample span{color:var(--profile-accent, #5d8b4d);font-size:.74rem;font-weight:600}.profile-theme-customizers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.28rem}.profile-theme-customizers label{display:grid;gap:.12rem;font-size:var(--ui-caption-font-size);color:var(--muted)}.profile-theme-customizers input[type=color]{width:100%;height:30px;border:2px solid var(--card-border);border-radius:8px;background:transparent;padding:0;cursor:pointer}.leader-rating{white-space:nowrap;font-weight:600}.chest-roll-section{display:grid;gap:.65rem}.chest-roll-window{position:relative;overflow:hidden;border-radius:14px;border:2px solid var(--card-border);background:radial-gradient(circle at 30% 28%,rgba(220,187,136,.22),transparent 48%),#4b372257;height:56px}.chest-roll-track{position:absolute;left:50%;top:50%;display:flex;gap:8px;width:max-content;transform:translate3d(calc(-36px - (var(--chest-roll-offset, 0) * 80px)),-50%,0);will-change:transform}.chest-roll-track span{width:72px;min-width:72px;height:34px;display:inline-flex;align-items:center;justify-content:center;text-align:center;border:2px solid var(--card-border);border-radius:10px;padding:0;background:#fff5e3e6;color:#b26c1f;font-weight:500}.chest-roll-marker{position:absolute;inset:0 50% 0 auto;width:2px;background:linear-gradient(180deg,#ffdc9e33,#ffdc9ef2,#ffdc9e33)}.chest-roll-current{color:var(--gold);font-size:1rem;font-weight:500}.round-boost-roll-window{position:relative;overflow:hidden;border-radius:12px;border:2px solid var(--card-border);background:radial-gradient(circle at 30% 28%,rgba(220,187,136,.22),transparent 48%),#4b372257;height:50px}.round-boost-roll-track{position:absolute;left:50%;top:50%;display:flex;gap:8px;width:max-content;transform:translate3d(calc(-36px - (var(--round-boost-offset, 0) * 80px)),-50%,0);will-change:transform}.round-boost-roll-track span{width:72px;min-width:72px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--card-border);border-radius:9px;background:#fff5e3e6;color:#b26c1f;font-weight:600;font-size:.8rem}.round-boost-card button{width:100%}.loading-screen{width:100%;height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(201,164,90,.25),transparent 35%),radial-gradient(circle at 78% 30%,rgba(163,128,90,.2),transparent 35%),linear-gradient(165deg,#2b2118,#1a130d)}.loading-spark-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.loading-spark{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 30%,#fff6e1,#cfb076 70%,#9d7e47);box-shadow:0 0 12px #c9a45a73;animation:spark-fade 2.4s ease-in-out infinite}.loading-board{position:relative;width:min(72vw,450px);aspect-ratio:1.4 / 1;border-radius:26px;border:5px solid #7a5b39;background:radial-gradient(circle at 18% 20%,rgba(201,164,90,.28),transparent 36%),radial-gradient(circle at 76% 74%,rgba(154,120,84,.22),transparent 40%),linear-gradient(180deg,#6a4f35,#3f2e1f);box-shadow:inset 0 2px #ffffff3d,inset 0 -10px 14px #0003,var(--shadow);overflow:hidden}.loading-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(238,209,157,.12) 50%,transparent 100%);transform:translate(-130%);animation:loader-sheen 2.1s ease-in-out infinite;pointer-events:none}.loading-board-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 7px rgba(201,164,90,.3))}.loading-board-lines polyline{fill:none;stroke:#ebd2a6e6;stroke-width:2.4;stroke-linecap:round}.loading-node{position:absolute;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 34% 34%,#f3e7d1,#b2905f 76%);box-shadow:0 0 10px #c9a45a75}.loading-piece{position:absolute;width:22px;height:22px;border-radius:50%;transform:translate(-50%,-50%);transition:left .43s cubic-bezier(.22,.73,.24,1),top .43s cubic-bezier(.22,.73,.24,1),box-shadow .2s ease,transform .2s ease}.loading-piece.left{border:2px solid rgba(179,213,255,.9);background:radial-gradient(circle at 34% 30%,#e8f7ff,#518fe9 62%,#2a4f89 96%);box-shadow:0 0 16px #78baff85,inset 0 -5px 5px #00000052}.loading-piece.right{border:2px solid rgba(255,198,182,.88);background:radial-gradient(circle at 34% 30%,#fff0e9,#e06a53 62%,#8b3f2f 96%);box-shadow:0 0 16px #ff9c827a,inset 0 -5px 5px #00000052}.loading-piece.active{transform:translate(-50%,-50%) scale(1.14)}@keyframes loader-sheen{0%{transform:translate(-130%)}to{transform:translate(130%)}}@keyframes spark-fade{0%,to{transform:translate(-50%,-50%) scale(.72);opacity:.35}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}.game-button{display:inline-flex;align-items:center;justify-content:center}.game-button--sm,.game-button--md{min-height:36px;padding:.32rem .62rem;font-size:var(--ui-button-font-size)}.game-button--wide{width:100%}@media (min-width: 921px){.hud-settings-toggle{display:none}.skins-grid,.trophies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 920px){.app-root{--board-gap: .8rem}.arena-frame{border-radius:22px}.hud-left-column{top:.45rem;left:.45rem}.hud-left-column .hud-settings{display:none}.hud-left-column .hud-settings-toggle{display:inline-flex;color:var(--text)}.reserve-hint{max-width:calc(100vw - 1rem);bottom:3.9rem;font-size:.72rem}.game-button--sm,.game-button--md,button{min-height:30px;padding:.24rem .46rem;font-size:.64rem}}@media (max-aspect-ratio: 5/4){.audio-sliders-row{grid-template-columns:minmax(0,1fr)}.audio-slider{min-width:0}.audio-slider span{max-width:100%}}@media (max-width: 920px) and (orientation: landscape){.hud-left-column .hud-settings-toggle{margin-top:.1rem;min-width:92px}.nav-toggle{display:none}.nav-stack{top:.45rem;right:.45rem;bottom:calc(env(safe-area-inset-bottom) + 4.7rem);grid-template-rows:minmax(0,1fr) auto;align-content:stretch}.nav-dock{max-height:none;height:100%;opacity:1;transform:none;pointer-events:auto}.dock-label{display:block;font-size:var(--ui-button-font-size)}.dock-btn{justify-content:flex-start}.dock-extra-btn{display:block;width:100%;max-width:none}}@media (max-width: 920px) and (orientation: portrait){.hud-left-column{width:min(286px,calc(100vw - 6.2rem))}.nav-stack{width:min(210px,calc(100vw - .9rem))}}@media (max-width: 680px) and (orientation: portrait){.hud-left-column{width:min(252px,calc(100vw - 6.2rem))}.hud-left-column .hud-settings-toggle{min-width:94px}.nav-toggle{position:absolute;right:.45rem;top:.45rem;z-index:29;width:38px;height:38px;border-radius:12px;display:grid;align-content:center;justify-items:center;gap:4px;padding:0}.nav-toggle.game-button{display:grid!important}.nav-toggle span{width:18px;height:2px;border-radius:999px;background:#eaf6ff}.nav-stack{top:3.1rem;right:.45rem;width:168px}.nav-stack.is-closed{pointer-events:none}.nav-stack.is-open{pointer-events:auto}.nav-stack.is-closed .nav-dock,.nav-stack.is-closed .nav-dock *{pointer-events:none}.nav-dock{max-height:min(54dvh,calc(100dvh - 10.1rem));opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.nav-dock.open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;transition:opacity .2s ease,transform .2s ease,visibility 0s}.dock-label{display:block;width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-icon{display:none}.dock-btn{justify-content:flex-start}.dock-extra-btn{display:none;width:168px;max-width:168px}.nav-dock.open+.dock-extra-btn{display:block}}@media (max-width: 680px){.offers-grid,.pass-grid,.missions-list,.daily-grid,.vip-feature-grid,.round-result-actions{grid-template-columns:1fr}.reserve-piece{width:40px;height:40px}.reserve-tray{bottom:.45rem}}