.app{min-height:100vh;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px;z-index:100;transition:top .3s}.skip-link:focus{top:0}:focus-visible{outline:2px solid #06ffa5;outline-offset:2px}.mode-selection{min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#0a0a0a,#1a0a2e,#0a0a0a);display:flex;flex-direction:column;align-items:center;justify-content:center}.mode-header-compact{text-align:center;margin-bottom:40px}.game-title-compact{font-size:42px;font-weight:900;background:linear-gradient(135deg,#8338ec,#ff006e,#06ffa5);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;text-transform:uppercase;letter-spacing:4px;margin:0 0 8px}.game-subtitle{font-size:14px;color:#888;margin:0;letter-spacing:2px;text-transform:uppercase}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.mode-content-compact{max-width:500px;width:100%}.mode-cards-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.mode-card-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;background:#141428cc;border:2px solid rgba(131,56,236,.4);border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:center}.mode-card-compact:hover{transform:translateY(-4px);border-color:#8338eccc;box-shadow:0 8px 32px #8338ec4d}.mode-card-compact:active{transform:translateY(-2px)}.mode-card-compact .card-icon{font-size:40px;filter:drop-shadow(0 0 12px currentColor)}.mode-card-compact .card-label{font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.mode-card-compact.ai-mode{border-color:#8338ec80}.mode-card-compact.ai-mode:hover{border-color:#8338ec;box-shadow:0 8px 32px #8338ec66}.mode-card-compact.user-mode{border-color:#ff006e80}.mode-card-compact.user-mode:hover{border-color:#ff006e;box-shadow:0 8px 32px #ff006e66}.mode-card-compact.tournament-mode{border-color:#fbbf2480}.mode-card-compact.tournament-mode:hover{border-color:#fbbf24;box-shadow:0 8px 32px #fbbf2466}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;background:#1e1e32cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ccc;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#323250cc;border-color:#fff3;color:#fff;transform:translateY(-2px)}.action-btn .btn-icon{font-size:20px}.action-btn.stats-btn:hover{border-color:#06ffa566;box-shadow:0 4px 16px #06ffa533}.action-btn.settings-btn:hover{border-color:#8338ec66;box-shadow:0 4px 16px #8338ec33}@media (max-width: 500px){.game-title-compact{font-size:28px;letter-spacing:2px}.game-subtitle{font-size:12px}.mode-cards-compact{gap:12px}.mode-card-compact{padding:20px 12px;gap:8px}.mode-card-compact .card-icon{font-size:32px}.mode-card-compact .card-label{font-size:11px}.action-buttons{gap:12px}.action-btn{padding:14px 16px;font-size:12px}}@media (max-width: 350px){.mode-cards-compact,.action-buttons{grid-template-columns:1fr}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.auth-modal{background:linear-gradient(145deg,#1e1e32f2,#141428f2);border:2px solid rgba(131,56,236,.5);border-radius:20px;padding:40px;max-width:450px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.auth-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#aaa;font-size:32px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.auth-modal-close:hover{background:#ffffff1a;color:#fff}.auth-modal-header{text-align:center;margin-bottom:32px}.auth-modal-title{font-size:32px;font-weight:700;background:linear-gradient(45deg,#ff006e,#8338ec,#3a86ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 12px}.auth-modal-subtitle{color:#aaa;font-size:14px;margin:0}.auth-error{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.auth-modal-content{display:flex;flex-direction:column;gap:20px}.auth-btn{padding:14px 24px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;letter-spacing:.5px}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn-google{background:#fff;color:#333;border:2px solid #ddd}.auth-btn-google:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #fff3}.auth-btn-primary{background:linear-gradient(45deg,#ff006e,#8338ec);color:#fff;border:2px solid #ff006e;box-shadow:0 4px 15px #ff006e66}.auth-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff006e99}.auth-btn-guest{background:#6464644d;color:#aaa;border:2px solid #555;font-size:14px}.auth-btn-guest:hover:not(:disabled){background:#78787866;border-color:#777;color:#fff}.auth-btn-icon{font-size:20px}.auth-divider{position:relative;text-align:center;margin:10px 0}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#fff3}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-divider span{color:#888;font-size:12px;text-transform:uppercase;letter-spacing:1px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-input-group{display:flex;flex-direction:column;gap:6px}.auth-input-group label{color:#aaa;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.auth-input-group input{padding:12px 16px;font-size:16px;background:#14142899;border:2px solid rgba(131,56,236,.3);border-radius:8px;color:#fff;transition:all .3s ease}.auth-input-group input:focus{outline:none;border-color:#8338eccc;background:#1e1e32cc}.auth-input-group input::placeholder{color:#666}.auth-toggle{text-align:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.auth-toggle p{color:#aaa;font-size:14px;margin:0}.auth-link{background:none;border:none;color:#8338ec;font-weight:700;cursor:pointer;text-decoration:underline;padding:0;font-size:14px}.auth-link:hover:not(:disabled){color:#a855f7}.auth-guest{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.auth-guest-note{color:#666;font-size:12px;text-align:center;margin:0}@media (max-width: 768px){.auth-modal{padding:30px 20px;max-width:95%}.auth-modal-title{font-size:24px}.auth-modal-subtitle{font-size:12px}.auth-btn{padding:12px 20px;font-size:14px}.auth-input-group input{padding:10px 14px;font-size:14px}}.user-profile{position:fixed;top:20px;right:100px;z-index:1000}.user-profile-signin-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(45deg,#8338ec,#3a86ff);color:#fff;border:2px solid #8338ec;border-radius:25px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8338ec66}.user-profile-signin-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8338ec99}.user-profile-icon{font-size:18px}.user-profile-btn{width:50px;height:50px;border-radius:50%;border:3px solid #8338ec;background:linear-gradient(145deg,#667eea,#764ba2);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #8338ec66;display:flex;align-items:center;justify-content:center}.user-profile-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #8338ec99}.user-profile-avatar{width:100%;height:100%;object-fit:cover}.user-profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(145deg,#667eea,#764ba2)}.user-profile-sync-indicator{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:#06ffa5;border-radius:50%;border:2px solid #0a0a0a;display:flex;align-items:center;justify-content:center;font-size:12px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-profile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998}.user-profile-menu{position:absolute;top:60px;right:0;width:280px;background:linear-gradient(145deg,#1e1e32fa,#141428fa);border:2px solid rgba(131,56,236,.5);border-radius:16px;box-shadow:0 10px 40px #00000080;padding:20px;z-index:999;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-profile-menu-header{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.user-profile-menu-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.user-profile-menu-email{font-size:13px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-menu-guest{display:inline-block;margin-top:8px;padding:4px 10px;background:#ffa50033;border:1px solid rgba(255,165,0,.4);border-radius:12px;font-size:11px;color:orange;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.user-profile-menu-actions{display:flex;flex-direction:column;gap:10px}.user-profile-menu-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#8338ec33;border:1px solid rgba(131,56,236,.4);border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;text-align:left}.user-profile-menu-btn:hover:not(:disabled){background:#8338ec4d;border-color:#8338ec99;transform:translate(4px)}.user-profile-menu-btn:disabled{opacity:.5;cursor:not-allowed}.user-profile-menu-btn span{font-size:16px}.user-profile-menu-btn-upgrade{background:#ffa50033;border-color:#ffa50066}.user-profile-menu-btn-upgrade:hover:not(:disabled){background:#ffa5004d;border-color:#ffa50099}.user-profile-menu-btn-signout{background:#ef444433;border-color:#ef444466}.user-profile-menu-btn-signout:hover:not(:disabled){background:#ef44444d;border-color:#ef444499}@media (max-width: 768px){.user-profile{top:10px;right:75px}.user-profile-btn{width:40px;height:40px}.user-profile-menu{width:calc(100vw - 40px);right:-10px}}.install-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10000;animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.install-prompt-content{background:linear-gradient(135deg,#1a0a2e,#2d1b4e);border:2px solid #06ffa5;border-radius:16px;padding:20px;box-shadow:0 8px 32px #06ffa54d;display:flex;align-items:center;gap:16px;max-width:500px;min-width:320px}.install-prompt-icon{font-size:48px;flex-shrink:0}.install-prompt-text{flex:1}.install-prompt-title{font-size:18px;font-weight:700;color:#06ffa5;margin-bottom:8px}.install-prompt-description{font-size:14px;color:#fffc;line-height:1.4}.install-prompt-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.install-button{padding:12px 24px;background:linear-gradient(135deg,#06ffa5,#00d4ff);border:none;border-radius:8px;color:#0a0a0a;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #06ffa566}.install-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #06ffa599}.dismiss-button{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fffc;font-size:14px;cursor:pointer;transition:all .3s ease}.dismiss-button:hover{background:#fff3;border-color:#ffffff80}@media (max-width: 600px){.install-prompt{bottom:10px;left:10px;right:10px;transform:none}.install-prompt-content{min-width:unset;width:100%}.install-prompt-icon{font-size:36px}.install-prompt-actions{flex-direction:row}}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.onboarding-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.onboarding-content{position:relative;z-index:10001;max-width:600px;width:90%;animation:slideUp .5s ease}.skip-tutorial{position:absolute;top:-40px;right:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:8px;color:#fffc;font-size:14px;cursor:pointer;transition:all .3s ease}.skip-tutorial:hover{background:#fff3;border-color:#ffffff80;color:#fff}.tutorial-card{background:linear-gradient(135deg,#1a0a2e,#2d1b4e);border:3px solid #06ffa5;border-radius:24px;padding:40px;box-shadow:0 20px 60px #06ffa54d;position:relative}.tutorial-step-indicator{position:absolute;top:16px;right:24px;background:#06ffa533;border:1px solid rgba(6,255,165,.4);padding:6px 12px;border-radius:20px;font-size:12px;color:#06ffa5;font-weight:700;text-transform:uppercase;letter-spacing:1px}.tutorial-body{margin-bottom:32px;min-height:200px;display:flex;flex-direction:column;justify-content:center}.tutorial-title{font-size:32px;font-weight:700;color:#06ffa5;margin:0 0 20px;text-align:center}.tutorial-description{font-size:18px;line-height:1.6;color:#ffffffe6;margin:0;text-align:center}.tutorial-action{margin-top:24px;padding:16px 24px;background:#06ffa51a;border:2px solid rgba(6,255,165,.3);border-radius:12px;color:#06ffa5;font-size:16px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px}.action-icon{font-size:24px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.tutorial-dots{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.dot{width:12px;height:12px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;padding:0}.dot:hover{background:#ffffff4d;transform:scale(1.2)}.dot.active{background:#06ffa5;border-color:#06ffa5;box-shadow:0 0 12px #06ffa599;transform:scale(1.3)}.dot.completed{background:#06ffa580;border-color:#06ffa5}.tutorial-navigation{display:flex;gap:16px;justify-content:space-between}.tutorial-btn{flex:1;padding:16px 24px;font-size:16px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.tutorial-btn.primary{background:linear-gradient(135deg,#06ffa5,#00d4ff);color:#0a0a0a;box-shadow:0 4px 16px #06ffa566}.tutorial-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #06ffa599}.tutorial-btn.secondary{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff}.tutorial-btn.secondary:hover:not(:disabled){background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.tutorial-btn:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 768px){.tutorial-card{padding:32px 24px}.tutorial-title{font-size:24px}.tutorial-description{font-size:16px}.tutorial-action,.tutorial-btn{font-size:14px;padding:12px 16px}.skip-tutorial{font-size:12px;padding:6px 12px}}@media (max-width: 480px){.onboarding-content{width:95%}.tutorial-card{padding:24px 16px}.tutorial-title{font-size:20px}.tutorial-description{font-size:14px}.tutorial-body{min-height:180px}.tutorial-navigation{flex-direction:column}.tutorial-btn{width:100%}}.admin-toggle-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ff006e,#8338ec);border:3px solid #06ffa5;font-size:32px;cursor:pointer;box-shadow:0 4px 20px #8338ec99;z-index:9999;transition:all .3s ease;animation:pulse-glow 2s ease-in-out infinite}.admin-toggle-button:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 6px 30px #8338eccc}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px #8338ec99}50%{box-shadow:0 4px 30px #06ffa5cc}}.admin-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.admin-panel{background:linear-gradient(135deg,#1a0a2e,#2d1b4e);border:3px solid #06ffa5;border-radius:16px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #06ffa54d;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid rgba(6,255,165,.3);position:sticky;top:0;background:linear-gradient(135deg,#1a0a2e,#2d1b4e);z-index:10}.admin-header h2{margin:0;font-size:28px;color:#06ffa5;text-shadow:0 0 10px rgba(6,255,165,.5)}.admin-close{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;font-size:24px;color:#fff;cursor:pointer;transition:all .3s ease}.admin-close:hover{background:#ff6b6b4d;border-color:#ff6b6b;transform:rotate(90deg)}.admin-content{padding:24px}.admin-section{margin-bottom:32px}.admin-section h3{margin:0 0 16px;font-size:20px;color:#06ffa5;text-transform:uppercase;letter-spacing:1px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.status-badge{padding:12px 20px;background:#06ffa51a;border:2px solid rgba(6,255,165,.3);border-radius:8px;font-size:18px;font-weight:700;text-align:center;color:#06ffa5}.status-badge.superuser{background:linear-gradient(135deg,#ffd70033,#ffa50033);border-color:gold;color:gold;box-shadow:0 0 20px #ffd7004d}.status-info{padding:12px;background:#0000004d;border-radius:8px;color:#ffffffe6;font-size:14px}.status-info strong{color:#06ffa5}.admin-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.admin-btn{padding:14px 20px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.admin-btn.primary{background:linear-gradient(135deg,#06ffa5,#00d4ff);color:#0a0a0a;box-shadow:0 4px 16px #06ffa566}.admin-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #06ffa599}.admin-btn.secondary{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff}.admin-btn.secondary:hover{background:#fff3;border-color:#06ffa5;transform:translateY(-2px)}.admin-btn.danger{background:#ff6b6b33;border:2px solid #ff6b6b;color:#ff6b6b}.admin-btn.danger:hover{background:#ff6b6b4d;transform:translateY(-2px)}.privileges-list{display:flex;flex-direction:column;gap:12px}.privilege{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;transition:all .3s ease}.privilege.active{background:#06ffa51a;border-color:#06ffa54d;color:#06ffa5}.privilege-status{font-size:20px}.console-info{padding:16px;background:#00000080;border:2px solid rgba(6,255,165,.2);border-radius:8px;font-family:Courier New,monospace;font-size:14px;line-height:1.8;color:#fffc}.console-info code{color:#06ffa5;background:#06ffa51a;padding:2px 6px;border-radius:4px}.console-info strong{color:gold}.debug-output{padding:16px;background:#0009;border:2px solid rgba(6,255,165,.2);border-radius:8px;font-family:Courier New,monospace;font-size:12px;line-height:1.6;color:#06ffa5;overflow-x:auto;max-height:400px;overflow-y:auto;white-space:pre}@media (max-width: 768px){.admin-toggle-button{width:50px;height:50px;font-size:24px;bottom:15px;right:15px}.admin-panel{width:95%;max-height:95vh}.admin-header h2{font-size:20px}.admin-content{padding:16px}.admin-actions,.status-grid{grid-template-columns:1fr}.console-info{font-size:12px}}.admin-panel::-webkit-scrollbar,.debug-output::-webkit-scrollbar{width:8px}.admin-panel::-webkit-scrollbar-track,.debug-output::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.admin-panel::-webkit-scrollbar-thumb,.debug-output::-webkit-scrollbar-thumb{background:#06ffa580;border-radius:4px}.admin-panel::-webkit-scrollbar-thumb:hover,.debug-output::-webkit-scrollbar-thumb:hover{background:#06ffa5b3}:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--vh: 1vh;--dvh: 1dvh;--touch-min: 44px;--touch-comfortable: 48px;--mobile-padding: 16px;--mobile-gap: 12px}@media (max-width: 768px){.battle-arena,.fighter-selection,.achievements-display,.stats-display,.battle-pass,.leaderboards,.tournament,.multiplayer-lobby,.ranked-lobby,.arena-selector,.auth-modal-overlay,.analytics-dashboard,.social-hub{min-height:100dvh!important;min-height:calc(var(--vh, 1vh) * 100)!important}.modal-content,.drawer-content,.bottom-sheet{max-height:90dvh!important;max-height:calc(var(--vh, 1vh) * 90)!important}.scrollable-content{max-height:calc(100dvh - var(--header-height, 60px) - var(--sab));max-height:calc((var(--vh, 1vh) * 100) - var(--header-height, 60px) - var(--sab))}}@media (max-width: 768px){button,.button,.btn,.next-round-btn,.start-battle-btn,.fighter-card,.ability-button,.powerup-button,.nav-button,.tab-button,.action-button{min-height:var(--touch-min)!important;min-width:var(--touch-min)!important;padding:12px 16px!important}.primary-button,.cta-button,.start-battle-btn{min-height:var(--touch-comfortable)!important;padding:14px 24px!important;font-size:16px!important}.icon-button,.close-button,.menu-button,.audio-control button{min-height:var(--touch-min)!important;min-width:var(--touch-min)!important;padding:10px!important}.fighter-card{min-height:80px!important;padding:16px!important}input[type=text],input[type=email],input[type=password],textarea,select{min-height:var(--touch-min)!important;padding:12px!important;font-size:16px!important}textarea{min-height:120px!important}input[type=checkbox],input[type=radio]{min-width:24px!important;min-height:24px!important;margin:10px!important}a,.link{padding:8px 4px!important;margin:-8px -4px!important}.tab,.nav-item,.menu-item{min-height:var(--touch-comfortable)!important;padding:12px 20px!important}.list-item,.fighter-list-item,.achievement-item,.challenge-item{min-height:var(--touch-comfortable)!important;padding:12px 16px!important}input[type=range]{height:44px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{width:28px!important;height:28px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-moz-range-thumb{width:28px!important;height:28px!important}}@media (max-width: 768px){button:active,.button:active,.btn:active,.fighter-card:active,.list-item:active{transform:scale(.98);opacity:.9;transition:transform .1s,opacity .1s}.battle-arena,.fighter-selection,.battle-hud,.stats-display,.leaderboards,button,.button{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.round-response,.battle-description,.fighter-bio,.achievement-description,textarea,input[type=text],input[type=email]{-webkit-user-select:text;user-select:text}*{-webkit-overflow-scrolling:touch}.close,.close-button,.dismiss{position:absolute;top:var(--sat, 8px);right:var(--sar, 8px);min-width:44px!important;min-height:44px!important;display:flex;align-items:center;justify-content:center;z-index:100}}@media (max-width: 768px){body{padding-top:var(--sat);padding-right:var(--sar);padding-bottom:var(--sab);padding-left:var(--sal)}.header,.battle-header,.app-header{padding-top:calc(16px + var(--sat))!important;padding-right:calc(20px + var(--sar))!important;padding-left:calc(20px + var(--sal))!important}.battle-actions,.bottom-nav,.footer-actions{padding-bottom:calc(20px + var(--sab))!important;padding-right:calc(16px + var(--sar))!important;padding-left:calc(16px + var(--sal))!important}.audio-control,.floating-action-button{bottom:calc(20px + var(--sab))!important;right:calc(20px + var(--sar))!important}.modal-content,.drawer-content{padding-top:calc(24px + var(--sat))!important;padding-bottom:calc(24px + var(--sab))!important}}@media (max-width: 768px){body.keyboard-visible{height:100dvh;overflow:hidden}.input-container,.user-response-input,.form-field{scroll-margin-top:20px;scroll-margin-bottom:20px}body.keyboard-visible .battle-hud,body.keyboard-visible .audio-control,body.keyboard-visible .bottom-nav{opacity:.5;pointer-events:none}}@media (max-width: 768px) and (orientation: landscape){.battle-arena,.fighter-selection{padding:8px!important}.battle-title,.page-title{font-size:24px!important}.modal-content{width:100%!important;max-width:100%!important}}@media (max-width: 768px) and (orientation: portrait){.battle-arena,.fighter-selection{padding:var(--mobile-padding)!important}.health-bars,.abilities-section{flex-direction:column!important;gap:var(--mobile-gap)!important}}@media (max-width: 374px){button,.button,.btn{padding:10px 12px!important;font-size:14px!important}.fighter-card{padding:12px!important}.battle-title,.page-title{font-size:20px!important}.battle-arena,.fighter-selection{gap:8px!important}}@media (min-width: 540px) and (max-width: 720px){.battle-arena,.fighter-selection{max-width:100%;padding:24px}.fighter-grid,.achievements-grid{grid-template-columns:repeat(2,1fr)!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){button,.button,.btn{border:2px solid currentColor!important}.fighter-card,.ability-button{border:2px solid var(--border-color, currentColor)!important}}@media (prefers-color-scheme: dark) and (max-width: 768px){.modal-overlay,.drawer-overlay{background-color:#000c!important}.battle-arena,.fighter-selection{background-color:#0a0a0a!important}}@media (max-width: 768px){.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media (max-width: 768px){.show-mobile{display:block!important}}.show-mobile-flex{display:none!important}@media (max-width: 768px){.show-mobile-flex{display:flex!important}}@media (max-width: 768px){.mobile-padding{padding:var(--mobile-padding)!important}}@media (max-width: 768px){.touch-spacing{gap:var(--mobile-gap)!important}}@media (max-width: 768px){.mobile-full-width{width:100%!important;max-width:100%!important}}@media (max-width: 768px){.mobile-stack{flex-direction:column!important}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:#0a0a0a;overflow-x:hidden}#root{width:100%;min-height:100vh}button{font-family:inherit;cursor:pointer;transition:all .3s ease}button:focus-visible{outline:2px solid #8338ec;outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:#8338ec #1a1a1a}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:#1a1a1a}*::-webkit-scrollbar-thumb{background:#8338ec;border-radius:5px}*::-webkit-scrollbar-thumb:hover{background:#9f4fff}