:root{--bg-glass: rgba(15, 23, 42, .82);--border-glass: rgba(255, 255, 255, .18);--accent-primary: #3b82f6;--accent-gold: #facc15;--accent-green: #10b981;--accent-orange: #f97316;--text-light: #f8fafc}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body,html,#root,.game-screen{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#0f172a;color:var(--text-light)}#canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.portal-wrapper{width:100%;height:100%;overflow-y:auto;background:radial-gradient(circle at top,#1e293b,#0f172a 70%);padding:32px 20px}.portal-container{max-width:1060px;margin:0 auto}.portal-header{text-align:center;margin-bottom:32px}.portal-tag{display:inline-block;background:#38bdf829;color:#38bdf8;border:1px solid rgba(56,189,248,.35);padding:5px 14px;border-radius:99px;font-size:12px;font-weight:800;margin-bottom:10px}.portal-header h1{font-size:clamp(24px,4vw,36px);font-weight:900;margin-bottom:8px}.portal-header p{color:#94a3b8;font-size:15px}.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.portal-card{background:#1e293bbf;border:2px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease}.portal-card:hover{transform:translateY(-4px);border-color:#facc1580}.portal-card-banner{height:115px;padding:16px;display:flex;justify-content:space-between;align-items:flex-start}.portal-icon{font-size:48px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.portal-badge{background:#0f172ac7;color:#fff;font-size:10px;font-weight:900;padding:4px 10px;border-radius:99px}.portal-card-body{padding:18px;flex:1;display:flex;flex-direction:column;gap:6px}.portal-cat{color:#38bdf8;font-weight:800;font-size:11px;text-transform:uppercase}.portal-card-body h3{font-size:18px;font-weight:900}.portal-card-body p{font-size:13px;color:#cbd5e1;line-height:1.45}.portal-card-footer{padding:14px 18px 18px}.portal-play-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 14px;border-radius:12px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:13px;font-weight:900;letter-spacing:.3px;text-align:center;cursor:pointer;box-shadow:0 6px 16px #2563eb59;transition:transform .14s ease,box-shadow .14s ease}.portal-play-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb80}.portal-play-btn:active{transform:scale(.97)}.portal-play-btn-disabled{background:#475569b3;box-shadow:none;opacity:.75}.split-screen-divider{position:fixed;top:50%;left:0;right:0;height:26px;transform:translateY(-50%);background:#020617eb;border-top:2px solid #22c55e;border-bottom:2px solid #a855f7;z-index:12;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-size:11px;font-weight:800}.p1-tag{color:#4ade80}.p2-tag{color:#c084fc}#hud-top{position:fixed;top:10px;left:12px;right:12px;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}#hud-top>*{pointer-events:auto}.hud-top-bar{display:contents}.hud-left,.hud-right{display:flex;align-items:center;gap:6px}.show-on-mobile{display:none!important}.btn-icon-only{padding:6px 10px!important;font-size:14px!important}.btn-menu-toggle{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1.5px solid rgba(255,255,255,.4);font-size:16px;padding:5px 10px;border-radius:9px;line-height:1}.stat-pill{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid var(--border-glass);border-radius:12px;padding:5px 10px;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000059}.stat-pill .label{font-size:9px;font-weight:800;letter-spacing:.5px;color:#94a3b8;white-space:nowrap}.stat-pill .value{font-size:13px;font-weight:900;color:#fff;white-space:nowrap}.rank-badge .value{color:#38bdf8}.coins-badge .value{color:var(--accent-gold)}.hud-center{flex:1;max-width:340px}.progress-wrapper{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid var(--border-glass);border-radius:12px;padding:6px 12px;box-shadow:0 4px 12px #00000059}.progress-labels{display:flex;justify-content:space-between;font-size:10px;font-weight:800;margin-bottom:4px}#hud-time{color:var(--accent-gold);font-family:monospace;font-size:12px}.progress-track{width:100%;height:8px;background:#ffffff24;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#eab308,#f97316);border-radius:999px;transition:width .12s linear}.ui-btn{border:1.5px solid rgba(255,255,255,.25);border-radius:11px;padding:7px 12px;font-size:12px;font-weight:800;color:#fff;cursor:pointer;white-space:nowrap;transition:transform .12s ease,filter .12s ease;box-shadow:0 4px 10px #0000004d}.ui-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn-portal{background:#1e293be6}.btn-garage{background:linear-gradient(135deg,#f97316,#ea580c)}.btn-mp{background:linear-gradient(135deg,#6366f1,#4f46e5)}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);font-size:14px;padding:9px 18px}.btn-secondary{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#center-notifications{position:fixed;top:68px;left:50%;transform:translate(-50%);z-index:14;display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none}.turn-warning-badge{background:#dc2626e6;color:#fff;font-size:11.5px;font-weight:800;padding:3.5px 12px;border-radius:99px;border:1.5px solid #fde047;letter-spacing:.3px;box-shadow:0 4px 12px #dc262666;white-space:nowrap}.trick-popup{background:linear-gradient(135deg,#f97316f2,#eab308f2);color:#fff;font-size:13.5px;font-weight:800;padding:4px 14px;border-radius:999px;border:1.5px solid #fff;text-shadow:0 1px 3px rgba(0,0,0,.45);animation:popBounce .22s ease-out;white-space:nowrap}.checkpoint-popup{background:#10b981eb;color:#fff;font-size:11.5px;font-weight:800;padding:3.5px 12px;border-radius:8px;border:1.5px solid #fff;white-space:nowrap}@keyframes popBounce{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}#hud-bottom{position:fixed;bottom:12px;left:14px;right:14px;z-index:10;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.controls-hint{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass);padding:8px 12px;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#cbd5e1}.controls-hint b{color:var(--accent-gold);background:#ffffff1f;padding:2px 5px;border-radius:4px}.circular-speedometer-wrapper{position:relative;width:82px;height:82px;border-radius:50%;box-shadow:0 10px 28px #000000b3,0 0 15px #06b6d433;user-select:none;-webkit-user-select:none;touch-action:manipulation;pointer-events:auto;flex-shrink:0}.desktop-speedo{pointer-events:auto}.desktop-speedo .circular-speedometer-wrapper{width:80px;height:80px}.speedo-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:visible}.speedo-center-data{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-shadow:0 2px 6px rgba(0,0,0,.9)}.speed-val{font-size:21px;font-weight:900;line-height:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;transition:color .15s ease}.speed-unit-lbl{font-size:7px;font-weight:800;color:#94a3b8;letter-spacing:.8px;line-height:1;margin-top:1px}.nitro-mini-badge{display:inline-flex;align-items:center;gap:2px;font-size:8px;font-weight:900;color:#38bdf8;background:#00000080;padding:1px 4px;border-radius:99px;margin-top:2px;line-height:1;border:1px solid rgba(56,189,248,.35);transition:all .12s ease}.nitro-mini-badge.burning{color:#facc15;background:#ea580cbf;border-color:#f59e0b;box-shadow:0 0 10px #f97316d9;animation:nitroPulse .3s infinite alternate}@keyframes nitroPulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.08);filter:brightness(1.3)}}.nitro-active-glow{box-shadow:0 0 24px #f97316d9,0 8px 30px #000c!important}.speedo-pos-tip{position:absolute;top:-24px;left:50%;transform:translate(-50%);background:#0f172af0;color:#38bdf8;border:1px solid rgba(56,189,248,.4);font-size:9px;font-weight:800;white-space:nowrap;padding:2px 7px;border-radius:6px;pointer-events:none;animation:fadeIn .15s ease-out}#touch-controls{display:none;position:fixed;bottom:12px;left:10px;right:10px;z-index:20;justify-content:space-between;align-items:flex-end;pointer-events:none}#touch-controls.force-show{display:flex!important}.touch-pad-left{display:flex;flex-direction:column;gap:7px;pointer-events:auto;align-items:center}.reset-mini-btn{background:#0d9488d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(45,212,191,.5);color:#fff;font-size:10px;font-weight:800;padding:5px 12px;border-radius:999px;width:100%;text-align:center;box-shadow:0 4px 12px #0006;cursor:pointer}.dpad-row{display:flex;gap:8px}.steer-btn{width:50px;height:50px;font-size:20px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#0f172ad1;border:2px solid rgba(255,255,255,.45);box-shadow:0 5px 15px #00000073}.touch-pad-right{display:flex;flex-direction:column;gap:6px;pointer-events:auto;align-items:flex-end}.trick-btn{width:100%;height:30px;padding:3px 10px;font-size:11px;font-weight:900;border-radius:999px;background:linear-gradient(135deg,#a855f7,#7c3aed);border:1.5px solid rgba(255,255,255,.5);box-shadow:0 4px 12px #a855f766;display:flex;align-items:center;justify-content:center}.action-row-upper,.action-row-lower{display:flex;gap:8px}.nitro-btn{width:56px;height:42px;padding:0;font-size:11px;font-weight:900;border-radius:13px;background:linear-gradient(135deg,#f97316,#ea580c);border:1.5px solid rgba(255,255,255,.45);box-shadow:0 4px 14px #f9731673;display:flex;align-items:center;justify-content:center}.jump-btn{width:62px;height:42px;padding:0;font-size:11px;font-weight:900;border-radius:13px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1.5px solid rgba(255,255,255,.45);box-shadow:0 4px 14px #3b82f673;display:flex;align-items:center;justify-content:center}.brake-btn{width:56px;height:50px;padding:0;font-size:12px;font-weight:900;border-radius:15px;background:linear-gradient(135deg,#ef4444,#b91c1c);border:2px solid rgba(255,255,255,.45);box-shadow:0 5px 15px #ef444473;display:flex;align-items:center;justify-content:center}.gas-btn{width:62px;height:50px;padding:0;font-size:13px;font-weight:900;border-radius:15px;background:linear-gradient(135deg,#22c55e,#15803d);border:2px solid #86efac;box-shadow:0 6px 18px #22c55e80;display:flex;align-items:center;justify-content:center}.touch-btn{color:#fff;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .05s ease,filter .05s ease}.touch-btn:active{transform:scale(.92);filter:brightness(1.25)}.mobile-menu-dialog{max-width:440px;width:94vw;background:#0f172af5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 20px 50px #000000d9}.mobile-menu-grid{display:flex;flex-direction:column;gap:8px;max-height:65vh;overflow-y:auto;padding:12px 14px}.mobile-menu-item{display:flex;align-items:center;gap:12px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 14px;color:#fff;text-align:left;cursor:pointer;transition:transform .08s ease,background .08s ease}.mobile-menu-item:active{transform:scale(.98);background:#ffffff24}.mobile-menu-item .m-icon{font-size:24px;min-width:32px;display:flex;align-items:center;justify-content:center}.mobile-menu-item .m-info{display:flex;flex-direction:column;gap:2px}.mobile-menu-item .m-info strong{font-size:13px;font-weight:800;color:#fff}.mobile-menu-item .m-info small{font-size:11px;color:#94a3b8;line-height:1.3}.mobile-menu-item.item-garage{border-color:#f9731673;background:linear-gradient(90deg,#f973162e,#ea580c0d)}.mobile-menu-item.item-install{border-color:#22c55e73;background:linear-gradient(90deg,#22c55e2e,#16a34a0d)}.mobile-menu-item.item-portal{border-color:#94a3b84d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#020617c2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:12px}.game-dialog{width:min(840px,96vw);max-height:90vh;background:#0f172a;color:#fff;border:2px solid rgba(255,255,255,.22);border-radius:20px;display:flex;flex-direction:column;box-shadow:0 24px 60px #000000bf;overflow:hidden}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.12)}.dialog-header h2{font-size:16px;font-weight:900}.close-btn{background:#ffffff1f;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:15px;cursor:pointer}.dialog-body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.dialog-section h3{font-size:13px;color:#94a3b8;margin-bottom:8px;text-transform:uppercase}.unlimited-level-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;background:#ffffff0a;padding:10px;border-radius:12px;margin-bottom:10px}.level-stepper{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.level-input-group{display:flex;align-items:center;gap:6px;font-size:12px}.level-input-group input,.mp-form input{background:#0f172ae6;border:1.5px solid rgba(255,255,255,.25);color:#fff;padding:6px 10px;border-radius:8px;font-size:13px;font-weight:800;width:76px}.mp-form input{width:100%}.level-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.level-card,.bike-card{background:#ffffff0f;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 12px;text-align:left;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:3px}.level-card.active,.bike-card.active{border-color:var(--accent-gold);background:#facc1524}.lvl-num{font-size:10px;font-weight:900;color:var(--accent-gold)}.level-card small,.bike-card span{font-size:11px;color:#cbd5e1}.dialog-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bike-cards,.upgrade-list{display:flex;flex-direction:column;gap:8px}.bike-card-top{display:flex;justify-content:space-between;align-items:center}.price-tag{font-size:10px;font-weight:900;color:var(--accent-gold);background:#00000059;padding:2px 7px;border-radius:99px}.upgrade-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:8px 10px;border-radius:10px;font-size:12px}.upg-lvl{font-size:10px;color:#38bdf8;font-weight:800}.customizer-group{margin-bottom:8px}.customizer-group label{display:block;font-size:11px;font-weight:700;margin-bottom:4px}.color-swatches{display:flex;gap:7px}.swatch{width:28px;height:28px;border-radius:50%;border:2.5px solid transparent;cursor:pointer}.swatch.active{border-color:#fff;transform:scale(1.12)}.bot-selector{display:flex;flex-wrap:wrap;gap:6px}.mp-form{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;font-size:12px}.online-roster{background:#ffffff0d;padding:10px;border-radius:10px;font-size:12px}.online-roster ul{list-style:none;margin-top:6px;display:flex;flex-direction:column;gap:4px}.dialog-footer{padding:12px 18px;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:flex-end;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card{background:#ffffff0f;border-radius:12px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:4px}.stat-card strong{font-size:20px;color:var(--accent-gold)}.auth-tabs{display:flex;gap:8px;margin-bottom:10px}.auth-error{background:#ef444433;border:1.5px solid #ef4444;color:#fca5a5;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:700}.auth-profile-box{text-align:center;padding:8px 4px}.auth-avatar{font-size:44px;margin-bottom:6px}.leaderboard-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.14)}.leaderboard-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.leaderboard-table th{background:#ffffff14;padding:10px 12px;color:#94a3b8;font-size:11px;text-transform:uppercase}.leaderboard-table td{padding:10px 12px;border-top:1px solid rgba(255,255,255,.08)}.lb-row-me{background:#22c55e29}.lb-rank{font-weight:900;font-size:15px}.me-pill{background:#22c55e;color:#052e16;font-size:9px;font-weight:900;padding:2px 6px;border-radius:99px;margin-left:6px}.lvl-pill{background:#38bdf833;color:#38bdf8;font-weight:800;padding:3px 8px;border-radius:99px;font-size:11px}@media (max-width: 900px),(pointer: coarse){#touch-controls{display:flex}.controls-hint,.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}#hud-top{top:4px;left:6px;right:6px;display:flex;flex-direction:column;gap:3px;pointer-events:none}.hud-top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;pointer-events:auto;gap:3px}#hud-top .hud-left,#hud-top .hud-right{display:flex;align-items:center;gap:3px;flex-shrink:0}.stat-pill{padding:2px 5px;border-radius:6px}.stat-pill .label{font-size:6.5px}.stat-pill .value{font-size:9.5px}.level-badge{max-width:78px}.level-badge .value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:8.5px}#hud-top .ui-btn{padding:3px 6px;font-size:9.5px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:2px}.hud-center{order:2;width:100%;max-width:100%;pointer-events:auto}.progress-wrapper{padding:2px 6px;border-radius:6px}.progress-labels{font-size:7.5px;margin-bottom:1.5px}#hud-time{font-size:9.5px}.progress-track{height:4px}#center-notifications{top:70px;gap:3px;max-width:86vw}.turn-warning-badge{font-size:9.5px;font-weight:800;padding:2px 8px;border:1.5px solid #fde047;border-radius:99px;letter-spacing:.2px;white-space:nowrap;box-shadow:0 3px 8px #dc262659}.trick-popup{font-size:10px;font-weight:800;padding:2.5px 9px;border:1.5px solid #fff;border-radius:99px;white-space:nowrap;box-shadow:0 3px 8px #f9731659}.checkpoint-popup{font-size:9.5px;font-weight:800;padding:2px 8px;border:1.5px solid #fff;border-radius:6px;white-space:nowrap}.touch-pad-left .circular-speedometer-wrapper{width:56px;height:56px;margin-bottom:2px}.touch-pad-left .speed-val{font-size:14px}.touch-pad-left .speed-unit-lbl{font-size:5.5px}.touch-pad-left .nitro-mini-badge{font-size:6.5px;padding:1px 3px}.steer-btn{width:42px;height:42px;font-size:15px;border-radius:12px}.reset-mini-btn{font-size:8.5px;padding:3px 6px;max-width:88px}.trick-btn{height:24px;font-size:9px}.nitro-btn{width:48px;height:34px;font-size:9px;border-radius:10px}.jump-btn{width:54px;height:34px;font-size:9px;border-radius:10px}.brake-btn{width:48px;height:38px;font-size:9.5px;border-radius:11px}.gas-btn{width:54px;height:38px;font-size:10px;border-radius:11px}#hud-bottom{display:none}.level-cards,.dialog-grid-2{grid-template-columns:1fr}.dialog-footer{flex-wrap:wrap;justify-content:stretch}.dialog-footer>*{flex:1 1 auto;text-align:center}}@media (max-width: 380px){.btn-portal .btn-text,.btn-garage .btn-text{display:none}.level-badge{max-width:60px}.stat-pill{padding:1.5px 3.5px}.stat-pill .label{font-size:5.5px}.stat-pill .value{font-size:8px}#hud-top .ui-btn{font-size:8px;padding:2px 4px}#center-notifications{top:66px}.turn-warning-badge{font-size:8px;padding:1.5px 6px}.trick-popup{font-size:8.5px;padding:2px 6px}.checkpoint-popup{font-size:8px;padding:1.5px 6px}.touch-pad-left .circular-speedometer-wrapper{width:48px;height:48px}.touch-pad-left .speed-val{font-size:12px}.steer-btn{width:36px;height:36px;font-size:13px}.reset-mini-btn{font-size:7.5px;padding:2px 5px;max-width:76px}.trick-btn{height:20px;font-size:8px}.nitro-btn,.jump-btn{width:42px;height:30px;font-size:8px}.brake-btn,.gas-btn{width:44px;height:34px;font-size:8.5px}}.kids-edu-wrapper{width:100%;height:100vh;overflow-y:auto;color:#f8fafc;padding:12px 14px 86px;font-family:Fredoka,Nunito,Segoe UI,system-ui,sans-serif}.edu-container{max-width:1020px;margin:0 auto}.edu-app-header{background:#0f172adb;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:10px 14px;margin-bottom:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:8px}.edu-app-header-left{display:flex;align-items:center;gap:10px;min-width:0}.edu-portal-back-btn{background:#334155e6;border:1px solid rgba(255,255,255,.22);color:#f8fafc;font-size:12px;font-weight:800;padding:7px 11px;border-radius:11px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0}.edu-app-brand{min-width:0}.edu-app-title{font-size:17px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edu-app-sub{font-size:11px;color:#94a3b8}.edu-app-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.edu-stat-chip{background:#1e293bf2;border:1px solid rgba(255,255,255,.16);padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.edu-voice-pill{border:1px solid rgba(255,255,255,.25);color:#fff;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.edu-welcome-banner{background:#0f172acc;border:1.5px solid rgba(250,204,21,.35);border-radius:18px;padding:14px 16px;margin-bottom:14px;display:flex;align-items:center;gap:12px}.edu-welcome-avatar{width:58px;height:58px;border-radius:16px;background:#ffffff1a;font-size:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.edu-welcome-text h2{font-size:18px;font-weight:900;color:#fde047;margin-bottom:3px}.edu-welcome-text p{font-size:13px;color:#e2e8f0;line-height:1.35}.edu-grade-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.edu-grade-app-card{background:#0f172adb;border:2.5px solid rgba(255,255,255,.2);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;box-shadow:0 10px 24px #0000004d}.edu-grade-app-card:hover{transform:translateY(-3px)}.edu-grade-app-top{padding:14px 16px;display:flex;align-items:center;gap:12px}.edu-grade-app-emoji{font-size:42px;background:#ffffff38;width:62px;height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.edu-grade-app-meta h3{font-size:19px;font-weight:900;color:#fff;margin-top:3px}.edu-grade-app-badge{display:inline-block;background:#0f172abf;color:#fff;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:999px}.edu-grade-app-body{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.edu-grade-app-body p{font-size:13px;color:#cbd5e1;line-height:1.45}.edu-grade-select-btn{width:100%;border:none;border-radius:12px;padding:11px 14px;color:#fff;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 4px 12px #00000040}.edu-active-grade-banner{background:#0f172ae0;border:2px solid #f59e0b;border-radius:18px;padding:12px 14px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.edu-active-grade-info{display:flex;align-items:center;gap:10px}.edu-active-grade-icon{width:44px;height:44px;border-radius:13px;font-size:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.edu-active-grade-label{font-size:10px;font-weight:800;color:#94a3b8;letter-spacing:.4px}.edu-active-grade-title{font-size:16px;font-weight:900;color:#fff}.edu-active-grade-title small{font-size:12px;color:#fde047;font-weight:700}.edu-prominent-back-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #fde047;color:#0f172a;font-size:13px;font-weight:900;padding:9px 14px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 6px 16px #f59e0b66;transition:transform .14s ease}.edu-prominent-back-btn:active{transform:scale(.96)}.edu-section-heading{font-size:13.5px;font-weight:800;color:#fde047;margin-bottom:10px;padding-left:2px}.edu-subject-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.edu-subject-app-card{background:#0f172ad6;border:2px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.edu-subject-app-card:hover{transform:translateY(-3px);border-color:#facc1580}.edu-subject-app-banner{height:84px;padding:12px;display:flex;align-items:center;justify-content:space-between}.edu-subject-app-icon{font-size:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.edu-subject-app-tag{background:#0f172ac7;color:#fff;font-size:10px;font-weight:800;padding:4px 9px;border-radius:999px}.edu-subject-app-body{padding:12px 14px 8px;flex:1}.edu-subject-app-body h3{font-size:16px;font-weight:900;margin-bottom:4px}.edu-subject-app-body p{font-size:12px;color:#cbd5e1;line-height:1.4}.edu-subject-app-footer{padding:8px 14px 14px}.edu-subject-play-btn{width:100%;border:none;border-radius:11px;padding:10px;color:#fff;font-size:12.5px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 4px 12px #00000047}.edu-play-topbar{background:#0f172adb;border:1.5px solid rgba(255,255,255,.16);border-radius:16px;padding:10px 12px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.edu-play-nav-btns{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.edu-back-menu-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1.5px solid #93c5fd;color:#fff;font-size:12.5px;font-weight:900;padding:8px 12px;border-radius:11px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;box-shadow:0 4px 12px #2563eb59}.edu-back-grade-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:1.5px solid #fde047;color:#0f172a;font-size:12.5px;font-weight:900;padding:8px 12px;border-radius:11px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;box-shadow:0 4px 12px #f59e0b59}.edu-play-mode-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.edu-play-mode-badge{padding:6px 11px;border-radius:999px;font-size:12px;font-weight:800;color:#fff}.edu-duel-toggle-btn{background:#334155e6;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:12px;font-weight:800;padding:6px 11px;border-radius:999px;cursor:pointer}.edu-duel-toggle-btn.active{background:linear-gradient(135deg,#ec4899,#be185d);border-color:#fbcfe8}.edu-levelup-toast{background:linear-gradient(135deg,#f59e0b,#eab308);color:#0f172a;padding:12px 16px;border-radius:16px;margin-bottom:12px;text-align:center;font-weight:900;font-size:15px;box-shadow:0 10px 28px #f59e0b80}.edu-board{background:#0f172adb;border:2px solid rgba(255,255,255,.18);border-radius:20px;padding:16px;box-shadow:0 18px 45px #0000006b}.edu-mascot-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12);flex-wrap:wrap}.edu-mascot-left{display:flex;align-items:center;gap:10px;flex:1;min-width:180px}.edu-mascot-avatar{font-size:34px;background:#ffffff1a;width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.edu-mascot-name{font-weight:800;font-size:13.5px;color:#fde047}.edu-mascot-quote{font-size:12px;color:#e2e8f0;line-height:1.35}.edu-mascot-tools{display:flex;gap:6px;flex-wrap:wrap}.edu-tool-btn{border:1px solid rgba(255,255,255,.22);color:#fff;font-size:12px;font-weight:800;padding:7px 11px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px}.edu-tool-btn.tool-voice{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.edu-tool-btn.tool-hint{background:linear-gradient(135deg,#f59e0b,#d97706)}.edu-tool-btn.tool-next{background:#334155e6}.edu-question-box{background:#ffffff12;border:2px solid rgba(255,255,255,.14);border-radius:18px;padding:16px 14px;text-align:center;margin-bottom:14px}.edu-question-visual{font-size:clamp(22px,4.5vw,32px);font-weight:900;margin-bottom:8px;letter-spacing:1px;line-height:1.35}.edu-question-text{font-size:clamp(14.5px,3vw,18px);font-weight:800;color:#f8fafc;line-height:1.4}.edu-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.edu-option-btn{padding:14px 12px;border-radius:14px;font-size:clamp(14px,3vw,17px);font-weight:800;color:#fff;background:#1e293beb;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:transform .12s ease;word-break:break-word}.edu-option-btn.correct{background:linear-gradient(135deg,#22c55e,#15803d);border-color:#4ade80}.edu-option-btn.picked{background:#f43f5e59;border-color:#f43f5e}.edu-option-btn:active{transform:scale(.97)}.edu-scramble-hint{font-size:14.5px;font-weight:800;color:#fef08a;margin-bottom:14px}.edu-scramble-slots,.edu-scramble-pool{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:14px}.edu-letter-slot{width:44px;height:50px;border-radius:12px;font-size:20px;font-weight:900;border:2px dashed rgba(255,255,255,.35);background:#ffffff0d;color:#fff}.edu-letter-slot.filled{border:2.5px solid #38bdf8;background:#38bdf840;cursor:pointer}.edu-letter-tile{width:44px;height:46px;border-radius:12px;font-size:19px;font-weight:900;border:2px solid rgba(255,255,255,.25);background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;cursor:pointer}.edu-letter-tile.used{background:#ffffff14;color:#ffffff40;transform:scale(.92);cursor:default}.edu-memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.edu-memory-card{height:82px;border-radius:14px;padding:6px;border:2px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#334155,#1e293b);color:#fff;font-size:24px;font-weight:800;cursor:pointer;transition:all .18s ease}.edu-memory-card.open{border-color:#38bdf8;background:#38bdf840;font-size:14px}.edu-memory-card.matched{border-color:#22c55e;background:#22c55e40;font-size:14px;cursor:default}.edu-duel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.edu-duel-panel{border-radius:16px;padding:12px}.edu-duel-panel.panel-p1{background:#3b82f629;border:2px solid #3b82f6}.edu-duel-panel.panel-p2{background:#f9731629;border:2px solid #f97316}.edu-duel-header{display:flex;justify-content:space-between;font-weight:900;font-size:12.5px;margin-bottom:8px}.edu-duel-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.edu-duel-btn{padding:11px 8px;border-radius:10px;font-size:13.5px;font-weight:800;color:#fff;cursor:pointer}.edu-duel-btn.btn-p1{background:#1e3a8a;border:1px solid #60a5fa}.edu-duel-btn.btn-p2{background:#7c2d12;border:1px solid #fb923c}.edu-feedback-banner{margin-top:12px;padding:10px 14px;border-radius:12px;text-align:center;font-weight:800;font-size:13.5px}.edu-feedback-banner.correct{background:#22c55e40;border:2px solid #22c55e}.edu-feedback-banner.wrong{background:#f43f5e40;border:2px solid #f43f5e}.edu-bottom-appbar{position:fixed;bottom:0;left:0;right:0;z-index:35;background:#0f172af5;border-top:1.5px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;justify-content:space-around;align-items:center;padding:6px 8px;max-width:100%}.edu-appbar-item{background:transparent;border:none;color:#94a3b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 10px;border-radius:12px;cursor:pointer;flex:1;max-width:120px;transition:all .15s ease}.edu-appbar-item.active{color:#fde047;background:#facc1524}.appbar-icon{font-size:20px;line-height:1.1}.appbar-label{font-size:10.5px;font-weight:800}@media (max-width: 768px){.portal-wrapper{padding:14px 10px 28px}.portal-header{margin-bottom:14px}.portal-header h1{font-size:20px}.portal-header p{font-size:12px}.portal-grid{grid-template-columns:repeat(2,1fr);gap:10px}.portal-card{border-radius:16px}.portal-card-banner{height:68px;padding:10px;align-items:center}.portal-icon{font-size:30px}.portal-badge{font-size:8.5px;padding:3px 7px}.portal-card-body{padding:10px 10px 8px;gap:4px}.portal-cat{font-size:9.5px}.portal-card-body h3{font-size:13.5px;line-height:1.25}.portal-card-body p{font-size:11px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.portal-card-footer{padding:6px 10px 10px}.portal-play-btn{padding:10px 8px;font-size:11.5px;border-radius:10px;width:100%;justify-content:center}.kids-edu-wrapper{padding:8px 10px 78px}.edu-app-header{padding:8px 10px;border-radius:14px;margin-bottom:10px}.edu-portal-back-btn{padding:6px 9px;font-size:11px}.edu-app-title{font-size:14px}.edu-app-sub,.hide-on-xs{display:none}.edu-stat-chip{padding:4px 8px;font-size:11px}.edu-voice-pill{padding:5px 9px;font-size:11px}.edu-welcome-banner{padding:10px 12px;margin-bottom:10px;border-radius:14px}.edu-welcome-avatar{width:44px;height:44px;font-size:26px;border-radius:12px}.edu-welcome-text h2{font-size:15px}.edu-welcome-text p{font-size:11.5px}.edu-grade-list{grid-template-columns:1fr;gap:10px}.edu-grade-app-card{border-radius:16px}.edu-grade-app-top{padding:10px 12px;gap:10px}.edu-grade-app-emoji{width:48px;height:48px;font-size:30px;border-radius:12px}.edu-grade-app-meta h3{font-size:16px}.edu-grade-app-badge{font-size:9.5px;padding:2px 7px}.edu-grade-app-body{padding:10px 12px 12px;gap:8px}.edu-grade-app-body p{font-size:11.5px;line-height:1.35}.edu-grade-select-btn{padding:9px 12px;font-size:12px;border-radius:10px}.edu-active-grade-banner{padding:10px 12px;border-radius:14px;margin-bottom:10px}.edu-active-grade-icon{width:38px;height:38px;font-size:22px}.edu-active-grade-title{font-size:14px}.edu-prominent-back-btn{width:100%;padding:9px 12px;font-size:12px}.edu-section-heading{font-size:12px;margin-bottom:8px}.edu-subject-app-grid{grid-template-columns:repeat(2,1fr);gap:9px}.edu-subject-app-card{border-radius:15px}.edu-subject-app-banner{height:62px;padding:8px 10px}.edu-subject-app-icon{font-size:28px}.edu-subject-app-tag{font-size:8.5px;padding:3px 6px}.edu-subject-app-body{padding:8px 10px 6px}.edu-subject-app-body h3{font-size:13px;line-height:1.2}.edu-subject-app-body p{font-size:10.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.edu-subject-app-footer{padding:6px 10px 10px}.edu-subject-play-btn{padding:8px 6px;font-size:11px;border-radius:9px}.edu-play-topbar{padding:8px 10px;border-radius:14px;margin-bottom:8px}.edu-play-nav-btns{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}.edu-back-menu-btn,.edu-back-grade-btn{justify-content:center;padding:8px 6px;font-size:11px;border-radius:10px}.edu-play-mode-info{width:100%;justify-content:space-between}.edu-play-mode-badge,.edu-duel-toggle-btn{font-size:10.5px;padding:4px 9px}.edu-board{padding:12px 10px;border-radius:16px}.edu-mascot-bar{gap:8px;padding-bottom:8px;margin-bottom:10px}.edu-mascot-avatar{width:40px;height:40px;font-size:24px}.edu-mascot-name{font-size:12.5px}.edu-mascot-quote{font-size:11px}.edu-mascot-tools{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.edu-tool-btn{padding:6px 4px;font-size:10.5px}.edu-question-box{padding:12px 10px;margin-bottom:10px}.edu-options-grid{gap:8px}.edu-option-btn{padding:12px 8px;border-radius:12px}.edu-memory-grid{grid-template-columns:repeat(3,1fr);gap:8px}.edu-memory-card{height:70px}.edu-duel-grid{grid-template-columns:1fr}}.touch-drive-surface{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;touch-action:none;cursor:pointer}.touch-drive-hint{position:fixed;bottom:14px;left:50%;transform:translate(-50%);background:#0f172ac7;border:1px solid rgba(56,189,248,.45);color:#e2e8f0;font-size:9.5px;padding:4px 10px;border-radius:999px;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.touch-drive-joystick{position:fixed;width:84px;height:84px;margin-left:-42px;margin-top:-42px;border-radius:50%;border:2px solid rgba(56,189,248,.75);background:radial-gradient(circle,#38bdf82e,#0f172a59);display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 0 22px #38bdf873}.touch-drive-knob{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#2563eb);border:2px solid #ffffff;box-shadow:0 4px 12px #2563eba6}.touch-drive-label{position:absolute;top:-26px;left:50%;transform:translate(-50%);background:#0f172ae6;border:1px solid #38bdf8;color:#fde047;font-size:10px;font-weight:900;padding:2px 8px;border-radius:999px;white-space:nowrap}.edu-step-panel{animation:fadeIn .2s ease}.edu-step-header{background:#0f172ac7;border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:16px 18px;margin-bottom:16px}.edu-mascot-welcome{display:flex;align-items:center;gap:14px}.edu-welcome-icon{font-size:46px;background:#ffffff1a;width:68px;height:68px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.edu-mascot-welcome h2{font-size:20px;font-weight:900;color:#fde047;margin-bottom:4px}.edu-mascot-welcome p{font-size:13.5px;color:#cbd5e1}.edu-front-grade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.edu-front-grade-card{background:#0f172ad1;border:2.5px solid rgba(255,255,255,.18);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.edu-front-grade-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0006}.edu-front-grade-banner{height:110px;padding:16px;display:flex;align-items:center;justify-content:space-between}.edu-front-grade-emoji{font-size:52px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.edu-front-grade-age{background:#0f172acc;color:#fff;font-size:11px;font-weight:900;padding:5px 12px;border-radius:999px}.edu-front-grade-body{padding:16px 18px;flex:1}.edu-front-grade-body h3{font-size:20px;font-weight:900;margin-bottom:6px}.edu-front-grade-body p{font-size:13px;color:#cbd5e1;line-height:1.45}.edu-front-grade-footer{padding:12px 18px 18px}.edu-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#0f172ac7;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:10px 14px;margin-bottom:14px}.edu-nav-title{display:flex;align-items:center;gap:8px;font-size:15px;color:#fde047}@media (max-width: 768px){.edu-step-header{padding:12px;margin-bottom:12px}.edu-welcome-icon{width:48px;height:48px;font-size:30px;border-radius:14px}.edu-mascot-welcome h2{font-size:15px}.edu-mascot-welcome p{font-size:11.5px}.edu-front-grade-grid{grid-template-columns:1fr;gap:12px}.edu-front-grade-banner{height:76px;padding:12px 14px}.edu-front-grade-emoji{font-size:38px}.edu-front-grade-body{padding:12px 14px 8px}.edu-front-grade-body h3{font-size:17px}.edu-front-grade-body p{font-size:12px}.edu-front-grade-footer{padding:8px 14px 14px}.edu-nav-bar{padding:8px 10px;margin-bottom:10px}.edu-nav-title{font-size:13px}}