:root{--color-electric-blue: #00E5FF;--color-hot-orange: #FF6D00;--color-silver: #D0D7DE;--color-navy-dark: #0A1128;--color-navy-card: rgba(10, 17, 40, .85);--color-gold: #FFD700;--color-white: #FFFFFF;--font-main: "Outfit", sans-serif;--font-tech: "Rajdhani", sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;touch-action:manipulation}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--color-navy-dark);font-family:var(--font-main);color:var(--color-white)}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0}#global-nav{position:absolute;top:0;left:0;width:100%;height:55px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#0a1128e6;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-tech);font-size:1.3rem;font-weight:900;letter-spacing:1px}.brand-icon{font-size:1.4rem}.brand-accent{color:var(--color-electric-blue)}.nav-actions{display:flex;align-items:center;gap:9px}.sound-toggle{min-height:36px;padding:7px 12px;border:1px solid rgba(0,255,136,.45);border-radius:999px;background:#00ff881f;color:#dffff0;font:800 .72rem var(--font-main);letter-spacing:.4px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:transform .15s ease,background .15s ease,border-color .15s ease}.sound-toggle:active{transform:scale(.95)}.sound-toggle[aria-pressed=false]{border-color:#ffffff2e;background:#ffffff12;color:var(--color-silver)}.sound-toggle-icon{font-size:1rem}.back-label-short{display:none}#btn-back-to-hub{font-size:.85rem;padding:8px 16px;border-radius:20px;background:#00e5ff26;border-color:var(--color-electric-blue);color:var(--color-white)}#btn-back-to-hub.hidden{display:none}.portal-screen{position:absolute;top:55px;left:0;width:100%;height:calc(100% - 55px);z-index:40;overflow-y:auto;padding:40px 20px 60px;background:radial-gradient(circle at center,#0a1128f2,#050814fa);display:flex;flex-direction:column;align-items:center;transition:opacity .3s ease,visibility .3s ease}.portal-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.portal-header{text-align:center;max-width:700px;margin-bottom:35px}.portal-badge{display:inline-block;padding:4px 14px;background:#ff6d0026;border:1px solid var(--color-hot-orange);border-radius:20px;font-size:.8rem;font-weight:800;letter-spacing:2px;color:var(--color-hot-orange);margin-bottom:10px}.portal-header h1{font-size:3.2rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.portal-header p{color:var(--color-silver);font-size:1.1rem}.filter-bar{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}.filter-pill{background:var(--color-navy-card);border:1px solid rgba(255,255,255,.15);color:var(--color-silver);padding:8px 18px;border-radius:20px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.filter-pill:hover,.filter-pill.active{background:var(--color-electric-blue);color:#000;border-color:var(--color-electric-blue);box-shadow:0 0 15px #00e5ff66}.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;width:100%;max-width:1100px;margin-bottom:40px}.portal-card{position:relative;background:var(--color-navy-card);border:2px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),border-color .3s ease,box-shadow .3s ease}.portal-card:hover{transform:translateY(-8px);border-color:var(--color-electric-blue);box-shadow:0 15px 35px #00e5ff40}.portal-card.featured{border-color:var(--color-hot-orange)}.portal-card.featured:hover{box-shadow:0 15px 35px #ff6d0059}.card-badge{position:absolute;top:12px;right:12px;z-index:2;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:800;background:#0a1128d9;color:var(--color-silver);border:1px solid rgba(255,255,255,.2)}.featured-badge{background:var(--color-hot-orange);color:#fff;border:none}.new-badge{background:var(--color-electric-blue);color:#000;border:none}.card-media{position:relative;height:160px;background:linear-gradient(135deg,#0a1128,#00e5ff);display:flex;align-items:center;justify-content:center}.card-media.alt-bg-1{background:linear-gradient(135deg,#0a1128,#9d00ff)}.card-media.alt-bg-2{background:linear-gradient(135deg,#0a1128,#0f8)}.card-media.alt-bg-3{background:radial-gradient(circle at 70% 30%,rgba(255,215,0,.32),transparent 28%),linear-gradient(135deg,#101638,#6936c8 58%,#ff4fa3)}.puzzle-badge{background:#ff4fa3;color:#fff;border:none}.block-card-art{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px);gap:7px;transform:rotate(-8deg);filter:drop-shadow(0 14px 16px rgba(0,0,0,.38))}.block-card-art span{border-radius:12px;border:3px solid rgba(255,255,255,.42);background:linear-gradient(145deg,#00e5ff,#0876ef);box-shadow:inset 0 4px 8px #ffffff59}.block-card-art span:nth-child(2),.block-card-art span:nth-child(5){background:linear-gradient(145deg,#ffd84a,#ff8a00)}.block-card-art span:nth-child(3){grid-row:2;grid-column:2;background:linear-gradient(145deg,#0f8,#00a86b)}.block-card-art span:nth-child(4){grid-row:2;grid-column:3;background:linear-gradient(145deg,#ff5aa5,#d32980)}.block-card-art span:nth-child(5){grid-row:3;grid-column:2}.block-card-art span:nth-child(6){grid-row:3;grid-column:3;background:linear-gradient(145deg,#a77bff,#6f3bd8)}.card-hero-icon{font-size:4.5rem;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}.card-content{padding:22px;display:flex;flex-direction:column;flex:1}.card-category{font-size:.7rem;font-weight:800;letter-spacing:1px;color:var(--color-electric-blue);margin-bottom:4px}.card-content h2{font-size:1.8rem;font-weight:900;line-height:1}.card-subtitle{font-family:var(--font-tech);font-size:1.1rem;font-weight:800;color:var(--color-hot-orange);margin-bottom:10px}.card-content p{font-size:.9rem;line-height:1.4;color:var(--color-silver);margin-bottom:15px;flex:1}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;margin-bottom:18px}.card-meta .rating{color:var(--color-gold);font-weight:700}.card-meta .tag{color:var(--color-silver);font-weight:600}.portal-footer{text-align:center;font-size:.85rem;color:var(--color-silver);border-top:1px solid rgba(255,255,255,.1);padding-top:20px;width:100%;max-width:900px}.ui-screen{position:absolute;top:55px;left:0;width:100%;height:calc(100% - 55px);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at center,#0a112866,#050814d9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s ease,visibility .3s ease}.hidden{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.ui-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.title-content{text-align:center;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:25px}.logo-container .sub-title{font-family:var(--font-tech);font-size:1.5rem;font-weight:800;letter-spacing:6px;color:var(--color-electric-blue);text-shadow:0 0 12px rgba(0,229,255,.6)}.logo-container .main-title{font-size:4rem;font-weight:900;line-height:.9;font-style:italic;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#FFFFFF 0%,#D0D7DE 50%,var(--color-electric-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 20px rgba(0,229,255,.4))}.logo-container .main-title .highlight{background:linear-gradient(135deg,#FF9E00 0%,var(--color-hot-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 20px rgba(255,109,0,.5))}.title-badge{display:inline-block;margin-top:10px;padding:6px 16px;background:#00e5ff26;border:1px solid var(--color-electric-blue);border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:2px;color:var(--color-electric-blue)}.menu-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.menu-actions.horizontal{flex-direction:row;max-width:none;justify-content:center}.btn{position:relative;border:none;outline:none;cursor:pointer;padding:14px 28px;border-radius:12px;font-family:var(--font-main);font-size:1.1rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,#ff6d00,#ff9100);color:#fff;box-shadow:0 6px 20px #ff6d0066,inset 0 2px #ffffff4d}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 25px #ff6d0099,inset 0 2px #fff6}.btn-primary:active{transform:translateY(1px) scale(.98)}.btn-giant{padding:18px 36px;font-size:1.3rem;border-radius:14px}.btn-secondary{background:var(--color-navy-card);color:var(--color-silver);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #0000004d}.btn-secondary:hover{background:#00e5ff26;border-color:var(--color-electric-blue);color:var(--color-white);transform:translateY(-2px)}.title-stats{display:flex;gap:15px;margin-top:10px}.stat-pill{background:#ffffff14;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;color:var(--color-silver);border:1px solid rgba(255,255,255,.1)}.stat-pill span{color:var(--color-electric-blue);font-weight:800}#screen-car-select{background:radial-gradient(circle at center,#0a112826,#05081499);-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:space-between;padding:30px 20px}.screen-header{text-align:center;margin-bottom:10px;text-shadow:0 4px 15px rgba(0,0,0,.8)}.screen-header h2{font-size:2.5rem;font-weight:900;letter-spacing:2px;background:linear-gradient(135deg,#FFFFFF 0%,var(--color-electric-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.screen-header p{color:var(--color-silver);font-size:1.1rem}.car-select-layout{width:100%;max-width:950px;margin-top:auto;margin-bottom:20px}.car-selector-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.car-card{background:var(--color-navy-card);border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.car-card:hover{transform:translateY(-5px);border-color:#00e5ff80}.car-card.selected{border-color:var(--color-electric-blue);box-shadow:0 0 25px #00e5ff66,inset 0 0 15px #00e5ff26;background:#0a1932e6}.car-card-header{margin-bottom:15px}.car-team-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:800;color:#000;margin-bottom:6px}.car-card-header h3{font-size:1.6rem;font-weight:900;font-style:italic}.car-stats{display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-row .lbl{font-size:.8rem;font-weight:700;color:var(--color-silver);width:70px}.stat-row .bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.stat-row .bar .fill{height:100%;background:linear-gradient(90deg,var(--color-electric-blue) 0%,var(--color-hot-orange) 100%);border-radius:4px}.screen-footer{display:flex;gap:15px}.modal-box{background:var(--color-navy-card);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:30px;width:100%;max-width:550px;box-shadow:0 20px 50px #0009}.modal-box.text-center{text-align:center}.modal-box.text-center .menu-actions{margin-left:auto;margin-right:auto}.modal-box h2{font-size:2.2rem;font-weight:900;margin-bottom:20px;color:var(--color-white);border-bottom:2px solid rgba(0,229,255,.3);padding-bottom:10px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;text-align:left}.guide-item{background:#ffffff0d;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.guide-icon{font-size:1.8rem;margin-bottom:6px}.guide-item h3{font-size:1.1rem;font-weight:800;color:var(--color-electric-blue);margin-bottom:5px}.guide-item p{font-size:.85rem;line-height:1.4;color:var(--color-silver)}.setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.setting-row label{font-weight:700;font-size:1rem}.setting-row input[type=range]{width:180px;accent-color:var(--color-hot-orange)}.setting-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--color-electric-blue)}.results-container{text-align:center;max-width:550px;width:100%}.trophy-rating{font-size:2.5rem;margin-bottom:5px;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}#result-title{font-size:2.8rem;font-weight:900;text-transform:uppercase;margin-bottom:10px}.pos-badge{display:inline-block;padding:6px 20px;border-radius:20px;font-weight:900;font-size:1.3rem;margin-bottom:20px}.pos-badge.pos-1st{background:var(--color-gold);color:#000}.pos-badge.pos-2nd{background:#e0e0e0;color:#000}.pos-badge.pos-3rd{background:#cd7f32;color:#fff}.pos-badge.runner-up{background:var(--color-electric-blue);color:#000}.results-card{background:var(--color-navy-card);border-radius:16px;border:1px solid rgba(255,255,255,.15);padding:20px;display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.res-stat{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.res-stat:last-child{border-bottom:none;padding-bottom:0}.res-stat .lbl{font-size:.9rem;font-weight:700;color:var(--color-silver)}.res-stat .val{font-size:1.2rem;font-weight:900;color:var(--color-electric-blue);font-family:var(--font-tech)}#hud{position:absolute;top:55px;left:0;width:100%;height:calc(100% - 55px);z-index:5;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:15px 20px}#hud.hidden{display:none}.hud-top-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:auto}.hud-card{background:var(--color-navy-card);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:8px 16px;display:flex;flex-direction:column;align-items:center;min-width:90px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-label{font-size:.65rem;font-weight:800;letter-spacing:1px;color:var(--color-silver)}.position-value{font-family:var(--font-tech);font-size:1.8rem;font-weight:900;color:var(--color-gold);line-height:1}.pos-suffix{font-size:1rem}.pos-total{font-size:.75rem;color:var(--color-silver)}.lap-value{font-family:var(--font-tech);font-size:1.6rem;font-weight:800;color:var(--color-white);line-height:1}.lap-total{font-size:1rem;color:var(--color-silver)}#final-lap-badge{background:var(--color-hot-orange);color:#fff;font-size:.65rem;font-weight:900;padding:2px 6px;border-radius:4px;margin-top:2px;animation:pulseBadge .6s infinite alternate}@keyframes pulseBadge{0%{transform:scale(1)}to{transform:scale(1.1)}}.score-value,.time-value{font-family:var(--font-tech);font-size:1.5rem;font-weight:800;color:var(--color-electric-blue)}.hud-btn-icon{background:var(--color-navy-card);border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.hud-btn-icon:hover{background:#00e5ff33}.hud-minimap-container{position:absolute;top:75px;right:20px;background:var(--color-navy-card);border:1px solid rgba(255,255,255,.15);border-radius:50%;padding:5px;display:flex;align-items:center;justify-content:center;pointer-events:auto}#minimap-canvas{border-radius:50%}.energy-counter{position:absolute;bottom:-25px;background:#0a1128e6;border:1px solid var(--color-gold);border-radius:12px;padding:3px 10px;font-size:.85rem;font-weight:800;display:flex;align-items:center;gap:4px}.energy-icon{color:var(--color-gold)}#notification-container{position:absolute;top:30%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.direction-warning{position:absolute;top:clamp(92px,18vh,160px);left:50%;transform:translate(-50%);z-index:12;width:min(82vw,330px);min-height:58px;padding:9px 18px;border:2px solid #ffcb33;border-radius:18px;background:#161208e6;color:#fff4c5;box-shadow:0 8px 25px #00000073,0 0 22px #ffcb333d;display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;font:800 .82rem var(--font-main);letter-spacing:.8px;pointer-events:none}.direction-warning strong{display:block;color:#ffcb33;font:900 1.05rem var(--font-tech);letter-spacing:1.5px}.direction-warning-icon{flex:0 0 auto;font:900 2rem/1 var(--font-tech);color:#ffcb33}.hud-pop-notification{background:linear-gradient(135deg,#00e5ffe6,#ff6d00e6);color:#fff;font-family:var(--font-tech);font-size:1.6rem;font-weight:900;font-style:italic;padding:8px 24px;border-radius:30px;box-shadow:0 8px 25px #00000080;animation:popInNotification 1.2s cubic-bezier(.175,.885,.32,1.275) forwards;letter-spacing:1px}@keyframes popInNotification{0%{transform:scale(.3) translateY(20px);opacity:0}20%{transform:scale(1.1) translateY(0);opacity:1}80%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.8) translateY(-30px);opacity:0}}#countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}#countdown-number{font-family:var(--font-tech);font-size:8rem;font-weight:900;font-style:italic;color:var(--color-gold);text-shadow:0 0 30px rgba(255,215,0,.8),0 5px 15px rgba(0,0,0,.8);animation:countPulse .8s ease-out}@keyframes countPulse{0%{transform:scale(2);opacity:0}30%{transform:scale(1);opacity:1}80%{opacity:1}to{opacity:0}}#timing-challenge-bar{margin-top:40px;background:var(--color-navy-card);padding:15px 25px;border-radius:16px;border:1px solid rgba(255,255,255,.2);text-align:center}.challenge-label{font-size:.85rem;font-weight:800;color:var(--color-electric-blue);margin-bottom:8px}.meter-outer{position:relative;width:250px;height:16px;background:#ffffff1a;border-radius:8px;overflow:hidden}.meter-sweet-spot{position:absolute;left:70%;width:20%;height:100%;background:var(--color-gold);box-shadow:0 0 10px var(--color-gold)}#challenge-pointer{position:absolute;left:0%;width:8px;height:100%;background:var(--color-white);box-shadow:0 0 8px #fff}.hud-bottom-bar{display:flex;align-items:flex-end;justify-content:space-between;pointer-events:auto;gap:20px}.boost-container{flex:1;max-width:400px;background:var(--color-navy-card);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:12px}.boost-header{display:flex;justify-content:space-between;font-size:.75rem;font-weight:800;margin-bottom:6px}.boost-label{color:var(--color-electric-blue)}.boost-hint{color:var(--color-silver)}.boost-meter-track{position:relative;width:100%;height:16px;background:#ffffff1a;border-radius:8px;overflow:hidden}#boost-meter-fill{height:100%;background:linear-gradient(90deg,var(--color-electric-blue) 0%,var(--color-hot-orange) 100%);border-radius:8px;transition:width .1s linear}.speedometer{background:var(--color-navy-card);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:8px 20px;display:flex;flex-direction:column;align-items:center;min-width:110px}.speed-number{font-family:var(--font-tech);font-size:2.2rem;font-weight:900;color:var(--color-white);line-height:1}.speed-unit{font-size:.65rem;font-weight:800;color:var(--color-silver)}.touch-controls-overlay{position:absolute;bottom:80px;left:0;width:100%;display:flex;justify-content:space-between;padding:0 20px;pointer-events:none}.touch-cluster{display:flex;gap:15px;pointer-events:auto}.virtual-wheel-control{--wheel-rotation: 0deg;--wheel-y: 0px;position:relative;width:132px;min-height:146px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:auto;touch-action:none;outline:none}.virtual-wheel{position:relative;width:118px;height:118px;border:11px solid rgba(234,244,255,.9);border-radius:50%;background:radial-gradient(circle at 38% 32%,rgba(255,255,255,.24),transparent 28%),radial-gradient(circle,#122b49f5 0,#122b49f5 39%,#050f22f5 40%,#050f22f5);box-shadow:0 8px 25px #0000008c,0 0 0 3px #00e5ff73,inset 0 0 0 3px #ffffff26;transform:translateY(var(--wheel-y)) rotate(var(--wheel-rotation));transition:transform .12s ease-out,border-color .15s ease,box-shadow .15s ease;will-change:transform}.virtual-wheel-control.is-active .virtual-wheel{border-color:#fff;box-shadow:0 6px 20px #0009,0 0 0 4px #00e5ffcc,0 0 24px #00e5ff8c;transition:none}.virtual-wheel-control:focus-visible .virtual-wheel{box-shadow:0 8px 25px #0000008c,0 0 0 4px var(--color-gold),0 0 24px #ffd7008c}.wheel-spoke{position:absolute;top:50%;left:50%;width:74%;height:8px;border-radius:999px;background:linear-gradient(180deg,#e9f3ff,#778ca5);transform-origin:center;translate:-50% -50%;box-shadow:0 2px 3px #00000059}.spoke-diagonal-a{transform:rotate(60deg)}.spoke-diagonal-b{transform:rotate(-60deg)}.wheel-center{position:absolute;top:50%;left:50%;width:38px;height:38px;translate:-50% -50%;display:grid;place-items:center;border:3px solid rgba(255,255,255,.78);border-radius:50%;background:linear-gradient(145deg,#ff8a00,#ff4d00);color:#fff;font:900 1.05rem var(--font-tech);box-shadow:0 3px 8px #00000073}.wheel-hint{margin-top:7px;padding:4px 9px;border:1px solid rgba(0,229,255,.32);border-radius:999px;background:#050f22c2;color:#dcecff;font:800 .62rem var(--font-main);letter-spacing:.5px;white-space:nowrap}.flight-wheel-control{min-height:172px;justify-content:center}.flight-axis-label{position:absolute;left:50%;translate:-50% 0;color:#d6ebffc7;font:800 .58rem var(--font-main);letter-spacing:.8px}.climb-label{top:0}.dive-label{bottom:23px}.flight-wheel-control .wheel-hint{position:absolute;bottom:0}.touch-btn{background:#0a1128b3;border:2px solid rgba(255,255,255,.25);color:#fff;font-family:var(--font-main);font-weight:900;border-radius:50%;width:68px;height:68px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0006}.touch-btn:active{background:#00e5ff80;transform:scale(.95)}.boost-btn{border-radius:34px;width:110px;height:68px;font-size:1rem;background:linear-gradient(135deg,#ff6d00cc,#ff9100cc)}.boost-btn:active{background:var(--color-hot-orange)}@media (pointer: fine){.touch-controls-overlay{display:none}}.sky-hud{position:absolute;top:55px;right:0;bottom:0;left:0;z-index:8;pointer-events:none;padding:14px 20px}.sky-hud.hidden,.sky-countdown.hidden,.sky-message.hidden{display:none}.sky-hud-top,.sky-hud-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.sky-hud-top{pointer-events:auto}.sky-hud-top strong{color:var(--color-electric-blue);font:800 1.4rem var(--font-tech)}.sky-hud-bottom{position:absolute;left:20px;right:20px;bottom:18px}.sky-speed{min-width:110px;padding:8px 18px;border-radius:14px;background:var(--color-navy-card);text-align:center}.sky-speed strong,.sky-speed span{display:block}.sky-speed strong{font:900 2rem var(--font-tech)}.sky-speed span{color:var(--color-silver);font-size:.65rem;font-weight:800}#sky-boost-fill{height:100%;width:50%;border-radius:inherit;background:linear-gradient(90deg,#00e5ff,#0f8);transition:width .1s linear}.sky-message{position:absolute;top:30%;left:50%;transform:translate(-50%);padding:10px 24px;border-radius:30px;background:linear-gradient(135deg,#00aeea,#00d78b);font:900 1.5rem var(--font-tech);width:max-content;max-width:min(84vw,520px);text-align:center}.sky-direction-warning{top:clamp(88px,17vh,150px)}.sky-countdown{position:absolute;top:55px;right:0;bottom:0;left:0;z-index:20;display:grid;place-content:center;text-align:center;pointer-events:none}#sky-countdown-number{color:var(--color-gold);font:italic 900 8rem var(--font-tech);text-shadow:0 0 30px rgba(255,215,0,.8)}.sky-countdown p{padding:10px 16px;border-radius:20px;background:#0a1128d9;font-weight:800}.sky-touch-controls{position:absolute;inset:auto 18px 78px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.sky-touch-controls>.boost-btn{pointer-events:auto}@media (pointer: fine){.sky-touch-controls{display:none}}.block-game-screen{position:absolute;top:55px;right:0;bottom:0;left:0;z-index:30;overflow:auto;padding:clamp(16px,3vw,34px);background:radial-gradient(circle at 14% 12%,rgba(0,229,255,.15),transparent 25%),radial-gradient(circle at 88% 84%,rgba(255,79,163,.18),transparent 30%),linear-gradient(150deg,#071126,#11143c 62%,#24134b)}.block-game-shell{width:min(100%,980px);min-height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:20px}.block-game-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.block-eyebrow,.block-step{color:#73efff;font:900 .72rem var(--font-main);letter-spacing:2px}.block-game-header h1{font:italic 900 clamp(2.25rem,6vw,4.4rem)/.9 var(--font-tech);letter-spacing:1px}.block-game-header h1 span{color:#ff66b3}.block-game-header p{margin-top:8px;color:#cad6ed;font-size:clamp(.85rem,1.7vw,1.05rem)}.block-game-layout{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(260px,.72fr);gap:clamp(16px,3vw,28px);align-items:stretch}.block-board-panel,.block-tray-panel{padding:clamp(14px,2.5vw,22px);border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#070e25c7;box-shadow:0 18px 42px #0000004d}.block-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.block-stats div{min-width:0;padding:8px 5px;border-radius:12px;background:#ffffff0f;text-align:center}.block-stats span,.block-stats strong{display:block}.block-stats span{color:#9eabc4;font-size:.58rem;font-weight:900;letter-spacing:1px}.block-stats strong{color:#fff;font:900 clamp(1rem,2.6vw,1.45rem) var(--font-tech)}.block-board{width:min(100%,510px);aspect-ratio:1;margin:0 auto;padding:clamp(7px,1.3vw,11px);display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:clamp(4px,.7vw,7px);border:2px solid rgba(115,239,255,.35);border-radius:20px;background:#00000042}.block-board-cell{min-width:0;min-height:0;border:1px solid rgba(255,255,255,.09);border-radius:clamp(7px,1.2vw,12px);background:#ffffff0b;cursor:pointer;transition:transform .12s ease,background .12s ease}.block-board-cell:active{transform:scale(.9)}.block-board-cell.filled,.block-piece-square{border-color:#ffffff61;box-shadow:inset 0 4px 8px #ffffff47,0 4px 9px #00000047}.block-cyan{background:linear-gradient(145deg,#32efff,#087ee8)}.block-orange{background:linear-gradient(145deg,#ffbe3b,#ff6d00)}.block-green{background:linear-gradient(145deg,#45f7a2,#00a76d)}.block-purple{background:linear-gradient(145deg,#b98aff,#663bd4)}.block-gold{background:linear-gradient(145deg,#fff16b,#e7a400)}.block-pink{background:linear-gradient(145deg,#ff79bd,#d62d82)}.block-game-message{min-height:42px;margin-top:12px;padding:10px 12px;border-radius:14px;background:#73efff1a;color:#dffbff;text-align:center;font-weight:800}.block-game-message[data-tone=success]{background:#00ff881f;color:#baffdd}.block-game-message[data-tone=warning]{background:#ffbe3b24;color:#ffe4a1}.block-tray-panel{display:flex;flex-direction:column;gap:15px}.block-tray-panel h2{margin-top:3px;font:900 clamp(1.35rem,3vw,2rem) var(--font-tech)}.block-piece-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.block-piece{min-width:0;min-height:112px;padding:8px;border:2px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0b;display:grid;place-items:center;cursor:pointer}.block-piece.selected{border-color:#73efff;background:#73efff1f;box-shadow:0 0 18px #73efff47}.block-piece.used{opacity:.25}.block-piece-preview{display:grid;grid-template-columns:repeat(var(--piece-columns),22px);grid-template-rows:repeat(var(--piece-rows),22px);gap:3px}.block-piece-square{width:22px;height:22px;border:1px solid rgba(255,255,255,.34);border-radius:5px}.block-puzzle-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.block-puzzle-actions .btn{min-width:0;padding:11px 8px;font-size:.86rem}.block-puzzle-actions .btn:disabled{opacity:.38;cursor:not-allowed}.block-how-card{margin-top:auto;padding:14px;border-radius:15px;background:#ff66b31a;color:#e7d9ef}.block-how-card strong{color:#ff8dc6;font-size:.75rem;letter-spacing:1.5px}.block-how-card p{margin-top:5px;font-size:.82rem;line-height:1.45}.basketball-portal-card{border-color:#ff8b32}.basketball-badge{background:linear-gradient(135deg,#ff6d00,#ffba37);color:#2b1304;border:0}.basketball-card-media{overflow:hidden;background:radial-gradient(circle at 75% 24%,rgba(255,226,109,.48),transparent 20%),linear-gradient(135deg,#151644,#7035b6 46%,#ff4f92)}.basketball-card-media:before,.basketball-card-media:after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.16)}.basketball-card-media:before{width:180px;height:180px;left:-55px;bottom:-112px}.basketball-card-media:after{width:80px;height:80px;right:28px;bottom:-42px}.basketball-card-art{position:relative;width:220px;height:132px;filter:drop-shadow(0 13px 15px rgba(0,0,0,.34))}.mini-backboard{position:absolute;width:72px;height:54px;right:20px;top:17px;border:6px solid rgba(226,251,255,.9);border-radius:8px;background:#6ce7ff38;box-shadow:0 0 18px #67ebffb3}.mini-rim{position:absolute;right:40px;top:69px;width:56px;height:9px;border-radius:999px;background:#ff7c21;box-shadow:0 0 15px #ff7c21}.mini-rim:after{content:"";position:absolute;top:7px;left:8px;width:39px;height:37px;border:3px solid rgba(255,255,255,.72);border-top:0;border-radius:0 0 18px 18px}.mini-ball{position:absolute;left:30px;bottom:16px;font-size:3.7rem;animation:portalBasketballShot 2.6s ease-in-out infinite;transform-origin:center}.mini-trail{position:absolute;width:108px;height:54px;left:49px;top:42px;border-top:4px dashed rgba(255,229,108,.68);border-radius:50%;transform:rotate(-16deg)}.mini-spark{position:absolute;color:#fff175;text-shadow:0 0 12px #fff175;animation:basketballSpark 1.25s ease-in-out infinite alternate}.spark-one{top:0;left:80px;font-size:1.8rem}.spark-two{right:0;bottom:10px;font-size:1.3rem;animation-delay:.45s}@keyframes portalBasketballShot{0%,12%{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(84px,-58px) rotate(210deg) scale(.86)}72%{transform:translate(120px,-28px) rotate(340deg) scale(.72)}86%,to{transform:translate(116px,12px) rotate(470deg) scale(.62);opacity:.35}}@keyframes basketballSpark{0%{transform:scale(.6) rotate(-12deg);opacity:.4}to{transform:scale(1.25) rotate(12deg);opacity:1}}.basketball-game-screen{position:absolute;top:55px;right:0;bottom:0;left:0;z-index:31;overflow:hidden;padding:clamp(10px,1.7vw,20px);background:radial-gradient(circle at 12% 20%,rgba(0,229,255,.12),transparent 25%),radial-gradient(circle at 88% 76%,rgba(255,75,147,.15),transparent 28%),#070c22}.basketball-game-shell{width:min(100%,1180px);height:100%;margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.basketball-game-header{min-width:0;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.basketball-title-wrap{min-width:230px}.basketball-eyebrow,.basketball-overlay-kicker{color:#6eefff;font:900 .68rem var(--font-main);letter-spacing:2px}.basketball-title-wrap h1{font:italic 900 clamp(2rem,4.6vw,3.6rem)/.85 var(--font-tech);letter-spacing:1px}.basketball-title-wrap h1 span{color:#ff8a32;text-shadow:0 0 18px rgba(255,111,32,.38)}.basketball-title-wrap p{margin-top:7px;color:#b9c7e0;font-size:clamp(.76rem,1.4vw,.92rem)}.basketball-hud{width:min(100%,550px);display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px}.basketball-hud>div{min-width:0;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#11193de0;text-align:center}.basketball-hud span,.basketball-hud strong{display:block}.basketball-hud span{color:#9eacc7;font-size:.56rem;font-weight:900;letter-spacing:1px}.basketball-hud strong{color:#fff;font:900 clamp(1.05rem,2.3vw,1.45rem) var(--font-tech)}.basketball-hud .basketball-time-card{border-color:#ff8a3280;background:#ff6d001f}.basketball-time-card strong{color:#ffb259}.basketball-stage{position:relative;width:min(100%,calc((100vh - 190px)*1.5));aspect-ratio:3 / 2;align-self:center;justify-self:center;min-height:0;overflow:hidden;border:2px solid rgba(106,230,255,.28);border-radius:24px;background:#11163b;box-shadow:0 18px 42px #0006,0 0 30px #00e5ff14}#basketball-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.basketball-time-track{position:absolute;top:10px;left:12px;right:12px;height:7px;overflow:hidden;border-radius:999px;background:#00000057;pointer-events:none}#basketball-time-fill{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff5d93,#ffb43b 42%,#60f3ff);box-shadow:0 0 12px #65f0ffad;transition:width .15s linear}.basketball-message{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);min-height:36px;padding:8px 15px;border:1px solid rgba(106,235,255,.25);border-radius:999px;background:#050d24d6;color:#defbff;text-align:center;font-size:.78rem;font-weight:800;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.basketball-message[data-tone=success]{color:#c0ffe1;border-color:#55ffa673}.basketball-message[data-tone=warning]{color:#ffe6a2;border-color:#ffc44966}.basketball-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at center,rgba(75,47,139,.48),transparent 52%),#04091cc4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.basketball-overlay-card{width:min(100%,600px);max-height:100%;overflow:auto;padding:clamp(18px,3vw,30px);border:1px solid rgba(255,255,255,.16);border-radius:26px;background:radial-gradient(circle at 50% 0%,rgba(255,123,36,.19),transparent 38%),#0a1230f0;box-shadow:0 22px 65px #0000008c;text-align:center}.basketball-big-icon{font-size:clamp(2.8rem,7vw,4.8rem);filter:drop-shadow(0 10px 14px rgba(0,0,0,.4));animation:basketballIdleBounce 1.3s ease-in-out infinite}@keyframes basketballIdleBounce{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(8deg)}}.basketball-overlay-card h2{margin:5px 0 14px;font:italic 900 clamp(1.55rem,5vw,2.7rem)/.96 var(--font-tech)}.basketball-how-grid,.basketball-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px}.basketball-how-grid div,.basketball-results-grid div{padding:10px 7px;border-radius:13px;background:#ffffff0e}.basketball-how-grid strong,.basketball-how-grid span,.basketball-results-grid strong,.basketball-results-grid span{display:block}.basketball-how-grid strong{width:28px;height:28px;margin:0 auto 4px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff6d00,#ffc34d);color:#2d1403}.basketball-how-grid span,.basketball-results-grid span{color:#b7c4db;font-size:.68rem;font-weight:800}.basketball-results-grid strong{color:#fff;font:900 1.6rem var(--font-tech)}.basketball-result-stars{font-size:2rem}.basketball-game-footer{min-width:0;display:flex;align-items:center;gap:10px}.basketball-game-footer>div{min-width:0;flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#ffffff0b;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:7px}.basketball-game-footer strong{color:#fff;font-size:.68rem}.basketball-game-footer span:last-child{overflow:hidden;color:#aebbd2;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.basketball-tip-icon{font-size:1rem}.basketball-game-footer .btn{flex:0 0 auto;padding:9px 16px;font-size:.72rem}@media (max-width: 720px){.basketball-game-screen{top:48px;right:0;bottom:0;left:0;padding:8px}.basketball-game-shell{gap:7px}.basketball-game-header{align-items:center;gap:8px}.basketball-title-wrap{min-width:116px}.basketball-eyebrow{display:none}.basketball-title-wrap h1{font-size:1.55rem}.basketball-title-wrap p{display:none}.basketball-hud{gap:4px;grid-template-columns:repeat(4,minmax(47px,1fr))}.basketball-hud>div{padding:4px 3px;border-radius:9px}.basketball-hud span{font-size:.45rem}.basketball-hud strong{font-size:.96rem}.basketball-stage{width:min(100%,calc((100vh - 150px)*1.5));border-radius:16px}.basketball-game-footer>div{display:none}.basketball-game-footer{justify-content:flex-end}.basketball-message{min-height:30px;padding:6px 10px;font-size:.67rem}}@media (max-width: 460px){.basketball-game-header{display:grid;grid-template-columns:104px 1fr}.basketball-title-wrap h1{font-size:1.35rem}.basketball-overlay{padding:10px}.basketball-overlay-card{padding:16px 12px;border-radius:18px}.basketball-overlay-card .btn-giant{width:100%;padding:13px 14px;font-size:.92rem}}@media (max-height: 600px) and (min-width: 600px){.basketball-game-screen{top:44px;right:0;bottom:0;left:0;padding:6px 12px}.basketball-game-shell{gap:5px}.basketball-title-wrap h1{font-size:1.7rem}.basketball-title-wrap p,.basketball-eyebrow{display:none}.basketball-hud>div{padding:3px 8px}.basketball-stage{width:min(100%,calc((100vh - 105px)*1.5));border-radius:15px}.basketball-game-footer{display:none}.basketball-overlay-card{width:min(100%,520px);padding:12px 18px}.basketball-big-icon{font-size:2.45rem}.basketball-overlay-card h2{margin:2px 0 8px;font-size:1.55rem}.basketball-how-grid,.basketball-results-grid{margin-bottom:9px}}@media (max-width: 1100px){.portal-grid{grid-template-columns:repeat(2,minmax(270px,1fr));max-width:820px}.card-media{height:145px}.card-content{padding:18px}}@media (max-width: 900px){.portal-screen{padding:30px 16px 48px}.portal-header{margin-bottom:26px}.portal-header h1{font-size:2.65rem}.modal-box,.results-container{max-height:calc(100% - 22px);overflow-y:auto}.car-selector-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.car-card{padding:14px}.car-card-header h3{font-size:1.25rem}.hud-minimap-container{transform:scale(.78);transform-origin:top right}}@media (max-width: 720px){#global-nav{height:48px;padding:0 12px}.nav-brand{font-size:1rem}.nav-actions{gap:5px}.sound-toggle{min-height:32px;padding:5px 8px;font-size:.62rem}.sound-toggle-icon{font-size:.85rem}#btn-back-to-hub{padding:7px 10px;font-size:.72rem}.portal-screen{top:48px;height:calc(100% - 48px);padding:24px 12px 40px}.portal-header h1{font-size:2rem}.portal-header{margin-bottom:20px}.portal-header p{font-size:.95rem}.filter-bar{margin-top:14px;gap:7px}.filter-pill{padding:7px 13px;font-size:.74rem}.portal-grid{grid-template-columns:1fr;gap:16px}.ui-screen{top:48px;height:calc(100% - 48px);overflow-y:auto;padding:16px 10px}.title-content{transform:scale(.9)}#hud{top:48px;height:calc(100% - 48px);padding:8px}.hud-top-bar{justify-content:flex-start;flex-wrap:wrap}.hud-card{min-width:66px;padding:6px 8px}.score-card,.hud-minimap-container{display:none}.hud-bottom-bar{gap:8px}.boost-container{padding:8px}.speedometer{min-width:78px;padding:7px 10px}.touch-controls-overlay{bottom:58px;padding:0 10px}.touch-btn{width:58px;height:58px}.boost-btn{width:92px}.sky-hud{top:48px;right:0;bottom:0;left:0;padding:8px}.sky-hud-top{justify-content:flex-start;flex-wrap:wrap}.sky-hud-top .hud-card{min-width:62px}.sky-hud-top .hud-card:nth-child(4){display:none}.sky-hud-bottom{left:8px;right:8px;bottom:8px}.sky-touch-controls{inset:auto 10px 54px}.sky-countdown{top:48px;right:0;bottom:0;left:0}#sky-countdown-number{font-size:6rem}.block-game-screen{top:48px;right:0;bottom:0;left:0;padding:14px 10px 28px}.block-game-shell{justify-content:flex-start;gap:14px}.block-game-header{align-items:center}.block-game-header .btn{padding:10px 12px;font-size:.78rem}.block-game-layout{grid-template-columns:1fr;gap:12px}.block-board-panel,.block-tray-panel{border-radius:18px;padding:12px}.block-tray-panel{gap:10px}.block-piece{min-height:88px}.block-how-card{display:none}}@media (max-width: 460px),(max-height: 720px){.virtual-wheel-control{width:112px;min-height:126px}.virtual-wheel{width:96px;height:96px;border-width:9px}.wheel-center{width:32px;height:32px}.flight-wheel-control{min-height:150px}.dive-label{bottom:22px}.wheel-hint{font-size:.54rem}}@media (max-width: 460px){#global-nav{padding:0 8px}.nav-brand{gap:5px;font-size:.82rem;letter-spacing:.3px}.brand-icon{font-size:1.05rem}.nav-actions{gap:4px}.sound-toggle{padding:5px 7px}#btn-back-to-hub{padding:7px 9px;font-size:.68rem}.back-label-long{display:none}.back-label-short{display:inline}.portal-screen{padding-top:22px}.portal-header{margin-bottom:18px}.portal-badge{font-size:.67rem}.portal-header h1{font-size:1.8rem;line-height:1.05}.card-media{height:132px}.card-content{padding:17px}.card-content h2{font-size:1.55rem}.card-meta{gap:8px;font-size:.7rem}.modal-box{padding:20px 16px}.modal-box h2{font-size:1.7rem}.guide-grid{grid-template-columns:1fr}.setting-row input[type=range]{width:145px}.menu-actions.horizontal{flex-direction:column}.direction-warning{top:86px;min-height:50px;padding:7px 13px}.block-game-header h1{font-size:2rem}.block-game-header p{max-width:210px;font-size:.78rem}.block-piece-preview{grid-template-columns:repeat(var(--piece-columns),18px);grid-template-rows:repeat(var(--piece-rows),18px)}.block-piece-square{width:18px;height:18px}.iframe-modal-bar{height:48px;padding:0 8px}.iframe-modal-bar .nav-brand{max-width:150px}.iframe-modal-bar .brand-title{white-space:nowrap}#btn-close-iframe-game{min-height:34px;padding:7px 10px;font-size:.72rem}#game-iframe-element{height:calc(100vh - 48px)}}@media (max-height: 600px) and (min-width: 600px){#global-nav{height:44px;padding:0 14px}.nav-brand{font-size:1rem}.sound-toggle{min-height:30px;padding:4px 9px;font-size:.65rem}#btn-back-to-hub{padding:6px 11px;font-size:.72rem}.portal-screen,.ui-screen{top:44px;height:calc(100% - 44px)}.portal-screen{padding:22px 20px 32px}.portal-header{margin-bottom:22px}.portal-header h1{font-size:2.25rem}.portal-header p{font-size:.92rem}.filter-bar{margin-top:11px}.card-media{height:120px}#hud{top:44px;height:calc(100% - 44px);padding:6px 12px}.hud-top-bar{gap:6px}.hud-card{min-width:70px;padding:4px 9px}.position-value,.lap-value{font-size:1.25rem}.score-value,.time-value{font-size:1.15rem}.hud-btn-icon{width:38px;height:38px}.hud-minimap-container{display:none}.hud-bottom-bar{gap:8px}.boost-container{max-width:390px;padding:7px 10px}.boost-meter-track{height:12px}.speedometer,.sky-speed{min-width:78px;padding:6px 10px}.speed-number,.sky-speed strong{font-size:1.55rem}#countdown-number,#sky-countdown-number{font-size:4.4rem}#timing-challenge-bar{margin-top:12px;padding:8px 14px}.touch-controls-overlay{bottom:45px;padding:0 14px}.virtual-wheel-control{width:96px;min-height:104px}.virtual-wheel{width:78px;height:78px;border-width:7px}.wheel-center{width:27px;height:27px;font-size:.7rem}.touch-btn{width:74px;height:52px;font-size:.8rem}.sky-hud{top:44px;right:0;bottom:0;left:0;padding:6px 12px}.sky-hud-top .hud-card{min-width:68px}.sky-hud-bottom{left:12px;right:12px;bottom:6px}.sky-touch-controls{inset:auto 14px 45px}.flight-wheel-control{min-height:118px}.sky-countdown{top:44px;right:0;bottom:0;left:0}.direction-warning,.sky-direction-warning{top:60px}.block-game-screen{top:44px;right:0;bottom:0;left:0;padding:7px 18px;overflow:hidden}.block-game-shell{gap:6px}.block-game-header h1{font-size:1.8rem}.block-game-header p{display:none}.block-game-header .btn{padding:8px 13px;font-size:.76rem}.block-game-layout{grid-template-columns:minmax(290px,1fr) minmax(260px,.78fr);gap:12px}.block-board-panel,.block-tray-panel{padding:7px;border-radius:16px}.block-board{width:min(100%,202px);padding:5px;gap:3px;border-radius:14px}.block-stats{gap:5px;margin-bottom:5px}.block-stats div{padding:3px;border-radius:8px}.block-stats strong{font-size:1rem}.block-game-message{display:none}.block-piece{min-height:78px}.block-how-card{display:none}}#iframe-game-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:200;background:var(--color-navy-dark);display:flex;flex-direction:column}#iframe-game-modal.hidden{display:none!important}.iframe-modal-bar{height:55px;background:#0a1128f2;border-bottom:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:space-between;padding:0 25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#game-iframe-element{flex:1;width:100%;height:calc(100vh - 55px);border:none;background:#000}#football-hud{position:absolute;top:55px;left:0;width:100%;height:calc(100% - 55px);z-index:15;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:20px}#football-hud.hidden{display:none!important}.fb-controls-bar{display:flex;align-items:center;justify-content:center;gap:15px;pointer-events:auto;margin-bottom:25px}.fb-btn{padding:14px 22px;font-size:1.1rem;border-radius:30px}.fb-kick-btn{padding:16px 36px;font-size:1.4rem;box-shadow:0 0 25px #ff6d0099}.portal-mode-switch{position:sticky;top:-24px;z-index:6;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,570px);margin:0 auto 28px;padding:6px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#070d22e6;box-shadow:0 14px 30px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.portal-mode-button{min-height:48px;border:0;border-radius:999px;background:transparent;color:#aebbd2;font:900 .84rem var(--font-main);letter-spacing:.8px;cursor:pointer;transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.portal-mode-button span{margin-right:6px;font-size:1rem}.portal-mode-button.active{background:linear-gradient(135deg,#00dff5,#37f1aa);color:#061128;box-shadow:0 8px 24px #00e5ff3d}.portal-mode-button.story-mode-button.active{background:linear-gradient(135deg,#ffd276,#ff8db3 52%,#b99cff);color:#251330;box-shadow:0 8px 24px #ff8eb740}.portal-mode-button:active{transform:scale(.97)}.games-library-view,.story-library-view{width:100%}.games-library-view{display:flex;flex-direction:column;align-items:center}.story-library-view{max-width:1180px;color:#f9f5ff}.story-library-hero{position:relative;min-height:370px;overflow:hidden;display:grid;grid-template-columns:1.02fr .98fr;align-items:stretch;border:1px solid rgba(255,221,153,.2);border-radius:34px;background:radial-gradient(circle at 8% 14%,rgba(255,210,118,.12),transparent 28%),linear-gradient(135deg,#11183e,#26194b 62%,#182c4f);box-shadow:0 28px 70px #00000057}.story-library-copy{position:relative;z-index:2;align-self:center;padding:clamp(28px,5vw,58px)}.story-kicker,.story-section-heading span{color:#ffd889;font-size:.72rem;font-weight:900;letter-spacing:2px}.story-library-copy h1{max-width:560px;margin:12px 0 16px;font:900 clamp(2.65rem,5.6vw,5rem)/.88 var(--font-main);letter-spacing:-2.5px}.story-library-copy h1 span{display:block;color:#ffb3ce;text-shadow:0 0 28px rgba(255,141,179,.24)}.story-library-copy>p{max-width:600px;color:#d7d7e9;font-size:clamp(.95rem,1.8vw,1.08rem);line-height:1.65}.story-hero-actions{display:flex;align-items:center;gap:16px;margin-top:24px}.story-hero-actions>span{color:#aeb5cd;font-size:.78rem;font-weight:700}.story-primary-button{border-color:#ffd175;background:linear-gradient(135deg,#ffd36f,#ff8fb5);color:#2c1732;box-shadow:0 10px 26px #ff92b63d}.story-library-hero-art{position:relative;min-height:370px;overflow:hidden}.story-library-hero-art:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:"";background:linear-gradient(90deg,#17183f 0%,transparent 40%)}.story-library-hero-art img{width:100%;height:100%;object-fit:cover;object-position:58% center;transform:scale(1.04);animation:storyHeroDrift 14s ease-in-out infinite alternate}@keyframes storyHeroDrift{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.1) translate(-2%)}}.story-floating-moon,.story-floating-star{position:absolute;z-index:2;color:#fff0b6;text-shadow:0 0 18px rgba(255,236,168,.9);pointer-events:none}.story-floating-moon{top:18px;right:24px;font-size:3.3rem;animation:storyFloat 3.2s ease-in-out infinite}.story-floating-star{font-size:1.35rem;animation:storyTwinkle 1.5s ease-in-out infinite alternate}.story-floating-star.star-a{top:90px;right:115px}.story-floating-star.star-b{bottom:62px;left:62px;animation-delay:.6s}@keyframes storyFloat{50%{transform:translateY(-9px) rotate(7deg)}}@keyframes storyTwinkle{0%{opacity:.35;transform:scale(.72)}to{opacity:1;transform:scale(1.2) rotate(15deg)}}.story-values{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 46px}.story-values span{padding:12px 10px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#ffffff0b;color:#e9e6f5;text-align:center;font-size:.68rem;font-weight:900;letter-spacing:.6px}.story-section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:18px}.story-section-heading h2{margin-top:4px;font:900 clamp(1.8rem,3.6vw,2.8rem) var(--font-main)}.story-section-heading p{max-width:430px;color:#aeb6cc;font-size:.87rem;line-height:1.55;text-align:right}.story-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.story-card{min-width:0;overflow:hidden;display:grid;grid-template-columns:minmax(190px,.82fr) 1.18fr;border:1px solid color-mix(in srgb,var(--story-color),transparent 68%);border-radius:24px;background:linear-gradient(145deg,#1a1d44f2,#0a112af2);cursor:pointer;box-shadow:0 16px 38px #00000040;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.story-card:hover{transform:translateY(-5px);border-color:var(--story-color);box-shadow:0 20px 44px #00000057,0 0 24px color-mix(in srgb,var(--story-color),transparent 80%)}.story-card-picture{position:relative;min-height:250px;overflow:hidden}.story-card-picture:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,transparent 60%,rgba(11,17,43,.55))}.story-card-picture img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.story-card:hover .story-card-picture img{transform:scale(1.06)}.story-card-time,.story-complete-badge{position:absolute;z-index:2;top:12px;padding:6px 9px;border-radius:999px;background:#070d22d1;color:#fff;font-size:.62rem;font-weight:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-card-time{left:12px}.story-complete-badge{right:12px;background:#30b577e0}.story-card-body{min-width:0;padding:22px;display:flex;flex-direction:column}.story-card-lesson{color:var(--story-color);font-size:.66rem;font-weight:900;letter-spacing:.9px;text-transform:uppercase}.story-card h3{margin:8px 0 5px;font:900 clamp(1.35rem,2.5vw,1.85rem)/1.04 var(--font-main)}.story-card-body>p{color:#b6bfd2;font-size:.84rem;line-height:1.5}.story-card-footer{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.story-card-footer>span{color:#8f9bb7;font-size:.68rem;font-weight:800}.story-open-button{padding:9px 12px;border:1px solid color-mix(in srgb,var(--story-color),transparent 38%);border-radius:999px;background:color-mix(in srgb,var(--story-color),transparent 86%);color:#fff;font:900 .66rem var(--font-main);cursor:pointer}.story-parent-note{margin:28px 0 4px;padding:15px 18px;border:1px solid rgba(255,222,154,.14);border-radius:16px;background:#ffde9a0f;color:#cbc7d8;font-size:.78rem;line-height:1.55;text-align:center}.story-reader{position:absolute;top:55px;right:0;bottom:0;left:0;z-index:49;overflow:auto;padding:14px;background:radial-gradient(circle at 12% 10%,rgba(255,188,111,.13),transparent 28%),radial-gradient(circle at 90% 90%,rgba(174,133,255,.13),transparent 31%),#080d25}.story-reader-bar{width:min(100%,1260px);min-height:58px;margin:0 auto 10px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.story-reader-back,.story-reader-audio{width:max-content;min-height:38px;padding:8px 13px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#ffffff0f;color:#e9e8f6;font:900 .67rem var(--font-main);cursor:pointer}.story-reader-audio{justify-self:end;border-color:#ffcf7e54;background:#ffcf7e1a}.story-reader-audio[aria-pressed=true]{background:#ffd27a;color:#2b1731}.story-reader-title-wrap{min-width:0;text-align:center}.story-reader-title-wrap span,.story-reader-title-wrap strong{display:block}.story-reader-title-wrap span{color:#ffcf7c;font-size:.55rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.story-reader-title-wrap strong{overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.story-reader-progress{width:min(100%,1260px);height:5px;margin:0 auto 12px;overflow:hidden;border-radius:999px;background:#ffffff14}#story-progress-fill{width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd373,#ff8fb7,#a58cff);box-shadow:0 0 14px #ff97bc73;transition:width .35s ease}.story-reader-book{width:min(100%,1260px);min-height:calc(100% - 95px);margin:0 auto;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(390px,.86fr);border:1px solid rgba(255,255,255,.12);border-radius:30px;background:#f8f3e8;color:#2d2941;box-shadow:0 30px 85px #0000006e}.story-picture-panel{position:relative;min-height:560px;overflow:hidden;background:#181c3f}.story-picture-panel img{width:100%;height:100%;object-fit:cover;transition:object-position .55s ease,transform 8s ease;animation:storyPageBreath 12s ease-in-out infinite alternate}@keyframes storyPageBreath{0%{transform:scale(1.01)}to{transform:scale(1.075)}}.story-picture-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent 65%,rgba(25,20,47,.12))}.story-page-count{position:absolute;right:14px;bottom:14px;padding:7px 11px;border-radius:999px;background:#070d22c7;color:#fff;font-size:.68rem;font-weight:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-picture-hotspot{position:absolute;z-index:2;width:46px;height:46px;transform:translate(-50%,-50%);border:2px solid rgba(255,246,187,.85);border-radius:50%;background:#ffd4604d;color:#fff9c8;font-size:1.35rem;text-shadow:0 0 8px #fff2a5;box-shadow:0 0 #ffdd718c;cursor:pointer;animation:storyHotspotPulse 1.7s ease-out infinite}@keyframes storyHotspotPulse{70%{box-shadow:0 0 0 17px #ffdd7100}to{box-shadow:0 0 #ffdd7100}}.story-picture-note{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;padding:13px 15px;border:1px solid rgba(255,235,164,.4);border-radius:15px;background:#141431e0;color:#fff5ce;font-size:.82rem;font-weight:700;line-height:1.45;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-page-panel{min-width:0;padding:clamp(30px,4.5vw,62px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 90% 0%,rgba(255,197,113,.18),transparent 30%),linear-gradient(160deg,#fffaf0,#f3ebdd)}.story-page-kicker{color:#a36a48;font-size:.7rem;font-weight:900;letter-spacing:2px}.story-page-panel h2{margin:9px 0 18px;color:#2d2941;font:900 clamp(2rem,4vw,3.6rem)/1.02 var(--font-main);letter-spacing:-1.5px}.story-page-panel>p{color:#585268;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.06rem,1.8vw,1.28rem);line-height:1.74;user-select:text;-webkit-user-select:text}.story-reflection{margin-top:20px;padding:16px;border:1px solid rgba(133,82,147,.16);border-radius:17px;background:#9163a312}.story-reflection>strong{display:block;margin-bottom:10px;color:#45344f;font-size:.9rem}.story-answer-options{display:grid;gap:8px}.story-answer-options button{padding:10px 12px;border:1px solid rgba(79,61,95,.15);border-radius:12px;background:#ffffff9e;color:#4e465b;font:800 .78rem var(--font-main);text-align:left;cursor:pointer}.story-answer-options button.correct{border-color:#4db57c;background:#dcf7e6;color:#23623f}.story-answer-options button.try-again{border-color:#e6a651;background:#fff2d9}.story-answer-feedback{min-height:20px;margin-top:8px;color:#7f633e;font-size:.72rem;font-weight:800;line-height:1.4}.story-answer-feedback[data-correct=true]{color:#27734b}.story-reader-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:auto;padding-top:26px}.story-page-button{min-height:42px;padding:9px 13px;border-radius:999px;font:900 .66rem var(--font-main);cursor:pointer}.story-page-button.primary{border:0;background:linear-gradient(135deg,#5f55a8,#bd6596);color:#fff;box-shadow:0 8px 18px #6f4c8f38}.story-page-button.secondary{border:1px solid rgba(56,44,67,.16);background:transparent;color:#655c70}.story-page-button:disabled{opacity:.35;cursor:default}.story-page-dots{display:flex;justify-content:center;gap:6px}.story-page-dots span{width:7px;height:7px;border-radius:999px;background:#c9c0ca;transition:width .2s ease,background .2s ease}.story-page-dots span.active{width:20px;background:#9b5f91}@media (max-width: 980px){.story-library-hero{grid-template-columns:1.1fr .9fr}.story-card-grid{grid-template-columns:1fr}.story-card{grid-template-columns:minmax(230px,.78fr) 1.22fr}.story-reader-book{grid-template-columns:1fr}.story-picture-panel{min-height:clamp(310px,48vw,460px)}.story-page-panel{min-height:410px}}@media (max-width: 720px){.portal-mode-switch{top:-20px;margin-bottom:20px}.portal-mode-button{min-height:42px;font-size:.68rem}.story-library-hero{min-height:0;grid-template-columns:1fr;border-radius:24px}.story-library-copy{padding:28px 24px}.story-library-copy h1{font-size:clamp(2.45rem,12vw,4rem)}.story-library-hero-art{min-height:250px}.story-library-hero-art:before{background:linear-gradient(180deg,#17183f 0%,transparent 38%)}.story-hero-actions{align-items:flex-start;flex-direction:column}.story-values{grid-template-columns:repeat(2,1fr);margin-bottom:34px}.story-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.story-section-heading p{text-align:left}.story-card{grid-template-columns:1fr}.story-card-picture{min-height:220px}.story-reader{top:48px;right:0;bottom:0;left:0;padding:8px}.story-reader-bar{min-height:48px;grid-template-columns:auto 1fr auto;gap:7px}.story-reader-back,.story-reader-audio{width:38px;height:38px;overflow:hidden;padding:0;color:transparent;font-size:0}.story-reader-back:before,.story-reader-audio:before{color:#fff;font-size:1rem}.story-reader-back:before{content:"←"}.story-reader-audio:before{content:"🔈"}.story-reader-audio[aria-pressed=true]:before{content:"⏹";color:#2b1731}.story-reader-title-wrap strong{font-size:.82rem}.story-reader-book{border-radius:20px}.story-picture-panel{min-height:255px}.story-page-panel{min-height:440px;padding:26px 20px}.story-page-panel h2{font-size:2rem}.story-page-panel>p{font-size:1.04rem;line-height:1.62}.story-reader-controls{grid-template-columns:1fr 1fr}.story-page-dots{grid-column:1 / -1;grid-row:1}.story-page-button{grid-row:2;min-width:0;font-size:.61rem}}@media (max-width: 420px){.story-card-footer{align-items:stretch;flex-direction:column}.story-open-button{width:100%}.story-values span{padding:10px 6px;font-size:.58rem}.story-picture-panel{min-height:220px}}@media (max-height: 620px) and (min-width: 760px){.story-reader-book,.story-picture-panel{min-height:480px}.story-page-panel{padding:26px 34px}.story-page-panel h2{font-size:2.2rem;margin-bottom:10px}.story-page-panel>p{font-size:1rem;line-height:1.52}}@media (prefers-reduced-motion: reduce){.story-library-hero-art img,.story-floating-moon,.story-floating-star,.story-picture-panel img,.story-picture-hotspot{animation:none}}