@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@700;800;900&family=Outfit:wght@500;600;700;800;900&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{--bg-primary: #FAF6ED;--bg-card: #FFFFFF;--bg-dark: #121316;--tiger-primary: #FF5E00;--tiger-dark: #C94A00;--tiger-glow: #FFA502;--tiger-light: #FFF0E0;--goat-primary: #10B981;--goat-dark: #059669;--goat-light: #E6FDF4;--accent-crimson: #EF4444;--accent-gold: #F59E0B;--accent-amber: #D97706;--accent-cyan: #06B6D4;--accent-purple: #8B5CF6;--border-color: #000000;--border-thick: 3px solid #000000;--border-hero: 4px solid #000000;--shadow-sm: 3px 3px 0px #000000;--shadow-md: 5px 5px 0px #000000;--shadow-lg: 8px 8px 0px #000000;--shadow-gold: 6px 6px 0px #D97706;--shadow-hover: 1px 1px 0px #000000;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 9999px;--font-royal: "Cinzel", serif;--font-hero: "Outfit", "Plus Jakarta Sans", sans-serif;--font-main: "Plus Jakarta Sans", "Outfit", sans-serif;--font-mono: "Space Grotesk", monospace}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background-color:var(--bg-primary);color:#1a1a1e;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;background-image:radial-gradient(#000000 1px,transparent 1px);background-size:24px 24px}#app-wrapper{width:100%;max-width:960px;min-height:100vh;display:flex;flex-direction:column;position:relative;padding:12px 16px 24px}.app-top-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;background:var(--bg-card);border:var(--border-thick);border-radius:var(--radius-md);padding:8px 12px;box-shadow:var(--shadow-md);margin-bottom:12px;position:sticky;top:8px;z-index:100;width:100%;box-sizing:border-box}.top-left-controls,.top-right-controls{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;flex-shrink:0}.nav-btn{background:#fff;border:var(--border-thick);border-radius:var(--radius-sm);padding:6px 10px;font-family:var(--font-hero);font-size:13px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .1s ease,box-shadow .1s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;flex-shrink:0;height:38px}.nav-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.nav-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.nav-btn.btn-tiger{background:var(--tiger-primary);color:#fff}.nav-btn.btn-goat{background:var(--goat-primary);color:#000}.nav-btn.nav-exit-btn{background:#fff1f2;border:2px solid #E11D48;color:#be123c;font-weight:800;padding:0 12px;width:auto;gap:5px;box-shadow:2px 2px #000}.nav-btn.nav-exit-btn:hover{background:#ffe4e6;border-color:#be123c;color:#9f1239}.profile-pill-btn{display:flex;align-items:center;gap:8px;background:#fff;border:var(--border-thick);border-radius:var(--radius-pill);padding:3px 12px 3px 4px;box-shadow:var(--shadow-sm);cursor:pointer;flex-shrink:0;white-space:nowrap;height:38px;transition:transform .1s ease,box-shadow .1s ease}.profile-pill-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.nav-mascot-avatar{width:28px;height:28px;border-radius:50%;border:2px solid #000;overflow:hidden;background:var(--tiger-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-player-name{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.4px}@media (max-width: 768px){.app-top-nav{padding:6px 8px;margin-bottom:8px;gap:4px}.top-left-controls,.top-right-controls{gap:4px;min-width:0}.nav-btn .btn-label{display:none}.nav-btn.nav-exit-btn .btn-label{display:inline!important;font-size:10.5px;font-weight:800}.nav-btn{width:32px;height:32px;padding:0;font-size:14px}.nav-btn.nav-exit-btn{width:auto!important;padding:0 8px!important;height:32px!important}.profile-pill-btn{height:32px;width:32px;padding:0;gap:0;border-radius:50%;justify-content:center}.profile-pill-btn .nav-mascot-avatar{width:26px;height:26px;border:none}.nav-player-name{display:none!important}}.screen-view{display:none;width:100%;flex-direction:column;animation:screenFadeIn .25s cubic-bezier(.2,.9,.3,1)}.screen-view.active{display:flex}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.card-panel{background:var(--bg-card);border:var(--border-hero);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg);margin-bottom:20px;position:relative}.panel-header{text-align:center;margin-bottom:20px}.tags-row{display:flex;justify-content:center;gap:8px;margin-bottom:10px}.tag-badge{font-family:var(--font-main);font-size:11px;font-weight:700;text-transform:uppercase;padding:4px 12px;border:2px solid #000;border-radius:var(--radius-pill);box-shadow:2px 2px #000;letter-spacing:.3px}.tag-orange{background:#ff9f1a;color:#000}.tag-green{background:#2ed573;color:#000}.tag-cyan{background:#00d2d3;color:#000}.tag-gold{background:gold;color:#000}.app-hero-title{font-family:Outfit,sans-serif;font-size:36px;font-weight:900;line-height:1.15;text-transform:uppercase;letter-spacing:.5px;color:#0f172a;margin-bottom:4px}.subtitle{font-family:var(--font-main);font-size:13.5px;font-weight:500;color:#64748b;letter-spacing:.1px}.player-identity-card{background:#fffdf6;border:var(--border-thick);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm);margin-bottom:20px}.mascot-identity-hero{display:flex;align-items:center;gap:16px}.mascot-avatar-box{width:90px;height:90px;background:#fff;border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;flex-shrink:0;transition:transform .15s ease}.mascot-avatar-box:hover{transform:scale(1.05) rotate(-2deg)}.mascot-edit-badge{position:absolute;bottom:-8px;background:gold;border:2px solid #000;border-radius:var(--radius-pill);font-size:9px;font-weight:900;padding:2px 6px;box-shadow:1px 1px #000}.identity-right-col{flex:1;display:flex;flex-direction:column;gap:10px}.neo-input{width:100%;padding:12px 14px;font-family:var(--font-mono);font-size:15px;font-weight:700;border:var(--border-thick);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);outline:none;background:#fff}.neo-input:focus{border-color:var(--tiger-primary);box-shadow:4px 4px #000}.action-btn{width:100%;padding:14px 20px;font-family:var(--font-hero);font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .1s ease,box-shadow .1s ease}.action-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #000}.action-btn:active{transform:translate(3px,3px);box-shadow:1px 1px #000}.btn-tiger-main{background:linear-gradient(135deg,#ff7a00,#ff4757);color:#fff}.btn-goat-main{background:linear-gradient(135deg,#2ed573,#10ac84);color:#000}.btn-gold{background:gold;color:#000}.btn-cyan{background:#00d2d3;color:#000}.btn-purple{background:#a55eea;color:#fff}.btn-outline{background:#fff;color:#000}.mp-hub-panel{max-width:680px;margin:0 auto}.mp-quick-card{background:linear-gradient(180deg,#fffdf8,#fff);border:var(--border-hero);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px;margin-bottom:20px;display:flex;flex-direction:column;gap:16px}.mp-card-header{display:flex;flex-direction:column;gap:6px;text-align:center;align-items:center}.mp-card-badge{display:inline-block;font-family:var(--font-main);font-size:11px;font-weight:900;text-transform:uppercase;background:#00d2d3;color:#000;border:2px solid #000;box-shadow:2px 2px #000;padding:3px 10px;border-radius:var(--radius-pill);letter-spacing:.6px}.mp-section-title{font-family:var(--font-hero);font-size:24px;font-weight:900;color:#0f172a;margin:0;letter-spacing:.5px}.mp-section-desc{font-family:var(--font-main);font-size:13.5px;font-weight:500;color:#64748b;max-width:480px;line-height:1.4;margin:0 auto}.faction-selector-container{display:flex;flex-direction:column;gap:8px;width:100%}.faction-selector-label{font-family:var(--font-main);font-size:11px;font-weight:800;color:#475569;letter-spacing:.8px;text-transform:uppercase}.faction-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.faction-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px;background:#f8fafc;border:2.5px solid #CBD5E1;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:left;position:relative;-webkit-user-select:none;user-select:none;min-width:0;width:100%}.faction-toggle-btn:hover{background:#edf2f7;border-color:#94a3b8;transform:translateY(-2px)}.faction-toggle-btn.active-tiger{background:linear-gradient(135deg,#ff6b00,#ff3838);border:var(--border-thick);box-shadow:3px 3px #000;color:#fff;transform:translate(-1px,-1px)}.faction-toggle-btn.active-goat{background:linear-gradient(135deg,#10b981,#059669);border:var(--border-thick);box-shadow:3px 3px #000;color:#fff;transform:translate(-1px,-1px)}.faction-icon{font-size:22px;line-height:1;flex-shrink:0}.faction-text-col{display:flex;flex-direction:column;gap:1px;min-width:0}.faction-name{font-family:var(--font-hero);font-size:12px;font-weight:900;letter-spacing:.1px;white-space:nowrap}.faction-sub{font-family:var(--font-main);font-size:10px;font-weight:700;opacity:.85;white-space:nowrap}@media (max-width: 480px){.faction-toggle-row{grid-template-columns:1fr;gap:8px}}.matchmaking-radar-panel{max-width:540px;margin:0 auto;text-align:center}.radar-visual-box{position:relative;width:170px;height:170px;margin:20px auto;display:flex;align-items:center;justify-content:center}.radar-ripple{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid #00D2D3;opacity:0;animation:radarPulse 2.2s cubic-bezier(.1,.8,.3,1) infinite}.radar-ripple.ripple-1{animation-delay:0s}.radar-ripple.ripple-2{animation-delay:.7s}.radar-ripple.ripple-3{animation-delay:1.4s}@keyframes radarPulse{0%{transform:scale(.3);opacity:1;border-width:4px}to{transform:scale(1.4);opacity:0;border-width:1px}}.radar-center-icon{font-size:48px;z-index:5;background:#fff;border:var(--border-thick);border-radius:50%;width:78px;height:78px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);animation:pulseRotate 2.5s ease-in-out infinite alternate}@keyframes pulseRotate{0%{transform:scale(.95)}to{transform:scale(1.05)}}.matchmaking-timer-card{background:#121316;border:var(--border-hero);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:18px 20px;margin:16px auto 20px;max-width:380px}.matchmaking-timer-title{font-family:var(--font-main);font-size:11px;font-weight:800;color:#00d2d3;letter-spacing:1.5px;text-transform:uppercase}.matchmaking-countdown-number{font-family:var(--font-mono);font-size:38px;font-weight:900;color:gold;letter-spacing:4px;margin:4px 0}.matchmaking-countdown-sub{font-family:var(--font-main);font-size:12px;font-weight:500;color:#94a3b8;margin:0}.cancel-matchmaking-btn{max-width:320px;margin:0 auto}.mp-launch-btn{padding:16px 20px;font-size:18px}.mp-divider{display:flex;align-items:center;text-align:center;margin:16px 0 20px}.mp-divider:before,.mp-divider:after{content:"";flex:1;border-bottom:2px dashed #CBD5E1}.mp-divider span{padding:0 14px;font-family:var(--font-main);font-size:11px;font-weight:800;color:#94a3b8;letter-spacing:1px;text-transform:uppercase}.mp-private-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media (max-width: 600px){.mp-private-grid{grid-template-columns:1fr}}.mp-sub-card{background:#fff;border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.mp-sub-header{display:flex;align-items:flex-start;gap:10px}.mp-sub-icon{font-size:22px;line-height:1}.mp-sub-title{font-family:var(--font-hero);font-size:15px;font-weight:800;color:#0f172a;margin:0 0 2px}.mp-sub-desc{font-family:var(--font-main);font-size:12px;font-weight:500;color:#64748b;margin:0}.mp-join-input-group{display:flex;gap:8px;width:100%}.room-code-input{flex:1;min-width:0;padding:10px 12px;font-family:var(--font-mono);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;border:var(--border-thick);border-radius:var(--radius-sm);background:#f8fafc}.room-code-input:focus{background:#fff;border-color:#000;box-shadow:2px 2px #000}.join-code-btn{width:auto;padding:10px 18px;font-size:14px;flex-shrink:0}.mp-back-btn{font-size:14px;padding:12px 18px}.waiting-room-panel{max-width:580px;margin:0 auto;text-align:center}.room-code-box{background:#121316;border:var(--border-hero);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px 20px;margin:20px auto;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:8px}.room-code-label{font-family:var(--font-main);font-size:11px;font-weight:800;color:#94a3b8;letter-spacing:1.5px;text-transform:uppercase}.room-code-number{font-family:var(--font-mono);font-size:42px;font-weight:900;color:gold;letter-spacing:6px;text-shadow:0 0 12px rgba(255,215,0,.4)}.waiting-actions-container{display:flex;flex-direction:column;gap:12px;max-width:440px;margin:0 auto}.waiting-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 500px){.waiting-actions-row{grid-template-columns:1fr}}.cancel-queue-btn{border-color:#cbd5e1;color:#64748b;font-size:13px;padding:10px}.cancel-queue-btn:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.lobby-hero-clean{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.hero-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.app-hero-title{font-family:var(--font-hero);font-size:24px;font-weight:900;letter-spacing:.5px;color:#0f172a;margin:0;display:flex;align-items:center;gap:6px}.hero-map-meta-badge{display:inline-flex;align-items:center;gap:6px;background:#fffbeb;border:1.5px solid #F59E0B;border-radius:999px;padding:4px 12px;font-family:var(--font-main);font-size:12px;font-weight:700;color:#92400e;box-shadow:2px 2px #d97706}.meta-map-name{font-weight:800;color:#78350f}.meta-pieces{font-weight:700;color:#b45309}.meta-vs{font-size:10px;font-weight:800;text-transform:uppercase;color:#d97706}.meta-dot{color:#fbbf24;font-weight:900}.meta-nodes{font-size:11px;color:#6b7280;font-weight:600}.map-segmented-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#f1f5f9;border:2px solid #000;border-radius:var(--radius-md);padding:4px;box-shadow:3px 3px #000}.map-tab{background:transparent;border:1.5px solid transparent;border-radius:var(--radius-sm);padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-main);font-size:12px;font-weight:700;color:#475569;cursor:pointer;transition:all .15s ease;white-space:nowrap}.map-tab:hover{background:#ffffffb3;color:#0f172a}.map-tab.active{background:#fff;border-color:#000;color:#0f172a;font-weight:800;box-shadow:2px 2px #000;transform:translateY(-1px)}.map-tab-icon{font-size:16px;line-height:1}.map-tab-name{font-size:12px;letter-spacing:.2px}@media (max-width: 640px){.map-segmented-bar{grid-template-columns:repeat(2,1fr);gap:4px}.map-tab{padding:7px 6px;font-size:11px}.app-hero-title{font-size:20px}.hero-brand-row{flex-direction:column;align-items:flex-start;gap:6px}}.mode-grid-simplified{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:10px}.primary-mode-card{background:#fff;border:var(--border-hero);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:22px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;position:relative}.card-ai{border-color:#000;background:linear-gradient(180deg,#fffdf8,#fff)}.card-human{border-color:#000;background:linear-gradient(180deg,#f8f9fa,#fff)}.primary-card-header{display:flex;flex-direction:column;gap:6px}.primary-card-badge{display:inline-block;align-self:flex-start;font-family:var(--font-main);font-size:10px;font-weight:800;text-transform:uppercase;background:#1e293b;color:#fff;padding:3px 8px;border-radius:4px;letter-spacing:.8px}.primary-card-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;margin:0;color:#0f172a;letter-spacing:.3px;text-transform:uppercase}.primary-card-desc{font-family:var(--font-main);font-size:13px;font-weight:500;color:#64748b;line-height:1.5;margin:0}.difficulty-pill-row{display:flex;align-items:center;gap:8px;background:#f8fafc;border:2px solid #CBD5E1;border-radius:var(--radius-sm);padding:6px 8px}.diff-label{font-family:var(--font-main);font-size:10px;font-weight:800;color:#475569;letter-spacing:.5px}.diff-pill{flex:1;border:1.5px solid transparent;background:transparent;font-family:var(--font-main);font-size:12px;font-weight:600;color:#475569;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.diff-pill:hover{background:#e2e8f0;color:#0f172a}.diff-pill.active{background:#fff;border-color:#0f172a;color:#0f172a;font-weight:700;box-shadow:2px 2px #0f172a}.direct-launch-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.direct-start-btn{padding:12px 14px;font-family:Outfit,sans-serif;font-size:13px;font-weight:800;letter-spacing:.5px;white-space:nowrap}.human-suboptions-col{display:flex;flex-direction:column;gap:10px}.human-sub-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;text-align:left;border-radius:var(--radius-sm);border:var(--border-thick)}.sub-btn-left{display:flex;align-items:center;gap:12px}.sub-icon{font-size:22px}.sub-btn-title{font-family:Outfit,sans-serif;font-size:14px;font-weight:800;letter-spacing:.3px;color:inherit}.sub-btn-sub{font-family:var(--font-main);font-size:12px;font-weight:500;opacity:.85;margin-top:1px}.sub-btn-arrow{font-family:Outfit,sans-serif;font-size:12px;font-weight:800;margin-left:8px;white-space:nowrap;letter-spacing:.5px}.lobby-bottom-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding-top:14px;border-top:2px dashed #CED6E0}.secondary-chip-btn{background:#fff;border:2px solid #000;border-radius:20px;padding:6px 14px;font-family:var(--font-hero);font-size:12px;font-weight:800;box-shadow:2px 2px #000;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.secondary-chip-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #000;background:#fff5eb}.game-arena-layout{display:flex;flex-direction:column;gap:8px;width:100%;max-width:560px;margin:0 auto;box-sizing:border-box}.arena-players-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;box-sizing:border-box}.arena-vs-badge{font-family:var(--font-hero);font-size:10px;font-weight:900;color:#64748b;background:#fff;border:1.5px solid #CBD5E1;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:1px 1px #cbd5e1;flex-shrink:0}.player-hud-card{min-width:0;background:#fff;border:2px solid #CBD5E1;border-radius:var(--radius-md);padding:8px 10px;box-shadow:1px 1px #cbd5e1;display:flex;align-items:center;gap:8px;position:relative;box-sizing:border-box;overflow:hidden;opacity:.55;filter:saturate(.8);transition:all .2s cubic-bezier(.2,.9,.3,1)}.player-hud-card.active-turn{opacity:1!important;filter:saturate(1)!important;transform:translateY(-2px)}.player-hud-card.puli-card.active-turn{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:3px solid #FF6B00;box-shadow:0 0 14px #ff6b0073,2px 2px #000;animation:puliActiveTurnPulse 1.8s infinite alternate ease-in-out}.player-hud-card.meka-card.active-turn{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:3px solid #10B981;box-shadow:0 0 14px #10b98173,2px 2px #000;animation:mekaActiveTurnPulse 1.8s infinite alternate ease-in-out}@keyframes puliActiveTurnPulse{0%{box-shadow:0 0 6px #ff6b004d,2px 2px #000}to{box-shadow:0 0 16px #ff6b0099,2px 2px #000}}@keyframes mekaActiveTurnPulse{0%{box-shadow:0 0 6px #10b9814d,2px 2px #000}to{box-shadow:0 0 16px #10b98199,2px 2px #000}}.hud-avatar-box{width:42px;height:42px;border:2px solid #000;border-radius:50%;overflow:hidden;background:#fff;box-shadow:2px 2px #000;flex-shrink:0;display:flex;align-items:center;justify-content:center}.hud-info-col{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:2px}.hud-role-tag{font-family:var(--font-mono);font-size:10px;font-weight:900;text-transform:uppercase;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hud-puli-turn-indicator,#hud-meka-turn-indicator{background:#000;color:#fff;font-size:8.5px;font-weight:900;padding:1px 5px;border-radius:3px;letter-spacing:.5px}.hud-name{font-family:var(--font-main);font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0f172a;line-height:1.2}@media (max-width: 640px){.arena-players-row{gap:4px}.player-hud-card{padding:4px 6px;gap:6px}.hud-avatar-box{width:32px;height:32px}.hud-name{font-size:11.5px}.hud-role-tag{font-size:9px}#hud-puli-turn-indicator,#hud-meka-turn-indicator{font-size:7.5px;padding:1px 3px}}.arena-status-strip{display:flex;justify-content:space-between;align-items:center;background:#121316;color:#fff;border:var(--border-thick);border-radius:var(--radius-md);padding:6px 14px;box-shadow:var(--shadow-sm);width:100%;box-sizing:border-box;gap:8px}.goats-remaining-badge{font-family:var(--font-mono);font-size:11px;font-weight:800;color:gold;white-space:nowrap}.captures-cluster{display:flex;align-items:center;gap:6px}.captures-label{font-family:var(--font-mono);font-size:10px;font-weight:800;color:#94a3b8;white-space:nowrap}.captures-row{display:flex;align-items:center;gap:3px;margin:0}.capture-pip{width:11px;height:11px;border:1.5px solid #FFF;border-radius:2.5px;background:#2a2b30}.capture-pip.filled{background:var(--accent-crimson);border-color:#ffa502;box-shadow:0 0 6px #ef4444e6}.arena-turn-timer-badge{display:inline-flex;align-items:center;gap:4px;background:#1e2026;border:1.5px solid #475569;border-radius:var(--radius-pill);padding:2px 8px;font-family:var(--font-mono);font-size:11px;font-weight:800;color:#38bdf8;letter-spacing:.5px;transition:all .2s ease;flex-shrink:0}.arena-turn-timer-badge.warning{border-color:#f59e0b;background:#3b2806;color:#fbbf24}.arena-turn-timer-badge.urgent{border-color:#ef4444;background:#450a0a;color:#f87171;animation:timerPanic .8s infinite alternate ease-in-out}@keyframes timerPanic{0%{transform:scale(.96);box-shadow:0 0 #ef444400}to{transform:scale(1.06);box-shadow:0 0 10px #ef4444cc}}.turn-timer-icon{font-size:10px;line-height:1}.turn-timer-text{line-height:1}.ai-thinking-pulse{color:#38bdf8!important;animation:thinkingPulse 1s infinite alternate ease-in-out}@keyframes thinkingPulse{0%{opacity:.5}to{opacity:1}}.board-container{width:100%;max-width:560px;margin:0 auto;background:radial-gradient(circle at 50% 30%,#fffdf8,#f5ede0);border:var(--border-hero);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),inset 0 0 25px #d9770614;padding:4px;display:flex;align-items:center;justify-content:center;position:relative;touch-action:manipulation;box-sizing:border-box;flex:0 0 auto;height:auto}.board-svg{width:100%;max-width:550px;height:auto;display:block;aspect-ratio:600 / 425;max-height:48vh;max-height:48dvh;overflow:visible}@media (max-width: 640px){.board-container{padding:2px;margin:0 auto}.board-svg{max-height:42vh;max-height:42dvh}}.board-line{stroke:#1e1e24;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.board-line-bg{stroke:#e4d8c4;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.board-node{cursor:pointer}.node-base-circle{fill:#fff;stroke:#000;stroke-width:3.5;transition:fill .15s,stroke-width .15s}.node-base-circle:hover{fill:#ffeaa7;stroke-width:4.5}.board-node.selected .node-base-circle{fill:#ff9f1a;stroke:#000;stroke-width:5}.selection-ring{fill:none;stroke:#ff9f1a;stroke-width:3.5;stroke-dasharray:8 4;animation:selectPulse 1.5s ease-in-out infinite;pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,159,26,.8))}@keyframes selectPulse{0%{r:21;opacity:1;stroke-width:3.5}50%{r:24;opacity:.6;stroke-width:2.5}to{r:21;opacity:1;stroke-width:3.5}}.board-node.valid-target .node-base-circle{fill:#e0f9e8;stroke:#2ed573;stroke-width:4}.board-node.valid-jump-target .node-base-circle{fill:#ffe8ec;stroke:#ff4757;stroke-width:4.5}.target-ring-move{fill:#2ed57340;stroke:#2ed573;stroke-width:4;stroke-dasharray:6 3;animation:ringDashMove 2s linear infinite;filter:drop-shadow(0 0 6px rgba(46,213,115,.9));pointer-events:none}.target-ring-jump{fill:#ff47574d;stroke:#ff4757;stroke-width:5;stroke-dasharray:8 4;animation:ringDashMove 1.2s linear infinite;filter:drop-shadow(0 0 10px rgba(255,71,87,1));pointer-events:none}#board-last-move-group{pointer-events:none}.last-move-drop-beacon{fill:#2ed57340;stroke:#2ed573;stroke-width:3.5;animation:dropBlipFade .75s ease-out forwards;pointer-events:none}@keyframes dropBlipFade{0%{r:12;opacity:1}50%{r:22;opacity:.9}to{r:26;opacity:0}}.drop-shockwave-anim{fill:none;stroke:#2ed573;stroke-width:3;animation:dropShockwaveExpand .3s cubic-bezier(.1,.8,.3,1) forwards;pointer-events:none}@keyframes dropShockwaveExpand{0%{r:12;stroke-width:4;opacity:1}to{r:28;stroke-width:1;opacity:0}}.last-move-trail-move{stroke:#2ed573;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:6 4;animation:trailBlipFade .8s ease-out forwards;pointer-events:none}.last-move-trail-jump{stroke:#ff4757;stroke-width:4.5;stroke-linecap:round;stroke-dasharray:8 4;animation:trailBlipFade .8s ease-out forwards;pointer-events:none}@keyframes trailBlipFade{0%{opacity:1}60%{opacity:.8}to{opacity:0}}.last-move-from-halo{fill:#f59e0b26;stroke:#f59e0b;stroke-width:2.5;animation:haloBlipFade .8s ease-out forwards;pointer-events:none}.last-move-to-move-halo{fill:#2ed57333;stroke:#2ed573;stroke-width:3;animation:haloBlipFade .8s ease-out forwards;pointer-events:none}.last-move-to-jump-halo{fill:#ff475740;stroke:#ff4757;stroke-width:3.5;animation:haloBlipFade .8s ease-out forwards;pointer-events:none}@keyframes haloBlipFade{0%{r:15;opacity:1}40%{r:21;opacity:.9}to{r:25;opacity:0}}.last-move-capture-marker{fill:#ff475759;stroke:#ff4757;stroke-width:3;animation:haloBlipFade .8s ease-out forwards;pointer-events:none}.capture-poof-ring{fill:#ff475759;stroke:#ff4757;stroke-width:3;animation:capturePoofAnim .25s ease-out forwards;pointer-events:none}@keyframes capturePoofAnim{0%{r:12;opacity:1;stroke-width:5}to{r:30;opacity:0;stroke-width:1}}@keyframes ringDashMove{0%{stroke-dashoffset:0}to{stroke-dashoffset:36}}.node-label-txt{font-family:var(--font-mono);font-size:11px;font-weight:800;fill:#747d8c;pointer-events:none}.piece-tiger{filter:drop-shadow(2px 3px 0px #000);cursor:grab}.piece-tiger:active{cursor:grabbing}.piece-goat{filter:drop-shadow(2px 3px 0px #000);cursor:grab}.piece-goat:active{cursor:grabbing}.drag-active{pointer-events:none;filter:drop-shadow(0 15px 10px rgba(0,0,0,.4))!important;z-index:999}.arena-bottom-controls{display:flex;gap:10px;margin-top:10px;width:100%}.control-btn{flex:1;padding:10px 14px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;border:var(--border-thick);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .1s ease,box-shadow .1s ease;letter-spacing:.2px}.control-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.control-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.log-entry{padding:4px 8px;border-radius:4px;background:#f8f9fa;border-left:3px solid #747D8C}.log-entry.tiger-move{border-left-color:var(--tiger-primary);background:#fff5eb}.log-entry.goat-move{border-left-color:var(--goat-primary);background:#f0fff4}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1000;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.active{display:flex}.modal-card{background:#fff;border:var(--border-hero);border-radius:var(--radius-lg);padding:24px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative;animation:modalPop .2s cubic-bezier(.18,.89,.32,1.28)}@keyframes modalPop{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-title{font-family:var(--font-hero);font-size:22px;font-weight:900;text-transform:uppercase}.close-modal-btn{background:#ff4757;color:#fff;border:2px solid #000;border-radius:50%;width:32px;height:32px;font-size:16px;font-weight:900;cursor:pointer;box-shadow:2px 2px #000;display:flex;align-items:center;justify-content:center}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}@media (max-width: 600px){.preset-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.preset-btn{border:var(--border-thick);border-radius:var(--radius-sm);padding:8px 4px;background:#fff;cursor:pointer;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .1s ease,box-shadow .1s ease}.preset-btn:hover{transform:translateY(-2px);box-shadow:3px 3px #000}.preset-btn.active{border-color:var(--tiger-primary);background:#fff5eb;box-shadow:3px 3px #000}.preset-name{font-family:var(--font-main);font-size:10px;font-weight:800;text-align:center;line-height:1.2}.floating-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:#1a1a1e;color:#fff;border:var(--border-thick);border-radius:var(--radius-pill);padding:12px 24px;font-family:var(--font-mono);font-size:14px;font-weight:800;box-shadow:var(--shadow-md);z-index:2000;opacity:0;transition:transform .3s cubic-bezier(.18,.89,.32,1.28),opacity .3s;pointer-events:none}.floating-toast.show{transform:translate(-50%) translateY(0);opacity:1}.shake-screen{animation:captureShake .3s cubic-bezier(.36,.07,.19,.97) both}@keyframes captureShake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(3px,0,0)}30%,50%,70%{transform:translate3d(-5px,0,0)}40%,60%{transform:translate3d(5px,0,0)}}@media (max-width: 640px){html,body{overflow-x:hidden;width:100%;position:relative}#app-wrapper{padding:6px 8px 16px;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.app-top-nav{padding:6px 8px;margin-bottom:8px;gap:4px;box-shadow:3px 3px #000}.nav-btn{padding:6px;font-size:11px;gap:2px}.nav-btn span.btn-label{display:none}.profile-pill-btn{padding:2px 6px 2px 3px;gap:4px}.nav-player-name{font-size:10px;max-width:60px;overflow:hidden;text-overflow:ellipsis}.arena-top-hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;margin-bottom:6px}.player-hud-card{padding:4px 6px;gap:6px;border-width:2px;border-radius:var(--radius-sm)}.player-hud-card.active-turn{transform:none;box-shadow:2px 2px #000}.hud-avatar-box{width:30px;height:30px}.hud-name{font-size:11px}.hud-role-tag{font-size:8px}.hud-status-badge{display:none}.center-hud-stats{padding:4px 6px;min-width:95px;border-width:2px;border-radius:var(--radius-sm)}.goats-remaining-badge{font-size:9px}.capture-pip{width:9px;height:9px;border-width:1px}#hud-captures-label{font-size:7px}.board-container{padding:6px 4px;border-width:2.5px;border-radius:var(--radius-md);box-shadow:3px 3px #000;min-height:64vh;display:flex;align-items:center;justify-content:center}.board-svg{max-width:100%;height:64vh;max-height:66vh}.arena-bottom-controls{gap:6px;margin-top:8px;width:100%}.control-btn{padding:9px 6px;font-size:11.5px;box-shadow:2px 2px #000}.card-panel{padding:14px 10px;border-width:2.5px;border-radius:var(--radius-md);box-shadow:4px 4px #000;margin-bottom:10px;width:100%;max-width:100%;box-sizing:border-box}.app-hero-title{font-size:26px}.subtitle{font-size:12px}.mode-grid-simplified{grid-template-columns:1fr;gap:10px;width:100%}.primary-mode-card{padding:12px 10px;border-width:2.5px;border-radius:var(--radius-md);box-shadow:3px 3px #000;gap:10px;width:100%;max-width:100%;box-sizing:border-box}.primary-card-title{font-size:16px}.primary-card-desc{font-size:12px}.difficulty-pill-row{padding:4px;gap:4px;width:100%;box-sizing:border-box}.diff-label{font-size:9px}.diff-pill{font-size:11px;padding:4px}.direct-launch-row{gap:8px;width:100%}.direct-start-btn{padding:10px 6px;font-size:11.5px;letter-spacing:.2px}.human-sub-btn{padding:10px 8px;border-width:2px;width:100%;max-width:100%;box-sizing:border-box}.sub-icon{font-size:18px}.sub-btn-title{font-size:12.5px}.sub-btn-sub{font-size:10.5px}.sub-btn-arrow{font-size:11px}.lobby-bottom-bar{flex-direction:column;gap:6px;margin-top:10px;padding-top:8px}.secondary-chip-btn{width:100%;text-align:center;font-size:11px;padding:6px 10px;box-sizing:border-box}.modal-card{padding:14px;max-height:85vh;box-shadow:4px 4px #000}}.board-container,#board-svg,#puzzle-board-svg{touch-action:none}.mode-online #arena-undo-btn,.mode-online #arena-hint-btn,.mode-online #arena-reset-btn,#screen-game-arena.mode-online #arena-undo-btn,#screen-game-arena.mode-online #arena-hint-btn,#screen-game-arena.mode-online #arena-reset-btn,[data-mode=ONLINE] #arena-undo-btn,[data-mode=ONLINE] #arena-hint-btn,[data-mode=ONLINE] #arena-reset-btn{display:none!important}.lobby-hero-panel{max-width:820px;margin:0 auto;padding:16px;background:var(--bg-card)}.hero-clash-stage{background:linear-gradient(145deg,#181920,#0f1015);border:var(--border-hero);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:16px 20px 14px;margin-bottom:16px;position:relative;overflow:hidden;text-align:center;color:#fff}.hero-clash-stage:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(255,107,0,.2),transparent 50%),radial-gradient(circle at 70% 70%,rgba(16,185,129,.2),transparent 50%);pointer-events:none}.clash-champions-row{display:flex;align-items:center;justify-content:space-between;max-width:520px;margin:0 auto 10px;position:relative;z-index:2}.champion-showcase{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.champ-avatar-halo{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2.5px solid #FFF;box-shadow:0 0 16px #0009;position:relative;transition:transform .2s ease}.champ-tiger .champ-avatar-halo{background:linear-gradient(135deg,#ff6b00,#ff3838);border-color:#ffa502;box-shadow:0 0 18px #ff6b0073}.champ-goat .champ-avatar-halo{background:linear-gradient(135deg,#10b981,#059669);border-color:#2ed573;box-shadow:0 0 18px #10b98173}.champ-mascot-icon{font-size:30px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.champ-info{display:flex;flex-direction:column;align-items:center;gap:2px}.champ-faction-tag{font-family:var(--font-hero);font-size:11.5px;font-weight:900;letter-spacing:.6px;padding:2px 9px;border-radius:var(--radius-pill);border:1.5px solid #000;box-shadow:2px 2px #000}.tag-tiger{background:#ff6b00;color:#fff}.tag-goat{background:#10b981;color:#000}.champ-role{font-family:var(--font-main);font-size:10.5px;font-weight:600;color:#94a3b8}.clash-vs-badge{display:flex;align-items:center;justify-content:center;margin:0 10px;position:relative;z-index:3}.vs-inner-core{width:40px;height:40px;background:gold;color:#000;border:var(--border-thick);border-radius:50%;box-shadow:0 0 14px #ffd70099,2.5px 2.5px #000;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:vsPulse 2s infinite alternate ease-in-out}@keyframes vsPulse{0%{transform:scale(.95)}to{transform:scale(1.08)}}.vs-text{font-family:var(--font-hero);font-size:12px;font-weight:900;line-height:1}.vs-swords{font-size:9px;line-height:1}.hero-title-wrap{position:relative;z-index:2}.game-main-title{font-family:var(--font-hero);font-size:32px;font-weight:900;letter-spacing:1.5px;margin:0 0 2px;background:linear-gradient(180deg,#fff,#f59e0b 60%,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}.game-lore-subtitle{font-family:var(--font-main);font-size:12.5px;font-weight:600;color:#cbd5e1;margin:0 auto;max-width:520px;line-height:1.35}.aa-modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.aa-mode-card{background:#fffdf8;border:var(--border-hero);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:transform .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.aa-mode-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.card-online{background:linear-gradient(180deg,#fffdf0,#fff);border-color:#000}.mode-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.mode-badge{font-family:var(--font-main);font-size:10px;font-weight:900;padding:3px 8px;border-radius:var(--radius-pill);border:1.5px solid #000;box-shadow:1.5px 1.5px #000;letter-spacing:.4px;text-transform:uppercase}.badge-pulse{background:#ff6b00;color:#fff}.badge-cyan{background:#00d2d3;color:#000}.badge-gold{background:gold;color:#000}.badge-purple{background:#a55eea;color:#fff}.mode-extra-tag{font-family:var(--font-mono);font-size:9.5px;font-weight:800;color:#64748b;letter-spacing:.4px}.mode-card-body{display:flex;align-items:center;gap:12px}.mode-icon-box{width:48px;height:48px;border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.icon-online{background:#fff3e0}.icon-ai{background:#e0f2fe}.icon-puzzles{background:#fef3c7}.icon-local{background:#f3e8ff}.mode-details{display:flex;flex-direction:column;gap:2px;text-align:left}.mode-title{font-family:var(--font-hero);font-size:16px;font-weight:900;color:#0f172a;margin:0;letter-spacing:.2px}.mode-desc{font-family:var(--font-main);font-size:12px;font-weight:500;color:#64748b;margin:0;line-height:1.35}.mode-cta-btn{width:100%;padding:10px 14px;font-size:13px;font-weight:900}.modal-setup-card{max-width:620px;width:95%;max-height:90vh;overflow-y:auto}.setup-section{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;text-align:left}.setup-section-label{font-family:var(--font-main);font-size:11.5px;font-weight:800;color:#475569;letter-spacing:.8px;text-transform:uppercase}.setup-maps-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-map-card{background:#f8fafc;border:2.5px solid #CBD5E1;border-radius:var(--radius-md);padding:10px 12px;cursor:pointer;text-align:left;position:relative;transition:all .15s ease;display:flex;flex-direction:column;gap:2px}.setup-map-card:hover{background:#edf2f7;border-color:#94a3b8;transform:translateY(-2px)}.setup-map-card.active{background:#fffbeb;border:var(--border-thick);box-shadow:3px 3px #000;transform:translate(-1px,-1px)}.map-card-badge{position:absolute;top:8px;right:8px;font-family:var(--font-mono);font-size:8.5px;font-weight:800;padding:2px 6px;border-radius:4px;background:#e2e8f0;color:#475569}.setup-map-card.active .map-card-badge{background:#f59e0b;color:#000;font-weight:900}.map-card-icon{font-size:22px;margin-bottom:2px}.map-card-name{font-family:var(--font-hero);font-size:13px;font-weight:900;color:#0f172a}.map-card-desc{font-family:var(--font-main);font-size:10.5px;font-weight:600;color:#64748b}.setup-diff-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.setup-diff-btn{background:#f8fafc;border:2.5px solid #CBD5E1;border-radius:var(--radius-md);padding:10px 8px;cursor:pointer;display:flex;align-items:center;gap:8px;text-align:left;transition:all .15s ease}.setup-diff-btn:hover{background:#edf2f7;border-color:#94a3b8}.setup-diff-btn.active{background:#fef3c7;border:var(--border-thick);box-shadow:3px 3px #000;transform:translate(-1px,-1px)}.diff-emoji{font-size:18px;line-height:1}.diff-text{display:flex;flex-direction:column;gap:1px}.diff-title{font-family:var(--font-hero);font-size:12px;font-weight:900;color:#0f172a}.diff-sub{font-family:var(--font-main);font-size:9.5px;font-weight:600;color:#64748b}.setup-faction-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-faction-btn{background:#f8fafc;border:2.5px solid #CBD5E1;border-radius:var(--radius-md);padding:12px;cursor:pointer;display:flex;align-items:center;gap:10px;text-align:left;transition:all .15s ease}.setup-faction-btn.active-tiger{background:linear-gradient(135deg,#ff6b00,#ff3838);border:var(--border-thick);box-shadow:3px 3px #000;color:#fff;transform:translate(-1px,-1px)}.setup-faction-btn.active-goat{background:linear-gradient(135deg,#10b981,#059669);border:var(--border-thick);box-shadow:3px 3px #000;color:#fff;transform:translate(-1px,-1px)}.setup-faction-icon{font-size:26px}.setup-faction-info{display:flex;flex-direction:column;gap:1px}.setup-faction-title{font-family:var(--font-hero);font-size:13px;font-weight:900;letter-spacing:.2px}.setup-faction-sub{font-family:var(--font-main);font-size:10.5px;font-weight:600;opacity:.85}.setup-launch-btn{width:100%;margin-top:10px;padding:14px;font-size:15px}@media (max-width: 600px){#app-wrapper{padding:10px 10px 20px}.app-top-nav{padding:6px 8px;margin-bottom:12px;gap:6px}.top-left-controls,.top-right-controls{gap:5px}.profile-pill-btn{padding:2px 8px 2px 4px;gap:5px;height:36px}.nav-mascot-avatar{width:26px;height:26px}.nav-player-name{font-size:11px;max-width:75px;overflow:hidden;text-overflow:ellipsis}.lobby-hero-panel{padding:12px;border-radius:var(--radius-lg);border-width:var(--border-thick);margin-bottom:14px}.hero-clash-stage{padding:12px 14px 10px;border-radius:var(--radius-md);margin-bottom:12px}.clash-champions-row{max-width:100%;margin:0 auto 6px}.champ-avatar-halo{width:44px;height:44px;border-width:2px;box-shadow:0 0 12px #00000080}.champ-mascot-icon{font-size:24px}.champ-faction-tag{font-size:10px;padding:1.5px 7px;box-shadow:1.5px 1.5px #000}.champ-role{font-size:9px}.clash-vs-badge{margin:0 6px}.vs-inner-core{width:32px;height:32px;border-width:2px;box-shadow:0 0 10px #ffd70080,2px 2px #000}.vs-text{font-size:10px}.vs-swords{font-size:8px}.game-main-title{font-size:24px;letter-spacing:1px;margin-bottom:2px}.game-lore-subtitle{font-size:11px;line-height:1.3}.aa-modes-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.aa-mode-card{padding:12px 10px;gap:8px;border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:space-between}.mode-card-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.mode-badge{font-size:9px;padding:2px 6px}.mode-extra-tag{display:none}.mode-card-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin:2px 0}.mode-icon-box{width:40px;height:40px;font-size:20px;border-radius:var(--radius-sm)}.mode-details{align-items:center;text-align:center}.mode-title{font-size:14px}.mode-desc{font-size:10.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mode-cta-btn{padding:8px 6px;font-size:11.5px;border-radius:var(--radius-sm);letter-spacing:.2px}.lobby-bottom-bar{margin-top:6px}.setup-maps-grid,.setup-diff-row,.setup-faction-row{grid-template-columns:1fr}}@media (orientation: landscape) and (max-height: 640px){#app-wrapper{max-width:960px;padding:6px 12px;min-height:100vh}.app-top-nav{padding:4px 10px;margin-bottom:6px;top:2px}.game-arena-layout{display:grid!important;grid-template-columns:230px 1fr!important;grid-template-rows:auto auto auto!important;gap:6px 12px!important;max-width:100%!important;align-items:start!important}.arena-players-row{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;gap:4px!important}.arena-vs-badge{display:none!important}.arena-status-strip{grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:6px 8px!important;width:100%!important}.arena-bottom-controls{grid-column:1!important;grid-row:3!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:4px!important}.arena-bottom-controls .control-btn{flex:1 1 45%!important;padding:6px 8px!important;font-size:11.5px!important;min-height:32px!important}.board-container{grid-column:2!important;grid-row:1 / span 3!important;max-width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:4px!important}.board-svg{max-height:76vh!important;max-height:76dvh!important;width:100%!important;aspect-ratio:600 / 425!important}}