.auth-loading{color:#475569;letter-spacing:3px;justify-content:center;align-items:center;min-height:100vh;font-size:11px;display:flex}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:#111827;border:1px solid #1e293b;border-radius:14px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:360px;padding:48px 40px;display:flex}.login-logo{font-size:40px;line-height:1}.login-title{letter-spacing:6px;color:#e2e8f0;font-size:28px;font-weight:900}.login-subtitle{color:#64748b;letter-spacing:1px;text-align:center;font-size:12px}.login-google-btn{color:#111;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .15s;display:flex}.login-google-btn:hover{opacity:.9}.header-top{justify-content:space-between;align-items:center;display:flex}.header-user{align-items:center;gap:8px;display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.user-avatar-placeholder{color:#94a3b8;background:#334155;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.user-name{color:#94a3b8;letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;overflow:hidden}.sign-out-btn{color:#475569;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #1e293b;border-radius:6px;padding:4px 8px;font-size:10px;transition:color .15s,border-color .15s}.sign-out-btn:hover{color:#94a3b8;border-color:#334155}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0c0c18;justify-content:center;min-height:100vh;padding:16px 12px 48px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex}#root{width:100%;max-width:800px}.app{flex-direction:column;gap:10px;display:flex}.app-body{align-items:flex-start;gap:10px;display:flex}.app-left{flex-direction:column;flex-shrink:0;gap:10px;width:270px;max-height:calc(100vh - 32px);display:flex;position:sticky;top:16px;overflow-y:auto}.app-main{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.info-panel{background:#111827;border:1px solid #1e293b;border-radius:10px;flex-direction:column;flex-shrink:0;gap:10px;padding:14px 12px;display:flex}.info-panel-empty{text-align:center;align-items:center}.ip-empty-icon{margin-bottom:2px;font-size:24px}.ip-empty-title{letter-spacing:3px;color:#334155;font-size:9px;font-weight:700}.ip-empty-hint{color:#334155;padding:0 4px;font-size:10px;line-height:1.5}.ip-legend{flex-direction:column;gap:6px;width:100%;margin-top:4px;display:flex}.ip-legend-row{background:#0f172a;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;display:flex}.ip-legend-icon{font-size:14px}.ip-legend-text{flex-direction:column;display:flex}.ip-legend-name{color:#94a3b8;font-size:10px;font-weight:700}.ip-legend-role{letter-spacing:1px;color:#334155;font-size:8px}.ip-header{align-items:center;gap:10px;display:flex}.ip-icon{font-size:28px}.ip-title-group{flex-direction:column;gap:4px;display:flex}.ip-name{letter-spacing:2px;color:#f1f5f9;font-size:13px;font-weight:900}.ip-role-tag{letter-spacing:1.5px;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:700;display:inline-block}.ip-tag-player{color:#60a5fa;background:#2563eb40}.ip-tag-ai{color:#f87171;background:#dc262633}.ip-description{color:#64748b;font-size:10px;line-height:1.6}.ip-divider{border:none;border-top:1px solid #1e293b;margin:0}.ip-stat-group{flex-direction:column;gap:4px;display:flex}.ip-stat-label{letter-spacing:1px;color:#475569;justify-content:space-between;font-size:8px;font-weight:700;display:flex}.ip-stat-value{color:#94a3b8}.ip-bar-bg{background:#1e293b;border-radius:3px;height:5px;overflow:hidden}.ip-bar-fill{border-radius:3px;height:100%;transition:width .35s}.ip-raw-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ip-raw-cell{background:#0f172a;border-radius:6px;padding:6px 8px}.ip-raw-key{letter-spacing:1px;color:#334155;margin-bottom:2px;font-size:7px;font-weight:700}.ip-raw-val{color:#e2e8f0;font-size:14px;font-weight:800}.ip-owner-tag{letter-spacing:1px;text-align:center;border-radius:6px;padding:5px;font-size:9px;font-weight:700}.ip-owner-player{color:#60a5fa;background:#2563eb1f}.ip-owner-ai{color:#f87171;background:#dc26261f}.game-header{text-align:center;background:#111827;border:1px solid #1e293b;border-radius:10px;padding:14px 16px 10px}.game-title{letter-spacing:8px;color:#f1f5f9;margin-bottom:12px;font-size:20px;font-weight:900}.header-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.score-block{flex-direction:column;align-items:center;min-width:60px;display:flex}.score-label{letter-spacing:2px;color:#475569;font-size:9px;font-weight:700}.score-num{font-size:28px;font-weight:900;line-height:1}.score-sub{color:#475569;font-size:9px}.player-score .score-num{color:#60a5fa}.ai-score .score-num{color:#f87171}.header-center{flex-direction:column;align-items:center;gap:4px;display:flex}.turn-indicator{color:#64748b;letter-spacing:2px;font-size:12px}.phase-badge{letter-spacing:1px;color:#94a3b8;background:#1e293b;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}.terr-bar{background:#1e293b;border-radius:3px;height:5px;display:flex;overflow:hidden}.tb-player{background:#2563eb;transition:width .4s}.tb-gap{flex:1}.tb-ai{background:#dc2626;transition:width .4s}.board{flex-direction:column;gap:0;display:flex}.board-edge{text-align:center;letter-spacing:3px;padding:4px;font-size:9px;font-weight:700}.ai-edge{color:#f8717166}.player-edge{color:#60a5fa66}.stage{border:1.5px solid #1e293b;border-radius:8px;margin:3px 0;padding:10px 12px;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.stage-droppable{cursor:pointer;box-shadow:0 0 12px #fbbf2433;border-color:#fbbf24!important}.stage-contested{animation:1.5s infinite contestPulse}@keyframes contestPulse{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 10px 2px #f59e0b33}}.stage-captured-flash{animation:1.2s ease-out forwards captureFlash}@keyframes captureFlash{0%{box-shadow:inset 0 0 #fff0}8%{box-shadow:inset 0 0 60px 20px #ffffff73}30%{box-shadow:inset 0 0 30px 10px #ffff9640}to{box-shadow:inset 0 0 #fff0}}.stage-capture-overlay{letter-spacing:3px;pointer-events:none;z-index:10;text-shadow:0 0 20px,0 0 40px;justify-content:center;align-items:center;font-size:22px;font-weight:900;animation:1.2s ease-out forwards captureText;display:flex;position:absolute;inset:0}@keyframes captureText{0%{opacity:0;transform:scale(.4)translateY(10px)}15%{opacity:1;transform:scale(1.15)translateY(0)}35%{opacity:1;transform:scale(1)translateY(0)}80%{opacity:.6;transform:scale(1)translateY(-6px)}to{opacity:0;transform:scale(.95)translateY(-12px)}}.stage-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stage-name{letter-spacing:2px;color:#475569;font-size:9px;font-weight:700}.stage-control-tag{letter-spacing:1px;font-size:9px;font-weight:700}.free-field{-webkit-user-select:none;user-select:none;border:none;border-radius:6px;width:100%;position:relative;overflow:visible}.free-field-active{cursor:crosshair;background:#fbbf2408}.free-field-active:hover,.free-field-active:focus-within{background:#fbbf240f}.free-field[data-drag-over=true]{background:#fbbf2414!important;border-color:#fbbf24b3!important}.free-field-ai{border-color:#ef444426}.free-field-cap{letter-spacing:1px;color:#fff3;pointer-events:none;z-index:1;font-size:8px;font-weight:700;position:absolute;top:4px;right:6px}.free-char{z-index:2;position:absolute;transform:translate(-50%,-50%)}.free-char:hover{z-index:3}.battle-field{flex-direction:column;gap:4px;display:flex}.battle-row{height:76px;position:relative}.battle-char{transition:left .15s ease-out;position:absolute;transform:translate(-50%)}.char-card{cursor:pointer;background:#0f172a;border:1.5px solid;border-radius:6px;flex-direction:column;gap:3px;width:100%;min-width:52px;max-width:76px;padding:5px;transition:all .15s;display:flex}.char-player{border-color:#3b82f680}.char-ai{border-color:#ef444466}.char-selected{box-shadow:0 0 12px #fbbf244d;border-color:#fbbf24!important}.char-dimmed{opacity:.45}.char-top{justify-content:space-between;align-items:center;gap:2px;display:flex}.char-icon{font-size:13px}.char-label{letter-spacing:.5px;color:#94a3b8;flex:1;font-size:8px;font-weight:700}.char-lift-btn{color:#fbbf24;cursor:pointer;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:10px;font-weight:700;line-height:1}.char-lift-btn:hover{background:#fbbf2440;border-color:#fbbf24}.char-hp-bar{background:#1e293b;border-radius:2px;height:4px;overflow:hidden}.char-hp-fill{border-radius:2px;height:100%;transition:width .3s}.char-hp-text{color:#475569;text-align:center;font-size:7px}.char-stats{color:#334155;justify-content:space-between;font-size:7px;display:flex}.wall-section{margin:2px 0}.double-wall{border-left:2px solid #334155;padding-left:6px}.double-wall-label{letter-spacing:2px;color:#334155;text-align:center;padding:2px 0;font-size:8px}.wall-row{background:#0f172a;border-radius:4px;align-items:center;gap:8px;margin:1px 0;padding:5px 8px;display:flex}.wall-destroyed{opacity:.35}.wall-label{letter-spacing:1px;min-width:90px;font-size:8px;font-weight:700}.wall-bar-wrap{background:#1e293b;border-radius:3px;flex:1;height:6px;overflow:hidden}.wall-bar-fill{border-radius:3px;height:100%;transition:width .4s}.wall-hp-text{color:#475569;text-align:right;min-width:60px;font-size:8px}.setup-panel{background:#111827;border:1px solid #1e293b;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.setup-header{justify-content:space-between;align-items:center;display:flex}.setup-title{letter-spacing:2px;color:#94a3b8;font-size:11px;font-weight:700}.setup-timer{letter-spacing:1px;font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.setup-hint{color:#60a5fa;font-size:10px}.bench-label{letter-spacing:2px;color:#334155;margin-bottom:6px;font-size:8px;font-weight:700}.bench-chars{flex-wrap:wrap;gap:6px;display:flex}.bench-empty{color:#334155;text-align:center;padding:4px;font-size:11px}.setup-actions{gap:8px;display:flex}.recall-btn{color:#94a3b8;letter-spacing:1px;cursor:pointer;white-space:nowrap;background:#0f172a;border:1px solid #334155;border-radius:8px;flex:none;padding:11px 14px;font-size:11px;font-weight:700;transition:all .15s}.recall-btn:hover:not(:disabled){color:#f59e0b;background:#f59e0b14;border-color:#f59e0b}.recall-btn:disabled{opacity:.4;cursor:not-allowed}.ready-btn{color:#fff;letter-spacing:2px;cursor:pointer;background:#1d4ed8;border:none;border-radius:8px;flex:1;padding:11px;font-size:13px;font-weight:800;transition:all .15s;box-shadow:0 0 20px #1d4ed859}.ready-btn:hover{background:#2563eb;box-shadow:0 0 28px #2563eb73}.setup-auto-execute{text-align:center;letter-spacing:1px;border:1px solid;border-radius:8px;width:100%;padding:8px;font-size:10px;font-weight:700}.event-log{background:#111827;border:1px solid #1e293b;border-radius:10px;padding:12px 14px}.log-title{letter-spacing:3px;color:#334155;margin-bottom:8px;font-size:8px;font-weight:700}.log-entries{flex-direction:column;gap:3px;max-height:160px;display:flex;overflow-y:auto}.log-entries::-webkit-scrollbar{width:3px}.log-entries::-webkit-scrollbar-thumb{background:#1e293b;border-radius:2px}.log-entry{gap:8px;font-size:10px;display:flex}.log-time{color:#334155;min-width:30px}.log-text{color:#475569}.ev-wall-dead .log-text{color:#f59e0b}.ev-death .log-text{color:#f87171}.ev-capture .log-text{color:#60a5fa;font-weight:700}.ev-move .log-text{color:#94a3b8}.ev-setup .log-text{color:#334155;font-style:italic}.gameover-panel{text-align:center;background:#111827;border:1px solid #1e293b;border-radius:10px;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;display:flex}.result-word{letter-spacing:8px;font-size:36px;font-weight:900}.win{color:#60a5fa}.lose{color:#f87171}.draw{color:#fbbf24}.result-scores{color:#64748b;font-size:12px}.restart-btn{color:#94a3b8;letter-spacing:2px;cursor:pointer;background:#1e293b;border:1.5px solid #334155;border-radius:8px;padding:10px 28px;font-size:12px;font-weight:700;transition:all .15s}.restart-btn:hover{color:#e2e8f0;background:#263548}.execution-banner{text-align:center;letter-spacing:3px;color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:8px;padding:8px;font-size:11px;font-weight:700;animation:1s ease-in-out infinite alternate bannerPulse}@keyframes bannerPulse{0%{opacity:.6}to{opacity:1}}@keyframes hitFlash{0%{background:#ef444499;box-shadow:0 0 8px #ef4444cc}to{box-shadow:none;background:0 0}}.char-hit{animation:.38s ease-out forwards hitFlash}@keyframes charArrive{0%{opacity:.4;transform:scale(.75);box-shadow:0 0 12px #60a5fae6}60%{opacity:1;transform:scale(1.08);box-shadow:0 0 16px #60a5fa99}to{opacity:1;box-shadow:none;transform:scale(1)}}.char-arriving{animation:.5s ease-out forwards charArrive}@keyframes wallHitFlash{0%{background:#fbbf2459}to{background:0 0}}.wall-hit{animation:.38s ease-out forwards wallHitFlash}@keyframes march-dashes{0%{stroke-dashoffset:16px}to{stroke-dashoffset:0}}.home-page{flex-direction:column;align-items:center;gap:28px;min-height:100vh;padding-bottom:48px;display:flex}.home-nav{justify-content:space-between;align-items:center;width:100%;padding:14px 0 0;display:flex}.home-nav-logo{letter-spacing:4px;color:#60a5fa;font-size:13px;font-weight:900}.home-nav-links{align-items:center;gap:8px;display:flex}.nav-currency{color:#fbbf24;letter-spacing:1px;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:6px;align-items:center;gap:5px;margin-right:4px;padding:4px 10px;font-size:13px;font-weight:800;display:flex}.nav-link{color:#94a3b8;letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #1e293b;border-radius:6px;padding:6px 12px;font-size:10px;font-weight:700;transition:all .15s}.nav-link:hover{color:#e2e8f0;background:#111827;border-color:#334155}.nav-link-dim{color:#475569}.home-profile{flex-direction:column;align-items:center;gap:8px;margin-top:8px;display:flex}.home-avatar{background:#111827;border:3px solid #1e293b;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.home-avatar--bronze{border-color:#cd7f32}.home-avatar--silver{border-color:#94a3b8;box-shadow:0 0 10px #94a3b840}.home-avatar--gold{border-color:#f59e0b;animation:2.5s ease-in-out infinite alternate goldAvatarPulse;box-shadow:0 0 18px #f59e0b73}@keyframes goldAvatarPulse{0%{box-shadow:0 0 10px #f59e0b4d}to{box-shadow:0 0 24px #f59e0ba6}}.home-avatar-img{object-fit:cover;width:100%;height:100%}.home-avatar-default{color:#475569;font-size:36px;line-height:1}.home-username{letter-spacing:3px;color:#e2e8f0;font-size:18px;font-weight:700}.home-rank-card{cursor:pointer;text-align:left;border:1px solid;border-radius:14px;flex-direction:column;gap:10px;width:100%;max-width:340px;padding:16px 18px;transition:all .15s;display:flex}.home-rank-card:hover{filter:brightness(1.1);transform:translateY(-1px)}.home-rank-card--bronze{background:linear-gradient(135deg,#cd7f3224,#cd7f320f);border-color:#cd7f3266}.home-rank-card--silver{background:linear-gradient(135deg,#94a3b824,#94a3b80f);border-color:#94a3b866}.home-rank-card--gold{background:linear-gradient(135deg,#f59e0b2e,#f59e0b12);border-color:#f59e0b73;animation:3s ease-in-out infinite alternate goldCardPulse;box-shadow:0 0 20px #f59e0b2e}@keyframes goldCardPulse{0%{box-shadow:0 0 12px #f59e0b26}to{box-shadow:0 0 28px #f59e0b59}}.hrc-top{align-items:center;gap:12px;display:flex}.hrc-icon{flex-shrink:0;font-size:30px;line-height:1}.hrc-icon--bronze{color:#cd7f32}.hrc-icon--silver{color:#94a3b8}.hrc-icon--gold{color:#f59e0b;filter:drop-shadow(0 0 6px #f59e0bb3)}.hrc-info{flex-direction:column;flex:1;display:flex}.hrc-label{letter-spacing:3px;color:#64748b;font-size:9px;font-weight:700}.hrc-name{letter-spacing:3px;color:#e2e8f0;font-size:22px;font-weight:900}.hrc-caret{color:#475569;font-size:22px}.hrc-bar-track{background:#ffffff12;border-radius:4px;height:8px;overflow:hidden}.hrc-bar-fill{border-radius:4px;height:100%;transition:width .5s}.hrc-bar-fill--bronze{background:linear-gradient(90deg,#92400e,#cd7f32)}.hrc-bar-fill--silver{background:linear-gradient(90deg,#475569,#94a3b8)}.hrc-bar-fill--gold{background:linear-gradient(90deg,#b45309,#f59e0b)}.hrc-footer{justify-content:space-between;align-items:center;display:flex}.hrc-footer-gap{color:#94a3b8;letter-spacing:1px;font-size:11px;font-weight:600}.hrc-footer-pct{color:#475569;font-size:10px;font-weight:700}.battle-btn{cursor:pointer;background:linear-gradient(135deg,#b91c1c,#7f1d1d);border:2px solid #ef4444;border-radius:14px;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:340px;padding:22px 64px;transition:transform .15s,box-shadow .15s;animation:2s ease-in-out infinite alternate battleGlow;display:flex;box-shadow:0 0 24px #ef444459,0 0 48px #ef444426}.battle-btn:hover{transform:scale(1.03);box-shadow:0 0 36px #ef44448c,0 0 72px #ef444440}.battle-btn:disabled{opacity:.5;cursor:not-allowed;animation:none}.battle-btn-text{letter-spacing:8px;color:#fff;font-size:28px;font-weight:900}.battle-btn-sub{letter-spacing:3px;color:#fff9;font-size:9px;font-weight:700}@keyframes battleGlow{0%{box-shadow:0 0 20px #ef44444d,0 0 40px #ef44441a}to{box-shadow:0 0 36px #ef444499,0 0 72px #ef444440}}.home-tiles{gap:12px;width:100%;max-width:340px;display:flex}.home-tile{cursor:pointer;background:#111827;border:1px solid #1e293b;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:20px 12px;transition:all .15s;display:flex}.home-tile:hover{background:#131f35;border-color:#334155}.tile-icon{font-size:22px}.tile-label{letter-spacing:2px;color:#94a3b8;font-size:11px;font-weight:700}.tile-sub{color:#475569;text-align:center;font-size:10px}.rank-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rank-modal{background:#0f172a;border:1px solid #1e293b;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:340px;padding:24px;display:flex}.rank-modal-header{justify-content:space-between;align-items:center;display:flex}.rank-modal-title{letter-spacing:4px;color:#e2e8f0;font-size:12px;font-weight:900}.rank-modal-close{color:#475569;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:16px}.rank-modal-close:hover{color:#94a3b8}.rank-modal-current{border:1px solid;border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.rank-modal-current--bronze{background:#cd7f321a;border-color:#cd7f324d}.rank-modal-current--silver{background:#94a3b81a;border-color:#94a3b84d}.rank-modal-current--gold{background:#f59e0b1a;border-color:#f59e0b4d}.rmc-label{letter-spacing:3px;color:#64748b;font-size:9px;font-weight:700}.rmc-name{letter-spacing:3px;color:#e2e8f0;font-size:20px;font-weight:900}.rank-progress-bar{background:#1e293b;border-radius:3px;height:6px;overflow:hidden}.rank-progress-fill{border-radius:3px;height:100%;transition:width .4s}.rank-progress-fill--bronze{background:#cd7f32}.rank-progress-fill--silver{background:#94a3b8}.rank-progress-fill--gold{background:#f59e0b}.rank-progress-sub{color:#475569;letter-spacing:1px;font-size:10px}.rank-ladder{flex-direction:column;gap:4px;display:flex}.rank-row{opacity:.45;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.rank-row--passed{opacity:.65}.rank-row--active{opacity:1;border-color:inherit}.rank-row--bronze{color:#cd7f32}.rank-row--bronze.rank-row--active{background:#cd7f321a;border-color:#cd7f3259}.rank-row--silver{color:#94a3b8}.rank-row--silver.rank-row--active{background:#94a3b81a;border-color:#94a3b859}.rank-row--gold{color:#f59e0b}.rank-row--gold.rank-row--active{background:#f59e0b1a;border-color:#f59e0b59}.rank-row-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.rank-row-name{letter-spacing:2px;flex:1;font-size:11px;font-weight:700}.rank-row-min{color:#475569;font-size:10px}.rank-row-you{letter-spacing:2px;color:#0f172a;background:currentColor;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:800}.rankup-overlay{z-index:200;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;justify-content:center;align-items:center;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0}.rankup-overlay--in{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9}.rankup-card{opacity:0;border:2px solid;border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:320px;padding:36px 40px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;position:relative;overflow:hidden;transform:scale(.6)translateY(60px)}.rankup-card--in{opacity:1;transform:scale(1)translateY(0)}.rankup-card--bronze{background:linear-gradient(160deg,#1c0f00,#0f172a);border-color:#cd7f32;box-shadow:0 0 60px #cd7f3266}.rankup-card--silver{background:linear-gradient(160deg,#0d1520,#0f172a);border-color:#94a3b8;box-shadow:0 0 60px #94a3b859}.rankup-card--gold{background:linear-gradient(160deg,#1a1000,#0f172a);border-color:#f59e0b;animation:1.5s ease-in-out infinite alternate rankupGoldGlow;box-shadow:0 0 80px #f59e0b8c}@keyframes rankupGoldGlow{0%{box-shadow:0 0 60px #f59e0b73}to{box-shadow:0 0 100px #f59e0bb3}}.rankup-particle{opacity:0;background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite rankupFloat;position:absolute}.rankup-card--bronze .rankup-particle{color:#cd7f32}.rankup-card--silver .rankup-particle{color:#94a3b8}.rankup-card--gold .rankup-particle{color:#f59e0b}.rankup-particle--0{animation-duration:2.1s;animation-delay:0s;top:15%;left:10%}.rankup-particle--1{animation-duration:1.8s;animation-delay:.3s;top:20%;left:80%}.rankup-particle--2{animation-duration:2.4s;animation-delay:.6s;top:60%;left:15%}.rankup-particle--3{animation-duration:2s;animation-delay:.9s;top:70%;left:75%}.rankup-particle--4{animation-duration:1.9s;animation-delay:.2s;top:40%;left:5%}.rankup-particle--5{animation-duration:2.3s;animation-delay:.7s;top:35%;left:90%}.rankup-particle--6{animation-duration:2.2s;animation-delay:1.1s;top:80%;left:40%}.rankup-particle--7{animation-duration:1.7s;animation-delay:.4s;top:10%;left:50%}@keyframes rankupFloat{0%{opacity:0;transform:translateY(0)scale(.5)}30%{opacity:.9}70%{opacity:.6;transform:translateY(-24px)scale(1)}to{opacity:0;transform:translateY(-40px)scale(.3)}}.rankup-badge{letter-spacing:5px;color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:4px 14px;font-size:11px;font-weight:900}.rankup-from{letter-spacing:3px;color:#475569;font-size:14px;font-weight:700;text-decoration:line-through}.rankup-arrow{color:#334155;font-size:20px;animation:.6s ease-in-out infinite alternate rankupBounce}@keyframes rankupBounce{0%{transform:translateY(0)}to{transform:translateY(5px)}}.rankup-to{flex-direction:column;align-items:center;gap:6px;display:flex}.rankup-icon{font-size:44px;line-height:1;animation:.5s ease-out .4s both rankupSpin}@keyframes rankupSpin{0%{opacity:0;transform:rotate(-180deg)scale(0)}to{opacity:1;transform:rotate(0)scale(1)}}.rankup-icon--bronze{color:#cd7f32}.rankup-icon--silver{color:#94a3b8;filter:drop-shadow(0 0 8px #94a3b8cc)}.rankup-icon--gold{color:#f59e0b;filter:drop-shadow(0 0 14px #f59e0b)}.rankup-to-name{letter-spacing:4px;color:#fff;text-shadow:0 0 30px;font-size:32px;font-weight:900}.rankup-to--bronze .rankup-to-name{color:#cd7f32}.rankup-to--silver .rankup-to-name{color:#94a3b8}.rankup-to--gold .rankup-to-name{color:#f59e0b}.rankup-claim-btn{letter-spacing:3px;cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:8px;margin-top:6px;padding:10px 32px;font-size:12px;font-weight:900;transition:all .15s}.rankup-claim-btn:hover{background:#fff3}.page-shell{flex-direction:column;gap:20px;width:100%;padding-bottom:48px;display:flex}.page-header{align-items:center;gap:16px;padding-top:14px;display:flex}.page-title{letter-spacing:5px;color:#e2e8f0;flex:1;font-size:18px;font-weight:900}.back-btn{color:#64748b;letter-spacing:1px;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #1e293b;border-radius:6px;padding:6px 12px;font-size:10px;font-weight:700;transition:all .15s}.back-btn:hover{color:#94a3b8;border-color:#334155}.page-currency{color:#fbbf24;align-items:center;gap:5px;font-size:14px;font-weight:700;display:flex}.roster-groups{flex-direction:column;gap:20px;display:flex}.roster-group{background:#0f172a;border:1px solid #1e293b;border-radius:12px;overflow:hidden}.rg-header{background:#111827;border-bottom:1px solid #1e293b;align-items:center;gap:12px;padding:12px 16px;display:flex}.rg-icon{flex-shrink:0;font-size:22px}.rg-info{flex-direction:column;flex:1;gap:2px;display:flex}.rg-name{letter-spacing:3px;color:#e2e8f0;font-size:13px;font-weight:900}.rg-desc{color:#475569;font-size:10px}.rg-total{color:#334155;letter-spacing:1px;white-space:nowrap;font-size:11px;font-weight:700}.rg-cards{flex-wrap:wrap;gap:0;display:flex}.rc-card{border-right:1px solid #1e293b;flex-direction:column;flex:1;gap:10px;min-width:120px;padding:16px 14px;display:flex}.rc-card:last-child{border-right:none}.rc-card--base{background:#0f172a}.rc-card--upgraded{background:linear-gradient(160deg,#f59e0b12,#0f172a);border-right-color:#f59e0b33}.rc-card--empty{opacity:.45}.rc-level-row{justify-content:space-between;align-items:center;display:flex}.rc-level-badge{letter-spacing:2px;border:1px solid;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800}.rc-level-badge--grey{color:#475569;background:#ffffff08;border-color:#334155}.rc-level-badge--gold{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b66}.rc-star{color:#f59e0b;font-size:14px}.rc-count-block{align-items:baseline;gap:3px;padding:4px 0;display:flex}.rc-count-num{color:#e2e8f0;font-variant-numeric:tabular-nums;font-size:40px;font-weight:900;line-height:1}.rc-count-denom{color:#334155;font-size:14px;font-weight:700}.rc-bar-track{background:#1e293b;border-radius:3px;height:5px;overflow:hidden}.rc-bar-fill{border-radius:3px;height:100%;transition:width .4s}.rc-bar-fill--blue{background:linear-gradient(90deg,#1d4ed8,#60a5fa)}.rc-bar-fill--gold{background:linear-gradient(90deg,#b45309,#f59e0b)}.rc-stats{flex-direction:column;gap:5px;margin-top:2px;display:flex}.rc-stat{justify-content:space-between;align-items:baseline;display:flex}.rc-stat-label{letter-spacing:2px;color:#334155;font-size:9px;font-weight:700}.rc-stat-val{color:#94a3b8;font-size:11px;font-weight:700}.rc-stat-bonus{color:#4ade80;margin-left:4px;font-size:10px}.shop-message{color:#93c5fd;letter-spacing:.5px;background:#60a5fa14;border:1px solid #60a5fa33;border-radius:8px;padding:10px 16px;font-size:12px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.shop-item{background:#111827;border:1px solid #1e293b;border-radius:12px;flex-direction:column;gap:10px;padding:20px;display:flex}.shop-item--featured{background:linear-gradient(135deg,#111827,#1c1608);border-color:#fbbf24}.shop-item-tag{letter-spacing:2px;color:#475569;font-size:9px;font-weight:700}.shop-item--featured .shop-item-tag{color:#fbbf24}.shop-item-icon{font-size:32px}.shop-item-name{letter-spacing:2px;color:#e2e8f0;font-size:13px;font-weight:900}.shop-item-desc{color:#475569;flex:1;font-size:11px;line-height:1.5}.shop-buy-btn{color:#94a3b8;letter-spacing:2px;cursor:pointer;background:#1e293b;border:1.5px solid #334155;border-radius:8px;margin-top:auto;padding:10px;font-size:12px;font-weight:700;transition:all .15s}.shop-buy-btn:hover:not(:disabled){color:#e2e8f0;background:#263548}.shop-buy-btn:disabled{opacity:.4;cursor:not-allowed}.shop-buy-btn--featured{color:#fbbf24;background:#fbbf241a;border-color:#fbbf24}.shop-buy-btn--featured:hover:not(:disabled){background:#fbbf2433}.currency-result{letter-spacing:3px;font-size:22px;font-weight:900}.currency-result--gain{color:#4ade80}.currency-result--loss{color:#f87171}.gameover-actions{flex-direction:column;gap:8px;width:100%;max-width:200px;display:flex}.restart-btn--secondary{color:#334155;background:0 0;border-color:#1e293b}.restart-btn--secondary:hover{color:#475569;background:#0f172a}.matchmaking-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.matchmaking-box{background:#111827;border:1px solid #1e293b;border-radius:14px;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:380px;padding:48px 40px;display:flex}.mm-icon{font-size:42px}.mm-title{letter-spacing:3px;color:#e2e8f0;text-align:center;font-size:15px;font-weight:900}.mm-subtitle{color:#475569;letter-spacing:1px;text-align:center;font-size:11px}.mm-timer{background:#1e293b;border-radius:3px;width:100%;height:6px;overflow:hidden}.mm-timer-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;height:100%;transition:width 1s linear}.mm-time-left{color:#334155;letter-spacing:1px;font-size:10px}.mm-cancel-btn{color:#475569;letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #1e293b;border-radius:6px;padding:8px 20px;font-size:10px;font-weight:700;transition:all .15s}.mm-cancel-btn:hover{color:#94a3b8;border-color:#334155}.pvp-badge{letter-spacing:2px;color:#a78bfa;background:#a78bfa1a;border:1px solid #a78bfa4d;border-radius:20px;align-self:center;padding:3px 12px;font-size:10px;font-weight:700}.pvp-result-badge{letter-spacing:3px;color:#a78bfa;margin-top:-8px;font-size:10px;font-weight:700}.waiting-opponent{color:#fbbf24;letter-spacing:1px;text-align:center;background:#fbbf2414;border:1px solid #fbbf2433;border-radius:8px;padding:10px 14px;font-size:11px;animation:1s ease-in-out infinite alternate bannerPulse}.waiting-icon{margin-right:4px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c18eb;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:12px 0;display:flex;position:sticky;top:0}.navbar-logo{cursor:pointer;letter-spacing:4px;color:#60a5fa;background:0 0;border:none;padding:0;font-size:13px;font-weight:900}.navbar-logo:hover{color:#93c5fd}.navbar-links{align-items:center;gap:6px;display:flex}.navbar-currency{color:#fbbf24;letter-spacing:1px;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:6px;align-items:center;gap:5px;margin-right:6px;padding:4px 10px;font-size:13px;font-weight:800;display:flex}.navbar-link{color:#94a3b8;letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #1e293b;border-radius:6px;padding:6px 12px;font-size:10px;font-weight:700;transition:all .15s}.navbar-link:hover{color:#e2e8f0;background:#111827;border-color:#334155}.navbar-link--active{color:#e2e8f0;background:#1e293b;border-color:#334155}.navbar-link--dim{color:#475569}.navbar-link--dim:hover{color:#94a3b8}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-anim{flex:1;animation:.22s ease-out both pageIn}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.roster-card{background:#111827;border:1px solid #1e293b;border-radius:12px;flex-direction:column;gap:10px;padding:16px 14px;transition:border-color .15s;display:flex}.roster-card:hover{border-color:#334155}.roster-card--upgraded{background:linear-gradient(160deg,#f59e0b0f,#111827);border-color:#f59e0b4d}.roster-card--empty{opacity:.45}.roster-card-header{align-items:center;gap:8px;display:flex}.roster-type-label{flex-shrink:0;font-size:22px}.roster-rarity{letter-spacing:2px;color:#334155;flex:1;font-size:9px;font-weight:700}.roster-level-badge{letter-spacing:1px;border:1px solid;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.roster-level-badge--gold{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b66}.roster-count-row{align-items:center;gap:8px;display:flex}.roster-pips{gap:4px;display:flex}.count-pip{background:#1e293b;border:1.5px solid #334155;border-radius:50%;width:10px;height:10px;transition:background .2s,border-color .2s}.count-pip--filled{background:#3b82f6;border-color:#60a5fa;box-shadow:0 0 6px #60a5fa80}.roster-card--upgraded .count-pip--filled{background:#b45309;border-color:#f59e0b;box-shadow:0 0 6px #f59e0b80}.count-text{color:#475569;margin-left:auto;font-size:10px;font-weight:700}.roster-stats{flex-direction:column;gap:4px;display:flex}.stat-row{justify-content:space-between;align-items:baseline;display:flex}.stat-name{letter-spacing:2px;color:#334155;font-size:9px;font-weight:700}.stat-val{color:#94a3b8;font-size:11px;font-weight:700}.stat-bonus{color:#4ade80;margin-left:4px;font-size:10px}.roster-desc{color:#334155;margin-top:2px;font-size:10px;line-height:1.5}.view-toggle{background:#0f172a;border:1px solid #1e293b;border-radius:8px;gap:2px;padding:3px;display:flex}.view-toggle-btn{color:#475569;letter-spacing:2px;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 10px;font-size:9px;font-weight:700;transition:all .15s}.view-toggle-btn:hover{color:#94a3b8}.view-toggle-btn--active{color:#e2e8f0;background:#1e293b}.landing{flex-direction:column;width:100%;min-height:100vh;display:flex}.landing-hero{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:64px 24px 72px;display:flex;position:relative;overflow:hidden}.landing-hero-bg{z-index:0;pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#2563eb2e 0%,#0000 70%),repeating-linear-gradient(0deg,#0000,#0000 39px,#ffffff05 40px),repeating-linear-gradient(90deg,#0000,#0000 39px,#ffffff05 40px);position:absolute;inset:0}.landing-logo-row{z-index:1;letter-spacing:5px;color:#60a5fa;align-items:center;gap:10px;font-size:13px;font-weight:900;display:flex;position:relative}.landing-logo-icon{font-size:18px}.landing-title{z-index:1;letter-spacing:6px;flex-direction:column;gap:0;font-size:clamp(52px,14vw,96px);font-weight:900;line-height:.92;display:flex;position:relative}.landing-title-line1{color:#e2e8f0}.landing-title-line2{color:#0000;-webkit-text-stroke:2px #3b82f6;animation:3s ease-in-out infinite alternate landing-stroke-pulse}.landing-title-line3{color:#60a5fa;text-shadow:0 0 60px #60a5fa80,0 0 120px #60a5fa33}@keyframes landing-stroke-pulse{0%{-webkit-text-stroke-color:#3b82f6;text-shadow:none}to{-webkit-text-stroke-color:#7dd3fc;text-shadow:0 0 40px #7dd3fc4d}}.landing-subtitle{z-index:1;color:#64748b;letter-spacing:.3px;max-width:480px;font-size:15px;line-height:1.7;position:relative}.landing-cta{z-index:1;color:#0c0c18;letter-spacing:2px;cursor:pointer;background:#fff;border:none;border-radius:10px;align-items:center;gap:12px;padding:14px 28px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex;position:relative;box-shadow:0 0 40px #ffffff1a}.landing-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px #fff3}.landing-cta--large{padding:16px 36px;font-size:14px}.landing-cta-icon{color:#fff;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:flex}.landing-free-note{z-index:1;color:#334155;letter-spacing:2px;font-size:10px;position:relative}.landing-features{background:#0a0a14;border-top:1px solid #1e293b;border-bottom:1px solid #1e293b;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2px;padding:0 0 2px;display:grid}.landing-feature{background:#0f172a;flex-direction:column;gap:8px;padding:28px 20px;transition:background .15s;display:flex}.landing-feature:hover{background:#111827}.lf-icon{font-size:28px}.lf-title{letter-spacing:3px;color:#e2e8f0;font-size:11px;font-weight:900}.lf-body{color:#475569;font-size:11px;line-height:1.6}.landing-how{flex-direction:column;align-items:center;gap:36px;padding:60px 24px;display:flex}.landing-how-title{letter-spacing:6px;color:#334155;font-size:11px;font-weight:900}.landing-steps{align-items:flex-start;gap:0;width:100%;max-width:680px;display:flex}.landing-step{flex-direction:column;flex:1;gap:8px;padding:0 12px;display:flex}.ls-num{color:#1e293b;font-size:36px;font-weight:900;line-height:1}.ls-icon{font-size:24px}.ls-title{letter-spacing:2px;color:#e2e8f0;font-size:11px;font-weight:900}.ls-body{color:#475569;font-size:11px;line-height:1.6}.landing-step-arrow{color:#1e293b;flex-shrink:0;padding-top:52px;font-size:22px}.landing-final-cta{text-align:center;background:radial-gradient(60% 80%,#2563eb1a 0%,#0000 70%);flex-direction:column;align-items:center;gap:20px;padding:60px 24px 80px;display:flex}.landing-final-text{letter-spacing:2px;color:#64748b;font-size:18px;font-weight:700}.tut-spotlight{pointer-events:none;z-index:1050;border:2px solid #ffffff40;border-radius:10px;transition:top .25s,left .25s,width .25s,height .25s;animation:2s ease-in-out infinite alternate tut-spotlight-pulse;position:fixed;box-shadow:0 0 0 9999px #000000b8}@keyframes tut-spotlight-pulse{0%{border-color:#fff3;box-shadow:0 0 0 9999px #000000b8,0 0 #60a5fa00}to{border-color:#60a5fab3;box-shadow:0 0 0 9999px #000000b8,0 0 20px 4px #60a5fa59}}.tut-dim{z-index:1050;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#000000b8;position:fixed;inset:0}.tut-hand{z-index:1110;pointer-events:none;filter:drop-shadow(0 2px 6px #0009);font-size:22px;position:fixed}@keyframes handPulse{0%{transform:translateY(0)rotate(-10deg)}to{transform:translateY(6px)rotate(-10deg)}}@keyframes handPulseUp{0%{transform:translateY(0)rotate(180deg)}to{transform:translateY(-6px)rotate(180deg)}}.tut-tooltip{z-index:1110;background:#0f172a;border:1px solid #1e293b;border-radius:14px;padding:0;animation:.2s ease-out both tut-tooltip-in;position:fixed;overflow:hidden;box-shadow:0 20px 60px #000000b3,0 0 0 1px #60a5fa1a}@keyframes tut-tooltip-in{0%{opacity:0;transform:scale(.95)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.tut-progress-bar{background:#1e293b;width:100%;height:3px}.tut-progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);height:100%;transition:width .4s}.tut-header{justify-content:space-between;align-items:center;padding:10px 16px 0;display:flex}.tut-step-num{letter-spacing:3px;color:#334155;font-size:9px;font-weight:700}.tut-skip{color:#334155;letter-spacing:1px;cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:9px;font-weight:600;transition:color .15s}.tut-skip:hover{color:#64748b}.tut-title{letter-spacing:2px;color:#e2e8f0;padding:8px 16px 0;font-size:15px;font-weight:900;line-height:1.3}.tut-body{color:#64748b;letter-spacing:.2px;padding:6px 16px 0;font-size:12px;line-height:1.7}.tut-footer{justify-content:flex-end;align-items:center;gap:10px;padding:14px 16px;display:flex}.tut-next-btn{color:#fff;letter-spacing:2px;cursor:pointer;background:#1d4ed8;border:none;border-radius:8px;padding:9px 20px;font-size:11px;font-weight:800;transition:background .15s,transform .1s}.tut-next-btn:hover{background:#2563eb;transform:scale(1.03)}.tut-do-hint{letter-spacing:1px;color:#f59e0b;font-size:10px;font-weight:700;animation:1.2s ease-in-out infinite alternate tut-do-pulse}@keyframes tut-do-pulse{0%{opacity:.6}to{opacity:1}}.m-app{background:#0c0c18;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.m-page-content{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.m-nav{height:64px;padding-bottom:env(safe-area-inset-bottom,0px);background:#0a0a16fa;border-top:1px solid #3b82f633;flex-shrink:0;justify-content:space-around;align-items:center;display:flex}.m-nav-item{cursor:pointer;color:#475569;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:8px 14px;transition:color .15s;display:flex}.m-nav-item--active{color:#3b82f6}.m-nav-item--dim{color:#334155}.m-nav-icon{font-size:22px;line-height:1}.m-nav-label{letter-spacing:.08em;font-size:9px;font-weight:700}.m-nav-currency{flex-direction:column;align-items:center;gap:2px;padding:4px 0;display:flex}.m-nav-currency-icon{color:#fbbf24;font-size:18px}.m-nav-currency-val{color:#fbbf24;font-size:10px;font-weight:700}.m-home{flex-direction:column;align-items:center;gap:28px;padding:40px 20px 24px;display:flex}.m-home-profile{flex-direction:column;align-items:center;gap:10px;display:flex}.m-avatar{border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.m-avatar--bronze{background:#c97f3b1f;border-color:#c97f3b}.m-avatar--silver{background:#94a3b81f;border-color:#94a3b8}.m-avatar--gold{background:#fbbf241f;border-color:#fbbf24}.m-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.m-avatar-default{font-size:32px}.m-username{color:#e2e8f0;letter-spacing:.06em;font-size:17px;font-weight:700}.m-rank-card{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:#121222e6;border:1px solid #3b82f633;border-radius:14px;width:100%;max-width:380px;padding:16px 18px;transition:border-color .2s,box-shadow .2s}.m-rank-card--bronze{border-color:#c97f3b66}.m-rank-card--silver{border-color:#94a3b866}.m-rank-card--gold{border-color:#fbbf2473;box-shadow:0 0 20px #fbbf2414}.m-rc-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.m-rc-icon{text-align:center;width:38px;font-size:26px}.m-rc-icon--bronze{color:#c97f3b}.m-rc-icon--silver{color:#94a3b8}.m-rc-icon--gold{color:#fbbf24}.m-rc-info{flex-direction:column;flex:1;gap:3px;display:flex}.m-rc-label{color:#64748b;letter-spacing:.12em;font-size:10px}.m-rc-name{color:#e2e8f0;letter-spacing:.04em;font-size:20px;font-weight:800}.m-rc-caret{color:#475569;font-size:22px}.m-rc-bar-track{background:#0f0f1ecc;border:1px solid #ffffff0d;border-radius:4px;height:7px;margin-bottom:10px;overflow:hidden}.m-rc-bar-fill{border-radius:4px;height:100%;transition:width .6s}.m-rc-bar-fill--bronze{background:linear-gradient(90deg,#c97f3b,#e6a050)}.m-rc-bar-fill--silver{background:linear-gradient(90deg,#64748b,#94a3b8)}.m-rc-bar-fill--gold{background:linear-gradient(90deg,#d97706,#fbbf24)}.m-rc-footer{color:#64748b;letter-spacing:.04em;justify-content:space-between;font-size:11px;display:flex}.m-battle-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#1e40af,#2563eb);border:1px solid #60a5fa73;border-radius:14px;flex-direction:column;align-items:center;gap:5px;width:100%;max-width:380px;padding:22px 20px;transition:transform .1s,box-shadow .2s;display:flex;box-shadow:0 0 32px #2563eb59}.m-battle-btn:active{transform:scale(.97)}.m-battle-btn:disabled{opacity:.5}.m-battle-btn-text{color:#fff;letter-spacing:.18em;font-size:30px;font-weight:900}.m-battle-btn-sub{color:#ffffff8c;letter-spacing:.12em;font-size:11px}.m-battle{touch-action:pan-y;background:#080812;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.m-battle-hud{z-index:10;background:#000000b3;border-bottom:1px solid #3b82f633;flex-shrink:0;align-items:center;height:48px;padding:0 16px;display:flex}.m-hud-score{align-items:center;gap:6px;display:flex}.m-hud-score--ai{color:#ef4444}.m-hud-score--player{color:#22c55e}.m-hud-label{letter-spacing:.1em;opacity:.7;font-size:10px;font-weight:700}.m-hud-val{font-size:24px;font-weight:900;line-height:1}.m-hud-center{text-align:center;flex:1}.m-hud-phase{letter-spacing:.14em;color:#94a3b8;font-size:11px;font-weight:800}.m-board-container{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:76px;overflow:hidden auto}.m-board-container .board{width:100%;max-width:100%}.m-canvas-container{background:#080812;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.m-canvas-container canvas{max-width:100%;max-height:100%;display:block}.m-gameover{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.m-result-word{letter-spacing:.14em;font-size:52px;font-weight:900}.m-result-scores{color:#94a3b8;text-align:center;letter-spacing:.04em;font-size:14px}.m-gameover-actions{flex-direction:column;gap:12px;width:100%;max-width:300px;display:flex}.m-place-hint{color:#fbbf24;letter-spacing:.06em;pointer-events:none;z-index:50;white-space:nowrap;background:#fbbf241f;border:1px solid #fbbf2473;border-radius:20px;padding:7px 18px;font-size:12px;font-weight:700;animation:.2s fadeInDown;position:absolute;top:56px;left:50%;transform:translate(-50%)}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.bench-drawer{z-index:100;background:#080814f7;border-top:2px solid #3b82f64d;border-radius:18px 18px 0 0;flex-direction:column;max-height:62vh;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(calc(100% - 72px));box-shadow:0 -8px 32px #00000080}.bench-drawer--open{transform:translateY(0)}.bench-handle{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-shrink:0;align-items:center;gap:10px;height:72px;padding:0 16px;display:flex}.bench-handle:before{content:"";background:#ffffff26;border-radius:2px;width:36px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.bench-handle-chevron{color:#475569;flex-shrink:0;width:20px;font-size:13px;transition:transform .3s}.bench-drawer--open .bench-handle-chevron{transform:rotate(180deg)}.bench-handle-actions{flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.bench-recall-btn{color:#94a3b8;letter-spacing:.06em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#33415566;border:1px solid #47556980;border-radius:9px;padding:9px 14px;font-size:12px;font-weight:700;transition:background .15s}.bench-recall-btn:active{background:#47556980}.bench-timer{color:#60a5fa;text-align:center;letter-spacing:.02em;min-width:56px;font-size:22px;font-weight:900}.bench-timer--urgent{color:#ef4444;animation:.7s ease-in-out infinite pulse}.bench-ready-btn{color:#fff;letter-spacing:.1em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#1e40af,#2563eb);border:1px solid #60a5fa73;border-radius:9px;padding:10px 18px;font-size:14px;font-weight:900;transition:transform .1s;box-shadow:0 0 14px #2563eb59}.bench-ready-btn:active{transform:scale(.96)}.bench-ready-btn:disabled,.bench-recall-btn:disabled{opacity:.4;pointer-events:none}.bench-turn{color:#475569;letter-spacing:.06em;flex-shrink:0;font-size:11px;font-weight:700}.bench-content{flex-direction:column;flex:1;gap:8px;padding:8px 16px 20px;display:flex;overflow:hidden}.bench-waiting{text-align:center;color:#94a3b8;letter-spacing:.06em;padding:20px;font-size:13px}.bench-empty-msg{text-align:center;color:#475569;letter-spacing:.04em;padding:20px;font-size:12px}.bench-troops{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding:4px 4px 8px;display:flex;overflow-x:auto}.bench-troops::-webkit-scrollbar{display:none}.bench-troop-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#121224e6;border:1px solid #3b82f633;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:86px;padding:12px 8px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.bench-troop-card:active{background:#3b82f61a}.bench-troop-card--selected{background:#fbbf2414;border-color:#fbbf24;box-shadow:0 0 16px #fbbf2440}.btc-icon{font-size:24px;line-height:1}.btc-type{color:#64748b;letter-spacing:.1em;font-size:9px;font-weight:900}.btc-stats{flex-direction:column;align-items:center;gap:3px;width:100%;display:flex}.btc-stat{color:#64748b;align-items:center;gap:3px;font-size:10px;display:flex}.btc-stat-val{color:#94a3b8;font-weight:700}.m-matchmaking{z-index:200;background:#0c0c18;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.m-matchmaking .matchmaking-page{justify-content:center;align-items:center;width:100%;height:100%;display:flex}