:root{--bg-dark: #080b12;--bg-cabinet: #141724;--arcade-gold: #facc15;--arcade-gold-glow: rgba(250, 204, 21, .6);--arcade-red: #ef4444;--arcade-red-glow: rgba(239, 68, 68, .6);--arcade-cyan: #38bdf8;--arcade-green: #22c55e;--font-pixel: "Press Start 2P", monospace;--font-arcade: "VT323", monospace;--font-sans: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;background-color:var(--bg-dark);font-family:var(--font-pixel);color:#f8fafc;-webkit-touch-callout:none}#app{position:relative;width:100vw;height:100%;height:100dvh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:radial-gradient(circle at center,#1e2438,#080b12 85%);overflow:hidden;overscroll-behavior:none;padding-top:env(safe-area-inset-top,0px)}.hidden{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.crt-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;opacity:0;transition:opacity .3s ease}.crt-active .crt-scanlines{opacity:1;background:linear-gradient(#12101000 50%,#00000059 50%);background-size:100% 4px}.crt-vignette{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:51;opacity:0;transition:opacity .3s ease}.crt-active .crt-vignette{opacity:1;box-shadow:inset 0 0 100px #000c,inset 0 0 40px #00f0ff26}.arcade-nav{width:100%;max-width:920px;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;z-index:20}.nav-left-group{display:flex;align-items:center;gap:12px}.btn-return-hub-prominent{background:linear-gradient(135deg,#0284c7,#0369a1)!important;border:2px solid #38bdf8!important;color:#fff!important;font-weight:800;padding:7px 14px!important;border-radius:6px!important;box-shadow:0 0 12px #38bdf873,2px 2px #0f172a!important;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease!important}.btn-return-hub-prominent:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;border-color:#facc15!important;color:#facc15!important;box-shadow:0 0 18px #38bdf8cc,3px 3px #0f172a!important;transform:translate(-1px,-1px)}.btn-return-hub-prominent:active{transform:translate(1px,1px);box-shadow:1px 1px #0f172a!important}.arcade-title-badge{font-size:.75rem;color:var(--arcade-gold);letter-spacing:1px;text-shadow:0 0 8px var(--arcade-gold-glow)}.nav-buttons{display:flex;gap:8px}.btn-arcade{background:#1e293b;border:2px solid #475569;color:#f1f5f9;font-family:var(--font-pixel);font-size:.6rem;padding:6px 12px;border-radius:4px;cursor:pointer;box-shadow:2px 2px #0f172a;transition:all .1s ease}.btn-arcade:hover{background:#334155;border-color:var(--arcade-gold);color:var(--arcade-gold);transform:translate(-1px,-1px);box-shadow:3px 3px #0f172a}.btn-arcade:active{transform:translate(1px,1px);box-shadow:1px 1px #0f172a}.btn-touch-hub{background:linear-gradient(135deg,#0284c7,#0369a1)!important;border:2px solid #38bdf8!important;color:#fff!important;font-family:var(--font-pixel)!important;font-size:.52rem!important;font-weight:800!important;padding:6px 10px!important;border-radius:6px!important;box-shadow:0 0 8px #38bdf880!important}.btn-touch-hub:active{background:#0ea5e9!important;transform:scale(.95)}.start-top-nav-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(56,189,248,.25)}.btn-start-hub-return{background:linear-gradient(135deg,#1e293b,#0f172a)!important;border:2px solid #38bdf8!important;color:#38bdf8!important;font-family:var(--font-pixel)!important;font-size:.6rem!important;padding:8px 14px!important;border-radius:8px!important;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}.btn-start-hub-return:hover{background:#0284c7!important;border-color:#facc15!important;color:#fff!important;box-shadow:0 0 14px #38bdf8b3;transform:translateY(-1px)}.start-portal-badge{font-family:var(--font-pixel);font-size:.5rem;color:#94a3b8;letter-spacing:.5px}.btn-footer-hub{background:#075985!important;border-color:#38bdf8!important;color:#fff!important}.btn-footer-hub:hover{background:#0284c7!important;color:#facc15!important;border-color:#facc15!important;box-shadow:0 0 10px #38bdf899}.btn-hub-return-action{background:linear-gradient(135deg,#075985,#0c4a6e)!important;border:2px solid #38bdf8!important;color:#e0f2fe!important;padding:10px 14px!important;font-family:var(--font-pixel)!important;font-size:.62rem!important;border-radius:8px!important;cursor:pointer;transition:all .15s ease}.btn-hub-return-action:hover{background:#0284c7!important;color:#fff!important;border-color:#facc15!important;box-shadow:0 0 16px #38bdf8bf}.special-moves-hud{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;max-width:920px;padding:4px 16px 8px;z-index:25}.special-hud-label{font-size:.62rem;color:var(--arcade-gold);text-shadow:0 0 6px var(--arcade-gold-glow);margin-right:4px}.btn-special{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-pixel);font-size:.58rem;padding:6px 10px;border-radius:4px;cursor:pointer;border:2px solid;text-shadow:1px 1px 0px #000;transition:all .12s ease;box-shadow:2px 2px #0f172a}.btn-special .sp-icon{font-size:.75rem}.btn-special .sp-badge{background:#0006;padding:1px 4px;border-radius:3px;font-size:.52rem}.btn-special:hover{transform:translate(-1px,-2px)}.btn-special:active{transform:translate(1px,1px);box-shadow:1px 1px #0f172a}.btn-dragon{background:linear-gradient(135deg,#b91c1c,#ea580c);border-color:#fde047;color:#fff;box-shadow:0 0 8px #ef444499,2px 2px #0f172a;animation:dragonPulse 1.6s infinite alternate ease-in-out}.btn-dragon:hover{background:linear-gradient(135deg,#dc2626,#f97316);box-shadow:0 0 16px #ef4444e6,3px 3px #0f172a}@keyframes dragonPulse{0%{transform:scale(1);box-shadow:0 0 6px #fde04766}to{transform:scale(1.04);box-shadow:0 0 14px #ef4444e6}}.btn-tiger{background:linear-gradient(135deg,#0369a1,#0284c7);border-color:#38bdf8;color:#fff;box-shadow:0 0 8px #38bdf880,2px 2px #0f172a}.btn-tiger:hover{background:linear-gradient(135deg,#0284c7,#38bdf8);box-shadow:0 0 16px #38bdf8e6,3px 3px #0f172a}.btn-tornado{background:linear-gradient(135deg,#0d9488,#06b6d4);border-color:#a5f3fc;color:#fff;box-shadow:0 0 8px #06b6d480,2px 2px #0f172a}.btn-tornado:hover{background:linear-gradient(135deg,#06b6d4,#22d3ee);box-shadow:0 0 16px #06b6d4e6,3px 3px #0f172a}.btn-fists{background:linear-gradient(135deg,#d97706,#f59e0b);border-color:#fef08a;color:#1e1b4b;font-weight:700;box-shadow:0 0 8px #f59e0b80,2px 2px #0f172a}.btn-fists:hover{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 0 16px #f59e0be6,3px 3px #0f172a}.btn-shield{background:linear-gradient(135deg,#15803d,#16a34a);border-color:#86efac;color:#fff;box-shadow:0 0 8px #22c55e80,2px 2px #0f172a}.btn-shield:hover{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 0 16px #22c55ee6,3px 3px #0f172a}.btn-awakening{background:linear-gradient(135deg,#ea580c,#f59e0b,#eab308);border-color:#fef08a;color:#1e1b4b;font-weight:800;box-shadow:0 0 12px #f59e0bcc,2px 2px #0f172a;animation:awakeningPulse 1.2s infinite alternate ease-in-out}.btn-awakening:hover{background:linear-gradient(135deg,#f97316,#fde047);box-shadow:0 0 20px #facc15,3px 3px #0f172a}@keyframes awakeningPulse{0%{transform:scale(1);box-shadow:0 0 8px #ea580c99}to{transform:scale(1.05);box-shadow:0 0 18px #facc15f2}}.btn-touch-awakening{border-color:#f59e0b;color:#fef08a;font-size:.48rem;background:linear-gradient(135deg,#ea580c99,#f59e0b99);box-shadow:0 4px 12px #f59e0b80;animation:awakeningPulse 1.2s infinite alternate ease-in-out}.ctrl-tag strong{border-radius:3px;padding:1px 4px}.ctrl-awakening strong{background:#ea580c!important;border-color:#fde047!important;color:#fff!important}.ctrl-dragon strong{background:#b91c1c!important;border-color:#f87171!important}.ctrl-tiger strong{background:#0369a1!important;border-color:#38bdf8!important}.ctrl-tornado strong{background:#0d9488!important;border-color:#67e8f9!important}.ctrl-fists strong{background:#d97706!important;border-color:#fde047!important}.ctrl-shield strong{background:#15803d!important;border-color:#4ade80!important}.awakening-glow{border-color:#f59e0b!important;background:linear-gradient(135deg,#ea580c59,#f59e0b59)!important;box-shadow:0 0 14px #f59e0b99}.dragon-glow{border-color:#f59e0b!important;background:linear-gradient(135deg,#b91c1c59,#f59e0b59)!important;box-shadow:0 0 14px #f59e0b80}.tiger-glow{border-color:#38bdf8!important;background:linear-gradient(135deg,#0369a159,#38bdf859)!important;box-shadow:0 0 14px #38bdf866}.tornado-glow{border-color:#06b6d4!important;background:linear-gradient(135deg,#0d948859,#06b6d459)!important;box-shadow:0 0 14px #06b6d466}.fists-glow{border-color:#f59e0b!important;background:linear-gradient(135deg,#d9770659,#f59e0b59)!important;box-shadow:0 0 14px #f59e0b66}.shield-glow{border-color:#22c55e!important;background:linear-gradient(135deg,#15803d59,#22c55e59)!important;box-shadow:0 0 14px #22c55e66}.btn-touch-tiger{background:#0369a1d9;border-color:#38bdf8;font-size:.55rem}.canvas-wrapper{position:relative;display:flex;justify-content:center;align-items:center;flex:1;width:100%;max-height:calc(100vh - 90px);overflow:hidden}#game-canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;border:4px solid #334155;border-radius:8px;box-shadow:0 10px 35px #000000e6,0 0 20px #facc1533;touch-action:none;max-width:100%}.touch-arcade-overlay{display:none;width:100%;box-sizing:border-box;user-select:none;-webkit-user-select:none;touch-action:none}.touch-dpad-container{display:flex;justify-content:center;align-items:center}.touch-dpad{display:flex;flex-direction:column;align-items:center;gap:4px}.touch-dpad-mid{display:flex;align-items:center;gap:4px}.touch-dpad-center{width:52px;height:52px;background:#0f172a99;border-radius:8px;border:1px dashed rgba(56,189,248,.2)}.btn-touch{width:56px;height:56px;border-radius:50%;background:#0f172aeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid #475569;color:#f8fafc;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 10px #000000b3;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .06s ease,background .06s ease,border-color .06s ease;position:relative;box-sizing:border-box;padding:0}.btn-touch-icon{font-size:1.15rem;line-height:1;pointer-events:none}.btn-touch-label{font-family:var(--font-arcade);font-size:.65rem;letter-spacing:.5px;font-weight:800;line-height:1;margin-top:1px;pointer-events:none;white-space:nowrap;text-transform:uppercase}.btn-touch:active,.btn-touch.active-touch{transform:scale(.9);filter:brightness(1.3);box-shadow:0 0 15px currentColor}.btn-touch-dir{border-radius:12px;border-color:#38bdf8;color:#38bdf8;background:#0369a140;font-family:var(--font-pixel);font-size:1.1rem}.btn-touch-dir:active{background:#38bdf880}.touch-center-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.btn-touch-mini{background:#1e293b;border:1px solid #64748b;color:#cbd5e1;font-family:var(--font-pixel);font-size:.52rem;padding:8px 10px;border-radius:6px;cursor:pointer;touch-action:none;transition:all .15s ease;white-space:nowrap}.btn-touch-mini:active{background:#334155;border-color:#facc15;color:#facc15}.btn-touch-mini.btn-touch-modes{border-color:#ef4444;color:#fff;background:#ef444459;box-shadow:0 2px 8px #ef44444d}.btn-touch-mini.btn-touch-modes:active{background:#ef4444b3;transform:scale(.95)}.btn-touch-mini.btn-touch-hub{border-color:#f59e0b;color:#fde047;background:#f59e0b33}.touch-actions-container{display:flex;justify-content:center;align-items:center}.touch-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.btn-touch-punch{border-color:#f59e0b;color:#fef08a;font-size:.52rem;background:#d9770659;box-shadow:0 4px 10px #d977064d}.btn-touch-kick{border-color:#38bdf8;color:#bae6fd;font-size:.52rem;background:#0369a159;box-shadow:0 4px 10px #0369a14d}.btn-touch-kiai{border-color:#ef4444;color:#fca5a5;font-size:.48rem;background:#dc262673;box-shadow:0 4px 10px #dc262659}.btn-touch-tiger{border-color:#06b6d4;color:#a5f3fc;font-size:.48rem;background:#0891b273;box-shadow:0 4px 10px #0891b259}.controls-bar{width:100%;max-width:920px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:8px 16px 14px;font-size:.58rem;color:#94a3b8;z-index:20}.ctrl-group{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ctrl-label{color:var(--arcade-gold);font-weight:700}.ctrl-group strong{color:#fff;background:#1e293b;padding:2px 5px;border-radius:3px;border:1px solid #475569}.arcade-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#080b12f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:flex-start;z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;box-sizing:border-box;scroll-behavior:smooth;transition:opacity .25s ease,visibility .25s ease}.arcade-card{background:#101524;border:4px solid var(--arcade-gold);border-radius:12px;padding:20px 24px;max-width:1380px;width:96%;text-align:center;box-shadow:0 15px 45px #000000f2,0 0 30px var(--arcade-gold-glow);position:relative;margin:10px auto 24px}.start-card{max-width:1060px;width:96%;padding:16px 20px 22px;background:linear-gradient(180deg,#101526,#0c101d);border:3px solid var(--arcade-gold);box-shadow:0 10px 40px #000000f2,0 0 30px #facc154d;border-radius:14px}.retro-year{font-size:.65rem;color:var(--arcade-red);letter-spacing:2px;margin-bottom:8px}.game-logo{font-size:2.4rem;line-height:1.15;color:#fff;text-shadow:4px 4px 0px #b91c1c,8px 8px 0px #1e293b;margin-bottom:6px}.game-logo span{color:var(--arcade-gold);text-shadow:4px 4px 0px #b45309,8px 8px 0px #1e293b}.japanese-title{font-size:1.2rem;color:#ef4444;letter-spacing:12px;margin-bottom:20px}.logo-sub-flame{display:inline-block;background:linear-gradient(90deg,#facc15,#f97316,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px rgba(239,68,68,.85));font-size:1.35rem;letter-spacing:2px;animation:logoFlame 2s infinite alternate ease-in-out}@keyframes logoFlame{0%{filter:drop-shadow(0 0 8px rgba(250,204,21,.6))}to{filter:drop-shadow(0 0 18px rgba(239,68,68,.95))}}.roster-selector-box{margin:6px 0 10px;background:#0f172ad9;border:2px solid rgba(250,204,21,.4);border-radius:10px;padding:8px 10px;box-shadow:inset 0 0 20px #0009}.roster-box-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:6px}.roster-box-title{font-size:.68rem;font-weight:800;color:var(--arcade-gold);letter-spacing:1px;text-shadow:0 0 8px var(--arcade-gold-glow)}.roster-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}@media(max-width:1150px){.roster-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.roster-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.roster-grid{grid-template-columns:repeat(2,1fr)}}.fighter-select-card{background:#1e293b;border:2px solid #334155;border-radius:8px;padding:6px 4px 12px;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.fighter-select-card:hover{transform:translateY(-2px) scale(1.02);border-color:var(--arcade-gold);box-shadow:0 6px 14px #000000b3}.fighter-select-card.selected{border-color:#facc15;background:linear-gradient(145deg,#1e293b,#28334e);box-shadow:0 0 16px #facc15b3,inset 0 0 10px #facc1533;transform:translateY(-2px)}.fighter-select-card.selected:after{content:"✓ SÉLECTIONNÉ";position:absolute;bottom:0;left:0;width:100%;background:#eab308;color:#0f172a;font-size:.44rem;font-weight:800;padding:1px 0;text-align:center}.f-badge{font-size:.46rem;padding:2px 6px;border-radius:4px;font-weight:800}.f-badge-dragon{background:#dc262659;color:#fca5a5;border:1px solid #ef4444}.f-badge-shadow{background:#9333ea59;color:#d8b4fe;border:1px solid #a855f7}.f-badge-cyber{background:#06b6d459;color:#a5f3fc;border:1px solid #06b6d4}.f-badge-thunder{background:#eab30859;color:#fef08a;border:1px solid #facc15}.f-badge-ice{background:#38bdf859;color:#bae6fd;border:1px solid #38bdf8}.f-badge-venom{background:#10b98159;color:#a7f3d0;border:1px solid #10b981}.f-badge-rock{background:#f59e0b59;color:#fde68a;border:1px solid #d97706}.f-badge-phoenix{background:#ef444459;color:#fef08a;border:1px solid #f97316}.f-badge-quantum{background:#6366f159;color:#e0e7ff;border:1px solid #6366f1}.f-badge-blossom{background:#f43f5e59;color:#fbcfe8;border:1px solid #f43f5e}.f-badge-divine{background:#38bdf859;color:#bae6fd;border:1px solid #38bdf8}.f-badge-oni{background:#e11d4859;color:#fda4af;border:1px solid #e11d48}.f-avatar{font-size:1.8rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));transition:transform .2s ease}.fighter-select-card:hover .f-avatar{transform:scale(1.15)}.f-name{font-size:.64rem;font-weight:700;color:#fff;letter-spacing:.5px}.f-sub{font-size:.46rem;color:#94a3b8;line-height:1.2}.start-hero-action-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;align-items:stretch;margin:12px 0 16px}@media(max-width:840px){.start-hero-action-panel{grid-template-columns:1fr;gap:12px}}.start-fighter-spotlight{background:#0f172ad9;border:2px solid rgba(250,204,21,.45);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;box-shadow:inset 0 0 20px #00000080}.spotlight-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.spotlight-label{font-family:var(--font-pixel);font-size:.64rem;color:var(--arcade-gold);font-weight:800;letter-spacing:.5px}.btn-roster-link{background:#6366f133;border:1px solid #818cf8;color:#c7d2fe;font-family:var(--font-pixel);font-size:.55rem;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-roster-link:hover{background:#6366f1;color:#fff;box-shadow:0 0 10px #6366f199}.spotlight-selector-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.btn-spotlight-arrow{background:#1e293b;border:2px solid #64748b;color:#facc15;font-size:1.1rem;font-weight:800;width:38px;height:52px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.btn-spotlight-arrow:hover{background:#334155;border-color:#facc15;transform:scale(1.08);box-shadow:0 0 12px #facc1580}.spotlight-card{flex:1;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #facc15;border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:12px;box-shadow:0 0 16px #facc1540;cursor:pointer}.spotlight-avatar{font-size:2.2rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8));flex-shrink:0}.spotlight-info{flex:1;text-align:left}.spotlight-badge{display:inline-block;font-size:.52rem;font-weight:800;padding:2px 6px;border-radius:4px;margin-bottom:2px}.spotlight-name{font-family:var(--font-pixel);font-size:.95rem;font-weight:800;color:#fff;letter-spacing:1px}.spotlight-title{font-family:var(--font-sans);font-size:.72rem;color:#cbd5e1}.spotlight-status{background:#22c55e33;border:1px solid #22c55e;color:#4ade80;font-family:var(--font-pixel);font-size:.52rem;font-weight:800;padding:4px 6px;border-radius:6px}.start-hero-quick-strip{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:thin}.strip-avatar-btn{background:#1e293b;border:2px solid #334155;border-radius:50%;width:34px;height:34px;font-size:1.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.strip-avatar-btn:hover{border-color:#38bdf8;transform:scale(1.15)}.strip-avatar-btn.selected{border-color:#facc15;background:#334155;box-shadow:0 0 10px #facc15;transform:scale(1.18)}.start-cta-container{display:flex;align-items:stretch}.btn-hero-play{width:100%;background:linear-gradient(135deg,#f59e0b,#eab308 35%,#ea580c);border:3px solid #fef08a;border-radius:12px;padding:16px 20px;cursor:pointer;color:#0f172a;display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 8px 24px #ea580c80,0 0 25px #facc1566;transition:all .18s cubic-bezier(.4,0,.2,1);text-align:left;animation:heroPulse 2.4s infinite ease-in-out}.btn-hero-play:hover{transform:translateY(-3px) scale(1.02);filter:brightness(1.12);box-shadow:0 12px 30px #ea580cb3,0 0 35px #facc1599}.btn-hero-play:active{transform:translateY(1px) scale(.99)}@keyframes heroPulse{0%{box-shadow:0 8px 24px #ea580c80,0 0 20px #facc1559}50%{box-shadow:0 10px 28px #ea580cbf,0 0 35px #facc15b3}to{box-shadow:0 8px 24px #ea580c80,0 0 20px #facc1559}}.btn-hero-play-icon{font-size:2.2rem;color:#0f172a;filter:drop-shadow(0 2px 4px rgba(255,255,255,.4));flex-shrink:0}.btn-hero-play-text{flex:1;display:flex;flex-direction:column;gap:4px}.btn-hero-play-title{font-family:var(--font-pixel);font-size:1.05rem;font-weight:900;color:#0f172a;letter-spacing:.5px;line-height:1.2}.btn-hero-play-sub{font-family:var(--font-sans);font-size:.78rem;font-weight:700;color:#451a03;line-height:1.2}.btn-hero-play-badge{background:#0f172a;color:#facc15;font-family:var(--font-pixel);font-size:.58rem;padding:4px 8px;border-radius:6px;border:1px solid #facc15;white-space:nowrap}.start-modes-section{margin:10px 0 16px;text-align:left}.modes-section-title{font-family:var(--font-pixel);font-size:.68rem;color:var(--arcade-gold);font-weight:800;letter-spacing:1px;margin-bottom:10px}.start-modes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:680px){.start-modes-grid{grid-template-columns:1fr;gap:10px}}.mode-card{background:#151b2e;border:2px solid #334155;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;box-shadow:0 4px 12px #00000080;transition:all .2s ease}.mode-card:hover{border-color:#64748b;transform:translateY(-2px);box-shadow:0 8px 20px #000000b3}.mode-card-header{display:flex;justify-content:space-between;align-items:center}.mode-card-badge{font-family:var(--font-pixel);font-size:.52rem;padding:2px 6px;border-radius:4px;font-weight:800}.mode-badge-gold{background:#eab30840;color:#fef08a;border:1px solid #facc15}.mode-badge-cyan{background:#06b6d440;color:#a5f3fc;border:1px solid #06b6d4}.mode-badge-online{background:#38bdf840;color:#bae6fd;border:1px solid #38bdf8}.mode-badge-purple{background:#a855f740;color:#e9d5ff;border:1px solid #c084fc}.mode-card-icon{font-size:1.4rem}.mode-card-title{font-family:var(--font-pixel);font-size:.75rem;color:#fff;margin:0;line-height:1.25}.mode-card-desc{font-family:var(--font-sans);font-size:.74rem;color:#94a3b8;line-height:1.35;margin:0}.mode-card-features{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--font-sans);font-size:.68rem;color:#cbd5e1}.mode-level-picker{background:#0f172ab3;border:1px solid #334155;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.picker-label{font-family:var(--font-pixel);font-size:.52rem;color:#facc15}.picker-controls{display:flex;align-items:center;justify-content:space-between;gap:6px}.btn-lvl-step{background:#1e293b;border:1px solid #64748b;color:#facc15;font-family:var(--font-pixel);font-size:.65rem;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-lvl-step:hover{background:#334155;border-color:#facc15}.picker-display{flex:1;background:#0f172a;border:1px solid #475569;border-radius:6px;padding:4px 8px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.picker-lvl-num{font-family:var(--font-pixel);font-size:.65rem;color:#fff;font-weight:800}.picker-lvl-name{font-family:var(--font-pixel);font-size:.65rem;color:#facc15}.picker-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;font-size:.65rem;color:#94a3b8}.btn-mode-action{width:100%;padding:10px 12px;border-radius:8px;font-family:var(--font-pixel);font-size:.62rem;font-weight:800;cursor:pointer;border:2px solid transparent;transition:all .15s ease;margin-top:4px}.btn-mode-action-arcade{background:#eab308;color:#0f172a;border-color:#fef08a}.btn-mode-action-arcade:hover{background:#facc15;transform:translateY(-2px);box-shadow:0 4px 14px #eab30899}.btn-mode-action-training{background:#0284c7;color:#fff;border-color:#38bdf8}.btn-mode-action-training:hover{background:#0369a1;transform:translateY(-2px);box-shadow:0 4px 14px #0284c799}.btn-mode-action-online{background:#1e3a8a;color:#93c5fd;border-color:#3b82f6}.btn-mode-action-online:hover{background:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #2563eb99}.btn-mode-action-versus{background:#581c87;color:#e9d5ff;border-color:#a855f7}.btn-mode-action-versus:hover{background:#7e22ce;color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #7e22ce99}.start-footer-bar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid #334155}.btn-start-footer{background:#1e293b;border:1px solid #475569;color:#cbd5e1;font-family:var(--font-pixel);font-size:.55rem;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-start-footer:hover{background:#334155;border-color:#facc15;color:#facc15}.btn-menu-return{background:#334155!important;color:#cbd5e1!important;border:2px solid #64748b!important}.btn-menu-return:hover{background:#475569!important;color:#fff!important;border-color:#facc15!important}.how-to-play-card{max-width:680px;width:95%;border-color:#38bdf8;padding:16px 20px;text-align:left}.how-to-play-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.how-to-play-icon{font-size:1.6rem}.btn-close-modal{background:#1e293b;border:1px solid #64748b;color:#fff;font-size:1.1rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-close-modal:hover{background:#ef4444;border-color:#f87171}.rules-box{background:#0f172acc;border:1px solid #334155;border-radius:8px;padding:10px 14px;margin-bottom:12px}.rules-box h3{font-family:var(--font-pixel);font-size:.65rem;color:var(--arcade-gold);margin-bottom:6px}.rules-box p{font-family:var(--font-sans);font-size:.78rem;color:#cbd5e1;margin:4px 0;line-height:1.35}.controls-grid-two{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}@media(max-width:600px){.controls-grid-two{grid-template-columns:1fr}}.controls-card{background:#1e293b;border:1px solid #475569;border-radius:8px;padding:10px 12px}.controls-card h4{font-family:var(--font-pixel);font-size:.58rem;color:#38bdf8;margin-bottom:8px}.ctrl-detail-list{display:flex;flex-direction:column;gap:5px;font-size:.72rem;color:#e2e8f0}.ctrl-detail-list strong{color:#facc15}.victory-card{border-color:var(--arcade-gold);max-width:520px}.gameover-card{border-color:var(--arcade-red);box-shadow:0 15px 45px #000000f2,0 0 30px var(--arcade-red-glow);max-width:520px}.trophy-icon,.ko-icon{font-size:3.5rem;margin-bottom:12px}.modal-title{font-size:1.3rem;color:var(--arcade-gold);margin-bottom:12px;line-height:1.3}.ko-title{color:var(--arcade-red);text-shadow:3px 3px 0px #7f1d1d}.modal-subtitle{font-family:var(--font-sans);font-size:.95rem;color:#cbd5e1;line-height:1.5;margin-bottom:24px}.btn-action{background:var(--arcade-gold);color:#0f172a;border:3px solid #ffffff;font-family:var(--font-pixel);font-size:.75rem;font-weight:700;padding:14px 28px;border-radius:8px;cursor:pointer;box-shadow:4px 4px #b45309;transition:all .1s ease}.btn-action:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #b45309;background:#fde047}.level-selector-box{background:#0f172af2;border:2px solid var(--arcade-gold);border-radius:8px;padding:12px 16px;margin-bottom:16px;box-shadow:0 0 16px #eab30840;text-align:center}.level-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.65rem}.lvl-sel-title{color:var(--arcade-gold);font-weight:700}.level-badge-saved{background:#1e293b;border:1px solid #38bdf8;color:#38bdf8;padding:3px 8px;border-radius:4px;font-size:.58rem}.level-selector-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}.btn-lvl-arrow{background:#1e293b;border:2px solid var(--arcade-gold);color:var(--arcade-gold);font-size:1.1rem;width:40px;height:40px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-user-select:none;user-select:none}.btn-lvl-arrow:hover{background:var(--arcade-gold);color:#0f172a;transform:scale(1.1);box-shadow:0 0 10px var(--arcade-gold)}.level-display{background:#0f172a;border:1px solid #334155;border-radius:6px;padding:8px 18px;min-width:280px;box-shadow:inset 0 2px 6px #0009}.lvl-badge-row{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:4px}.lvl-number{font-size:.82rem;color:var(--arcade-gold);font-weight:700}.lvl-boss-tag{background:#ef4444;color:#fff;font-size:.55rem;padding:2px 6px;border-radius:3px;font-weight:700;animation:pulseBoss 1s infinite alternate}@keyframes pulseBoss{0%{transform:scale(.95);opacity:.8}to{transform:scale(1.05);opacity:1;box-shadow:0 0 8px #ef4444}}.lvl-name{font-size:1rem;color:#fff;font-weight:800;letter-spacing:1px;margin-bottom:2px}.lvl-belt{font-family:var(--font-sans);font-size:.75rem;color:#94a3b8}.level-slider-wrapper{padding:0 8px}.level-slider{width:100%;accent-color:var(--arcade-gold);cursor:pointer;height:6px}.level-slider-labels{display:flex;justify-content:space-between;font-family:var(--font-sans);font-size:.62rem;color:#64748b;margin-top:4px}.btn-lvl-step{font-size:.72rem!important;font-weight:800;width:44px!important}.level-direct-box{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;margin-bottom:8px;font-size:.75rem;color:#94a3b8;font-family:var(--font-sans)}.level-input-box{width:76px;background:#0f172a;border:1px solid #475569;border-radius:4px;color:var(--arcade-gold);font-weight:700;text-align:center;padding:4px 6px;font-size:.85rem;font-family:var(--font-arcade)}.level-input-box:focus{outline:none;border-color:var(--arcade-gold);box-shadow:0 0 8px #eab30866}.lvl-diff-badge{font-size:.58rem;padding:2px 7px;border-radius:4px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-family:var(--font-arcade)}.lvl-diff-facile{background:#22c55e33;color:#4ade80;border:1px solid #22c55e}.lvl-diff-moyen{background:#eab30833;color:#facc15;border:1px solid #eab308}.lvl-diff-difficile{background:#ef444433;color:#f87171;border:1px solid #ef4444}.lvl-diff-extreme{background:linear-gradient(135deg,#7c3aed,#dc2626);color:#fff;border:1px solid #f59e0b;box-shadow:0 0 8px #dc262699;animation:pulseExtreme 1.2s infinite alternate}@keyframes pulseExtreme{0%{transform:scale(.96);box-shadow:0 0 6px #7c3aed}to{transform:scale(1.04);box-shadow:0 0 12px #dc2626}}.lvl-diff-desc{font-family:var(--font-sans);font-size:.65rem;color:#94a3b8;margin-top:4px;font-style:italic}.online-sidebar{position:fixed;top:0;left:0;bottom:0;width:340px;max-width:88vw;background:#0a0f1df7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:2px solid #f59e0b;box-shadow:6px 0 30px #000c;z-index:1000;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .32s cubic-bezier(.16,1,.3,1)}.online-sidebar.open{transform:translate(0)}.sidebar-toggle-tab{position:absolute;top:75px;left:100%;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #f59e0b;border-left:none;border-radius:0 10px 10px 0;color:#facc15;padding:10px 12px;font-family:var(--font-arcade);font-size:.65rem;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:5px 3px 18px #000000a6;transition:all .2s ease;white-space:nowrap}.sidebar-toggle-tab:hover{background:#f59e0b;color:#0f172a;box-shadow:6px 4px 22px #f59e0b66}.online-counter-badge{background:#ef4444;color:#fff;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;border:1px solid #ffffff;animation:pulseBadge 2s infinite alternate}@keyframes pulseBadge{0%{transform:scale(1)}to{transform:scale(1.15)}}.sidebar-content{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;padding:18px 16px;gap:16px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(245,158,11,.35);padding-bottom:12px}.sidebar-brand{display:flex;align-items:center;gap:10px}.brand-icon{font-size:1.8rem}.brand-titles h3{font-family:var(--font-arcade);font-size:.85rem;color:#facc15;margin:0;letter-spacing:1px;text-shadow:0 0 8px rgba(250,204,21,.4)}.brand-sub{font-family:var(--font-sans);font-size:.7rem;color:#38bdf8}.btn-sidebar-close{background:transparent;border:1px solid #475569;color:#94a3b8;font-size:1.1rem;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-sidebar-close:hover{background:#ef4444;color:#fff;border-color:#ef4444}.sidebar-section{background:#1e293b8c;border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:12px}.section-title{font-family:var(--font-arcade);font-size:.65rem;color:#facc15;margin-bottom:8px;display:flex;align-items:center;gap:6px}.section-header-row{display:flex;align-items:center;justify-content:space-between}.btn-mini-refresh{background:transparent;border:none;font-size:.9rem;cursor:pointer;padding:2px 4px;transition:transform .25s ease}.btn-mini-refresh:hover{transform:rotate(180deg)}.profile-input-row{display:flex;gap:6px;margin-bottom:8px}.join-form-row{display:flex;gap:8px;align-items:center;width:100%}.join-form-row input{flex:1;min-width:0;background:#0f172a;border:1px solid #475569;border-radius:6px;padding:8px 10px;color:#fff;font-family:var(--font-sans);font-size:.85rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.join-form-row input:focus{border-color:#f59e0b;box-shadow:0 0 8px #f59e0b66}.btn-join-action{background:#facc15!important;color:#0f172a!important;font-family:var(--font-pixel)!important;font-size:.55rem!important;font-weight:800!important;padding:9px 12px!important;border-radius:6px!important;border:none!important;cursor:pointer;box-shadow:0 2px 8px #facc1566;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.btn-join-action:hover{background:#fde047!important;transform:translateY(-1px)}.online-status-box{margin-top:8px;padding:7px 10px;border-radius:6px;background:#0f172a99;border:1px solid #334155;font-family:var(--font-sans);font-size:.75rem;color:#94a3b8;display:flex;align-items:center;gap:6px}.online-status-box.status-connected{border-color:#22c55e;background:#22c55e1a;color:#4ade80}.highlight-fighter-section{background:linear-gradient(135deg,#1e293bd9,#0f172af2);border:1.5px solid #f59e0b;box-shadow:0 4px 16px #f59e0b26}.online-fighter-picker{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.btn-picker-arrow{background:#1e293b;border:1.5px solid #f59e0b;color:#facc15;font-size:.9rem;width:34px;height:38px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-user-select:none;user-select:none;flex-shrink:0}.btn-picker-arrow:hover{background:#f59e0b;color:#0f172a;transform:scale(1.05)}.btn-picker-arrow:active{transform:scale(.92)}.online-hero-current{flex:1;display:flex;align-items:center;gap:10px;background:#0f172acc;border:1px solid rgba(250,204,21,.4);border-radius:8px;padding:6px 10px;cursor:pointer;transition:all .2s ease;min-width:0}.online-hero-current:hover{border-color:#facc15;box-shadow:0 0 12px #facc154d}.hero-current-avatar{font-size:1.6rem;line-height:1;flex-shrink:0}.hero-current-details{flex:1;display:flex;flex-direction:column;min-width:0}.hero-current-details strong{font-family:var(--font-arcade);font-size:.72rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-current-details span{font-family:var(--font-sans);font-size:.65rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-current-badge{font-family:var(--font-arcade);font-size:.55rem;padding:3px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}.btn-grid-roster{width:100%;background:linear-gradient(180deg,#334155,#1e293b);border:1px solid #64748b;color:#f1f5f9;padding:7px 10px;font-size:.65rem;border-radius:6px;cursor:pointer;transition:all .15s ease;display:block;text-align:center}.btn-grid-roster:hover{border-color:#f59e0b;color:#facc15;background:#334155}.online-players-scroll{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;margin-top:8px;padding-right:2px}.player-card-item{background:#0f172ad9;border:1px solid rgba(56,189,248,.25);border-radius:6px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:all .2s ease}.player-card-item:hover{border-color:#f59e0b;transform:translate(2px);background:#0f172af2}.player-card-item.is-real-player{border-color:#f59e0b;box-shadow:0 0 10px #f59e0b40}.player-info-col{display:flex;flex-direction:column;gap:3px;overflow:hidden;flex:1;min-width:0}.player-name-text{font-family:var(--font-arcade);font-size:.85rem;color:#fff;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.real-player-tag{align-self:flex-start;font-size:.58rem;background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.4);padding:1px 6px;border-radius:4px;font-weight:600;font-family:var(--font-sans);white-space:nowrap}.tag-in-match{background:#dc262633!important;color:#f87171!important;border-color:#dc262666!important}.btn-propose-play{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:1px solid #f87171!important;color:#fff!important;font-family:var(--font-sans)!important;font-size:.72rem!important;font-weight:700!important;padding:6px 10px!important;border-radius:6px!important;cursor:pointer;white-space:nowrap;box-shadow:0 2px 6px #dc262666;transition:all .15s ease}.btn-propose-play:hover{background:linear-gradient(135deg,#ef4444,#dc2626)!important;transform:scale(1.04);box-shadow:0 0 12px #ef444499}.btn-propose-play:disabled{background:#334155!important;border-color:#475569!important;color:#94a3b8!important;cursor:not-allowed;transform:none;box-shadow:none}.empty-players-box{background:#0f172a99;border:1px dashed #334155;border-radius:8px;padding:16px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.empty-icon{font-size:2rem}.empty-title{font-size:.7rem;color:#facc15;font-weight:700}.empty-sub{font-family:var(--font-sans);font-size:.7rem;color:#94a3b8;line-height:1.3;margin-bottom:6px}.invite-helper{font-family:var(--font-sans);font-size:.7rem;color:#cbd5e1;margin:4px 0 8px}.btn-share-link{width:100%;background:#0284c7;color:#fff;border:1px solid #38bdf8;padding:8px 10px;font-size:.65rem;margin-bottom:8px}.btn-share-link:hover{background:#0369a1;box-shadow:0 0 10px #38bdf866}.highlight-section{border-color:#f59e0b99!important;background:#1e293bd9!important;box-shadow:0 0 15px #f59e0b26}.room-code-container{display:flex;align-items:center;justify-content:space-between;background:#090d16;border:2px solid #facc15;border-radius:6px;padding:8px 12px;margin:6px 0;box-shadow:inset 0 0 10px #000c}.room-code-label{font-family:var(--font-arcade);font-size:.65rem;color:#94a3b8}.room-code-badge{font-family:var(--font-pixel);font-size:.85rem;font-weight:800;color:#facc15;letter-spacing:2px;text-shadow:0 0 8px rgba(250,204,21,.6)}.share-buttons-row{display:flex;gap:6px;margin-top:6px}.share-buttons-row .btn-share-link{flex:1;margin-bottom:0}.btn-code-copy{background:#1e293b!important;border:1px solid #475569!important;color:#facc15!important;font-size:.6rem!important;padding:6px 10px!important;cursor:pointer;white-space:nowrap}.btn-code-copy:hover{background:#334155!important;border-color:#facc15!important}.btn-join-code{background:linear-gradient(135deg,#e11d48,#be123c)!important;color:#fff!important;font-family:var(--font-pixel)!important;font-size:.55rem!important;font-weight:800!important;padding:9px 12px!important;border-radius:6px!important;border:1px solid #fda4af!important;cursor:pointer;box-shadow:0 2px 8px #e11d4866;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.btn-join-code:hover{background:#f43f5e!important;transform:translateY(-1px)}.rematch-modal-card{border-color:#facc15!important;box-shadow:0 0 30px #facc1566!important}.btn-mode-online{background:linear-gradient(135deg,#0284c740,#f59e0b40);border:2px solid #38bdf8;box-shadow:0 0 12px #38bdf84d}.btn-mode-online:hover{background:linear-gradient(135deg,#0284c773,#f59e0b73);border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 0 18px #f59e0b80}.btn-nav-online{border-color:#38bdf8!important;color:#38bdf8!important}.btn-nav-online:hover{background:#38bdf8!important;color:#0f172a!important}.challenge-modal-card{max-width:480px;border:2px solid #f59e0b;text-align:center}.challenge-icon{font-size:3rem;margin-bottom:8px;animation:pulseDot 1.4s infinite alternate}.challenge-title{color:#facc15;font-size:1.1rem}.challenge-desc{font-family:var(--font-sans);font-size:1rem;color:#e2e8f0;margin:12px 0 18px}.challenge-timer-wrapper{width:100%;height:8px;background:#1e293b;border-radius:4px;overflow:hidden;margin-bottom:20px}.challenge-timer-bar{height:100%;width:100%;background:linear-gradient(90deg,#ef4444,#facc15);transition:width 1s linear}.modal-actions-row{display:flex;gap:12px;justify-content:center}.btn-accept-duel{background:#22c55e!important;border-color:#4ade80!important;color:#0f172a!important;font-weight:800}.btn-accept-duel:hover{background:#16a34a!important}.btn-decline-duel{background:#ef4444!important;border-color:#f87171!important}.btn-decline-duel:hover{background:#dc2626!important}.challenge-waiting-card{max-width:420px;text-align:center}.waiting-spinner{font-size:2.5rem;animation:spinSlow 2s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.waiting-desc{font-family:var(--font-sans);font-size:.95rem;color:#cbd5e1;margin:12px 0 18px}.btn-cancel-duel{background:#475569!important;border-color:#64748b!important}.online-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);background:#0f172af2;border:1px solid #f59e0b;color:#facc15;padding:10px 20px;border-radius:8px;font-family:var(--font-arcade);font-size:.75rem;z-index:2000;box-shadow:0 4px 20px #000000b3;transition:opacity .3s ease,transform .3s ease}.mobile-only{display:none!important}@media(max-width:1024px),(pointer:coarse){.touch-arcade-overlay:not(.hidden){display:flex!important}.touch-arcade-overlay.hidden{display:none!important}}@media(max-width:768px){.desktop-only,.btn-mode.desktop-only,#btn-start-versus{display:none!important}.mobile-only{display:block!important}#app{padding:0;height:100dvh;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.arcade-nav{padding:4px 6px;flex-wrap:nowrap;gap:4px;justify-content:space-between;width:100%}.nav-left-group{display:flex;align-items:center;gap:5px;flex-shrink:0}.btn-return-hub-prominent{font-size:.5rem!important;padding:5px 8px!important}.arcade-title-badge{font-size:.52rem;white-space:nowrap}.nav-buttons{gap:3px;display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}.nav-buttons::-webkit-scrollbar{display:none}.btn-arcade{font-size:.46rem;padding:4px 6px;border-radius:4px;white-space:nowrap}.btn-arcade-fullscreen{background:#0284c7!important;border-color:#38bdf8!important;color:#fff!important}.controls-bar,.special-moves-hud{display:none!important}.arcade-modal{padding:6px!important;align-items:flex-start!important}.arcade-card{margin:6px auto 20px!important;padding:10px 8px!important;width:96vw!important;border-width:3px!important;box-shadow:0 10px 30px #000000e6!important}.retro-year{font-size:.52rem!important;margin-bottom:2px!important}.arcade-header{margin-bottom:4px!important}.game-logo{font-size:1.25rem!important;margin:2px 0!important}.japanese-title{font-size:.72rem!important;letter-spacing:3px!important;margin-bottom:4px!important}.mode-select-grid{grid-template-columns:1fr!important;gap:5px!important;margin-bottom:6px!important}.btn-mode{padding:8px 10px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;border-radius:8px!important}.btn-mode.desktop-only,button#btn-start-versus,#btn-start-versus,.desktop-only{display:none!important}.mode-icon{font-size:1.1rem!important;margin-bottom:2px!important}.mode-title{font-size:.65rem!important;line-height:1.2!important}.mode-desc{font-size:.58rem!important;line-height:1.2!important;margin-top:2px!important;opacity:.85!important}.level-selector-box{padding:6px 8px!important;margin-bottom:6px!important}.lvl-sel-title,.level-badge-saved{font-size:.55rem!important}.level-selector-row{gap:4px!important;margin-top:4px!important}.btn-lvl-arrow{padding:5px 7px!important;font-size:.62rem!important}.level-display{padding:5px 7px!important}.lvl-number{font-size:.62rem!important}.lvl-diff-badge{font-size:.5rem!important;padding:2px 4px!important}.lvl-name{font-size:.8rem!important;margin:2px 0!important}.lvl-belt{font-size:.58rem!important}.lvl-diff-desc{font-size:.55rem!important}.btn-toggle-techniques{width:100%!important;background:#1e293b!important;border:1px solid #475569!important;color:#38bdf8!important;padding:7px 10px!important;font-size:.58rem!important;border-radius:6px!important;cursor:pointer!important;margin:4px 0!important}.desktop-only-showcase{display:none!important}.desktop-only-showcase.show-mobile{display:block!important;margin-top:6px!important}.online-sidebar{width:min(340px,88vw)}}@media(max-width:768px)and (orientation:portrait),(max-width:600px){.canvas-wrapper{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}#game-canvas{width:100%;max-width:100%;height:auto;object-fit:contain;border-width:2px;border-radius:6px}.touch-arcade-overlay{display:flex!important;position:relative!important;width:100%!important;background:linear-gradient(180deg,#101524,#080b12)!important;border-top:2px solid rgba(56,189,248,.35)!important;box-shadow:0 -8px 25px #000c!important;padding:8px 12px!important;padding-bottom:max(14px,env(safe-area-inset-bottom,14px))!important;justify-content:space-between!important;align-items:center!important;flex-shrink:0!important;z-index:90!important;pointer-events:auto!important}.btn-touch,.touch-dpad-center{width:54px!important;height:54px!important}.touch-actions-grid{grid-template-columns:repeat(2,54px)!important;gap:8px!important}}@media(orientation:landscape)and (max-height:560px),(max-height:500px){#app{height:100dvh;overflow:hidden}.arcade-nav{position:fixed!important;top:4px!important;right:8px!important;left:auto!important;width:auto!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;z-index:100!important}.arcade-title-badge,#btn-reset-bag,#btn-toggle-crt,#btn-toggle-sound,#btn-toggle-music{display:none!important}.nav-buttons{gap:4px!important}.btn-arcade{padding:4px 6px!important;font-size:.45rem!important;background:#0f172ad9!important}.special-moves-hud,.controls-bar{display:none!important}.canvas-wrapper{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100dvh!important}#game-canvas{height:100%!important;max-height:100%!important;width:auto!important;max-width:100%!important;object-fit:contain!important;border:none!important;border-radius:0!important}.touch-arcade-overlay{display:flex!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;pointer-events:none!important;background:transparent!important;border:none!important;box-shadow:none!important;justify-content:space-between!important;align-items:flex-end!important;padding:8px 24px!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important;z-index:95!important}.touch-dpad-container,.touch-actions-container,.touch-center-container{pointer-events:auto!important}.btn-touch,.touch-dpad-center{width:48px!important;height:48px!important}.touch-actions-grid{grid-template-columns:repeat(2,48px)!important;gap:6px!important}.btn-touch-label{font-size:.55rem!important}.btn-touch-icon{font-size:.95rem!important}}.btn-nav-roster{background:linear-gradient(135deg,#1e1b4b,#312e81)!important;border:1.5px solid #818cf8!important;color:#fff!important;display:flex!important;align-items:center!important;gap:6px!important;font-size:.68rem!important;padding:5px 10px!important;box-shadow:0 0 10px #818cf859!important}.btn-nav-roster:hover{background:linear-gradient(135deg,#312e81,#4338ca)!important;border-color:#a5b4fc!important;box-shadow:0 0 16px #a5b4fc99!important;transform:translateY(-1px) scale(1.03)!important}.nav-roster-icon{font-size:.85rem}.nav-hero-badge{background:#ef444440;border:1px solid #ef4444;color:#fca5a5;font-size:.55rem;padding:1px 5px;border-radius:4px;font-weight:800}.nav-score-box{display:flex;align-items:center;gap:4px;background:#0f172ae6;border:1px solid #facc15;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;color:#fde047;box-shadow:0 0 8px #facc154d}.nav-score-box .score-icon{font-size:.85rem;animation:pulseGold 2s infinite ease-in-out}@keyframes pulseGold{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px #facc15)}50%{transform:scale(1.15);filter:drop-shadow(0 0 6px #facc15)}}.modal-buttons-stack{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:15px}.btn-secondary-action{background:linear-gradient(135deg,#1e1b4b,#4338ca)!important;border:2px solid #818cf8!important;color:#fff!important;font-size:.8rem!important;padding:12px 18px!important;box-shadow:0 0 14px #818cf866!important}.btn-secondary-action:hover{background:linear-gradient(135deg,#3730a3,#6366f1)!important;box-shadow:0 0 20px #a5b4fcb3!important;transform:translateY(-2px)}.roster-selector-box{background:#0f172ae6;border:2px solid #334155;border-radius:10px;padding:14px;margin:14px 0;box-shadow:inset 0 0 18px #000000b3}.roster-box-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.roster-box-title{font-size:.72rem;font-weight:800;color:#facc15;letter-spacing:1px}.btn-open-roster-start{background:linear-gradient(135deg,#4338ca,#6366f1)!important;border:1px solid #a5b4fc!important;color:#fff!important;font-size:.65rem!important;padding:5px 10px!important;border-radius:6px!important;cursor:pointer;transition:all .2s ease}.btn-open-roster-start:hover{transform:scale(1.05);box-shadow:0 0 12px #a5b4fc99}.fighter-select-card{background:#1e293b;border:2px solid #334155;border-radius:8px;padding:10px 8px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none}.fighter-select-card:hover{border-color:#facc15;transform:translateY(-3px);box-shadow:0 4px 12px #facc1540}.fighter-select-card.selected{background:linear-gradient(180deg,#1e293b,#0f172a);border-color:#facc15;box-shadow:0 0 16px #facc1599,inset 0 0 10px #facc1533}.fighter-select-card.locked{opacity:.6;border-style:dashed}.fighter-select-card.locked:hover{border-color:#ef4444;box-shadow:0 4px 12px #ef444440}.f-badge{display:inline-block;font-size:.52rem;font-weight:800;padding:2px 6px;border-radius:4px;margin-bottom:6px}.f-badge-dragon{background:#ef444433;border:1px solid #ef4444;color:#fca5a5}.f-badge-shadow{background:#a855f733;border:1px solid #a855f7;color:#d8b4fe}.f-badge-cyber{background:#06b6d433;border:1px solid #06b6d4;color:#67e8f9}.f-badge-thunder{background:#eab30833;border:1px solid #eab308;color:#fef08a}.f-badge-ice{background:#38bdf833;border:1px solid #38bdf8;color:#bae6fd}.f-badge-venom{background:#10b98133;border:1px solid #10b981;color:#a7f3d0}.f-badge-rock{background:#f59e0b33;border:1px solid #d97706;color:#fde68a}.f-badge-divine{background:#38bdf833;border:1px solid #38bdf8;color:#bae6fd}.f-badge-phoenix{background:#ef444433;border:1px solid #f97316;color:#fef08a}.f-badge-oni{background:#e11d4833;border:1px solid #e11d48;color:#fda4af}.f-badge-quantum{background:#6366f133;border:1px solid #6366f1;color:#e0e7ff}.f-badge-blossom{background:#f43f5e33;border:1px solid #f43f5e;color:#fbcfe8}.f-avatar{font-size:1.8rem;line-height:1;margin-bottom:5px}.f-name{font-family:"Press Start 2P",monospace;font-size:.58rem;color:#fff;margin-bottom:3px}.f-sub{font-size:.52rem;color:#94a3b8;line-height:1.2}.f-status{margin-top:6px;font-size:.52rem;font-weight:800;padding:2px 4px;border-radius:3px}.f-status-unlocked{background:#22c55e2e;border:1px solid #22c55e;color:#4ade80}.f-status-req{background:#ef44442e;border:1px solid #ef4444;color:#fca5a5}.roster-modal-card-full{max-width:1420px!important;width:96vw!important;max-height:94vh!important;max-height:94dvh!important;overflow-y:auto!important;background:#090d16!important;border:2px solid #818cf8!important;box-shadow:0 0 35px #6366f166,inset 0 0 30px #000c!important;padding:20px!important;margin:10px auto!important}.roster-modal-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #1e293b;padding-bottom:12px;margin-bottom:16px}.roster-modal-title-row{display:flex;align-items:center;gap:12px}.roster-modal-icon{font-size:2.2rem}.roster-stats-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:18px}.roster-stat-pill{background:#111827;border:1px solid #374151;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;align-items:center;gap:4px}.roster-stat-pill.highlight-pill{border-color:#facc15;background:#facc1514}.stat-pill-label{font-size:.58rem;color:#9ca3af;font-weight:700;letter-spacing:.5px}.stat-pill-val{font-size:1.1rem;font-weight:800;color:#fff;font-family:"Press Start 2P",monospace}.roster-stat-pill.highlight-pill .stat-pill-val{color:#fde047}.roster-full-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:20px}.roster-hero-card{background:#111827;border:2px solid #1f2937;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;position:relative;transition:all .2s ease}.roster-hero-card:hover{transform:translateY(-3px);border-color:#818cf8;box-shadow:0 6px 18px #6366f140}.roster-hero-card.selected{border-color:#facc15;background:linear-gradient(180deg,#1e293bcc,#0f172af2);box-shadow:0 0 20px #facc1580,inset 0 0 12px #facc1526}.roster-hero-card.locked{opacity:.65;background:#0b0f19;border-style:dashed}.hero-card-top{display:flex;justify-content:space-between;align-items:center}.hero-avatar-box{width:48px;height:48px;background:#1e293b;border:1px solid #334155;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.hero-info-box{flex:1;margin-left:10px}.hero-card-name{font-family:"Press Start 2P",monospace;font-size:.68rem;color:#fff;margin-bottom:2px}.hero-card-title{font-size:.58rem;color:#94a3b8}.hero-desc{font-size:.6rem;color:#cbd5e1;line-height:1.35;background:#0f172a99;padding:6px 8px;border-radius:6px}.hero-stats-rows{display:flex;flex-direction:column;gap:5px}.hero-stat-row{display:flex;align-items:center;justify-content:space-between;font-size:.56rem}.stat-row-label{color:#9ca3af;width:65px}.stat-bar-track{flex:1;height:6px;background:#1f2937;border-radius:3px;overflow:hidden;margin:0 8px}.stat-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.stat-fill-speed{background:linear-gradient(90deg,#38bdf8,#0284c7)}.stat-fill-power{background:linear-gradient(90deg,#f87171,#dc2626)}.stat-fill-defense{background:linear-gradient(90deg,#4ade80,#16a34a)}.stat-row-val{font-family:monospace;font-weight:700;color:#f3f4f6;width:25px;text-align:right}.hero-specials-preview{background:#0f172ad9;border:1px solid #334155;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px}.spec-preview-title{font-size:.52rem;color:var(--arcade-gold);font-weight:800;letter-spacing:.5px}.spec-tags-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.spec-tag{font-size:.48rem;padding:3px 5px;border-radius:4px;background:#1e293b;border:1px solid #475569;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help;transition:all .15s ease}.spec-tag:hover{border-color:var(--arcade-gold);color:var(--arcade-gold);background:#334155}.spec-tag-awakening{grid-column:span 2;border-color:#f59e0b;color:#fef08a;background:#ea580c33;font-weight:700;text-align:center}.hero-unlock-progress-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.unlock-progress-header{display:flex;justify-content:space-between;font-size:.55rem;color:#fca5a5;font-weight:700}.unlock-progress-bar-track{height:7px;background:#1f2937;border-radius:4px;overflow:hidden}.unlock-progress-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:4px;transition:width .3s ease}.btn-select-fighter{width:100%;padding:9px;border-radius:6px;font-family:"Press Start 2P",monospace;font-size:.58rem;cursor:pointer;transition:all .2s ease;text-align:center}.btn-equip-fighter{background:linear-gradient(135deg,#16a34a,#22c55e);border:1px solid #4ade80;color:#fff;box-shadow:0 0 10px #22c55e4d}.btn-equip-fighter:hover{background:linear-gradient(135deg,#22c55e,#4ade80);box-shadow:0 0 16px #4ade8099;transform:scale(1.02)}.btn-current-fighter{background:#facc15;border:1px solid #fef08a;color:#0f172a;cursor:default;box-shadow:0 0 12px #facc1580}.btn-locked-fighter{background:#1f2937;border:1px solid #374151;color:#9ca3af;cursor:not-allowed}.roster-modal-footer{display:flex;justify-content:center;border-top:2px solid #1e293b;padding-top:15px}.unlock-banner{position:fixed;top:55px;left:50%;transform:translate(-50%);z-index:1000;width:90%;max-width:520px;background:linear-gradient(135deg,#1e1b4b,#0f172a);border:2px solid #facc15;border-radius:12px;box-shadow:0 0 35px #facc15a6,0 10px 25px #000c;animation:slideDownBounce .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideDownBounce{0%{transform:translate(-50%,-80px);opacity:0}to{transform:translate(-50%);opacity:1}}.unlock-banner-content{padding:14px 16px;position:relative}.unlock-banner-sparkles{font-size:.62rem;font-weight:800;color:#facc15;text-align:center;letter-spacing:1px;margin-bottom:8px;font-family:"Press Start 2P",monospace}.unlock-banner-hero-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.unlock-banner-avatar{font-size:2.2rem;background:#facc1526;border:1px solid #facc15;border-radius:10px;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.unlock-banner-info{flex:1}.unlock-badge-row{display:flex;align-items:center;gap:6px;margin-bottom:3px}.unlock-hero-badge{font-size:.55rem;font-weight:800;padding:2px 6px;border-radius:4px;background:#facc1533;border:1px solid #facc15;color:#fde047}.unlock-tag{font-size:.52rem;font-weight:800;color:#4ade80;background:#22c55e33;border:1px solid #22c55e;padding:2px 5px;border-radius:3px}.unlock-hero-name{font-family:"Press Start 2P",monospace;font-size:.85rem;color:#fff;margin:0 0 2px;text-shadow:0 0 10px rgba(250,204,21,.5)}.unlock-hero-desc{font-size:.6rem;color:#94a3b8;margin:0}.unlock-banner-actions{display:flex;gap:8px}.btn-equip-now{flex:1;background:linear-gradient(135deg,#eab308,#f59e0b)!important;color:#0f172a!important;font-weight:800!important;font-size:.68rem!important;padding:8px 12px!important;border-radius:6px!important;box-shadow:0 0 14px #facc1580!important}.btn-equip-now:hover{background:linear-gradient(135deg,#facc15,#fbbf24)!important;transform:scale(1.02)}.enes-hub-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:radial-gradient(circle at 50% 18%,#1e3a8a,#0c2159 38%,#061138 72%,#020617);color:#f8fafc;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:clamp(16px,4vw,36px) clamp(12px,3vw,28px) 60px;box-sizing:border-box}.hub-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,240,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.09) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,#0000 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 80%);pointer-events:none;animation:hubGridScroll 25s linear infinite}@keyframes hubGridScroll{0%{background-position:0 0}to{background-position:0 720px}}.hub-ambient-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.32;animation:hubPulseGlow 7s ease-in-out infinite alternate}.glow-1{width:min(500px,80vw);height:min(500px,80vw);background:#00d2ff;top:-80px;left:8%}.glow-2{width:min(550px,80vw);height:min(550px,80vw);background:#2563eb;bottom:5%;right:8%;animation-delay:-3.5s}@keyframes hubPulseGlow{0%{transform:scale(.9) translate(0);opacity:.25}to{transform:scale(1.15) translate(20px,15px);opacity:.45}}.hub-content-container{position:relative;z-index:2;width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center}.hub-header{text-align:center;margin-bottom:clamp(20px,4vw,36px);display:flex;flex-direction:column;align-items:center}.hub-top-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;background:#0ea5e926;border:1px solid rgba(56,189,248,.4);color:#38bdf8;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.4vw,.68rem);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;box-shadow:0 0 15px #38bdf840;animation:hubBadgeFadeIn .8s cubic-bezier(.16,1,.3,1) both}@keyframes hubBadgeFadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.hub-logo-wrapper{position:relative;display:inline-block;margin-bottom:12px;animation:enesDropIn 1.1s cubic-bezier(.175,.885,.32,1.275) both}.hub-main-title{margin:0;font-family:"Press Start 2P",monospace;font-size:clamp(2rem,6.5vw,4.2rem);line-height:1.15;letter-spacing:clamp(2px,1vw,6px);display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,24px);text-transform:uppercase}.hub-word-enes{background:linear-gradient(180deg,#fff,#67e8f9 45%,#00f0ff 75%,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(0,240,255,.75));position:relative}.hub-word-game{background:linear-gradient(180deg,#fff,#fef08a 40%,#facc15,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(250,204,21,.8))}@keyframes enesDropIn{0%{opacity:0;transform:translateY(-80px) scale(1.4) perspective(900px) rotateX(25deg);filter:blur(12px) drop-shadow(0 0 50px rgba(0,240,255,.9))}60%{opacity:1;transform:translateY(10px) scale(.95) perspective(900px) rotateX(-6deg);filter:blur(0px) drop-shadow(0 0 35px rgba(250,204,21,.8))}80%{transform:translateY(-4px) scale(1.03) perspective(900px) rotateX(0)}to{transform:translateY(0) scale(1) perspective(900px) rotateX(0);filter:drop-shadow(0 0 20px rgba(0,240,255,.5))}}.hub-hero-subtitle{font-family:Outfit,sans-serif;font-size:clamp(.95rem,2.2vw,1.25rem);font-weight:600;color:#bae6fd;margin:6px 0 16px;max-width:640px;line-height:1.45;text-shadow:0 2px 8px rgba(0,0,0,.6);animation:hubFadeUp .8s .25s cubic-bezier(.16,1,.3,1) both}.hub-features-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;animation:hubFadeUp .8s .4s cubic-bezier(.16,1,.3,1) both}.hub-feat-tag{background:#0f172a99;border:1px solid rgba(148,163,184,.25);border-radius:8px;padding:6px 12px;font-family:Outfit,sans-serif;font-size:clamp(.75rem,1.6vw,.85rem);font-weight:600;color:#e2e8f0}@keyframes hubFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hub-games-section{width:100%;max-width:1320px;margin:0 auto 40px}.hub-section-header{text-align:center;margin-bottom:24px}.hub-section-title{font-family:"Press Start 2P",monospace;font-size:clamp(.82rem,1.9vw,1.15rem);color:#facc15;text-align:center;margin-bottom:8px;text-shadow:0 0 14px rgba(250,204,21,.6),0 2px 4px rgba(0,0,0,.8);letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.title-sparkle{display:inline-block;animation:sparkleRotate 3s infinite linear}@keyframes sparkleRotate{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 4px #facc15)}50%{transform:scale(1.25) rotate(15deg);filter:drop-shadow(0 0 10px #fde047)}}.hub-section-sub{font-family:Outfit,sans-serif;font-size:clamp(.85rem,1.7vw,1rem);color:#94a3b8;margin:0}.hub-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);width:100%}@media(max-width:1100px){.hub-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.hub-cards-grid{grid-template-columns:1fr;gap:16px}}.hub-game-card{position:relative;background:linear-gradient(165deg,#0e172fe0,#090e1ef0);border:2px solid rgba(56,189,248,.22);border-radius:20px;padding:clamp(16px,2.2vw,22px);display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 32px #00000080,inset 0 1px #ffffff1a;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s ease;overflow:hidden;cursor:pointer;animation:hubCardSlideIn .65s cubic-bezier(.16,1,.3,1) both}.hub-game-card:nth-child(1){animation-delay:.1s}.hub-game-card:nth-child(2){animation-delay:.18s}.hub-game-card:nth-child(3){animation-delay:.26s}.hub-game-card:nth-child(4){animation-delay:.34s}.hub-game-card:nth-child(5){animation-delay:.42s}.hub-game-card:nth-child(6){animation-delay:.5s}@keyframes hubCardSlideIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card-shimmer{position:absolute;top:0;left:-160%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:skew(-25deg);pointer-events:none;transition:left .75s ease;z-index:4}.hub-game-card:hover .card-shimmer{left:180%}.hub-game-card:hover{transform:translateY(-8px) scale(1.015)}.hub-game-card:active{transform:scale(.985)}.card-badge-top{align-self:flex-start;margin-bottom:12px;font-family:"Press Start 2P",monospace;font-size:clamp(.48rem,1vw,.54rem);padding:5px 10px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0006;white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden;z-index:2}.card-visual{width:100%;height:124px;border-radius:14px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0009}.card-visual-icon{font-size:3.4rem;z-index:2;filter:drop-shadow(0 6px 14px rgba(0,0,0,.7));transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s ease;animation:floatIcon 3.5s ease-in-out infinite alternate}.hub-game-card:nth-child(2n) .card-visual-icon{animation-delay:-1.2s}.hub-game-card:nth-child(3n) .card-visual-icon{animation-delay:-2.4s}@keyframes floatIcon{0%{transform:translateY(0) scale(1)}to{transform:translateY(-6px) scale(1.04)}}.hub-game-card:hover .card-visual-icon{transform:scale(1.18) rotate(-4deg);filter:drop-shadow(0 8px 20px rgba(0,0,0,.85))}.card-visual-flame{position:absolute;font-size:5rem;opacity:.14;right:10px;bottom:-15px;font-family:"Press Start 2P",monospace;pointer-events:none;transition:transform .4s ease,opacity .4s ease;-webkit-user-select:none;user-select:none}.hub-game-card:hover .card-visual-flame{opacity:.24;transform:rotate(8deg) scale(1.1)}.card-visual-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.7;transition:opacity .35s ease}.hub-game-card:hover .card-visual-glow{opacity:1}.card-body{display:flex;flex-direction:column;flex-grow:1}.card-title{font-family:"Press Start 2P",monospace;font-size:clamp(.85rem,1.6vw,.98rem);color:#fff;margin:0 0 5px;line-height:1.35}.card-subtitle{font-family:Outfit,sans-serif;font-size:.82rem;color:#94a3b8;font-weight:600;margin-bottom:8px}.card-desc{font-family:Outfit,sans-serif;font-size:.88rem;color:#cbd5e1;line-height:1.4;margin:0 0 12px;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.c-tag{background:#0f172ab3;border:1px solid rgba(148,163,184,.25);border-radius:999px;padding:3px 9px;font-family:Outfit,sans-serif;font-size:.72rem;color:#cbd5e1;font-weight:600;white-space:nowrap;transition:all .2s ease}.hub-game-card:hover .c-tag{border-color:#ffffff59;background:#1e293bd9;color:#f8fafc}.btn-hub-play{width:100%;min-height:50px;border-radius:12px;border:none;font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,1.3vw,.82rem);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 6px 18px #00000073;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;margin-top:auto}.btn-hub-play:after{content:"";position:absolute;top:0;left:-120%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .55s ease}.btn-hub-play:hover:after{left:120%}.btn-hub-play:hover{transform:translateY(-2px);filter:brightness(1.12)}.btn-hub-play:active{transform:scale(.97)}.play-icon{font-size:.85rem;transition:transform .2s ease}.btn-hub-play:hover .play-icon{transform:scale(1.2) translate(2px)}.card-karate{border-color:#ef444459}.card-karate:hover{border-color:#ef4444;box-shadow:0 22px 50px #ef444466,0 0 26px #ef444440}.card-karate .card-badge-top{background:linear-gradient(135deg,#ef444459,#b91c1c80);border:1px solid #ef4444;color:#fecaca}.visual-karate{background:radial-gradient(circle at center,#7f1d1d,#1a0505);border:1px solid rgba(239,68,68,.4)}.card-karate .card-visual-glow{background:radial-gradient(circle at center,rgba(239,68,68,.45) 0%,transparent 70%)}.card-karate .card-title{text-shadow:0 0 10px rgba(239,68,68,.5)}.btn-play-karate{background:linear-gradient(135deg,#ef4444,#dc2626,#991b1b);box-shadow:0 6px 20px #ef444473}.btn-play-karate:hover{box-shadow:0 8px 26px #ef4444b3}.card-brawl{border-color:#f9731659}.card-brawl:hover{border-color:#f97316;box-shadow:0 22px 50px #f9731666,0 0 26px #ec489940}.badge-brawl{background:linear-gradient(90deg,#f59e0b,#ec4899,#8b5cf6);border:1px solid rgba(255,255,255,.3);color:#fff}.visual-brawl{background:radial-gradient(circle at center,#831843,#220612);border:1px solid rgba(249,115,22,.4)}.card-brawl .card-visual-glow{background:radial-gradient(circle at center,rgba(249,115,22,.45) 0%,transparent 70%)}.card-brawl .card-title{text-shadow:0 0 10px rgba(249,115,22,.5)}.btn-play-brawl{background:linear-gradient(135deg,#f97316,#ef4444,#ec4899);border:1.5px solid #facc15;box-shadow:0 6px 20px #f9731673}.btn-play-brawl:hover{box-shadow:0 8px 26px #ec4899a6}.card-platformer{border-color:#ff475759}.card-platformer:hover{border-color:#ff4757;box-shadow:0 22px 50px #ff475766,0 0 26px #ffa50240}.badge-platformer{background:linear-gradient(90deg,#ff4757,#ffa502);border:1px solid rgba(255,255,255,.3);color:#fff}.visual-platformer{background:radial-gradient(circle at center,#7a151e,#1f0508);border:1px solid rgba(255,71,87,.4)}.card-platformer .card-visual-glow{background:radial-gradient(circle at center,rgba(255,71,87,.45) 0%,transparent 70%)}.card-platformer .card-title{text-shadow:0 0 10px rgba(255,71,87,.5)}.btn-play-platformer{background:linear-gradient(135deg,#ff4757,#ff6b81,#ffa502);box-shadow:0 6px 20px #ff475773}.btn-play-platformer:hover{box-shadow:0 8px 26px #ff4757b3}.card-kart{border-color:#06b6d459}.card-kart:hover{border-color:#06b6d4;box-shadow:0 22px 50px #06b6d466,0 0 26px #3b82f640}.badge-kart{background:linear-gradient(90deg,#06b6d4,#3b82f6,#ff4757);border:1px solid rgba(255,255,255,.3);color:#fff}.visual-kart{background:radial-gradient(circle at center,#0e3f5b,#061523);border:1px solid rgba(6,182,212,.4)}.card-kart .card-visual-glow{background:radial-gradient(circle at center,rgba(6,182,212,.45) 0%,transparent 70%)}.card-kart .card-title{text-shadow:0 0 10px rgba(6,182,212,.5)}.btn-play-kart{background:linear-gradient(135deg,#06b6d4,#3b82f6,#2563eb);box-shadow:0 6px 20px #06b6d473}.btn-play-kart:hover{box-shadow:0 8px 26px #3b82f6b3}.card-adventure{border-color:#ffd70059}.card-adventure:hover{border-color:gold;box-shadow:0 22px 50px #ffd70066,0 0 26px #a855f740}.badge-adventure{background:linear-gradient(135deg,#b8860b,gold,#8a2be2);border:1px solid rgba(255,255,255,.3);color:#0b0f19;font-weight:900}.visual-adventure{background:radial-gradient(circle at center,#3b1c66,#0d0617);border:1px solid rgba(255,215,0,.4)}.card-adventure .card-visual-glow{background:radial-gradient(circle at center,rgba(255,215,0,.4) 0%,transparent 70%)}.card-adventure .card-title{text-shadow:0 0 10px rgba(255,215,0,.5)}.btn-play-adventure{background:linear-gradient(135deg,gold,#ff9f43,#ee5253);color:#0b0f19;font-weight:900;text-shadow:0 1px 1px rgba(255,255,255,.3);box-shadow:0 6px 20px #ff9f4373}.btn-play-adventure:hover{box-shadow:0 8px 26px #ff9f43b3}.card-soccer{border-color:#10b98159}.card-soccer:hover{border-color:#10b981;box-shadow:0 22px 50px #10b98166,0 0 26px #34d39940}.badge-soccer{background:linear-gradient(135deg,#10b981,#047857,#064e3b);border:1px solid rgba(255,255,255,.3);color:#fff}.visual-soccer{background:radial-gradient(circle at center,#065f46,#022c22);border:1px solid rgba(16,185,129,.4)}.card-soccer .card-visual-glow{background:radial-gradient(circle at center,rgba(16,185,129,.4) 0%,transparent 70%)}.card-soccer .card-title{text-shadow:0 0 10px rgba(16,185,129,.5)}.btn-play-soccer{background:linear-gradient(135deg,#10b981,#059669,#047857);box-shadow:0 6px 20px #10b98173}.btn-play-soccer:hover{box-shadow:0 8px 26px #10b981b3}.btn-return-hub{background:linear-gradient(135deg,#0284c7,#0369a1)!important;border-color:#38bdf8!important;color:#fff!important;font-weight:700!important;box-shadow:0 0 12px #38bdf866!important}.btn-return-hub:hover{background:linear-gradient(135deg,#38bdf8,#0284c7)!important;transform:scale(1.04)}.hub-seo-section{width:100%;background:#0a142db3;border:1px solid rgba(56,189,248,.18);border-radius:14px;padding:24px clamp(16px,3vw,28px);margin-bottom:28px;box-sizing:border-box}.hub-seo-content h2{font-family:"Press Start 2P",monospace;font-size:clamp(.75rem,1.6vw,.95rem);color:#38bdf8;margin-bottom:12px;line-height:1.4}.hub-seo-content p{font-family:Outfit,sans-serif;font-size:.92rem;color:#94a3b8;line-height:1.6;margin-bottom:14px}.hub-seo-content ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.hub-seo-content li{font-family:Outfit,sans-serif;font-size:.88rem;color:#cbd5e1;line-height:1.5;padding-left:18px;position:relative}.hub-seo-content li:before{content:"▸";position:absolute;left:0;color:#38bdf8;font-weight:700}.hub-seo-content strong{color:#f8fafc}.hub-footer{width:100%;text-align:center;padding:16px 0;border-top:1px solid rgba(148,163,184,.15)}.hub-footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:.82rem;color:#64748b}.hub-footer-link{color:#94a3b8;text-decoration:none;transition:color .2s ease}.hub-footer-link:hover{color:#38bdf8;text-decoration:underline}@media(max-width:768px){.enes-hub-screen{padding:10px 8px 36px}.hub-header{margin-bottom:18px}.hub-top-badge{font-size:.52rem;padding:4px 8px;letter-spacing:.5px;margin-bottom:8px}.hub-main-title{font-size:clamp(2.1rem,9vw,2.7rem);margin:4px 0 6px}.hub-hero-subtitle{font-size:.88rem;margin:2px 0 10px;padding:0 4px;line-height:1.35}.hub-features-row{gap:5px;margin-bottom:12px}.hub-feat-tag{padding:4px 7px;font-size:.68rem}.hub-online-cta-wrap{margin-top:4px}.hub-online-status-badge{font-size:.7rem;padding:7px 12px;flex-direction:column;gap:4px;width:100%;max-width:320px;box-sizing:border-box}.online-status-text{font-size:.68rem}.online-open-tag{font-size:.66rem}.hub-section-header{margin-bottom:14px}.hub-section-title{font-size:.74rem;line-height:1.45;gap:6px}.hub-section-sub{font-size:.8rem}.hub-cards-grid{grid-template-columns:1fr;gap:14px;padding:0}.hub-game-card{padding:14px;border-radius:16px}.card-badge-top{font-size:.48rem;padding:4px 8px;margin-bottom:10px}.card-visual{height:100px;margin-bottom:10px}.card-visual-icon{font-size:2.8rem}.card-visual-flame{font-size:4rem;right:6px;bottom:-10px}.card-title{font-size:.84rem;margin-bottom:3px}.card-subtitle{font-size:.76rem;margin-bottom:6px}.card-desc{font-size:.82rem;line-height:1.35;margin-bottom:10px;min-height:auto}.card-tags{gap:4px;margin-bottom:12px}.c-tag{font-size:.66rem;padding:3px 7px}.btn-hub-play{min-height:46px;font-size:.7rem;border-radius:10px}.hub-footer-links{gap:6px;font-size:.72rem;padding:0 6px}}.two-games-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important;gap:28px!important;max-width:1100px!important;margin:0 auto!important;width:100%!important}@media(max-width:768px){.two-games-grid{grid-template-columns:1fr!important;gap:20px!important}}.card-brawl{border-color:#f9731666!important;box-shadow:0 10px 30px -10px #f9731640,0 0 20px -5px #ec489933!important}.card-brawl:hover{border-color:#f97316!important;box-shadow:0 16px 40px -10px #f9731673,0 0 30px -5px #ec489959!important;transform:translateY(-4px)}.badge-brawl{background:linear-gradient(90deg,#f59e0b,#ec4899,#8b5cf6)!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important;animation:pulse-glow 2s infinite alternate!important}.visual-brawl{background:radial-gradient(circle at center,#f9731640,#0f172acc 70%)!important;border-bottom:2px solid rgba(249,115,22,.3)!important}.btn-play-brawl{background:linear-gradient(135deg,#f97316,#ef4444,#ec4899)!important;border:2px solid #facc15!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.6)!important;box-shadow:0 4px 20px #ef444466!important}.btn-play-brawl:hover{background:linear-gradient(135deg,#fb923c,#f87171,#f472b6)!important;box-shadow:0 6px 28px #ef444499!important;transform:scale(1.02)}.brawl-container{position:relative;width:100%;width:100vw;height:100vh;height:100dvh;max-height:100dvh;background:#090d16;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;user-select:none;-webkit-user-select:none}.brawl-container.hidden{display:none!important}.brawl-title-badge{background:linear-gradient(90deg,#f97316,#ec4899)!important;color:#fff!important;font-weight:700!important}.brawl-in-game-hud{width:100%;max-width:960px;display:flex;justify-content:space-between;align-items:center;padding:6px 14px;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid rgba(255,255,255,.1);box-sizing:border-box;z-index:10}.brawl-hud-left{display:flex;align-items:center;gap:16px}.brawl-hp-container{display:flex;flex-direction:column;gap:3px;min-width:180px}.brawl-hp-label{font-size:.68rem;font-family:"Press Start 2P",sans-serif;color:#e2e8f0}.brawl-hp-bar-outer{width:100%;height:14px;background:#0f172a;border-radius:7px;overflow:hidden;border:1.5px solid #334155}.brawl-hp-bar-inner{height:100%;width:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:5px;transition:width .15s ease-out}.brawl-ammo-container{display:flex;gap:5px;align-items:center}.ammo-cell{width:24px;height:12px;border-radius:3px;border:1px solid #334155;background:#1e293b;transition:all .2s ease}.ammo-cell.ammo-full{background:linear-gradient(180deg,#f97316,#ea580c);box-shadow:0 0 6px #f9731699}.ammo-cell.ammo-recharging{background:#334155;animation:pulse-ammo .8s infinite alternate}@keyframes pulse-ammo{0%{opacity:.4}to{opacity:.9}}.brawl-hud-right{display:flex;align-items:center;gap:12px}.brawl-super-container{display:flex;flex-direction:column;gap:3px;min-width:160px}.brawl-super-label{font-size:.65rem;font-family:"Press Start 2P",sans-serif;color:#facc15;text-align:right}.brawl-super-bar-outer{width:100%;height:14px;background:#0f172a;border-radius:7px;overflow:hidden;border:1.5px solid #334155}.brawl-super-bar-inner{height:100%;width:0%;background:linear-gradient(90deg,#f59e0b,#facc15);border-radius:5px;transition:width .12s ease-out}.brawl-super-bar-inner.super-ready{background:linear-gradient(90deg,#facc15,#fef08a,#facc15);box-shadow:0 0 14px #facc15;animation:super-ready-anim .7s infinite alternate}@keyframes super-ready-anim{0%{filter:brightness(1)}to{filter:brightness(1.4)}}.brawl-canvas-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%;flex:1;background:#090d16;overflow:hidden}#brawl-canvas{display:block;box-shadow:0 8px 32px #0009;border:2px solid rgba(255,255,255,.08);border-radius:6px;background:#1e293b}.brawl-touch-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;pointer-events:none;z-index:40;touch-action:none;user-select:none;-webkit-user-select:none}@media(pointer:coarse),(max-width:900px){.brawl-touch-overlay{display:block}.brawl-controls-bar{display:none!important}}.brawl-touch-left-zone{position:absolute;top:0;left:0;width:55vw;height:100%;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;z-index:41}.brawl-joystick-zone{position:absolute;left:90px;bottom:90px;width:130px;height:130px;transform:translate(-50%,-50%);pointer-events:none;opacity:.7;transition:opacity .2s ease}.brawl-joystick-zone.active{opacity:1}.brawl-joystick-base{position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%);background:radial-gradient(circle,#0f172aa6,#1e293be0);border:2.5px solid rgba(56,189,248,.5);border-radius:50%;box-shadow:0 0 22px #38bdf84d,inset 0 0 15px #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brawl-joystick-stick{position:absolute;top:50%;left:50%;width:54px;height:54px;transform:translate(-50%,-50%);background:linear-gradient(135deg,#38bdf8,#0284c7);border:3px solid #ffffff;border-radius:50%;box-shadow:0 4px 14px #0284c7b3,inset 0 2px 4px #fff6;transition:transform .04s ease-out}.brawl-touch-right{position:absolute;right:18px;bottom:20px;bottom:max(20px,env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right));display:flex;gap:16px;align-items:flex-end;pointer-events:auto;z-index:42;touch-action:none}.btn-brawl-action{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:3.5px solid #ffffff;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 6px 20px #00000080;transition:transform .08s ease,filter .08s ease;cursor:pointer}.btn-brawl-action:active{transform:scale(.9)}.btn-brawl-attack{width:76px;height:76px;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;box-shadow:0 6px 20px #ef444480}.btn-brawl-attack .btn-touch-icon{font-size:1.6rem}.btn-brawl-attack .btn-touch-label{font-family:"Press Start 2P",sans-serif;font-size:.52rem;margin-top:3px;letter-spacing:.5px}.btn-brawl-super{width:84px;height:84px;background:linear-gradient(135deg,#78350f,#a16207);color:#fff;opacity:.55;border-color:#facc15}.btn-brawl-super .btn-touch-icon{font-size:1.8rem}.btn-brawl-super .btn-touch-label{font-family:"Press Start 2P",sans-serif;font-size:.55rem;margin-top:3px}.btn-brawl-super.super-pulsing{opacity:1;background:linear-gradient(135deg,#facc15,#ea580c);box-shadow:0 0 25px #facc15cc,0 6px 20px #00000080;animation:super-btn-pulse .65s infinite alternate}@keyframes super-btn-pulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.08);filter:brightness(1.3)}}.brawl-touch-center{position:absolute;top:10px;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:8px;pointer-events:auto;z-index:43}.brawl-touch-center .btn-touch-mini{background:#0f172ad9;border:1.5px solid rgba(255,255,255,.2);border-radius:20px;color:#e2e8f0;font-family:"Press Start 2P",sans-serif;font-size:.56rem;padding:6px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;box-shadow:0 2px 10px #0006;transition:all .15s ease;white-space:nowrap}.brawl-touch-center .btn-touch-mini:active{background:#1e293b;transform:scale(.95)}.brawl-touch-center .btn-touch-hub{border-color:#f59e0b;color:#facc15;background:#f59e0b40}.brawl-touch-center .btn-touch-menu{border-color:#ef4444;color:#fff;background:#ef444459;box-shadow:0 2px 10px #ef444459}.brawl-touch-center .btn-touch-menu:active{background:#ef4444b3;transform:scale(.95)}.brawl-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.brawl-mode-card{background:#0f172abf;border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:14px;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.brawl-mode-card:hover,.brawl-mode-card.active{border-color:#f59e0b;background:#1e293bf2;box-shadow:0 4px 18px #f59e0b59;transform:translateY(-2px)}.brawl-mode-card .btn-mode-action{width:100%;padding:10px 12px;border-radius:8px;font-family:var(--font-pixel);font-size:.65rem;font-weight:800;cursor:pointer;border:1.5px solid rgba(255,255,255,.2);margin-top:12px;transition:all .15s ease;letter-spacing:.5px;box-shadow:0 3px 10px #0000004d}#brawl-mode-tournoi{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1e1b4b;border-color:#fde047}#brawl-mode-stars{background:linear-gradient(135deg,#06b6d4,#0284c7);color:#fff;border-color:#67e8f9}#brawl-mode-royale{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border-color:#c084fc}#brawl-mode-training{background:linear-gradient(135deg,#10b981,#047857);color:#fff;border-color:#6ee7b7}#brawl-mode-online{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#93c5fd}.brawl-mode-card:hover .btn-mode-action,.brawl-mode-card.active .btn-mode-action{transform:translateY(-2px);filter:brightness(1.2);box-shadow:0 4px 16px #00000080}.brawl-roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;max-height:65vh;overflow-y:auto;padding:8px}.brawl-roster-card{background:#0f172ad9;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease;cursor:pointer}.brawl-roster-card:hover{transform:translateY(-3px);border-color:#38bdf8;box-shadow:0 6px 20px #38bdf84d}.brawl-roster-card.selected{border-color:#22c55e!important;box-shadow:0 0 20px #22c55e73!important}.roster-avatar-box{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:3px solid #ffffff;box-shadow:0 4px 12px #0000004d}.roster-avatar{font-size:2rem}.roster-name{font-family:"Press Start 2P",sans-serif;font-size:.75rem;color:#fff;margin:6px 0 2px}.roster-role{font-size:.72rem;color:#94a3b8;margin-bottom:8px}.roster-stats{display:flex;gap:10px;font-size:.65rem;color:#cbd5e1;margin-bottom:8px}.roster-super-desc{font-size:.68rem;color:#facc15;margin-bottom:12px;line-height:1.3}.btn-select-hero{width:100%;padding:8px;border-radius:6px;border:1px solid #38bdf8;background:#0284c7;color:#fff;font-family:"Press Start 2P",sans-serif;font-size:.62rem;cursor:pointer;transition:all .15s ease}.btn-select-hero:hover{background:#0369a1}.brawl-roster-card.selected .btn-select-hero{background:#16a34a;border-color:#22c55e}.badge-fire{background:#ef4444;color:#fff}.badge-thunder{background:#3b82f6;color:#fff}.badge-ice{background:#06b6d4;color:#fff}.badge-shadow{background:#8b5cf6;color:#fff}.badge-cosmos{background:#ec4899;color:#fff}.badge-earth{background:#10b981;color:#fff}.badge-toxic{background:#84cc16;color:#fff}.badge-divine{background:#eab308;color:#fff}.brawl-sidebar{border-left-color:#f97316!important}.brawl-sidebar .sidebar-toggle-tab{background:linear-gradient(180deg,#f97316,#ef4444)!important}@media(max-width:900px){#brawl-game-container{height:100dvh;min-height:100dvh;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.brawl-nav{padding:6px 10px;gap:6px;flex-shrink:0}.brawl-title-badge{font-size:.65rem;padding:4px 8px}.btn-nav-roster{padding:4px 8px;font-size:.55rem}.brawl-in-game-hud{padding:6px 12px;position:absolute;top:48px;left:0;right:0;z-index:35;pointer-events:none}.brawl-hp-container{min-width:130px}.brawl-super-container{min-width:110px}.brawl-canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}.brawl-start-card{max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 10px}.start-hero-quick-strip{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px;padding:8px 4px;scrollbar-width:thin}.strip-avatar-btn{min-width:48px;min-height:48px;font-size:1.6rem;flex-shrink:0}.brawl-modes-grid{grid-template-columns:1fr;gap:10px}}@media(max-height:560px)and (orientation:landscape){.brawl-nav{display:none!important}.brawl-in-game-hud{top:6px;padding:4px 16px}.brawl-canvas-wrapper{height:100dvh}#brawl-canvas{max-height:100dvh;border:none;border-radius:0}.brawl-touch-right{bottom:12px;right:14px;gap:12px}.btn-brawl-attack{width:68px;height:68px}.btn-brawl-super{width:74px;height:74px}.brawl-joystick-zone{left:80px;bottom:80px;width:110px;height:110px}.brawl-joystick-base{width:105px;height:105px}.brawl-joystick-stick{width:48px;height:48px}}.hub-online-cta-wrap{margin-top:14px;display:flex;justify-content:center;width:100%}.hub-online-status-badge{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#0ea5e94d,#3b82f673);border:2px solid #38bdf8;border-radius:30px;padding:10px 22px;color:#f0f9ff;font-family:var(--font-pixel);font-size:.72rem;cursor:pointer;box-shadow:0 4px 20px #38bdf866;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease;-webkit-user-select:none;user-select:none}.hub-online-status-badge *{pointer-events:none}.hub-online-status-badge:hover{transform:translateY(-2px) scale(1.02);background:linear-gradient(135deg,#0ea5e980,#3b82f6a6);border-color:#facc15;box-shadow:0 6px 28px #facc1573}.online-dot-pulse{color:#22c55e;font-size:1rem;animation:online-pulse 1.2s infinite alternate}@keyframes online-pulse{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1.3);text-shadow:0 0 12px #22c55e}}.online-open-tag{background:#facc15;color:#0f172a;padding:4px 10px;border-radius:12px;font-size:.6rem;font-weight:800;letter-spacing:.5px}#global-online-modal,#global-modal-challenge-received{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:100005!important;background:#040814e0!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(8px,3vw,24px)!important;box-sizing:border-box!important}#global-online-modal.hidden,#global-modal-challenge-received.hidden{display:none!important}.global-online-card{width:100%;max-width:1040px;max-height:min(90vh,800px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 50% 10%,#172554,#0f172a 45%,#090d16)!important;border:2px solid #38bdf8!important;box-shadow:0 0 45px #38bdf866,0 20px 50px #000c!important;border-radius:18px;padding:clamp(16px,3vw,28px);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#f8fafc;box-sizing:border-box}.global-online-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(255,255,255,.12);padding-bottom:16px;margin-bottom:20px}.global-online-title-row{display:flex;align-items:center;gap:14px}.global-online-icon{font-size:2.6rem;filter:drop-shadow(0 0 10px rgba(56,189,248,.6))}.global-online-header .modal-title{font-family:var(--font-pixel);font-size:clamp(.95rem,2.2vw,1.35rem);color:#38bdf8;letter-spacing:.5px;margin:0;text-shadow:0 0 12px rgba(56,189,248,.5)}.global-online-header .modal-subtitle{font-family:Outfit,sans-serif;font-size:clamp(.82rem,1.6vw,.95rem);color:#cbd5e1;margin-top:4px;line-height:1.4}.global-online-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:stretch}@media(max-width:860px){.global-online-grid{grid-template-columns:1fr;gap:16px}.global-online-card{max-height:92vh;padding:14px 12px}}.online-panel-box{background:#1e293bb3;border:1.5px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px;margin-bottom:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.online-panel-box.highlight-box{border-color:#f59e0b;background:#f59e0b17;box-shadow:0 0 20px #f59e0b26}.online-panel-box.quickmatch-box{border-color:#8b5cf6;background:#8b5cf617;box-shadow:0 0 20px #8b5cf626}.panel-box-title{font-family:var(--font-pixel);font-size:.72rem;color:#e2e8f0;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;letter-spacing:.5px}.qm-tag-badge{font-family:var(--font-pixel);font-size:.58rem;background:#facc15;color:#0f172a;padding:2px 8px;border-radius:10px;font-weight:800}.panel-input-row{display:flex;gap:10px}.panel-input-row input{flex:1;background:#0f172ae6;border:1.5px solid #475569;border-radius:8px;padding:10px 14px;color:#fff;font-family:Outfit,sans-serif;font-size:.95rem;outline:none;transition:border-color .2s}.panel-input-row input:focus{border-color:#38bdf8;box-shadow:0 0 10px #38bdf866}.btn-panel-action{background:#0284c7;border:1.5px solid #38bdf8;color:#fff;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;padding:10px 18px;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-panel-action:hover{background:#0369a1;transform:translateY(-1px)}.btn-join-action{background:#7c3aed;border-color:#a855f7}.btn-join-action:hover{background:#6d28d9}.room-code-display-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.room-code-badge{font-family:var(--font-pixel);font-size:1.15rem;color:#facc15;background:#0009;border:1.5px solid #facc15;border-radius:8px;padding:8px 16px;letter-spacing:2px;text-shadow:0 0 10px rgba(250,204,21,.5)}.btn-copy-link{flex:1;min-width:180px;background:#16a34a;border:1.5px solid #22c55e;color:#fff;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-copy-link:hover{background:#15803d;transform:translateY(-1px)}.panel-hint{font-size:.8rem;color:#94a3b8;margin-top:6px;line-height:1.4}.quickmatch-buttons-row{display:flex;flex-direction:column;gap:10px}.btn-qm-action{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;border-radius:12px;cursor:pointer;border:1.5px solid transparent;transition:all .2s cubic-bezier(.2,0,0,1);text-align:left;text-decoration:none}.qm-btn-icon{font-size:2.2rem;flex-shrink:0}.qm-btn-content{flex:1;display:flex;flex-direction:column;gap:2px}.qm-btn-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:#fff;display:block}.qm-btn-desc{font-family:Outfit,sans-serif;font-size:.82rem;color:#ffffffd9;display:block}.qm-btn-arrow{font-size:1.1rem;color:#fff;opacity:.7;transition:transform .2s ease}.btn-qm-brawl{background:linear-gradient(135deg,#c2410c,#b91c1c);border-color:#fb923c;box-shadow:0 4px 18px #ea580c66}.btn-qm-brawl:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 8px 24px #ea580c99}.btn-qm-brawl:hover .qm-btn-arrow{transform:translate(4px);opacity:1}.btn-qm-karate{background:linear-gradient(135deg,#b45309,#92400e);border-color:#facc15;box-shadow:0 4px 18px #d9770666}.btn-qm-karate:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 8px 24px #d9770699}.btn-qm-karate:hover .qm-btn-arrow{transform:translate(4px);opacity:1}.btn-qm-soccer{background:linear-gradient(135deg,#15803d,#166534);border-color:#4ade80;box-shadow:0 4px 18px #22c55e66}.btn-qm-soccer:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 8px 24px #22c55e99}.btn-qm-soccer:hover .qm-btn-arrow{transform:translate(4px);opacity:1}.btn-qm-kart{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#60a5fa;box-shadow:0 4px 18px #2563eb66}.btn-qm-kart:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 8px 24px #2563eb99}.btn-qm-kart:hover .qm-btn-arrow{transform:translate(4px);opacity:1}.btn-qm-platformer{background:linear-gradient(135deg,#e11d48,#9333ea);border-color:#f472b6;box-shadow:0 4px 18px #e11d4866}.btn-qm-platformer:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 8px 24px #e11d4899}.btn-qm-platformer:hover .qm-btn-arrow{transform:translate(4px);opacity:1}.qm-status-container{background:#0f172af2;border:2px solid #38bdf8;border-radius:12px;padding:16px;margin-bottom:12px;animation:qm-border-glow 2s infinite alternate}@keyframes qm-border-glow{0%{box-shadow:0 0 15px #38bdf84d;border-color:#38bdf8}to{box-shadow:0 0 30px #38bdf8b3;border-color:#7dd3fc}}.qm-status-header{display:flex;align-items:center;gap:14px}.qm-radar-icon{font-size:2rem;animation:qm-radar-pulse 1.2s infinite ease-in-out}@keyframes qm-radar-pulse{0%{transform:scale(.9) rotate(-10deg)}50%{transform:scale(1.15) rotate(10deg)}to{transform:scale(.9) rotate(-10deg)}}.qm-status-details{flex:1}.qm-status-title{display:block;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:#38bdf8}.qm-status-sub{display:block;font-family:Outfit,sans-serif;font-size:.84rem;color:#94a3b8;margin-top:2px}.qm-timer-badge{font-family:var(--font-pixel);font-size:.85rem;color:#facc15;background:#0009;border:1.5px solid #facc15;border-radius:8px;padding:6px 10px;letter-spacing:1px}.qm-bot-prompt-card{margin-top:14px;background:#10b9811a;border:1.5px dashed #10b981;border-radius:10px;padding:12px 14px;text-align:center}.qm-bot-prompt-text{font-size:.88rem;color:#e2e8f0;margin:0 0 10px;line-height:1.4}.btn-qm-bot-action{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1.5px solid #34d399;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;padding:12px 16px;border-radius:8px;cursor:pointer;box-shadow:0 4px 16px #10b98166;transition:all .2s ease}.btn-qm-bot-action:hover{filter:brightness(1.15);transform:translateY(-1px)}.qm-actions-bar{margin-top:12px}.btn-qm-cancel-action{width:100%;background:#ef444433;border:1.5px solid #ef4444;color:#fca5a5;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:700;padding:10px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-qm-cancel-action:hover{background:#ef444459;color:#fff}.players-list-box{height:100%;display:flex;flex-direction:column}.live-dot-pulse{color:#22c55e;font-size:.62rem;font-family:var(--font-pixel);animation:online-pulse 1s infinite alternate}.global-players-scroll{flex:1;max-height:480px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:10px;padding-right:4px}.global-player-row{display:flex;justify-content:space-between;align-items:center;background:#0f172acc;border:1.5px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;gap:10px;transition:border-color .2s}.global-player-row:hover{border-color:#38bdf880}.global-player-row.player-row-self{border-color:#facc15;background:#facc151f}.player-avatar-icon{font-size:1.8rem;flex-shrink:0}.player-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.player-name{display:block;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-self-tag{color:#facc15;font-size:.8rem;font-weight:600}.player-location-sub{display:block;font-family:Outfit,sans-serif;font-size:.8rem;color:#94a3b8}.player-actions-group{display:flex;align-items:center;gap:8px}.player-status-badge{font-size:.78rem;font-family:Outfit,sans-serif;font-weight:700;padding:5px 8px;border-radius:6px;white-space:nowrap}.status-online{background:#22c55e33;color:#4ade80;border:1px solid #22c55e}.status-in-match{background:#ef444433;color:#f87171;border:1px solid #ef4444}.btn-challenge-action{background:#0284c7;border:1.5px solid #38bdf8;color:#fff;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700;padding:7px 12px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.btn-challenge-action:hover:not(:disabled){background:#0369a1;transform:scale(1.05)}.btn-challenge-action:disabled{opacity:.4;cursor:not-allowed}.btn-challenge-brawl{background:#ea580c;border-color:#fb923c}.btn-challenge-karate{background:#b45309;border-color:#facc15}.btn-challenge-soccer{background:#15803d;border-color:#4ade80}.btn-challenge-kart{background:#1d4ed8;border-color:#60a5fa}.btn-challenge-platformer{background:#be123c;border-color:#f43f5e}.global-player-empty{text-align:center;padding:28px 16px;font-size:.92rem;color:#94a3b8;line-height:1.6;font-family:Outfit,sans-serif}.global-challenge-modal-card{max-width:480px;width:90%;text-align:center;border:2px solid #facc15!important;box-shadow:0 0 45px #facc1599!important;padding:24px;font-family:Outfit,sans-serif}.global-online-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#0f172af5;border:1.5px solid #38bdf8;color:#fff;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;padding:12px 24px;border-radius:30px;box-shadow:0 6px 28px #000000b3;z-index:100010!important;pointer-events:none;transition:opacity .25s ease,transform .25s ease;white-space:nowrap}.global-online-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.three-games-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:24px!important;max-width:1240px!important;margin:0 auto!important;width:100%!important}.card-platformer{border:2px solid #ff4757!important;background:linear-gradient(145deg,#141828f2,#230f19eb)!important;box-shadow:0 10px 30px #ff475740!important}.card-platformer:hover{transform:translateY(-6px) scale(1.015)!important;box-shadow:0 16px 40px #ff475773!important;border-color:#ffa502!important}.badge-platformer{background:linear-gradient(90deg,#ff4757,#ffa502)!important;color:#fff!important;font-weight:800!important;letter-spacing:.5px!important}.visual-platformer{background:radial-gradient(circle at center,#ff47574d,#0f172acc 75%)!important;border-bottom:2px solid rgba(255,71,87,.4)!important}.btn-play-platformer{background:linear-gradient(135deg,#ff4757,#ff6b81,#ffa502)!important;color:#fff!important;border:none!important;font-family:Outfit,sans-serif!important;font-weight:800!important;font-size:1.05rem!important;box-shadow:0 6px 20px #ff475780!important}.btn-play-platformer:hover{background:linear-gradient(135deg,#ff6b81,#ff4757,#e84118)!important;box-shadow:0 8px 28px #ff4757bf!important;transform:translateY(-2px) scale(1.02)!important}.platformer-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;background:#111;overflow:hidden;display:flex;flex-direction:column}.platformer-container.hidden{display:none!important}.platformer-canvas-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;touch-action:none}#platformer-canvas{width:100%;height:100%;display:block}.platformer-nav{position:absolute;top:0;left:0;right:0;z-index:200;background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,71,87,.4);padding:8px 16px;display:flex;justify-content:space-between;align-items:center}.platformer-title-badge{background:linear-gradient(90deg,#ff4757,#ffa502);color:#fff;font-weight:800;border-radius:20px;padding:4px 12px;font-size:.85rem;box-shadow:0 0 12px #ff475766}.platformer-in-game-hud{position:absolute;top:60px;left:16px;right:16px;z-index:150;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.platformer-hud-left{display:flex;flex-direction:column;gap:8px}.platformer-hp-badge{background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(255,71,87,.6);border-radius:24px;padding:6px 14px;font-size:1.3rem;letter-spacing:4px;box-shadow:0 4px 14px #0006}.platformer-biome-badge{background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid #ffa502;color:#ffa502;font-family:Outfit,sans-serif;font-weight:700;font-size:.85rem;border-radius:20px;padding:4px 12px;width:fit-content}.platformer-hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.platformer-fireball-hint,.platformer-hero-hint{background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;font-family:Outfit,sans-serif;font-size:.82rem;border-radius:18px;padding:4px 12px}.hint-key{background:#ff4757;color:#fff;font-weight:800;padding:2px 6px;border-radius:6px;margin-right:4px}.platformer-boss-banner{flex:1;max-width:480px;margin:0 16px;background:#0f172aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #ff4757;border-radius:16px;padding:8px 16px;box-shadow:0 8px 28px #ff475766,inset 0 0 16px #ff475733;display:flex;flex-direction:column;gap:6px;pointer-events:none;animation:bossBannerPulse 2.2s infinite alternate ease-in-out}@keyframes bossBannerPulse{0%{box-shadow:0 8px 24px #ff475759;border-color:#ff4757}to{box-shadow:0 10px 32px #ffa50299;border-color:#ffa502}}.boss-banner-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.boss-icon{font-size:1.2rem}.boss-title{color:#fff;font-family:Outfit,sans-serif;font-weight:800;font-size:.95rem;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.8)}.boss-phase-badge{background:linear-gradient(135deg,#ff4757,#e84118);color:#fff;font-family:Outfit,sans-serif;font-weight:800;font-size:.72rem;padding:3px 9px;border-radius:12px;letter-spacing:.8px;box-shadow:0 2px 8px #e8411880}.boss-hp-track{width:100%;height:12px;background:#000000b3;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.boss-hp-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff4757,#ffa502,#2ed573);border-radius:6px;box-shadow:0 0 10px #ff4757;transition:width .2s cubic-bezier(.4,0,.2,1)}.boss-hp-sub{display:flex;justify-content:flex-end;color:#ffa502;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700}.platformer-touch-overlay{position:absolute;bottom:0;left:0;right:0;width:100%;max-width:100vw;height:230px;z-index:180;pointer-events:none;box-sizing:border-box;overflow:hidden;padding:0 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.platformer-touch-left-zone{position:absolute;bottom:16px;bottom:max(16px,env(safe-area-inset-bottom));left:16px;left:max(16px,env(safe-area-inset-left));width:130px;height:130px;pointer-events:auto;touch-action:none}.platformer-joystick-zone{width:120px;height:120px;position:absolute;top:5px;left:5px;pointer-events:none}.platformer-joystick-base{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#ffffff24,#ffffff0a);border:2px solid rgba(255,255,255,.35);box-shadow:0 0 20px #00000080,inset 0 0 15px #ffffff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.platformer-joystick-stick{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff6b81,#ff4757 60%,#c23616);border:2.5px solid #ffffff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 15px #ff4757b3,inset 0 2px 4px #ffffff80;pointer-events:none;transition:transform .05s linear}.platformer-touch-center{display:none!important}.platformer-touch-right{position:absolute;bottom:16px;bottom:max(16px,env(safe-area-inset-bottom));right:16px;right:max(16px,env(safe-area-inset-right));display:flex;gap:14px;pointer-events:auto;align-items:flex-end;touch-action:none}.btn-platformer-action{border-radius:50%;color:#fff;font-family:Outfit,sans-serif;font-weight:800;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 6px 20px #00000080;transition:transform .08s ease,filter .08s ease;user-select:none;-webkit-user-select:none;touch-action:none}.btn-platformer-action:active,.btn-platformer-action.active{transform:scale(.92);filter:brightness(1.28)}.btn-platformer-jump{width:76px;height:76px;background:radial-gradient(circle,#2ed573,#10ac84);border:3.5px solid #7bed9f;box-shadow:0 0 24px #2ed573b3}.btn-platformer-jump .btn-touch-icon{font-size:1.4rem;line-height:1}.btn-platformer-jump .btn-touch-label{font-size:.72rem;letter-spacing:.5px}.btn-platformer-fire{width:66px;height:66px;margin-bottom:6px;background:radial-gradient(circle,#ff4757,#1e272e);border:3px solid #ffa502;box-shadow:0 0 22px #ff4757b3}.btn-platformer-fire .btn-touch-icon{font-size:1.3rem;line-height:1}.btn-platformer-fire .btn-touch-label{font-size:.7rem;letter-spacing:.5px}@media(max-width:768px){.platformer-nav{padding:6px 10px;height:48px;overflow-x:auto;scrollbar-width:none}.platformer-nav::-webkit-scrollbar{display:none}.platformer-title-badge,.platformer-nav .btn-return-hub-prominent .hub-btn-text{display:none}.platformer-nav .btn-return-hub-prominent{padding:4px 8px;min-width:38px}.platformer-nav .nav-buttons{gap:4px;flex-shrink:0}.platformer-nav .btn-nav-roster{padding:4px 8px}.platformer-nav .nav-hero-badge{display:none}.platformer-nav .btn-arcade{padding:4px 7px;font-size:.75rem}.platformer-nav .nav-score-box{padding:3px 6px;font-size:.75rem}.platformer-in-game-hud{top:52px;left:10px;right:10px}.platformer-hud-right,.platformer-controls-bar{display:none!important}.platformer-touch-overlay{height:160px;max-height:45vh;padding:0 10px 10px;pointer-events:none!important}.platformer-touch-center{display:none!important}.btn-platformer-jump{width:66px;height:66px}.btn-platformer-fire{width:58px;height:58px}.platformer-touch-left-zone{width:110px;height:110px;bottom:10px;left:10px}.platformer-touch-right{bottom:10px;right:10px;gap:8px}}@media(max-width:480px){.platformer-touch-center,.btn-touch-mini{display:none!important}.btn-platformer-jump{width:62px;height:62px}.btn-platformer-fire{width:54px;height:54px}.platformer-touch-left-zone{width:100px;height:100px;bottom:8px;left:8px}.platformer-touch-right{bottom:8px;right:8px;gap:6px}}.has-touch-device .platformer-hud-right,.has-touch-device .platformer-controls-bar{display:none!important}.platformer-start-card{max-width:680px!important}.platformer-logo{color:#ff4757!important;text-shadow:0 0 20px rgba(255,71,87,.6)!important}.platformer-sub-flame{color:#ffa502!important}.platformer-intro-text{font-family:Outfit,sans-serif;font-size:1.02rem;color:#e2e8f0;line-height:1.6;text-align:center;margin:14px 0}.platformer-heroes-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:16px 0}.hero-chip{background:#0f172ab3;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:6px 10px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;text-align:center}.chip-mario{border-color:#ff4757;color:#ff6b81}.chip-luigi{border-color:#2ed573;color:#7bed9f}.chip-peach{border-color:#ff9ff3;color:#f368e0}.chip-toad{border-color:#00d2d3;color:#48dbfb}.chip-wario{border-color:#ffc048;color:#ffdd59}.chip-shadow{border-color:#8854d0;color:#a55eea}.btn-platformer-play{background:linear-gradient(135deg,#ff4757,#ffa502)!important}.platformer-roster-modal{max-width:820px!important}.platformer-roster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}.roster-hero-card{background:#0f172acc;border:2px solid rgba(255,255,255,.15);border-radius:16px;padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .2s ease}.roster-hero-card:hover{transform:translateY(-4px);border-color:#ff4757;box-shadow:0 8px 24px #ff475759}.roster-hero-card.selected{border-color:#ffa502!important;background:#1e293be6!important;box-shadow:0 0 24px #ffa50280!important}.roster-card-icon{font-size:2.2rem;margin-bottom:6px}.roster-card-name{font-family:Outfit,sans-serif;font-weight:800;font-size:1.2rem;color:#fff}.roster-card-title{font-family:Outfit,sans-serif;font-size:.82rem;color:#94a3b8;margin-bottom:8px}.roster-fireball-badge{font-family:Outfit,sans-serif;font-weight:700;font-size:.8rem;border:1px solid;border-radius:12px;padding:3px 8px;margin-bottom:8px}.roster-card-desc{font-family:Outfit,sans-serif;font-size:.78rem;color:#cbd5e1;line-height:1.4}.levels-modal-card{max-width:780px!important;max-height:85vh;overflow-y:auto}.biomes-legend-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 16px}.biome-pill{font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;border-radius:14px;padding:4px 10px}.pill-plains{background:#4cd13733;border:1px solid #4cd137;color:#4cd137}.pill-desert{background:#f5cd7933;border:1px solid #f5cd79;color:#f5cd79}.pill-ice{background:#70a1ff33;border:1px solid #70a1ff;color:#70a1ff}.pill-cloud{background:#a29bfe33;border:1px solid #a29bfe;color:#a29bfe}.pill-lava{background:#eb4d4b33;border:1px solid #eb4d4b;color:#eb4d4b}.platformer-levels-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-top:8px}@media(max-width:640px){.platformer-levels-grid{grid-template-columns:repeat(5,1fr)}}.level-grid-btn{background:#0f172ad9;border:1.5px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;font-family:Outfit,sans-serif}.level-grid-btn.unlocked{border-color:#2ed573;color:#fff}.level-grid-btn.unlocked:hover{transform:scale(1.08);border-color:#7bed9f;background:#2ed57333}.level-grid-btn.current{border-color:#ffa502!important;background:#ffa50240!important;box-shadow:0 0 12px #ffa50299!important}.level-grid-btn.locked{opacity:.45;cursor:not-allowed;border-color:#ffffff1a;color:#64748b}.level-btn-num{font-weight:800;font-size:1rem}.level-btn-status{font-size:.72rem;margin-top:2px}.victory-stats-row{display:flex;justify-content:center;gap:20px;margin:16px 0}.stat-box{background:#0f172acc;border:1px solid #ffd700;border-radius:14px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;color:gold}.btn-victory-next{background:linear-gradient(135deg,#2ed573,#10ac84)!important;color:#fff!important}.card-kart{background:linear-gradient(145deg,#1a1a2ef2,#0f0f1ef2);border:2px solid #ff4757;box-shadow:0 10px 30px #ff475740}.card-kart:hover{border-color:#ff6b81;box-shadow:0 14px 40px #ff475773;transform:translateY(-4px)}.badge-kart{background:linear-gradient(90deg,#ff4757,#ffa502);color:#fff;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.5)}.visual-kart{background:radial-gradient(circle at center,rgba(255,71,87,.3) 0%,transparent 70%)}.btn-play-kart{background:linear-gradient(135deg,#ff4757,#ff6348,#ffa502);color:#fff;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:0 6px 20px #ff475766}.btn-play-kart:hover{box-shadow:0 8px 26px #ff475799;filter:brightness(1.1);transform:scale(1.02)}.kart-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;width:100vw;height:100%;height:100dvh;background:#0f0f1a;overflow:hidden;z-index:100;display:flex;flex-direction:column}.kart-container.hidden{display:none!important}.kart-canvas-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}#kart-canvas{width:100%!important;height:100%!important;display:block}.kart-nav{position:absolute;top:0;left:0;right:0;z-index:20;background:linear-gradient(180deg,#0a0a14d9,#0a0a1400);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.kart-title-badge{background:linear-gradient(135deg,#ff4757,#ff6348);color:#fff;font-family:var(--font-pixel);font-size:.85rem;padding:6px 14px;border-radius:8px;box-shadow:0 2px 10px #ff475780}.kart-in-game-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto;padding:60px 24px 24px}.kart-hud-j1-wrapper{display:contents}.kart-hud-top-left{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start}.kart-item-box{background:#0f172ad9;border:3px solid #ffa502;border-radius:18px;padding:10px 18px;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 24px #ffa50266,inset 0 0 12px #ffa50233;min-width:96px;transition:all .2s ease}.kart-item-box.rolling{border-color:#ff4757;box-shadow:0 0 20px #ff4757,inset 0 0 15px #ff4757;animation:item-box-pulse .2s infinite alternate}@keyframes item-box-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.kart-item-icon{font-size:2.5rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.kart-item-name{font-family:var(--font-pixel);font-size:.65rem;color:#fed330;margin-top:4px;letter-spacing:.5px}.kart-item-hint{font-size:.62rem;color:#a4b0be;font-weight:700;margin-top:2px}.kart-hud-top-center{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center}.kart-lap-badge{background:#141423d9;border:2px solid #3867d6;border-radius:14px;padding:8px 24px;color:#fff;font-family:var(--font-pixel);font-size:1.1rem;box-shadow:0 6px 18px #3867d666}.kart-lap-badge .lap-label{color:#45aaf2;margin-right:8px;font-size:.85rem}.kart-final-lap-banner{margin-top:14px;background:linear-gradient(90deg,#ff3838,#ff9f1a,#ff3838);background-size:200% auto;color:#fff;font-family:var(--font-pixel);font-size:1.3rem;padding:10px 30px;border-radius:12px;box-shadow:0 0 25px #ff3838cc;animation:banner-flash .5s infinite alternate}@keyframes banner-flash{0%{transform:scale(.96)}to{transform:scale(1.06)}}.kart-hud-top-right{grid-column:3;grid-row:1;display:flex;justify-content:flex-end}.kart-minimap-wrapper{background:#0f172ad9;border:2px solid rgba(255,255,255,.2);border-radius:20px;padding:6px;box-shadow:0 6px 20px #00000080}#kart-minimap-canvas{border-radius:14px;display:block}.kart-hud-bottom-left{grid-column:1;grid-row:3;display:flex;align-items:flex-end;gap:16px}.kart-position-badge{background:linear-gradient(135deg,#ffa502f2,#ff4757f2);border:3px solid #ffffff;border-radius:20px;padding:8px 18px;box-shadow:0 8px 30px #ff475799;display:flex;flex-direction:column;align-items:center}.kart-position-badge .pos-prefix{font-family:var(--font-pixel);font-size:.65rem;color:#ffeaa7}.kart-position-badge .pos-num{font-family:var(--font-pixel);font-size:2.2rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1}.kart-coins-badge{background:#0f172ad9;border:2px solid #fed330;border-radius:16px;padding:8px 16px;font-family:var(--font-pixel);font-size:1.1rem;color:#fed330;box-shadow:0 4px 16px #fed3304d;display:flex;align-items:center;gap:4px}.kart-coins-badge .coin-max{font-size:.75rem;color:#a4b0be}.kart-hud-bottom-right{grid-column:3;grid-row:3;display:flex;justify-content:flex-end;align-items:flex-end}.kart-speedometer{background:#0f172ad9;border:2px solid #2ed573;border-radius:18px;padding:10px 20px;box-shadow:0 4px 20px #2ed5734d;display:flex;align-items:baseline;gap:6px}.kart-speedometer .speed-num{font-family:var(--font-pixel);font-size:2.2rem;color:#2ed573;text-shadow:0 0 10px rgba(46,213,115,.6)}.kart-speedometer .speed-unit{font-family:var(--font-pixel);font-size:.72rem;color:#7bed9f}.kart-countdown-overlay{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-pixel);font-size:6rem;color:#fff;text-shadow:0 0 35px #ff4757,0 0 70px #ff6348,0 6px 12px rgba(0,0,0,.8);pointer-events:none;z-index:50;animation:countdown-pop .9s cubic-bezier(.175,.885,.32,1.275) infinite}.kart-countdown-overlay.go{font-size:4.8rem;color:#2ed573;text-shadow:0 0 35px #2ed573,0 0 70px #10ac84,0 6px 12px rgba(0,0,0,.8)}@keyframes countdown-pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.kart-touch-overlay{position:absolute;bottom:calc(6px + env(safe-area-inset-bottom,0px));left:calc(8px + env(safe-area-inset-left,0px));right:calc(8px + env(safe-area-inset-right,0px));height:auto;display:none;justify-content:space-between;align-items:flex-end;padding:0;z-index:60;pointer-events:none;box-sizing:border-box}.has-touch-device .kart-touch-overlay,.is-touch-device .kart-touch-overlay{display:flex!important}.has-touch-device .kart-controls-bar,.is-touch-device .kart-controls-bar{display:none!important}@media(pointer:coarse),(hover:none),(max-width:1200px),(max-height:620px),(orientation:landscape)and (max-height:550px){.kart-touch-overlay{display:flex!important}.kart-controls-bar{display:none!important}}.kart-touch-left,.kart-touch-right{pointer-events:auto;display:flex}.kart-touch-center{display:none!important}.kart-touch-left{gap:clamp(6px,2vmin,12px);align-items:flex-end}.btn-touch-kart{background:#141a28e6;border:2px solid rgba(255,255,255,.35);border-radius:50%;width:clamp(44px,13vmin,64px);height:clamp(44px,13vmin,64px);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #0009;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none;transition:transform .08s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease;padding:0;box-sizing:border-box;flex-shrink:0;overflow:hidden}.btn-touch-kart:active,.btn-touch-kart.active{transform:scale(.91)!important;filter:brightness(1.25)}.btn-touch-kart .btn-touch-icon{font-size:clamp(1rem,3.2vmin,1.35rem);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));pointer-events:none}.btn-touch-label{font-family:var(--font-pixel);font-size:clamp(.32rem,1.1vmin,.44rem);margin-top:1px;letter-spacing:0;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis;text-align:center;pointer-events:none}.btn-touch-kart.btn-steer{border-color:#00d2d3;background:linear-gradient(145deg,#192a3ceb,#0f1928f5);box-shadow:0 4px 14px #00d2d340}.btn-touch-kart.btn-steer:active,.btn-touch-kart.btn-steer.active{border-color:#fed330;box-shadow:0 0 16px #fed33099}.kart-touch-right{flex-direction:column;align-items:flex-end;gap:clamp(6px,1.8vmin,10px)}.kart-touch-action-row,.kart-touch-pedals-row{display:flex;gap:clamp(6px,2vmin,12px);align-items:flex-end}.btn-touch-kart.btn-gas{background:linear-gradient(135deg,#2ed573,#10ac84);border-color:#7bed9f;width:clamp(52px,15.5vmin,72px);height:clamp(46px,13vmin,64px);border-radius:18px;box-shadow:0 4px 18px #2ed57380}.btn-touch-kart.btn-gas:active,.btn-touch-kart.btn-gas.active{box-shadow:0 0 22px #2ed573e6;border-color:#fff}.btn-touch-kart.btn-brake{background:linear-gradient(135deg,#ff4757,#c0392b);border-color:#ff6b81;width:clamp(44px,12vmin,58px);height:clamp(44px,12vmin,58px);border-radius:16px;box-shadow:0 4px 16px #ff475766}.btn-touch-kart.btn-drift{background:linear-gradient(135deg,#ffa502,#e67e22);border-color:#fed330;width:clamp(42px,11.5vmin,56px);height:clamp(42px,11.5vmin,56px);box-shadow:0 4px 14px #ffa50266}.btn-touch-kart.btn-item{background:linear-gradient(135deg,#3742fa,#1e272e);border-color:#70a1ff;width:clamp(42px,11.5vmin,56px);height:clamp(42px,11.5vmin,56px);box-shadow:0 4px 14px #3742fa66}@media(max-height:620px){.kart-nav{padding:4px 10px}.kart-nav .track-badge-box,.kart-nav .racer-badge-box{display:none!important}.kart-title-badge{font-size:.72rem;padding:3px 8px}.kart-nav .btn-arcade{padding:4px 8px;font-size:.72rem}.kart-in-game-hud{padding:0;display:block}.kart-hud-top-left{position:absolute;top:38px;left:8px}.kart-hud-top-center{position:absolute;top:38px;left:50%;transform:translate(-50%)}.kart-hud-top-right{position:absolute;top:38px;right:8px}.kart-hud-bottom-left{position:absolute;top:92px;left:8px;flex-direction:column;align-items:flex-start;gap:4px;transform:scale(.78);transform-origin:top left}.kart-hud-bottom-right{position:absolute;top:126px;right:8px;transform:scale(.78);transform-origin:top right}.kart-minimap-wrapper{transform:scale(.6);transform-origin:top right}.kart-item-box{padding:4px 8px;min-width:54px;transform:scale(.78);transform-origin:top left}.kart-lap-badge{padding:3px 12px;font-size:.82rem}}@media(max-height:480px){.btn-touch-label{display:none!important}.btn-touch-kart .btn-touch-icon{font-size:clamp(1.1rem,3.8vmin,1.35rem)}.kart-hud-bottom-right{top:118px}}@media(max-width:600px)and (orientation:portrait),(max-width:500px){.kart-nav{padding:6px 10px}.kart-nav .track-badge-box,.kart-nav .racer-badge-box{display:none!important}.kart-title-badge{font-size:.72rem;padding:3px 6px}.kart-in-game-hud{padding:0;display:block}.kart-hud-top-left{position:absolute;top:46px;left:8px;transform:scale(.8);transform-origin:top left}.kart-hud-top-center{position:absolute;top:46px;left:50%;transform:translate(-50%) scale(.85);transform-origin:top center}.kart-hud-top-right{position:absolute;top:46px;right:8px;transform:scale(.65);transform-origin:top right}.kart-hud-bottom-left{position:absolute;bottom:125px;left:8px;flex-direction:column;align-items:flex-start;gap:4px;transform:scale(.8);transform-origin:bottom left}.kart-hud-bottom-right{position:absolute;bottom:125px;right:8px;transform:scale(.8);transform-origin:bottom right}.kart-position-badge{padding:4px 10px}.kart-position-badge .pos-num{font-size:1.5rem}.kart-speedometer{padding:6px 10px}.kart-speedometer .speed-num{font-size:1.5rem}.kart-item-box{padding:4px 8px;min-width:54px}}.kart-start-card{max-width:900px;max-height:90vh;overflow-y:auto;border-color:#ff4757!important}.kart-intro-text{font-size:.95rem;color:#ced6e0;line-height:1.5;margin:10px 0 20px;text-align:center}.kart-selection-section{margin-bottom:22px}.kart-select-title{font-family:var(--font-pixel);font-size:.85rem;color:#fed330;margin-bottom:12px;text-align:left}.kart-roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.kart-pilot-card{background:#1e272ecc;border:2px solid rgba(255,255,255,.15);border-radius:14px;padding:10px;text-align:center;cursor:pointer;transition:all .2s ease}.kart-pilot-card:hover{transform:translateY(-3px);border-color:#ffa502;box-shadow:0 6px 18px #ffa5024d}.kart-pilot-card.selected{border-color:#ff4757;background:#ff475733;box-shadow:0 0 16px #ff475780}.pilot-avatar{font-size:2.2rem;margin-bottom:4px}.pilot-name{font-weight:800;font-size:.88rem}.pilot-badge{font-size:.65rem;color:#a4b0be;margin-bottom:6px}.pilot-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:.62rem;background:#00000059;padding:4px;border-radius:6px}.p-stat span{color:#747d8c;margin-right:2px}.p-stat strong{color:#fff}.kart-track-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.kart-track-card{background:#1e272ecc;border:2px solid rgba(255,255,255,.15);border-radius:14px;padding:14px;text-align:center;cursor:pointer;transition:all .2s ease}.kart-track-card:hover{transform:translateY(-3px);border-color:#38ada9;box-shadow:0 6px 18px #38ada94d}.kart-track-card.selected{border-color:#fed330;background:#fed3302e;box-shadow:0 0 16px #fed33066}.track-icon{font-size:2.4rem;margin-bottom:6px}.track-name{font-weight:800;font-size:1rem;color:#fff}.track-theme{font-size:.75rem;color:#a4b0be;margin-top:2px}.btn-kart-play{background:linear-gradient(135deg,#ff4757,#ff6348,#ffa502)!important;box-shadow:0 6px 25px #ff475780!important}.kart-victory-card{border-color:#fed330!important}.kart-podium-rank-box{background:#0006;border:2px solid #fed330;border-radius:16px;padding:12px 24px;margin:16px auto;display:inline-flex;flex-direction:column;align-items:center}.kart-podium-rank-box .podium-label{font-family:var(--font-pixel);font-size:.72rem;color:#ffeaa7;margin-bottom:4px}.kart-podium-rank-box .podium-rank{font-family:var(--font-pixel);font-size:3rem;color:#fed330;text-shadow:0 0 20px rgba(254,211,48,.8)}.kart-mode-selection-container{margin-bottom:20px}.kart-mode-select-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kart-mode-tab{display:flex;align-items:center;gap:12px;background:#1a1a2ed9;border:2px solid rgba(255,255,255,.15);border-radius:14px;padding:12px 14px;color:#fff;cursor:pointer;transition:all .22s ease;text-align:left}.kart-mode-tab:hover{border-color:#38ada9;background:#38ada926;transform:translateY(-2px)}.kart-mode-tab.active{border-color:#fed330;background:linear-gradient(135deg,#fed33040,#ff6b6b33);box-shadow:0 0 16px #fed33066,inset 0 0 10px #fed33033}.kart-mode-tab .mode-icon{font-size:1.8rem;flex-shrink:0}.kart-mode-tab .mode-text{display:flex;flex-direction:column}.kart-mode-tab .mode-text strong{font-size:.92rem;font-weight:800;color:#fff;letter-spacing:.5px}.kart-mode-tab.active .mode-text strong{color:#fed330}.kart-mode-tab .mode-text span{font-size:.72rem;color:#a4b0be;margin-top:2px}.kart-splitscreen-divider{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:40;pointer-events:none;display:flex;align-items:center;justify-content:center}.kart-splitscreen-divider .divider-line{position:absolute;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff4757,#fed330,#2ed573);box-shadow:0 0 12px #fed330cc,0 0 24px #ff475799}.kart-splitscreen-divider .divider-badges{position:relative;display:flex;gap:20px;z-index:2}.badge-j1-tag,.badge-j2-tag{font-family:var(--font-pixel);font-size:.65rem;padding:4px 12px;border-radius:20px;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.badge-j1-tag{background:#ff4757e6;color:#fff;border:1px solid #ff6b81}.badge-j2-tag{background:#2ed573e6;color:#fff;border:1px solid #7bed9f}.kart-hud-j2-wrapper{position:absolute;top:50%;bottom:0;left:0;right:0;pointer-events:none;z-index:30}.kart-j2-top-left{position:absolute;top:14px;left:14px}.kart-item-box-j2{border-color:#2ed573!important;box-shadow:0 0 12px #2ed57380!important}.kart-j2-bottom-left{position:absolute;bottom:14px;left:14px;display:flex;align-items:flex-end;gap:14px}.badge-j2{border-color:#2ed573!important;color:#2ed573!important}.badge-coins-j2{border-color:#2ed573!important}.kart-j2-bottom-right{position:absolute;bottom:14px;right:14px}.speedometer-j2{border-color:#2ed573!important}.ctrl-hint-p2{color:#7bed9f}.kbd-hint-tag{font-size:.72rem;color:#fed330;margin-left:6px;font-weight:400}.kart-online-box{background:#0f1423e6;border:2px dashed #00d2d3;border-radius:14px;padding:16px;margin-bottom:20px}.online-box-header{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#00d2d3;margin-bottom:8px}.online-dot-pulse{color:#2ed573;animation:pulse-dot 1.4s infinite}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.online-hint-text{font-size:.82rem;color:#dfe4ea;margin-bottom:14px;line-height:1.4}.online-actions-row{display:flex;gap:12px;flex-wrap:wrap}.btn-online-lobby-open{background:linear-gradient(135deg,#10ac84,#1dd1a1)!important;color:#fff;padding:10px 18px;border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;border:none;transition:all .2s ease}.btn-online-lobby-open:hover{transform:translateY(-2px);box-shadow:0 4px 14px #1dd1a166}.btn-online-qm{background:linear-gradient(135deg,#ff9f43,#ee5253)!important;color:#fff;padding:10px 18px;border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;border:none;transition:all .2s ease}.btn-online-qm:hover{transform:translateY(-2px);box-shadow:0 4px 14px #ee525366}@media(max-width:768px){.kart-mode-select-row{grid-template-columns:1fr}}.kart-controls-bar{position:absolute;bottom:0;left:0;right:0;max-width:100%;justify-content:center;background:#0a0f19e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1);padding:6px 16px;z-index:15;pointer-events:none}.kart-splitscreen-active .kart-controls-bar{display:none}@media(max-width:600px){.kart-roster-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kart-track-grid{grid-template-columns:1fr;gap:8px}}.card-adventure{border:2px solid rgba(255,215,0,.35)!important;box-shadow:0 16px 36px #0009,0 0 20px #ffa5021f!important}.card-adventure:hover{border-color:gold!important;box-shadow:0 20px 48px #000000b3,0 0 30px #ffd70059!important}.badge-adventure{background:linear-gradient(135deg,#b8860b,gold,#8a2be2)!important;color:#0b0f19!important;font-weight:900!important}.visual-adventure{background:radial-gradient(circle at center,#8a2be273,#141e32cc 60%,#080c14)!important;border:1px solid rgba(255,215,0,.3)!important}.btn-play-adventure{background:linear-gradient(135deg,gold,#ff9f43,#ee5253)!important;color:#0b0f19!important;font-weight:900!important;text-shadow:0 1px 1px rgba(255,255,255,.4)!important;box-shadow:0 6px 20px #ff9f4373!important}.btn-play-adventure:hover{box-shadow:0 8px 28px #ff9f43b3!important;filter:brightness(1.1);transform:scale(1.02)}.adventure-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;background:#080c14;overflow:hidden;z-index:100;display:flex;flex-direction:column}.adventure-container.hidden{display:none!important}.adventure-nav{position:relative;z-index:40;background:#0a0f1af2;border-bottom:2px solid rgba(255,215,0,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 14px;display:flex;align-items:center;justify-content:space-between}.btn-adventure-hub{background:linear-gradient(135deg,#d4af37,#ff9f43)!important;color:#000!important;font-weight:900!important;border-color:gold!important}.badge-adventure-nav{background:#ffd70026;border:1px solid rgba(255,215,0,.4);color:gold;font-family:"Press Start 2P",monospace;font-size:.72rem;padding:4px 10px;border-radius:6px}.adventure-nav-center{display:flex;align-items:center;justify-content:center}.adventure-nav-level-badge{background:#0009;border:1px solid rgba(255,215,0,.35);border-radius:20px;padding:4px 14px;display:flex;align-items:center;gap:8px;font-family:"Press Start 2P",monospace;font-size:.7rem;color:gold}.adv-sep{color:#ffffff4d}.adv-biome-text{color:#2ed573}.adventure-nav-right{display:flex;align-items:center;gap:8px}.adventure-currencies{display:flex;align-items:center;gap:6px;margin-right:4px}.adv-curr-pill{background:#ffffff14;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:3px 10px;font-family:Outfit,sans-serif;font-size:.82rem;color:#fff;font-weight:700;display:flex;align-items:center;gap:4px}.btn-adv-nav{background:#ffd7001f!important;border:1px solid rgba(255,215,0,.35)!important;color:gold!important;font-family:Outfit,sans-serif!important;font-weight:700!important;font-size:.8rem!important;padding:5px 10px!important;border-radius:8px!important;transition:all .2s ease}.btn-adv-nav:hover{background:#ffd70040!important;transform:translateY(-1px)}.adventure-canvas{flex:1;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;background:#080c14}.adventure-hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:25;padding:62px 14px 14px;display:flex;flex-direction:column}.adventure-hero-hud-card{pointer-events:auto;background:#0a0e19e0;border:1px solid rgba(255,215,0,.35);border-radius:14px;padding:10px 14px;width:220px;box-shadow:0 8px 24px #0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-hud-top-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.hero-hud-avatar{font-size:1.6rem;filter:drop-shadow(0 2px 6px rgba(255,215,0,.4))}.hero-hud-name-box{flex:1}.hero-hud-lvl{font-family:"Press Start 2P",monospace;font-size:.65rem;color:gold;display:block;margin-bottom:4px}.hero-hud-xp-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.hero-hud-xp-fill{height:100%;background:linear-gradient(90deg,gold,#ff9f43);transition:width .3s ease}.adv-bar-group{margin-bottom:6px}.adv-bar-label-row{display:flex;justify-content:space-between;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;color:#cbd5e1;margin-bottom:2px}.adv-bar-track{width:100%;height:8px;background:#0009;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.hp-fill{height:100%;background:linear-gradient(90deg,#ff4757,#ff6b81);transition:width .15s ease}.mp-fill{height:100%;background:linear-gradient(90deg,#1e90ff,#70a1ff);transition:width .15s ease}.stamina-track{height:5px}.stamina-fill{height:100%;background:linear-gradient(90deg,#2ed573,#7bed9f);transition:width .1s ease}.adventure-boss-banner{position:absolute;top:60px;left:50%;transform:translate(-50%);width:clamp(280px,60vw,540px);background:#180606f0;border:2px solid #ff4757;border-radius:12px;padding:10px 18px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 25px #ff475780;pointer-events:auto;animation:bossBannerPulse 2s infinite ease-in-out}@keyframes bossBannerPulse{0%,to{box-shadow:0 0 20px #ff475766}50%{box-shadow:0 0 35px #ff4757b3}}.boss-banner-header{display:flex;gap:8px;align-items:center;margin-bottom:6px}.boss-banner-name{font-family:"Press Start 2P",monospace;font-size:.75rem;color:#ff6b81;text-align:center}.boss-bar-track{width:100%;height:12px;background:#250808;border-radius:6px;overflow:hidden;border:1px solid #ff4757}.boss-bar-fill{height:100%;background:linear-gradient(90deg,#ff4757,#ffa502);transition:width .2s ease}.boss-bar-num{font-family:Outfit,sans-serif;font-size:.75rem;color:#fff;margin-top:3px;font-weight:700}.adventure-controls-bar{position:absolute;bottom:0;left:0;right:0;background:#0a0f19e0;border-top:1px solid rgba(255,215,0,.2);padding:6px 14px;display:flex;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;z-index:25}.adv-controls-group{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.adv-ctrl-chip{background:#00000080;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:2px 8px;font-family:Outfit,sans-serif;font-size:.72rem;color:#cbd5e1}.adv-ctrl-chip kbd{background:#ffd70033;color:gold;border-radius:3px;padding:1px 4px;font-family:monospace;font-weight:700}.adventure-touch-controls{display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:35;user-select:none;-webkit-user-select:none;touch-action:none}.has-touch-device .adventure-touch-controls{display:flex!important}.adventure-touch-left-zone{position:absolute;bottom:0;left:0;width:48vw;height:52vh;pointer-events:auto;touch-action:none}.adventure-joystick-base{position:absolute;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#ffd70026,#0009);border:2px solid rgba(255,215,0,.4);transform:translate(-50%,-50%);left:80px;bottom:80px;pointer-events:none;box-shadow:0 0 20px #ffd70033}.adventure-joystick-nub{position:absolute;top:50%;left:50%;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,gold,#b8860b);transform:translate(-50%,-50%);box-shadow:0 4px 10px #00000080;border:2px solid #ffffff}.adventure-touch-center-bar{position:absolute;top:52px;left:50%;transform:translate(-50%);display:flex;gap:5px;pointer-events:auto;flex-wrap:wrap;justify-content:center;max-width:95vw}.btn-adv-touch-pill{background:#0a0f19e0;border:1px solid rgba(255,215,0,.35);color:gold;border-radius:20px;padding:5px 11px;font-family:Outfit,sans-serif;font-size:.74rem;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation}.btn-adv-touch-pill.heal-pill{border-color:#ff4757;color:#ff6b81}.btn-adv-touch-pill.mana-pill{border-color:#1e90ff;color:#70a1ff}.adventure-touch-action-cluster{position:absolute;bottom:16px;right:12px;width:240px;height:220px;pointer-events:auto}.btn-adv-touch-action{position:absolute;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 6px 16px #00000080;cursor:pointer;touch-action:manipulation;transition:transform .08s ease;user-select:none;-webkit-user-select:none}.btn-adv-touch-action:active,.btn-adv-touch-action.active{transform:scale(.92);filter:brightness(1.25)}.touch-btn-icon{font-size:1.25rem;line-height:1}.touch-btn-label{font-family:Outfit,sans-serif;font-size:.55rem;font-weight:900;color:#fff;margin-top:2px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.btn-touch-sword{width:66px;height:66px;bottom:10px;right:10px;background:radial-gradient(circle,#ff4757,#b33939);border-color:gold}.btn-touch-throw{width:52px;height:52px;bottom:84px;right:10px;background:radial-gradient(circle,#f39c12,#d35400);border-color:gold}.btn-touch-spin{width:52px;height:52px;bottom:10px;right:84px;background:radial-gradient(circle,#00cec9,#0984e3);border-color:#55efc4}.btn-touch-shield{width:48px;height:48px;bottom:148px;right:14px;background:radial-gradient(circle,#2ed573,#218c74)}.btn-touch-bow{width:48px;height:48px;bottom:10px;right:148px;background:radial-gradient(circle,#ffa502,#cc8e35)}.btn-touch-spell{width:50px;height:50px;bottom:78px;right:78px;background:radial-gradient(circle,#8a2be2,indigo);border-color:#70a1ff}.btn-touch-roll{width:46px;height:46px;bottom:142px;right:78px;background:radial-gradient(circle,#00d2d3,#01a3a4)}.adventure-screen-start{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#140f23f2,#06080e 95%);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.adventure-start-card{max-width:640px;width:100%;background:#0c101ef2;border:2px solid rgba(255,215,0,.4);border-radius:20px;padding:clamp(20px,4vw,32px);text-align:center;box-shadow:0 20px 60px #000c,0 0 30px #ffd70026;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.adv-start-banner-glow{font-family:"Press Start 2P",monospace;font-size:.72rem;color:gold;margin-bottom:12px;letter-spacing:2px;text-shadow:0 0 12px rgba(255,215,0,.6)}.adv-start-title{font-family:"Press Start 2P",monospace;font-size:clamp(1.3rem,3.5vw,1.9rem);color:#fff;margin-bottom:8px;text-shadow:0 4px 16px rgba(255,215,0,.4)}.adv-start-subtitle{font-family:Outfit,sans-serif;font-size:.95rem;color:#94a3b8;margin-bottom:24px}.adv-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:24px}.adv-feat-box{background:#ffffff0a;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px}.adv-feat-icon{font-size:1.5rem}.adv-feat-box strong{font-family:Outfit,sans-serif;font-size:.78rem;color:#fff}.adv-feat-box small{font-family:Outfit,sans-serif;font-size:.68rem;color:#94a3b8}.btn-adv-primary-play{width:100%;min-height:54px;background:linear-gradient(135deg,gold,#ff9f43,#ee5253);border:none;border-radius:12px;font-family:"Press Start 2P",monospace;font-size:.82rem;color:#0b0f19;font-weight:900;cursor:pointer;box-shadow:0 8px 24px #ff9f4380;transition:all .2s ease;margin-bottom:12px}.btn-adv-primary-play:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 10px 30px #ff9f43b3}.btn-adv-online-duel{width:100%;min-height:50px;background:linear-gradient(135deg,#4f46e5,#7c3aed,#db2777);border:2px solid #a855f7;border-radius:12px;font-family:"Press Start 2P",monospace;font-size:.72rem;color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 24px #7c3aed73;transition:all .2s ease;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.6)}.btn-adv-online-duel:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 10px 32px #a855f7b3;border-color:gold}.btn-qm-adventure{background:linear-gradient(135deg,#4f46e54d,#7c3aed66);border:2px solid #818cf8}.btn-qm-adventure:hover{border-color:gold;box-shadow:0 0 20px #818cf899;transform:translateY(-2px)}.btn-challenge-adventure{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border:1px solid #c084fc!important;color:#fff!important;font-weight:700}.btn-challenge-adventure:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#9333ea)!important;box-shadow:0 0 10px #c084fc99;transform:scale(1.05)}.btn-adv-secondary-hub{background:transparent;border:1px solid rgba(255,255,255,.2);color:#cbd5e1;border-radius:10px;padding:10px 20px;font-family:Outfit,sans-serif;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-adv-secondary-hub:hover{border-color:gold;color:gold}.adventure-modal-card{max-width:820px;width:95%;max-height:85vh;overflow-y:auto;background:#0c101cf5;border:2px solid rgba(255,215,0,.35);border-radius:18px;padding:24px;box-shadow:0 20px 60px #000c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.adv-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:14px;margin-bottom:18px}.adv-modal-title-row{display:flex;gap:12px;align-items:center}.adv-modal-icon{font-size:2rem}.adventure-map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;max-height:60vh;overflow-y:auto;padding:6px}.map-level-cell{aspect-ratio:1;border-radius:10px;background:#141a2ad9;border:2px solid rgba(255,255,255,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.map-level-cell.unlocked:hover{transform:scale(1.08);filter:brightness(1.2);box-shadow:0 4px 14px #ffd70066}.map-level-cell.locked{opacity:.35;cursor:not-allowed}.map-level-cell.current{box-shadow:0 0 15px #ffa502,inset 0 0 10px #ffa502!important}.map-level-cell.boss-cell{background:radial-gradient(circle,#3d1414,#180808);box-shadow:0 0 10px #ff475780}.map-cell-num{font-family:"Press Start 2P",monospace;font-size:.65rem;color:#fff;margin-bottom:2px}.map-cell-status{font-size:.72rem}.inv-stats-pills-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.stat-pill{background:#ffffff0d;border:1px solid rgba(255,215,0,.25);border-radius:8px;padding:6px 12px;font-family:Outfit,sans-serif;font-size:.85rem;color:#cbd5e1}.inv-sections-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.inv-col-title{font-family:"Press Start 2P",monospace;font-size:.7rem;color:gold;margin-bottom:10px}.inv-items-grid{display:flex;flex-direction:column;gap:8px;max-height:45vh;overflow-y:auto}.inv-item-card{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 12px;cursor:pointer;transition:all .2s ease}.inv-item-card.equipped{border-color:#2ed573!important;background:#2ed5731f!important;box-shadow:0 0 10px #2ed5734d}.inv-item-card.locked{opacity:.35;cursor:not-allowed}.inv-item-card.owned:not(.equipped):hover{border-color:gold;background:#ffd7001a}.inv-item-icon{font-size:1.8rem}.inv-item-info{flex:1}.inv-item-name{font-family:Outfit,sans-serif;font-weight:700;font-size:.85rem;color:#fff}.inv-item-desc{font-family:Outfit,sans-serif;font-size:.75rem;color:#94a3b8}.shop-items-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;max-height:60vh;overflow-y:auto;padding:4px}.shop-card{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:12px}.shop-card-icon{font-size:2rem}.shop-card-info{flex:1}.shop-card-name{font-family:Outfit,sans-serif;font-weight:700;font-size:.85rem;color:#fff}.shop-card-desc{font-family:Outfit,sans-serif;font-size:.75rem;color:#94a3b8}.btn-shop-buy{background:linear-gradient(135deg,gold,#ff9f43);border:none;border-radius:8px;padding:8px 12px;font-family:Outfit,sans-serif;font-weight:800;font-size:.8rem;color:#0b0f19;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-shop-buy:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.btn-shop-buy:disabled{opacity:.35;cursor:not-allowed}.adv-victory-card{border:2px solid #ffd700!important;box-shadow:0 0 35px #ffd70066!important}.adv-gameover-card{border:2px solid #ff4757!important;box-shadow:0 0 35px #ff475766!important}@media(max-width:768px){.adventure-hero-hud-card{width:170px;padding:6px 10px}.hero-hud-avatar{font-size:1.2rem}.adv-bar-num{font-size:.65rem}.adventure-nav{padding:4px 8px}.badge-adventure-nav{display:none}}.card-soccer{border:2px solid rgba(16,185,129,.3)!important}.card-soccer:hover{border-color:#10b981!important;box-shadow:0 16px 40px #10b98140!important}.badge-soccer{background:linear-gradient(135deg,#10b981,#047857)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important}.visual-soccer{background:radial-gradient(circle at center,#10b981,#064e3b)!important}.btn-play-soccer{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 4px 15px #10b98159!important}.btn-play-soccer:hover{background:linear-gradient(135deg,#34d399,#059669)!important;box-shadow:0 6px 20px #10b9818c!important;transform:translateY(-2px)}.soccer-game-view{position:absolute;top:0;right:0;bottom:0;left:0;background:#09121f;overflow:hidden;user-select:none;-webkit-user-select:none}.soccer-hud-top-bar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:25;pointer-events:auto}.soccer-score-widget{display:flex;align-items:center;background:#0f172ae0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.18);border-radius:30px;padding:6px 18px;box-shadow:0 8px 24px #0009}.soccer-team-badge{display:flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-weight:800;font-size:.95rem;color:#fff}.soccer-team-badge.team-home{color:#60a5fa}.soccer-team-badge.team-away{color:#f87171}.dot-home{color:#3b82f6;font-size:1.1rem}.dot-away{color:#ef4444;font-size:1.1rem}.team-score{font-family:"Press Start 2P",monospace;font-size:1.25rem;color:#fff;min-width:24px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.8)}.soccer-score-sep{font-family:Outfit,sans-serif;font-weight:900;font-size:1.2rem;color:#fff6;margin:0 10px}.soccer-timer-badge{display:flex;align-items:center;gap:6px;background:#0f172ae0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #ffd700;border-radius:20px;padding:6px 14px;font-family:"Press Start 2P",monospace;font-size:.82rem;color:gold;box-shadow:0 8px 20px #00000080}.soccer-hud-actions{display:flex;align-items:center;gap:8px}.btn-soccer-hud-pill{background:#0f172ae0;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:6px 12px;color:#e2e8f0;font-family:Outfit,sans-serif;font-weight:800;font-size:.85rem;cursor:pointer;transition:all .15s ease}.btn-soccer-hud-pill:hover{background:#ffffff26;transform:translateY(-1px)}.soccer-goal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:45;pointer-events:none;transition:opacity .3s ease}.soccer-goal-overlay.active{animation:goalPopIn .45s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes goalPopIn{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}.soccer-goal-banner{background:radial-gradient(circle at center,#10b981f2,#064e3bfa);border:4px solid #ffd700;border-radius:28px;padding:30px 60px;text-align:center;box-shadow:0 0 60px #10b981cc,0 10px 40px #000c}.soccer-goal-title{font-family:Outfit,sans-serif;font-weight:900;font-size:3rem;color:gold;text-shadow:0 4px 15px rgba(0,0,0,.8);margin:0;letter-spacing:2px}.soccer-goal-team{font-family:Outfit,sans-serif;font-weight:800;font-size:1.4rem;color:#fff;margin-top:8px;text-shadow:0 2px 6px rgba(0,0,0,.8)}.soccer-touch-controls{z-index:160;pointer-events:none}.has-touch-device .soccer-touch-controls{display:flex!important}.has-touch-device .soccer-controls-bar{display:none!important}@media(pointer:coarse),(hover:none),(max-width:900px){.soccer-touch-controls{display:flex!important}.soccer-controls-bar{display:none!important}}.soccer-action-cluster{position:absolute;bottom:24px;right:18px;width:170px;height:160px;pointer-events:auto}.btn-touch-kick{width:72px;height:72px;bottom:12px;right:12px;background:radial-gradient(circle,#10b981,#047857);border:3px solid #ffd700;box-shadow:0 4px 18px #10b98180,0 2px 8px #0009}.btn-touch-kick:active,.btn-touch-kick.active{transform:scale(.92);box-shadow:0 0 24px #10b981}.btn-touch-tackle{width:62px;height:62px;bottom:90px;right:16px;background:radial-gradient(circle,#f59e0b,#b45309);border:2px solid #ffffff;box-shadow:0 4px 14px #f59e0b80,0 2px 8px #0009}.btn-touch-tackle:active,.btn-touch-tackle.active{transform:scale(.92);box-shadow:0 0 20px #f59e0b}.soccer-mode-buttons-stack{display:flex;flex-direction:column;gap:12px;margin-top:20px;width:100%}.soccer-final-score{font-family:"Press Start 2P",monospace;font-size:2.2rem;color:gold;margin:15px 0;text-shadow:0 0 20px rgba(255,215,0,.6)}@media(max-width:768px){.soccer-score-widget{padding:4px 12px}.team-name{font-size:.75rem}.team-score{font-size:1rem}.soccer-goal-title{font-size:2.2rem}.soccer-goal-banner{padding:20px 30px}}.games-grid-7,.games-grid-8,.games-grid-9{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:24px!important;max-width:1440px!important;margin:0 auto!important;width:100%!important}@media(min-width:1100px){.games-grid-8{grid-template-columns:repeat(4,1fr)!important}.games-grid-9{grid-template-columns:repeat(3,1fr)!important}}.card-boxing{border:2px solid #eab308!important;background:linear-gradient(145deg,#19140af2,#2d1905eb)!important;box-shadow:0 10px 30px #eab30840!important}.card-boxing:hover{transform:translateY(-6px) scale(1.015)!important;box-shadow:0 16px 40px #eab30880!important;border-color:#fde047!important}.badge-boxing{background:linear-gradient(90deg,#ca8a04,#eab308)!important;color:#fff!important;font-weight:800!important}.visual-boxing{background:radial-gradient(circle at center,#eab3084d,#0f172acc 75%)!important;border-bottom:2px solid rgba(234,179,8,.4)!important}.btn-play-boxing{background:linear-gradient(135deg,#eab308,#ca8a04)!important;color:#fff!important;font-weight:800!important;box-shadow:0 4px 15px #eab30866!important}.btn-play-boxing:hover{background:linear-gradient(135deg,#fde047,#eab308)!important;box-shadow:0 6px 22px #eab308a6!important;transform:translateY(-2px)}.btn-qm-boxing,.btn-challenge-boxing{background:linear-gradient(135deg,#ca8a04,#a16207)!important;border-color:#facc15!important;color:#fff!important}.boxing-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:100;background:#080709;overflow:hidden;display:flex;flex-direction:column}.boxing-canvas-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;touch-action:none}#boxing-canvas{width:100%;height:100%;display:block}.boxing-hud-overlay{position:absolute;top:60px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-start;z-index:150;pointer-events:none}.boxing-fighter-hud{width:320px;background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:10px 14px;box-shadow:0 8px 24px #0009}.p1-hud{border-color:#ef4444}.p2-hud{border-color:#3b82f6}.fighter-hud-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-family:Outfit,sans-serif}.fighter-name{color:#fff;font-size:1.1rem}.corner-tag{font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:10px}.tag-red{background:#ef4444;color:#fff}.tag-blue{background:#3b82f6;color:#fff}.bar-container{width:100%;height:14px;background:#0009;border-radius:8px;overflow:hidden;margin-bottom:6px}.stamina-bar-bg{height:8px}.bar-fill{height:100%;transition:width .15s ease-out}.hp-fill{background:linear-gradient(90deg,#ef4444,#f59e0b)}.p2-hp-fill{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.stamina-fill{background:#10b981}.boxing-super-center-hud{display:flex;flex-direction:column;align-items:center;gap:4px;width:240px}.super-label{font-family:Outfit,sans-serif;font-weight:800;font-size:.85rem;color:#facc15;text-shadow:0 0 10px rgba(250,204,21,.6)}.super-bar-bg{width:100%;height:12px;background:#000000b3;border:1.5px solid #facc15;border-radius:10px;overflow:hidden}.super-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);box-shadow:0 0 12px #ef4444;transition:width .1s linear}.boxing-referee-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:220;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.referee-card{background:#0f172af2;border:3px solid #ef4444;border-radius:24px;padding:24px 40px;text-align:center;box-shadow:0 0 50px #ef444499}.referee-title{color:#facc15;font-family:Outfit,sans-serif;font-weight:800;font-size:1.2rem}.referee-count-giant{font-family:Outfit,sans-serif;font-weight:900;font-size:5rem;color:#ef4444;text-shadow:0 0 25px #ef4444}.referee-hint{color:#94a3b8;font-size:.9rem}.boxing-touch-controls{position:absolute;bottom:12px;left:10px;right:10px;display:none;justify-content:space-between;align-items:flex-end;z-index:180;pointer-events:none;user-select:none;-webkit-user-select:none;touch-action:none}.has-touch-device .boxing-touch-controls{display:flex!important}.has-touch-device .boxing-controls-bar{display:none!important}@media(pointer:coarse),(hover:none),(max-width:900px){.boxing-touch-controls{display:flex!important}.boxing-controls-bar{display:none!important}}.boxing-touch-left{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;max-width:175px;pointer-events:auto}.boxing-touch-right{pointer-events:auto}.touch-punches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:270px}.btn-touch-boxing{border-radius:14px;font-family:Outfit,sans-serif;font-weight:800;font-size:.8rem;color:#fff;border:2px solid rgba(255,255,255,.35);padding:10px 8px;cursor:pointer;box-shadow:0 4px 12px #0000008c;touch-action:manipulation;display:flex;align-items:center;justify-content:center;text-align:center;transition:transform .08s ease,filter .08s ease,box-shadow .08s ease;user-select:none;-webkit-user-select:none}.btn-touch-boxing:active,.btn-touch-boxing.active{transform:scale(.92);filter:brightness(1.3)}.btn-punch-jab{background:#3b82f6;border-color:#93c5fd}.btn-punch-cross{background:#6366f1;border-color:#a5b4fc}.btn-punch-hook{background:#ec4899;border-color:#f472b6}.btn-punch-upper{background:#f97316;border-color:#fdba74}.btn-punch-super{background:linear-gradient(135deg,#ef4444,#f59e0b);border-color:#facc15;grid-column:span 2;font-size:.85rem}.btn-punch-super.ready{animation:superPulse .8s infinite alternate ease-in-out;box-shadow:0 0 20px #facc15,0 0 35px #ef4444!important}@keyframes superPulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.05);filter:brightness(1.35)}}.btn-dodge{background:#059669;border-color:#6ee7b7}.btn-guard{background:#0284c7;border-color:#7dd3fc}.btn-duck{background:#475569;border-color:#94a3b8}@media(max-width:600px){.boxing-touch-controls{bottom:8px;left:6px;right:6px}.boxing-touch-left{gap:5px;max-width:145px}.touch-punches-grid{gap:5px;max-width:215px}.btn-touch-boxing{padding:8px 4px;font-size:.68rem;border-radius:10px}.btn-punch-super{font-size:.72rem}}.boxing-screen-start{position:absolute;top:0;right:0;bottom:0;left:0;z-index:250;background:#000000d9;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.boxing-start-card{max-width:650px;width:90%;background:#0f172af2;border:2px solid #facc15;border-radius:24px;padding:24px;text-align:center}.boxing-game-title{font-family:Outfit,sans-serif;font-weight:900;font-size:2.4rem;color:#facc15;text-shadow:0 0 20px rgba(250,204,21,.5);margin:6px 0}.boxing-roster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin:14px 0}.boxing-roster-card{background:#1e293bcc;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:8px 4px;cursor:pointer;transition:all .15s ease}.boxing-roster-card.selected{border-color:#facc15;background:#eab30840;box-shadow:0 0 16px #facc1580}.btn-boxing-primary{width:100%;background:linear-gradient(135deg,#eab308,#ca8a04);color:#fff;border:none;font-family:Outfit,sans-serif;font-weight:800;font-size:1.1rem;padding:12px;border-radius:14px;cursor:pointer;margin-bottom:8px}.btn-boxing-secondary{width:100%;background:#1e293bcc;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px;border-radius:14px;cursor:pointer;margin-bottom:8px}.btn-boxing-hub-return{background:none;border:none;color:#94a3b8;cursor:pointer}.card-horror{border:2px solid #b91c1c!important;background:linear-gradient(145deg,#140508f5,#26050cf0)!important;box-shadow:0 10px 30px #b91c1c59!important}.card-horror:hover{transform:translateY(-6px) scale(1.015)!important;box-shadow:0 16px 45px #dc2626a6!important;border-color:#ef4444!important}.badge-horror{background:linear-gradient(90deg,#991b1b,#dc2626)!important;color:#fff!important;font-weight:800!important;letter-spacing:.5px!important}.visual-horror{background:radial-gradient(circle at center,#b91c1c66,#0a0508e6 75%)!important;border-bottom:2px solid rgba(185,28,28,.5)!important}.glow-blood{box-shadow:0 0 35px #dc262680}.tag-blood{background:#b91c1c40!important;border-color:#ef4444!important;color:#fca5a5!important}.btn-play-horror{background:linear-gradient(135deg,#b91c1c,#7f1d1d)!important;color:#fff!important;font-weight:800!important;border:1px solid #ef4444!important;box-shadow:0 4px 18px #b91c1c8c!important}.btn-play-horror:hover{background:linear-gradient(135deg,#dc2626,#991b1b)!important;box-shadow:0 6px 26px #ef4444cc!important;transform:translateY(-2px)}.btn-qm-horror,.btn-challenge-horror{background:linear-gradient(135deg,#b91c1c,#450a0a)!important;border-color:#ef4444!important;color:#fff!important}.horror-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:100;background:#030305;overflow:hidden;display:flex;flex-direction:column}.horror-title-badge{background:linear-gradient(90deg,#b91c1c,#450a0a)!important;border:1px solid #ef4444;color:#fff;font-weight:800;border-radius:20px;padding:4px 12px}.horror-canvas-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;touch-action:none;cursor:crosshair}#horror-canvas{width:100%;height:100%;display:block}.horror-hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:150}.horror-hud-vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 50px #000000d9;transition:box-shadow .2s ease}.horror-status-bars{position:absolute;top:65px;left:20px;display:flex;flex-direction:column;gap:8px}.horror-bar-row{display:flex;align-items:center;gap:8px;background:#0a0a0fd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:4px 10px;font-family:Outfit,sans-serif;color:#fff}.horror-bar-row .bar-track{width:120px;height:8px;background:#000000b3;border-radius:4px;overflow:hidden}.horror-bar-row .battery-fill{height:100%;background:#10b981;transition:width .2s ease}.horror-bar-row .sanity-fill{height:100%;background:#06b6d4;transition:width .2s ease}.bar-hint{font-size:.72rem;color:#94a3b8;font-weight:700}.horror-heartbeat-box{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;gap:6px;background:#0a0a0fd9;border:1.5px solid rgba(239,68,68,.5);border-radius:20px;padding:6px 12px;font-family:Outfit,sans-serif;color:#fca5a5;font-weight:800;font-size:.85rem}.heart-pulse-icon{animation:heartPulse 1.2s infinite ease-in-out}@keyframes heartPulse{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(1)}}.horror-interact-hint{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);background:#0f172aeb;border:1.5px solid #ef4444;color:#fff;font-family:Outfit,sans-serif;font-weight:800;font-size:1rem;padding:6px 16px;border-radius:20px;box-shadow:0 0 20px #ef444480}.horror-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff73;font-size:1.4rem;line-height:1;pointer-events:none}.horror-touch-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:180;display:none;user-select:none;-webkit-user-select:none;touch-action:none}.has-touch-device .horror-touch-overlay{display:block!important}.has-touch-device .horror-controls-bar{display:none!important}@media(pointer:coarse),(hover:none),(max-width:900px){.horror-touch-overlay{display:block!important}.horror-controls-bar{display:none!important}}.horror-touch-look-surface{position:absolute;top:60px;right:0;bottom:0;width:58vw;pointer-events:auto;touch-action:none;z-index:181}.touch-look-hint{position:absolute;top:18px;right:20px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700;color:#ffffff59;background:#0006;padding:4px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);pointer-events:none;opacity:.8;animation:fadePulse 3s infinite alternate}@keyframes fadePulse{0%{opacity:.3}to{opacity:.9}}.horror-touch-left-zone{position:absolute;bottom:0;left:0;width:42vw;height:55vh;pointer-events:auto;touch-action:none;z-index:182}.horror-joystick-base{position:absolute;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#ef44441f,#000000a6);border:2px solid rgba(239,68,68,.45);box-shadow:0 0 20px #ef444440,inset 0 0 15px #000c;transform:translate(-50%,-50%);left:80px;bottom:80px;pointer-events:none;transition:opacity .15s ease}.horror-joystick-base.active{border-color:#ef4444;box-shadow:0 0 26px #ef444480}.horror-joystick-nub{position:absolute;top:50%;left:50%;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#f87171,#991b1b);transform:translate(-50%,-50%);box-shadow:0 4px 12px #000c,0 0 10px #ef444499;border:2px solid #ffffff;pointer-events:none}.touch-stick-hint{position:absolute;bottom:12px;left:20px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700;color:#ffffff59;pointer-events:none}.horror-touch-center-bar{position:absolute;top:54px;left:50%;transform:translate(-50%);display:flex;gap:8px;pointer-events:auto;z-index:190}.btn-touch-mini{background:#0f172ae0;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:16px;padding:5px 12px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:manipulation}.btn-touch-hub{border-color:#facc15;color:#facc15}.horror-touch-action-cluster{position:absolute;bottom:16px;right:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:auto;z-index:185}.horror-actions-top-row,.horror-actions-mid-row,.horror-actions-bottom-row{display:flex;gap:8px;justify-content:flex-end}.btn-touch-horror{background:#121218e0;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:14px;padding:8px 12px;font-family:Outfit,sans-serif;font-weight:800;font-size:.75rem;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;gap:5px;box-shadow:0 4px 14px #0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .08s ease,filter .08s ease,box-shadow .08s ease;user-select:none;-webkit-user-select:none}.btn-touch-horror:active,.btn-touch-horror.active{transform:scale(.92);filter:brightness(1.3)}.btn-touch-flash{border-color:#10b981;box-shadow:0 0 12px #10b98159}.btn-touch-flash.active{background:#10b9814d}.btn-touch-uv{border-color:#a855f7;box-shadow:0 0 12px #a855f759}.btn-touch-uv.active{background:#a855f74d}.btn-touch-prominent{background:linear-gradient(135deg,#ef4444e6,#b91c1cf2)!important;border-color:#fca5a5!important;padding:12px 22px!important;font-size:.92rem!important;box-shadow:0 0 20px #ef444499,0 4px 14px #000000b3!important}.btn-touch-run{border-color:#f59e0b;box-shadow:0 0 12px #f59e0b59}.btn-touch-run.active{background:#f59e0b59}.btn-touch-crouch{border-color:#64748b}.btn-touch-crouch.crouched,.btn-touch-crouch.active{background:#64748b73;border-color:#38bdf8;color:#38bdf8}.horror-jumpscare-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center;animation:jumpscareFlash .12s infinite alternate}#horror-screen-gameover,#horror-screen-victory{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:10005!important;background:#040204f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center}.horror-card-gameover{background:radial-gradient(circle at center,#2b0808,#170303 55%,#080000)!important;border:3px solid #ef4444!important;border-radius:24px!important;box-shadow:0 0 55px #ef444499,0 20px 60px #000000f2!important;max-width:540px;width:90%;padding:30px;text-align:center;position:relative;z-index:10006}.horror-card-victory{background:radial-gradient(circle at center,#064e3b,#022c22 55%,#020617)!important;border:3px solid #10b981!important;border-radius:24px!important;box-shadow:0 0 55px #10b98199,0 20px 60px #000000f2!important;max-width:540px;width:90%;padding:30px;text-align:center;position:relative;z-index:10006}@keyframes jumpscareFlash{0%{background:#000}50%{background:#450a0a}to{background:#991b1b}}.jumpscare-face-anim{display:flex;flex-direction:column;align-items:center;animation:jumpscareShake .05s infinite}@keyframes jumpscareShake{0%{transform:translate(-8px,-6px) scale(1.1)}50%{transform:translate(10px,8px) scale(1.25)}to{transform:translate(-6px,10px) scale(1.15)}}.jumpscare-monster-silhouette{font-size:9rem;filter:drop-shadow(0 0 30px #ef4444)}.jumpscare-screech-text{font-family:Outfit,sans-serif;font-weight:900;font-size:2.5rem;color:#fff;text-shadow:0 0 20px #ef4444}.horror-screen-start{position:absolute;top:0;right:0;bottom:0;left:0;z-index:250;background:#030305eb;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.horror-start-card{max-width:680px;width:90%;background:#0f080af5;border:2px solid #ef4444;border-radius:24px;padding:26px;text-align:center;box-shadow:0 0 50px #ef444466}.horror-warning-badge{background:#ef444433;border:1px solid #ef4444;color:#ef4444;font-family:Outfit,sans-serif;font-weight:800;font-size:.85rem;padding:4px 14px;border-radius:20px;display:inline-block;margin-bottom:8px}.horror-game-title{font-family:Outfit,sans-serif;font-weight:900;font-size:2.6rem;color:#fff;text-shadow:0 0 25px #ef4444;margin:4px 0}.horror-sub-title{font-family:Outfit,sans-serif;font-weight:800;font-size:1rem;color:#f87171;letter-spacing:1px}.horror-story-text{font-family:Outfit,sans-serif;color:#cbd5e1;font-size:.95rem;line-height:1.55;margin:14px 0}.horror-rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:16px 0;text-align:left}.rule-box{background:#ffffff0d;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:10px;font-family:Outfit,sans-serif;font-size:.8rem;color:#cbd5e1}.rule-box strong{color:#fff;display:block;margin-bottom:2px}.btn-horror-play{width:100%;background:linear-gradient(135deg,#dc2626,#991b1b);border:2px solid #ef4444;color:#fff;font-family:Outfit,sans-serif;font-weight:800;font-size:1.15rem;padding:14px;border-radius:16px;cursor:pointer;box-shadow:0 6px 25px #dc262699;margin-bottom:8px;transition:transform .1s ease}.btn-horror-play:hover{transform:scale(1.02);box-shadow:0 8px 30px #ef4444cc}.btn-horror-test{width:100%;background:linear-gradient(135deg,#059669,#047857);border:2px solid #10b981;color:#fff;font-family:Outfit,sans-serif;font-weight:800;font-size:1.12rem;padding:13px;border-radius:16px;cursor:pointer;box-shadow:0 6px 24px #10b98180;margin-bottom:8px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-horror-test:hover{transform:scale(1.02);box-shadow:0 8px 32px #10b981d9;background:linear-gradient(135deg,#10b981,#059669)}.horror-test-badge{background:#10b9812e!important;border:1.5px solid #10b981!important;color:#10b981!important;animation:pulse-badge 2s infinite ease-in-out}@keyframes pulse-badge{0%,to{box-shadow:0 0 8px #10b9814d}50%{box-shadow:0 0 16px #10b981b3}}.btn-horror-secondary{width:100%;background:#1e293bcc;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px;border-radius:14px;cursor:pointer;margin-bottom:8px}.btn-horror-online{width:100%;background:linear-gradient(135deg,#7f1d1d,#450a0a);border:1.5px solid #ef4444;color:#fff;padding:10px;border-radius:14px;cursor:pointer;margin-bottom:8px}.btn-horror-return{background:none;border:none;color:#94a3b8;cursor:pointer}.bar-fill.stamina-fill{background:linear-gradient(90deg,#f59e0b,#eab308);box-shadow:0 0 10px #eab308b3}.horror-mission-alert{position:absolute;top:72px;left:50%;transform:translate(-50%);background:#0f172aeb;border:2px solid #ffd700;border-radius:20px;padding:10px 24px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:gold;text-shadow:0 2px 8px rgba(0,0,0,.9);box-shadow:0 0 25px #facc1580,0 8px 30px #000c;z-index:30;pointer-events:none;animation:missionAlertFade .4s ease-out}@keyframes missionAlertFade{0%{opacity:0;transform:translate(-50%,-15px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.horror-terminal-modal{z-index:60;background:#030712e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.horror-terminal-card{background:radial-gradient(circle at center,#064e3b,#022c22 45%,#020617);border:3px solid #10b981;border-radius:24px;padding:28px 36px;max-width:680px;width:92%;box-shadow:0 0 50px #10b98166,0 20px 60px #000000e6;color:#e2e8f0;position:relative}.terminal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(16,185,129,.4);padding-bottom:12px;margin-bottom:20px}.terminal-badge{font-family:"Press Start 2P",monospace;font-size:.8rem;color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.8)}.btn-terminal-close{background:#ef444433;border:1px solid #ef4444;color:#f87171;border-radius:10px;padding:4px 12px;font-family:Outfit,sans-serif;font-weight:700;cursor:pointer}.problem-step-badge{display:inline-block;background:#10b98133;border:1px solid #10b981;color:#34d399;font-family:Outfit,sans-serif;font-weight:800;font-size:.85rem;padding:4px 14px;border-radius:12px;margin-bottom:10px}.problem-step-badge.badge-impossible{background:#dc26264d;border-color:#ef4444;color:#fca5a5;animation:pulseGlow 1s infinite alternate}.problem-question{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:#fff;margin-bottom:12px;line-height:1.4}.problem-hint{font-family:Outfit,sans-serif;font-size:.95rem;color:#6ee7b7;font-style:italic;margin-bottom:18px}.problem-math-box{background:#0f172acc;border:2px dashed #10b981;border-radius:14px;padding:12px;font-family:"Press Start 2P",monospace;font-size:1.2rem;color:gold;text-align:center;margin-bottom:18px}.problem-math-impossible{background:#14060af2;border:2px solid #ef4444;border-radius:14px;padding:14px;font-family:monospace;font-size:.98rem;font-weight:900;color:#f87171;text-align:center;margin-bottom:12px;letter-spacing:1px;line-height:1.6;text-shadow:0 0 10px rgba(239,68,68,.7)}.impossible-glitch-warning{background:#ef444433;border:1px dashed #ef4444;border-radius:10px;padding:8px 12px;font-family:Outfit,sans-serif;font-weight:800;font-size:.9rem;color:gold;text-align:center;margin-bottom:18px}.problem-choices-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-problem-choice{background:#0f172ad9;border:2px solid rgba(16,185,129,.6);border-radius:14px;color:#fff;padding:14px 16px;font-family:Outfit,sans-serif;font-weight:800;font-size:1.05rem;cursor:pointer;transition:all .15s ease;text-align:left}.btn-problem-choice:hover{background:#10b98140;border-color:#34d399;transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.grid-impossible .btn-choice-impossible{font-size:.82rem;font-family:monospace;background:#2d0a0fe6;border-color:#ef4444;color:#fecaca;padding:12px 14px}.grid-impossible .btn-choice-impossible:hover{background:#dc262666;border-color:gold;color:#fff;box-shadow:0 0 20px #ef4444b3}.terminal-feedback{margin-top:16px;padding:12px;border-radius:12px;font-family:Outfit,sans-serif;font-weight:800;font-size:1.05rem;text-align:center}.terminal-feedback.success{background:#10b98140;border:1.5px solid #10b981;color:#34d399}.terminal-feedback.error{background:#ef444440;border:1.5px solid #ef4444;color:#f87171}.terminal-feedback.override{background:#eab3084d;border:2px solid #ffd700;color:gold;animation:pulseGlow .5s infinite alternate}.courage-meter-card{background:#0a0f19e6;border:2px solid rgba(239,68,68,.5);border-radius:14px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.courage-stats-row{display:flex;justify-content:space-between;font-family:Outfit,sans-serif;font-size:1.05rem;color:#cbd5e1}.courage-stats-row strong{color:#facc15}.courage-bar-wrap{width:100%;height:20px;background:#0f172acc;border:1.5px solid rgba(255,255,255,.2);border-radius:10px;overflow:hidden}.courage-bar-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);transition:width .25s ease;box-shadow:0 0 10px #f59e0b99}.courage-status-badge{padding:8px 12px;border-radius:8px;font-family:Outfit,sans-serif;font-weight:800;font-size:.92rem;text-align:center;line-height:1.3}.courage-status-badge.badge-pending{background:#ef444440;border:1px solid #ef4444;color:#fca5a5}.courage-status-badge.badge-success{background:#10b9814d;border:1px solid #10b981;color:#6ee7b7;animation:pulseGlow 1s infinite alternate}.btn-choice-courage{width:100%;text-align:center;background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#f59e0b;color:#facc15}.btn-choice-courage:hover{background:#f59e0b40;border-color:gold;color:#fff}.keypad-display-box{background:#050a08;border:2px solid #10b981;border-radius:12px;padding:12px 18px;font-family:"Press Start 2P",monospace;font-size:1.4rem;color:#34d399;text-shadow:0 0 10px rgba(52,211,153,.7);display:flex;align-items:center;justify-content:center;margin-bottom:14px;letter-spacing:4px}.keypad-prompt{color:#6ee7b7;font-size:1.1rem}.keypad-input-display{color:gold;font-weight:700}.horror-keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:380px;margin:0 auto}.btn-keypad{background:#0f172ae6;border:2px solid rgba(16,185,129,.5);border-radius:12px;color:#fff;padding:14px 0;font-family:Outfit,sans-serif;font-weight:800;font-size:1.4rem;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none}.btn-keypad:hover{background:#10b9814d;border-color:#34d399;transform:translateY(-2px);box-shadow:0 4px 14px #10b98180}.btn-keypad:active{transform:translateY(1px)}.btn-keypad-clear{background:#ef444440;border-color:#ef4444;color:#fca5a5;font-size:.95rem}.btn-keypad-clear:hover{background:#ef444466;border-color:#f87171;color:#fff}.btn-keypad-enter{background:#10b98159;border-color:#10b981;color:#6ee7b7;font-size:.95rem}.btn-keypad-enter:hover{background:#10b98199;border-color:#34d399;color:#fff}.card-wobbler{border-color:#10b98159;background:linear-gradient(170deg,#064e3b40,#0f172af2 60%);box-shadow:0 8px 32px #10b98126}.card-wobbler:hover{border-color:#10b981;box-shadow:0 14px 44px #10b98159,0 0 20px #10b98133;transform:translateY(-5px)}.badge-wobbler{background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.6)}.glow-wobbler{background:radial-gradient(circle,#10b98173,#10b98100 70%)}.tag-wobbler{background:#064e3b66!important;color:#6ee7b7!important;border:1px solid rgba(16,185,129,.35)!important}.btn-play-wobbler{background:linear-gradient(135deg,#059669,#10b981)!important;color:#fff!important;box-shadow:0 4px 18px #10b98166!important}.btn-play-wobbler:hover{background:linear-gradient(135deg,#10b981,#34d399)!important;box-shadow:0 6px 24px #10b98199!important}.wobbler-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-color:#05070a;display:flex;flex-direction:column;z-index:900;overflow:hidden;-webkit-user-select:none;user-select:none}.wobbler-nav{background:linear-gradient(180deg,#064e3bb3,#0f172af2);border-bottom:2px solid rgba(16,185,129,.4)}.wobbler-title-badge{background:linear-gradient(135deg,#065f46,#047857);border:1.5px solid #10b981;color:#6ee7b7;font-weight:800}.btn-wobbler-mode{background:#0f172acc;border:1.5px solid #10b981;color:#6ee7b7;font-weight:700}.btn-wobbler-mode:hover{background:#10b98133;color:#fff}.btn-wobbler-online{background:linear-gradient(135deg,#047857,#065f46)!important;border-color:#34d399!important;color:#fff!important}.wobbler-online-badge{background:#064e3bd9;border:1.5px solid #34d399;color:#a7f3d0;font-weight:800;animation:pulse-online 1.5s infinite alternate}@keyframes pulse-online{0%{box-shadow:0 0 5px #34d39966}to{box-shadow:0 0 16px #34d399cc}}.wobbler-boss-bar-wrap{position:absolute;top:65px;left:50%;transform:translate(-50%);width:min(90%,540px);background:#0f172ae6;border:2px solid #ef4444;border-radius:12px;padding:8px 14px;z-index:910;box-shadow:0 6px 24px #ef444466}.wobbler-boss-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.boss-name{color:#fca5a5;font-weight:800;font-size:1rem;letter-spacing:1px}.boss-badge{background:#b91c1c;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:6px;font-weight:800}.wobbler-boss-track{height:12px;background:#0009;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.wobbler-boss-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f87171);transition:width .2s ease;box-shadow:0 0 10px #ef4444cc}.wobbler-canvas-wrapper{position:relative;flex:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab}.wobbler-canvas-wrapper:active{cursor:grabbing}#wobbler-canvas{width:100%;height:100%;display:block}.wobbler-touch-overlay{display:none;position:absolute;bottom:12px;left:0;right:0;padding:0 16px;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:920}@media(max-width:900px),(hover:none)and (pointer:coarse){.wobbler-touch-overlay{display:flex}}.wobbler-touch-left-cluster,.wobbler-touch-right-cluster,.wobbler-touch-center-bar{pointer-events:auto;display:flex;gap:12px}.btn-touch-wobbler{border:2px solid rgba(255,255,255,.2);border-radius:50%;width:64px;height:64px;font-size:1.4rem;font-weight:800;display:flex;align-items:center;justify-content:center;color:#fff;background:#0f172ad9;box-shadow:0 6px 20px #00000080;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn-wobbler-dir{background:#1e293bd9;border-color:#10b98166}.btn-wobbler-dir:active{background:#10b98166;transform:scale(.92)}.btn-wobbler-action{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981);border:3px solid #6ee7b7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 0 24px #10b98199;animation:wobble-btn-pulse 2s infinite alternate}.btn-wobbler-action .touch-btn-icon{font-size:1.6rem;line-height:1}.btn-wobbler-action .touch-btn-label{font-size:.65rem;font-weight:900;letter-spacing:.5px}.btn-wobbler-action:active{transform:scale(.9);background:linear-gradient(135deg,#10b981,#34d399)}@keyframes wobble-btn-pulse{0%{box-shadow:0 0 16px #10b98180}to{box-shadow:0 0 32px #10b981e6}}.wobbler-screen-start{position:absolute;top:0;right:0;bottom:0;left:0;background:#05070ae0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:950;padding:16px;overflow-y:auto}.wobbler-start-card{background:linear-gradient(170deg,#064e3b73,#0f172af2 70%);border:2px solid #10b981;border-radius:20px;padding:28px;max-width:680px;width:100%;text-align:center;box-shadow:0 16px 50px #000c,0 0 30px #10b98140;animation:modal-enter .3s ease-out}.wobbler-award-badge{display:inline-block;background:linear-gradient(135deg,#d97706,#b45309);color:#fef3c7;font-weight:800;font-size:.8rem;padding:4px 14px;border-radius:20px;letter-spacing:.5px;margin-bottom:12px}.wobbler-game-title{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:900;color:#fff;margin:0;letter-spacing:2px;text-shadow:0 0 20px rgba(16,185,129,.8)}.wobbler-sub-title{color:#6ee7b7;font-weight:700;font-size:.95rem;margin-top:4px;margin-bottom:16px}.wobbler-story-text{color:#cbd5e1;font-size:.95rem;line-height:1.5;margin-bottom:20px}.wobbler-rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;text-align:left}@media(max-width:640px){.wobbler-rules-grid{grid-template-columns:1fr}}.wobbler-start-actions{display:flex;flex-direction:column;gap:10px}.btn-wobbler-play{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;padding:16px 24px;font-size:1.2rem;font-weight:800;border-radius:14px;cursor:pointer;box-shadow:0 8px 25px #10b98180;transition:all .2s ease}.btn-wobbler-play:hover{transform:scale(1.02);box-shadow:0 12px 32px #10b981b3}.btn-wobbler-secondary{background:#1e293bcc;border:1.5px solid rgba(255,255,255,.2);color:#e2e8f0;padding:12px 20px;font-weight:700;border-radius:12px;cursor:pointer}.btn-wobbler-secondary:hover{background:#334155e6;color:#fff}.btn-wobbler-online{background:linear-gradient(135deg,#0f766e,#0e7490);border:1.5px solid #22d3ee;color:#fff;padding:12px 20px;font-weight:700;border-radius:12px;cursor:pointer}.btn-wobbler-online:hover{transform:scale(1.02);box-shadow:0 6px 20px #22d3ee66}.btn-wobbler-return{background:transparent;border:none;color:#94a3b8;font-size:.9rem;cursor:pointer;padding:6px}.btn-wobbler-return:hover{color:#f1f5f9}.wobbler-card-levelclear{border-color:gold;box-shadow:0 12px 40px #ffd7004d;text-align:center}.rainbow-star-icon{font-size:2.6rem;margin-bottom:8px;animation:star-bounce 1s infinite alternate}@keyframes star-bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.btn-wobbler-next-action{background:linear-gradient(135deg,#eab308,#ca8a04);color:#000;font-weight:800}.btn-qm-wobbler{background:linear-gradient(135deg,#064e3bd9,#0f172ad9)!important;border:1.5px solid #10b981!important}.btn-qm-wobbler:hover{background:linear-gradient(135deg,#10b98166,#0f172ae6)!important;box-shadow:0 6px 20px #10b9814d!important}.card-astra{border-color:#38bdf866!important;background:linear-gradient(170deg,#0ea5e933,#0f172af2 60%)!important;box-shadow:0 8px 32px #38bdf82e!important}.card-astra:hover{border-color:#38bdf8!important;box-shadow:0 14px 44px #38bdf866,0 0 25px #38bdf840!important;transform:translateY(-5px)}.badge-astra{background:linear-gradient(135deg,#0284c7,#38bdf8)!important;color:#fff!important;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.6)}.visual-astra{background:radial-gradient(circle,#38bdf84d,#0f172acc 70%)!important}.glow-astra{background:radial-gradient(circle,#38bdf880,#38bdf800 70%)}.tag-astra{background:#0ea5e940!important;color:#7dd3fc!important;border:1px solid rgba(56,189,248,.4)!important}.btn-play-astra{background:linear-gradient(135deg,#0284c7,#38bdf8)!important;color:#fff!important;font-weight:800;box-shadow:0 4px 18px #38bdf873!important}.btn-play-astra:hover{background:linear-gradient(135deg,#38bdf8,#7dd3fc)!important;box-shadow:0 6px 24px #38bdf8b3!important}.astra-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-color:#0c1222;display:flex;flex-direction:column;z-index:900;overflow:hidden;-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif}.astra-canvas-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}#astra-canvas{display:block;width:100%!important;height:100%!important;outline:none}.astra-cinematic-ascent-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:930;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;background:radial-gradient(circle at center,#0ea5e940,#0f172acc 80%)}.astra-cinematic-ascent-overlay.hidden{display:none!important}.astra-cinematic-ascent-overlay:not(.hidden){opacity:1}.ascent-title-badge{font-family:"Press Start 2P",monospace;font-size:.95rem;color:#facc15;text-shadow:0 0 16px rgba(250,204,21,.8),0 2px 4px #000;margin-bottom:12px;animation:pulse-glow 1.2s infinite alternate;z-index:2}.ascent-game-title{font-family:"Press Start 2P",monospace;font-size:1.35rem;color:#38bdf8;text-shadow:0 0 24px rgba(56,189,248,.9),0 3px 6px #000;margin-bottom:12px;text-align:center;z-index:2}.ascent-sub-title{font-size:1.15rem;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(56,189,248,.9);letter-spacing:2px;z-index:2;text-align:center;max-width:80%}.ascent-speed-lines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 18px,rgba(255,255,255,.12) 20px,transparent 22px);animation:speed-lines-anim .25s linear infinite;opacity:.7}@keyframes speed-lines-anim{0%{transform:translateY(0)}to{transform:translateY(40px)}}.astra-level-box{background:#f59e0b2e!important;border-color:#f59e0b8c!important}.astra-nav{background:linear-gradient(180deg,#0f172aeb,#0f172abf);border-bottom:2px solid rgba(56,189,248,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;z-index:920}.astra-title-badge{background:linear-gradient(135deg,#0369a1,#0284c7);border:1.5px solid #38bdf8;color:#e0f2fe;font-weight:800;font-size:.95rem;letter-spacing:1px}.astra-stamina-box{display:flex;align-items:center;gap:8px;background:#0f172acc;border:1px solid rgba(56,189,248,.3);padding:4px 10px;border-radius:8px}.astra-stamina-track{width:90px;height:10px;background:#0009;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.astra-stamina-fill{height:100%;background:linear-gradient(90deg,#0284c7,#38bdf8,#67e8f9);transition:width .1s linear;box-shadow:0 0 8px #38bdf8cc}.astra-canvas-wrapper{position:relative;flex:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab}.astra-canvas-wrapper:active{cursor:grabbing}#astra-canvas{width:100%;height:100%;display:block}.astra-mission-alert{position:absolute;top:65px;left:50%;transform:translate(-50%);background:#0f172aeb;border:2px solid #38bdf8;border-radius:12px;padding:10px 22px;color:#f0f9ff;font-weight:700;font-size:.95rem;letter-spacing:.5px;box-shadow:0 8px 30px #0009,0 0 20px #38bdf859;z-index:915;pointer-events:none;animation:astra-fade-in .3s ease-out;text-align:center;max-width:90%}@keyframes astra-fade-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.astra-boss-bar-wrap{position:absolute;top:70px;left:50%;transform:translate(-50%);width:min(90%,560px);background:#0f172aeb;border:2px solid #f43f5e;border-radius:12px;padding:10px 16px;z-index:910;box-shadow:0 8px 32px #f43f5e66}.astra-boss-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.astra-boss-name{color:#fecdd3;font-weight:800;font-size:1.05rem;letter-spacing:1px}.astra-boss-badge{background:#e11d48;color:#fff;font-size:.75rem;padding:3px 8px;border-radius:6px;font-weight:800}.astra-boss-track{height:14px;background:#000000a6;border-radius:7px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.astra-boss-fill{height:100%;background:linear-gradient(90deg,#e11d48,#fb7185);transition:width .2s ease;box-shadow:0 0 12px #e11d48cc}.astra-boss-telegraph{position:absolute;top:138px;left:50%;transform:translate(-50%);width:min(92%,580px);padding:10px 20px;border-radius:12px;font-family:inherit;font-size:.98rem;font-weight:800;letter-spacing:.8px;text-align:center;z-index:915;pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box}.astra-boss-telegraph.danger{background:linear-gradient(135deg,#9f1239f2,#e11d48eb);color:#fff1f2;border:2px solid #f43f5e;box-shadow:0 0 25px #f43f5ebf,0 8px 32px #000000a6;animation:astra-telegraph-danger-pulse .75s infinite alternate ease-in-out}.astra-boss-telegraph.vulnerable{background:linear-gradient(135deg,#064e3bf2,#10b981eb);color:#ecfdf5;border:2.5px solid #34d399;box-shadow:0 0 30px #34d399e6,0 8px 32px #000000a6;animation:astra-telegraph-vulnerable-pulse .65s infinite alternate ease-in-out;font-size:1.05rem}.astra-boss-telegraph.shield{background:linear-gradient(135deg,#1e1b4bf2,#4338caeb);color:#e0e7ff;border:2px solid #818cf8;box-shadow:0 0 20px #818cf899}@keyframes astra-telegraph-danger-pulse{0%{transform:translate(-50%) scale(1);filter:drop-shadow(0 0 10px rgba(244,63,94,.6))}to{transform:translate(-50%) scale(1.03);filter:drop-shadow(0 0 22px rgba(244,63,94,1))}}@keyframes astra-telegraph-vulnerable-pulse{0%{transform:translate(-50%) scale(1);filter:drop-shadow(0 0 12px rgba(52,211,153,.7))}to{transform:translate(-50%) scale(1.05);filter:drop-shadow(0 0 28px rgba(52,211,153,1))}}.astra-bottom-attack-bar{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 14px;background:#0f172ad1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(56,189,248,.45);border-radius:20px;box-shadow:0 10px 30px #000000a6,0 0 25px #38bdf838;z-index:915;pointer-events:auto;user-select:none;-webkit-user-select:none;max-width:96vw;transition:opacity .2s ease,transform .2s ease}.astra-bar-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;padding:6px 8px;background:linear-gradient(180deg,#1e293be0,#0f172af5);border:1.5px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;cursor:pointer;transition:transform .08s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;touch-action:manipulation;outline:none;box-shadow:0 4px 12px #0006}.astra-bar-slot:hover{border-color:#38bdf8;box-shadow:0 0 16px #38bdf88c;transform:translateY(-2px)}.astra-bar-slot:active,.astra-bar-slot.active{transform:scale(.92);border-color:#7dd3fc;background:linear-gradient(180deg,#0ea5e973,#0284c7a6);box-shadow:0 0 24px #38bdf8e6}.astra-bar-slot .slot-badge{font-size:.68rem;font-weight:800;color:#facc15;background:#000000a6;padding:2px 6px;border-radius:6px;border:1px solid rgba(250,204,21,.45);letter-spacing:.5px;white-space:nowrap;margin-bottom:2px}.astra-bar-slot .slot-icon{font-size:1.35rem;line-height:1;margin:2px 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.astra-bar-slot .slot-label{font-size:.64rem;font-weight:800;color:#e2e8f0;letter-spacing:.8px;text-transform:uppercase}.astra-bar-slot.slot-utility{background:linear-gradient(180deg,#0f172ae0,#080c16f5);border-color:#38bdf847}@media(max-width:768px){.astra-bottom-attack-bar{bottom:8px;padding:4px 8px;gap:6px;border-radius:14px}.astra-bar-slot{min-width:48px;padding:4px;border-radius:9px}.astra-bar-slot .slot-badge{font-size:.55rem;padding:1px 4px}.astra-bar-slot .slot-icon{font-size:1.1rem}.astra-bar-slot .slot-label{font-size:.55rem}}.astra-touch-overlay{display:none;position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:920;touch-action:none;user-select:none;-webkit-user-select:none}.astra-container.has-touch-device .astra-touch-overlay,body.has-touch-device .astra-touch-overlay{display:flex!important}@media(max-width:1024px),(hover:none)and (pointer:coarse),(pointer:coarse){.astra-touch-overlay{display:flex!important}}.astra-touch-left,.astra-touch-right,.astra-touch-center{pointer-events:auto;touch-action:none}.astra-touch-left{display:flex;align-items:center}.astra-touch-right{display:flex;gap:12px;align-items:flex-end}.astra-joystick-zone{width:126px;height:126px;border-radius:50%;background:radial-gradient(circle,#0ea5e940,#0f172abf 75%);border:2.5px solid rgba(56,189,248,.5);display:flex;align-items:center;justify-content:center;position:relative;touch-action:none;box-shadow:0 0 20px #38bdf859}.astra-joystick-knob{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#7dd3fc,#0284c7 60%,#0369a1);border:2.5px solid #ffffff;box-shadow:0 0 18px #38bdf8cc,inset 0 2px 4px #fff9;pointer-events:none;transition:transform .04s ease-out}.btn-touch-astra{border:2.5px solid rgba(255,255,255,.4);border-radius:50%;width:66px;height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:#0f172ad9;box-shadow:0 6px 20px #0000008c;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer;transition:transform .08s ease,filter .08s ease}.btn-touch-astra:active,.btn-touch-astra.active{transform:scale(.9);filter:brightness(1.2)}.btn-touch-astra .touch-btn-icon{font-size:1.55rem;line-height:1}.btn-touch-astra .touch-btn-label{font-family:"Press Start 2P",monospace;font-size:.48rem;font-weight:800;margin-top:3px;letter-spacing:.5px}.btn-astra-glide{width:72px;height:72px;background:linear-gradient(135deg,#0284c7,#38bdf8);border-color:#7dd3fc;box-shadow:0 0 22px #38bdf899}.btn-astra-dash{width:62px;height:62px;background:linear-gradient(135deg,#d97706,#facc15);border-color:#fef08a;box-shadow:0 0 20px #facc1599}.btn-astra-attack{width:76px;height:76px;background:linear-gradient(135deg,#dc2626,#f87171);border-color:#fca5a5;box-shadow:0 0 24px #ef4444a6}.btn-astra-cyclone{width:66px;height:66px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#d8b4fe;box-shadow:0 0 20px #a855f799}.btn-astra-meteor{width:66px;height:66px;background:linear-gradient(135deg,#ea580c,#f97316);border-color:#fdba74;box-shadow:0 0 20px #f9731699}.btn-astra-bolt{width:66px;height:66px;background:linear-gradient(135deg,#0284c7,#06b6d4);border-color:#67e8f9;box-shadow:0 0 20px #06b6d499}.btn-astra-start-2p{background:linear-gradient(135deg,#e11d48,#f59e0b)!important;border-color:#fbbf24!important;color:#fff!important;box-shadow:0 8px 24px #e11d4873!important}.btn-astra-start-2p:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 12px 30px #f59e0b99!important}.p1-hud-box{border-color:#38bdf899!important;background:#0ea5e926!important}.p2-hud-box{border-color:#f43f5e99!important;background:#f43f5e26!important}@media(max-width:680px){.astra-nav{padding:6px 10px}.astra-title-badge{display:none}.nav-score-box{padding:3px 6px;font-size:.68rem}.astra-stamina-track{width:65px}.btn-astra-online{display:none}.astra-touch-right{display:grid;grid-template-columns:repeat(3,54px);gap:6px;align-items:center}.btn-touch-astra{width:54px!important;height:54px!important}.astra-joystick-zone{width:110px!important;height:110px!important}.astra-joystick-knob{width:48px!important;height:48px!important}}.astra-screen-start{position:absolute;top:0;right:0;bottom:0;left:0;background:#080c16e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:950;padding:16px;overflow-y:auto}.astra-start-card{background:linear-gradient(170deg,#0ea5e94d,#0f172af5 65%);border:2px solid #38bdf8;border-radius:24px;padding:32px;max-width:720px;width:100%;text-align:center;box-shadow:0 16px 50px #000000d9,0 0 35px #38bdf84d;animation:modal-enter .35s ease-out}.astra-award-badge{display:inline-block;background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#f0f9ff;font-weight:800;font-size:.85rem;padding:5px 16px;border-radius:20px;margin-bottom:12px;letter-spacing:1px}.astra-game-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;color:#fff;text-shadow:0 0 20px rgba(56,189,248,.6);margin-bottom:4px}.astra-sub-title{color:#7dd3fc;font-weight:800;font-size:1.05rem;margin-bottom:16px;letter-spacing:.8px}.astra-story-text{font-size:.95rem;line-height:1.6;color:#cbd5e1;margin-bottom:22px;text-align:justify}.astra-rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:24px;text-align:left}.astra-rule-box{background:#0f172acc;border:1px solid rgba(56,189,248,.25);border-radius:12px;padding:12px}.astra-rule-box .rule-icon{font-size:1.6rem;margin-bottom:4px;display:block}.astra-rule-box strong{color:#38bdf8;font-size:.92rem;display:block;margin-bottom:4px}.astra-hud-level-clickable{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.astra-hud-level-clickable:hover{transform:translateY(-1px);box-shadow:0 0 14px #facc1599;border-color:#facc15!important}.astra-level-picker-container{background:#0f172ad9;border:2px solid rgba(56,189,248,.4);border-radius:16px;padding:14px;margin-bottom:20px;box-shadow:0 8px 24px #0006}.astra-level-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.picker-icon{font-size:1.25rem}.picker-title{font-family:"Press Start 2P",monospace;font-size:.82rem;color:#38bdf8;letter-spacing:.5px}.picker-badge-unlocked{background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:20px;box-shadow:0 0 10px #10b98180}.astra-level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}@media(max-width:640px){.astra-level-grid{grid-template-columns:repeat(2,1fr)}}.astra-lvl-btn{background:#1e293be6;border:1.5px solid rgba(56,189,248,.3);border-radius:10px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease;color:#fff}.astra-lvl-btn:hover{background:#0ea5e940;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 12px #38bdf859}.astra-lvl-btn.active{background:linear-gradient(135deg,#0284c766,#38bdf84d);border-color:#facc15;box-shadow:0 0 16px #facc1599}.astra-lvl-btn.active .lvl-badge{background:#facc15;color:#0f172a}.astra-lvl-btn.boss-btn{border-color:#f43f5e}.astra-lvl-btn.boss-btn:hover{box-shadow:0 0 16px #f43f5e99;border-color:#fb7185}.lvl-badge{font-family:"Press Start 2P",monospace;font-size:.65rem;background:#38bdf833;color:#38bdf8;padding:2px 6px;border-radius:4px;margin-bottom:4px}.lvl-badge.boss-badge{background:#f43f5e;color:#fff}.lvl-title{font-size:.72rem;font-weight:700;color:#e2e8f0;text-align:center;line-height:1.2;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lvl-tag{font-size:.65rem;color:#94a3b8}.astra-modal-level-select{z-index:960}.astra-card-level-picker{background:linear-gradient(170deg,#0f172afa,#1e293bfa);border:2px solid #38bdf8;border-radius:20px;padding:24px;max-width:680px;width:90%;box-shadow:0 12px 40px #000000e6,0 0 25px #38bdf859}.astra-start-actions{display:flex;flex-direction:column;gap:10px}.btn-astra-play{background:linear-gradient(135deg,#0284c7,#38bdf8);border:none;color:#fff;font-size:1.15rem;font-weight:900;padding:14px 28px;border-radius:14px;cursor:pointer;box-shadow:0 8px 24px #38bdf873;transition:all .2s ease}.btn-astra-play:hover{transform:translateY(-2px);box-shadow:0 12px 30px #38bdf8a6}.btn-astra-secondary{background:#1e293bd9;border:1.5px solid rgba(56,189,248,.35);color:#e0f2fe;font-weight:700;padding:10px 20px;border-radius:12px;cursor:pointer}.btn-astra-secondary:hover{background:#38bdf833}.btn-astra-return{background:transparent;border:none;color:#94a3b8;font-size:.9rem;cursor:pointer;padding:6px}.btn-astra-return:hover{color:#f1f5f9}.astra-card-victory{border-color:#38bdf8;box-shadow:0 16px 50px #38bdf866;text-align:center}.astra-beacon-icon{font-size:3rem;margin-bottom:8px;animation:astra-star-pulse 1.2s infinite alternate}@keyframes astra-star-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 10px #38bdf8)}to{transform:scale(1.15);filter:drop-shadow(0 0 25px #67e8f9)}}.btn-qm-astra{background:linear-gradient(135deg,#0284c7d9,#0f172ad9)!important;border:1.5px solid #38bdf8!important}.btn-qm-astra:hover{background:linear-gradient(135deg,#38bdf866,#0f172ae6)!important;box-shadow:0 6px 20px #38bdf866!important}.hub-spotlight-hero-wrap{width:100%;max-width:1320px;margin:22px auto 10px;padding:0 16px;box-sizing:border-box}.hub-spotlight-card{position:relative;background:radial-gradient(circle at 80% 20%,#0ea5e947,#0f172af5 65%),linear-gradient(135deg,#0284c740,#0369a11a);border:2px solid #38bdf8;border-radius:24px;padding:clamp(20px,3.5vw,36px);box-shadow:0 0 35px #38bdf859,0 20px 50px #000000b3;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:spotlightFloatGlow 4s ease-in-out infinite alternate}@keyframes spotlightFloatGlow{0%{box-shadow:0 0 30px #38bdf84d,0 20px 45px #000000b3;border-color:#38bdf8}to{box-shadow:0 0 50px #38bdf88c,0 24px 60px #000c;border-color:#7dd3fc}}.spotlight-shimmer{position:absolute;top:0;left:-150%;width:80%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:skew(-20deg);animation:spotlightShimmer 6s infinite ease-in-out;pointer-events:none}@keyframes spotlightShimmer{0%{left:-150%}35%,to{left:200%}}.spotlight-badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.spotlight-tag-new{background:linear-gradient(135deg,#0284c7,#38bdf8);color:#fff;font-family:"Press Start 2P",monospace;font-size:clamp(.55rem,1.1vw,.68rem);padding:6px 12px;border-radius:999px;box-shadow:0 0 15px #38bdf899;letter-spacing:.5px}.spotlight-tag-genre{background:#0ea5e933;border:1px solid rgba(56,189,248,.4);color:#7dd3fc;font-family:Outfit,sans-serif;font-weight:700;font-size:.8rem;padding:4px 12px;border-radius:999px}.spotlight-tag-direct{background:#10b98133;border:1px solid rgba(52,211,153,.4);color:#6ee7b7;font-family:Outfit,sans-serif;font-weight:600;font-size:.8rem;padding:4px 12px;border-radius:999px}.spotlight-main-layout{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,3vw,36px);align-items:center}@media(max-width:860px){.spotlight-main-layout{grid-template-columns:1fr;text-align:center}.spotlight-badge-row{justify-content:center}}.spotlight-visual-box{width:clamp(120px,16vw,170px);height:clamp(120px,16vw,170px);border-radius:24px;background:radial-gradient(circle at center,#38bdf84d,#0f172acc 70%);border:2px solid rgba(56,189,248,.5);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 25px #38bdf866,0 10px 30px #00000080;margin:0 auto}.spotlight-hero-avatar{font-size:clamp(2.8rem,5vw,4.2rem);z-index:2;filter:drop-shadow(0 0 16px rgba(56,189,248,.8));animation:heroAvatarBob 3s ease-in-out infinite alternate}@keyframes heroAvatarBob{0%{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.06)}}.spotlight-floating-wings{position:absolute;top:10px;right:12px;font-size:1.4rem;animation:wingSparkle 2s ease-in-out infinite alternate}@keyframes wingSparkle{0%{transform:scale(.8) rotate(0);opacity:.5}to{transform:scale(1.3) rotate(20deg);opacity:1}}.spotlight-energy-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:28px;border:2px dashed rgba(56,189,248,.4);animation:ringRotate 20s linear infinite;pointer-events:none}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spotlight-info-box{display:flex;flex-direction:column}.spotlight-game-title{font-family:"Press Start 2P",monospace;font-size:clamp(1.05rem,2.3vw,1.6rem);color:#e0f2fe;margin:0 0 8px;text-shadow:0 0 16px rgba(56,189,248,.7);letter-spacing:.5px}.spotlight-game-subtitle{font-family:Outfit,sans-serif;font-size:clamp(.9rem,1.6vw,1.05rem);color:#38bdf8;font-weight:700;margin-bottom:12px}.spotlight-game-desc{font-family:Outfit,sans-serif;font-size:clamp(.88rem,1.4vw,.98rem);color:#cbd5e1;line-height:1.5;margin:0 0 16px}.spotlight-game-desc strong{color:#7dd3fc}.spotlight-highlights-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}@media(max-width:860px){.spotlight-highlights-row{justify-content:center}}.sp-chip{background:#0f172ab3;border:1px solid rgba(56,189,248,.35);border-radius:999px;padding:4px 12px;font-family:Outfit,sans-serif;font-size:.78rem;color:#e0f2fe;font-weight:600}.spotlight-actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px}@media(max-width:860px){.spotlight-actions-row{justify-content:center}}.btn-spotlight-play{background:linear-gradient(135deg,#0284c7,#38bdf8);color:#fff;border:2px solid #7dd3fc;border-radius:14px;padding:clamp(12px,1.8vw,16px) clamp(20px,3vw,32px);font-family:"Press Start 2P",monospace;font-size:clamp(.72rem,1.3vw,.88rem);cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 6px 24px #38bdf880,inset 0 1px #fff6;transition:all .2s cubic-bezier(.16,1,.3,1);letter-spacing:.5px}.btn-spotlight-play:hover{transform:translateY(-3px) scale(1.03);background:linear-gradient(135deg,#0369a1,#0ea5e9);box-shadow:0 10px 32px #38bdf8b3,inset 0 1px #fff9;border-color:#fff}.btn-spotlight-play:active{transform:scale(.97)}.spotlight-play-icon{font-size:1rem}.btn-spotlight-link{background:#0f172acc;border:1.5px solid rgba(56,189,248,.4);color:#7dd3fc;border-radius:12px;padding:clamp(10px,1.4vw,13px) clamp(14px,2vw,20px);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.btn-spotlight-link:hover{background:#38bdf833;border-color:#38bdf8;color:#fff;transform:translateY(-2px)}.hub-quick-nav-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0 auto 28px;max-width:1200px;padding:10px 14px;background:#0f172ab3;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-nav-title{font-family:"Press Start 2P",monospace;font-size:.58rem;color:#94a3b8;margin-right:4px}.quick-nav-chip{background:#1e293bcc;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 14px;color:#cbd5e1;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .18s ease;white-space:nowrap}.quick-nav-chip:hover{background:#334155;border-color:#ffffff59;color:#fff;transform:translateY(-1px)}.quick-nav-chip.chip-highlight-astra{background:linear-gradient(135deg,#0284c7b3,#0ea5e9b3);border-color:#38bdf8;color:#fff;box-shadow:0 0 14px #38bdf873;animation:chipPulse 2s infinite ease-in-out}@keyframes chipPulse{0%,to{box-shadow:0 0 10px #38bdf859}50%{box-shadow:0 0 18px #38bdf8b3;border-color:#bae6fd}}