@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800;900&family=Space+Grotesk:wght@600;700;800&display=swap";*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{color:#fff;background-color:#161822;width:100%;height:100%;font-family:Outfit,sans-serif;overflow:hidden}#game-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.speed-lines-overlay{pointer-events:none;z-index:2;background:radial-gradient(circle at 50% 54%,#0000 56%,#ffffff0d 85%,#00000040 100%),repeating-conic-gradient(at 50% 52%,#fff0 0deg 8deg,#ffffff0a 8deg 8.5deg,#fff0 8.5deg 18deg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 52%,#0000 62%,#000 92%);mask-image:radial-gradient(circle at 50% 52%,#0000 62%,#000 92%)}.ref-progress-wrapper{z-index:12;pointer-events:none;flex-direction:column;align-items:flex-end;gap:5px;width:min(380px,34vw);display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.ref-progress-track{background:#181a22d9;border:1.5px solid #ffffff59;border-radius:999px;width:100%;height:8px;overflow:hidden;box-shadow:0 4px 14px #00000073}.ref-progress-fill{background:linear-gradient(90deg,#fd0 0%,#fe0 100%);border-radius:999px;width:0%;height:100%;transition:width .15s ease-out;box-shadow:0 0 12px #ffe100e6}.ref-distance-label{color:#fff;letter-spacing:.5px;text-shadow:0 2px 6px #000000d9,0 0 2px #000000f2;padding-right:2px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:800}.workout-hud{-webkit-backdrop-filter:blur(14px);z-index:11;background:#10121cb8;border:1px solid #ffffff29;border-radius:40px;align-items:center;gap:14px;padding:6px 18px;display:flex;position:absolute;top:14px;left:20px;box-shadow:0 8px 24px #00000059}.hud-item{flex-direction:column;align-items:center;min-width:54px;display:flex}.hud-label{letter-spacing:1px;color:#ffffffa6;text-transform:uppercase;font-size:8.5px;font-weight:800}.hud-val{color:#fff;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:800}.hud-divider{background:#ffffff26;width:1px;height:22px}.hud-val.calories{color:#ff6d3a;text-shadow:0 0 10px #ff6d3a73}.hud-val.coins{color:#ffd524;text-shadow:0 0 10px #ffd52473}.hud-val.bpm{color:#00e676;text-shadow:0 0 10px #00e67673}.hud-combo{letter-spacing:1px;text-transform:uppercase;z-index:10;background:linear-gradient(135deg,#ff2a7a,#f80);border-radius:20px;padding:4px 16px;font-size:13px;font-weight:900;transition:transform .25s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:52px;left:50%;transform:translate(-50%)scale(0);box-shadow:0 4px 16px #ff2a7a8c}.hud-combo.active{transform:translate(-50%)scale(1)}.top-controls{z-index:12;gap:10px;display:flex;position:absolute;top:14px;right:20px}.ctrl-btn{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#10121cbd;border:1px solid #fff3;border-radius:22px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #0000004d}.ctrl-btn:hover{background:#ffffff38;transform:translateY(-1px)}.ctrl-btn.camera-btn{border-color:#00d2ff;box-shadow:0 0 12px #00d2ff59}.ctrl-btn.camera-btn.active{background:#00d2ff40;border-color:#0f8;box-shadow:0 0 16px #00ff8880}.countdown-overlay{-webkit-backdrop-filter:blur(10px);z-index:40;background:#0a0c12b8;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.countdown-overlay.active{display:flex}.countdown-number{color:#ffd000;text-shadow:0 0 40px #ffd000d9;font-family:Space Grotesk,sans-serif;font-size:140px;font-weight:900;animation:.7s ease-in-out infinite alternate countdownPop}.countdown-number.go{color:#0f8;text-shadow:0 0 50px #00ff88e6;font-size:100px}.countdown-sub{letter-spacing:3px;color:#fff;text-transform:uppercase;margin-top:10px;font-size:20px;font-weight:800}@keyframes countdownPop{0%{opacity:.8;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.camera-pip{-webkit-backdrop-filter:blur(16px);z-index:18;background:#10121ae0;border:2px solid #00d2ff80;border-radius:18px;flex-direction:column;width:235px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:none;position:absolute;bottom:22px;left:22px;overflow:hidden;box-shadow:0 12px 35px #0009,0 0 20px #00d2ff33}.camera-pip.active{display:flex}.pip-header{background:#00000073;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:7px 12px;display:flex}.pip-title{letter-spacing:.8px;color:#00d2ff;align-items:center;gap:6px;font-size:10.5px;font-weight:800;display:flex}.pip-dot{background-color:#0f8;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pipPulse;box-shadow:0 0 8px #0f8}@keyframes pipPulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 12px}to{opacity:.5;transform:scale(.8)}}.pip-gesture-badge{color:#00e676;letter-spacing:.5px;background:#00000059;border:1px solid #00e676;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:800}.pip-feed{aspect-ratio:4/3;background:#000;width:100%;position:relative;overflow:hidden}#webcam-video{object-fit:cover;opacity:.7;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}#webcam-canvas{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.pip-footer{color:#cbd5e1;text-align:center;background:#00000059;border-top:1px solid #ffffff0f;padding:6px 10px;font-size:11px;font-weight:600}.workout-prompt{opacity:0;pointer-events:none;z-index:15;flex-direction:column;align-items:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)scale(.6)}.workout-prompt.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.prompt-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e1018d6;border:2.5px solid #ffd000;border-radius:40px;padding:11px 28px;animation:.55s ease-in-out infinite alternate promptPulse;box-shadow:0 8px 30px #0000008c,0 0 25px #ffd0008c}@keyframes promptPulse{0%{transform:scale(.97)}to{transform:scale(1.04)}}.prompt-text{letter-spacing:1.5px;color:#fff;text-shadow:0 3px 10px #000c;font-size:26px;font-weight:900}.workout-prompt.type-hurdle .prompt-badge{border-color:#ff3b5c;box-shadow:0 8px 30px #0000008c,0 0 25px #ff3b5ca6}.workout-prompt.type-overhead .prompt-badge{border-color:#00d2ff;box-shadow:0 8px 30px #0000008c,0 0 25px #00d2ffa6}.action-feedback{pointer-events:none;z-index:14;opacity:0;font-size:24px;font-style:italic;font-weight:900;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)scale(.5)}.action-feedback.visible{opacity:1;transform:translate(-50%,-50%)scale(1.15)}.action-feedback.positive{color:#0f8;text-shadow:0 2px 12px #000000d9,0 0 15px #0f8c}.action-feedback.negative{color:#ff3b5c;text-shadow:0 2px 12px #000000d9,0 0 18px #ff3b5ce6}.touch-controls{z-index:10;pointer-events:none;gap:14px;display:flex;position:absolute;bottom:24px;right:24px}.touch-cluster{pointer-events:auto;gap:10px;display:flex}.touch-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#10121ca6;border:1.5px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:20px;transition:all .12s;display:flex;box-shadow:0 6px 18px #0006}.touch-btn:active{background:#ffffff59;transform:scale(.9)}.start-screen{-webkit-backdrop-filter:blur(8px);z-index:25;text-align:center;background:radial-gradient(circle,#10121e8c 0%,#0a0c14d9 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.start-hero-card{background:#141622e0;border:1px solid #ffffff2e;border-radius:32px;flex-direction:column;align-items:center;width:100%;max-width:720px;padding:38px 44px;display:flex;box-shadow:0 24px 60px #000000a6,0 0 40px #00d2ff26}.start-pill{letter-spacing:2px;color:#161822;background:linear-gradient(90deg,#ffd000,#f90);border-radius:999px;margin-bottom:12px;padding:5px 16px;font-size:11px;font-weight:900;box-shadow:0 0 18px #ffd00080}.brand-title{letter-spacing:4px;background:linear-gradient(135deg,#fff 0%,#ffd000 55%,#f50 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:64px;font-weight:900}.brand-subtitle{color:#38bdf8;letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;font-size:15px;font-weight:700}.instructions-grid{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;margin-bottom:30px;display:grid}.instruction-card{background:#ffffff0f;border:1px solid #ffffff24;border-radius:18px;flex-direction:column;align-items:center;gap:5px;padding:16px 10px;transition:transform .2s;display:flex}.instruction-card:hover{border-color:#ffd00073;transform:translateY(-3px)}.instruction-icon{font-size:26px}.instruction-action{color:#ffd000;font-size:14px;font-weight:900}.instruction-desc{color:#00e676;font-size:12px;font-weight:700}.instruction-keys{color:#9ca3af;font-size:10px;font-weight:600}.start-actions{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.btn-primary{color:#11131c;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#ffd000 0%,#ff7b00 100%);border:none;border-radius:40px;padding:16px 42px;font-size:17px;font-weight:900;transition:all .2s;box-shadow:0 8px 30px #ffa5008c}.btn-primary:hover{transform:scale(1.04);box-shadow:0 10px 40px #ffd000cc}.btn-secondary{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:40px;padding:12px 32px;font-size:14px;font-weight:700;transition:all .2s}.btn-secondary:hover{background:#fff3}.game-over-modal{-webkit-backdrop-filter:blur(14px);z-index:30;background:#0a0c14d1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:absolute;top:0;left:0}.game-over-modal.visible{display:flex}.summary-card{text-align:center;background:#161824f2;border:1px solid #ffffff29;border-radius:28px;width:100%;max-width:520px;padding:34px 42px;box-shadow:0 20px 50px #000000a6}.victory-card{border-color:#ffd000;box-shadow:0 0 45px #ffd00059}.victory-stars{margin-bottom:8px;font-size:40px;animation:.6s ease-in-out infinite alternate starBounce}@keyframes starBounce{0%{transform:scale(.95)}to{transform:scale(1.1)}}.victory-title{color:#0f8;letter-spacing:1.5px;font-size:34px;font-weight:900}.victory-sub{color:#d1d5db;margin-bottom:24px;font-size:14px;font-weight:600}.summary-title{color:#ff3b5c;letter-spacing:1px;margin-bottom:12px;font-size:32px;font-weight:900}.summary-stats-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:26px;display:grid}.stat-box{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;padding:12px}.stat-label{color:#9ca3af;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.stat-value{color:#fff;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:800}.victory-actions{flex-direction:column;gap:10px;display:flex}@media (width<=900px){.workout-hud{gap:10px;padding:5px 14px;top:56px;left:50%;transform:translate(-50%)}.ref-progress-wrapper{width:60vw}.instructions-grid{grid-template-columns:repeat(2,1fr)}.brand-title{font-size:44px}}.ctrl-btn.tv-btn{color:#ffd000;border-color:#ffd000;box-shadow:0 0 12px #ffd00059}.camera-pip.pip-hidden{display:none!important}.tv-host-overlay{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;text-align:center;background:radial-gradient(circle,#101422eb 0%,#080a12fa 100%);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:none;position:absolute;inset:0}.tv-host-overlay.active{display:flex}.tv-host-card{background:#161a2af2;border:2px solid #00d2ff73;border-radius:36px;flex-direction:column;align-items:center;width:100%;max-width:620px;padding:38px 56px;display:flex;box-shadow:0 24px 70px #000c,0 0 50px #00d2ff40}.tv-host-pill{letter-spacing:2.5px;color:#0b0f1a;background:linear-gradient(90deg,#ffd000,#f80);border-radius:999px;margin-bottom:12px;padding:5px 18px;font-size:11px;font-weight:900;box-shadow:0 0 20px #ffd00080}.tv-host-title{letter-spacing:3px;background:linear-gradient(135deg,#fff 0%,#00d2ff 60%,#0f8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:42px;font-weight:900}.tv-host-sub{color:#cbd5e1;margin-bottom:22px;font-size:16px;font-weight:600}.tv-qr-wrapper{background:#fff;border-radius:22px;margin-bottom:18px;padding:12px;transition:transform .3s;box-shadow:0 12px 35px #0009,0 0 25px #fff3}.tv-qr-img{width:210px;height:210px;display:block}.tv-room-badge{letter-spacing:2.5px;color:#ffd000;background:#000000a6;border:1.5px solid #ffd00080;border-radius:30px;margin-bottom:10px;padding:8px 24px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:800;box-shadow:0 0 20px #ffd00040}.tv-conn-status{letter-spacing:1.5px;color:#00d2ff;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:800;display:flex}.pip-dot.pulsing{animation:1.2s ease-in-out infinite pipPulse}.tv-host-tip{color:#94a3b8;max-width:440px;margin-bottom:18px;font-size:14px;line-height:1.5}.phone-controller-overlay{z-index:99;background:#000;flex-direction:column;display:none;position:fixed;inset:0}.phone-ctrl-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#101420eb;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;height:54px;padding:0 16px;display:flex}.phone-ctrl-status{letter-spacing:1px;color:#0f8;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.phone-ctrl-camera-container{background:#080a12;flex:1;width:100%;position:relative;overflow:hidden}.phone-ctrl-camera-container #webcam-video{object-fit:cover;opacity:.92;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.phone-ctrl-camera-container #webcam-canvas{object-fit:cover;pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.phone-ctrl-lanes{pointer-events:none;grid-template-columns:1fr 1fr 1fr;display:grid;position:absolute;inset:0}.phone-ctrl-lane{border-right:1.5px dashed #fff3;justify-content:center;align-items:flex-end;padding-bottom:24px;transition:all .2s;display:flex}.phone-ctrl-lane:last-child{border-right:none}.phone-ctrl-lane span{letter-spacing:2px;color:#fff6;background:#00000080;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:900}.phone-ctrl-lane.active{background:#00ff8824;border-color:#0f89}.phone-ctrl-lane.active span{color:#0f8;background:#000000d9;box-shadow:0 0 15px #0f89}.phone-ctrl-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;letter-spacing:1.5px;pointer-events:none;z-index:11;background:#0e121ee6;border:2px solid #ffd000;border-radius:30px;padding:8px 24px;font-size:15px;font-weight:900;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 22px #ffd00080}.phone-visibility-banner{z-index:11;color:#00e676;letter-spacing:.5px;white-space:nowrap;pointer-events:none;background:#080c18e0;border:1.5px solid #00e676;border-radius:20px;padding:7px 18px;font-size:13px;font-weight:800;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0000008c}.phone-start-workout-btn{z-index:12;color:#06101e;letter-spacing:1px;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#00e676 0%,#00b0ff 100%);border:2.5px solid #fff;border-radius:999px;padding:16px 34px;font-family:Outfit,sans-serif;font-size:18px;font-weight:900;animation:.8s ease-in-out infinite alternate startBtnPulse;position:absolute;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00e67699,0 0 24px #00e676cc}.phone-start-workout-btn:active{transform:translate(-50%)scale(.95)}@keyframes startBtnPulse{0%{transform:translate(-50%)scale(.97)}to{transform:translate(-50%)scale(1.04)}}.level-map-strip{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:18px;display:flex}.lvl-pill{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff38;border-radius:999px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:13px;font-weight:800;transition:all .2s}.lvl-pill.active,.lvl-pill:hover{color:#0b0f1a;background:linear-gradient(135deg,#ffd000 0%,#ff7b00 100%);border-color:#fff;box-shadow:0 0 18px #ffd0008c}.phone-level-map{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060a14d1;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.phone-map-card{background:#101626f5;border:2px solid #00d2ff73;border-radius:26px;flex-direction:column;gap:10px;width:100%;max-width:380px;padding:18px 16px;display:flex;box-shadow:0 20px 50px #000000d9,0 0 30px #00d2ff40}.phone-map-title{letter-spacing:1px;color:#ffd000;text-align:center;font-size:18px;font-weight:900}.phone-map-sub{color:#94a3b8;text-align:center;margin-bottom:4px;font-size:12px;font-weight:700}.phone-map-list{flex-direction:column;gap:8px;display:flex}.phone-lvl-node{text-align:left;cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff29;border-radius:16px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-family:Outfit,sans-serif;transition:all .18s;display:flex}.phone-lvl-node.active{background:#00e67629;border-color:#00e676;box-shadow:0 0 18px #00e67659}.phone-lvl-node:active{transform:scale(.97)}.lvl-node-num{color:#0b0f1a;background:linear-gradient(135deg,#ffd000,#ff7b00);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:900;display:flex}.lvl-node-info{flex-direction:column;flex:1;display:flex}.lvl-node-name{color:#fff;letter-spacing:.5px;font-size:14px;font-weight:900}.lvl-node-desc{color:#38bdf8;font-size:11px;font-weight:600}.lvl-node-tag{color:#00e676;background:#00e67626;border:1px solid #00e67673;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:900}.phone-ctrl-footer{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#101420f0;border-top:1px solid #ffffff1f;justify-content:space-around;align-items:center;height:68px;padding:0 14px;display:flex}.phone-ctrl-stat{flex-direction:column;align-items:center;display:flex}.phone-ctrl-stat .stat-lbl{color:#94a3b8;letter-spacing:1px;font-size:9px;font-weight:800}.phone-ctrl-stat .stat-num{color:#fff;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:900}.phone-ctrl-divider{background:#ffffff26;width:1px;height:28px}@media (orientation:landscape) and (height<=520px){.workout-hud{gap:10px;padding:4px 14px;top:10px;left:14px;transform:none}.hud-val{font-size:13px}.ref-progress-wrapper{width:240px;top:10px}.camera-pip{width:160px;bottom:12px;left:14px}.top-controls{gap:6px;top:10px;right:14px}.ctrl-btn{padding:5px 10px;font-size:11px}.workout-prompt{top:26%}.prompt-badge{padding:8px 20px}.prompt-text{font-size:20px}}.landing-page{z-index:100;scroll-behavior:smooth;color:#fff;background:radial-gradient(circle at 50% 0,#182035 0%,#0a0e1a 50%,#05070e 100%);flex-direction:column;font-family:Outfit,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden auto}.landing-nav{z-index:110;-webkit-backdrop-filter:blur(16px);background:#0a0e1ad9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,5vw);display:flex;position:sticky;top:0}.landing-brand{cursor:pointer;align-items:center;gap:10px;display:flex}.brand-icon{filter:drop-shadow(0 0 10px #ffd000);font-size:24px}.brand-text{letter-spacing:1px;background:linear-gradient(135deg,#fff 0%,#00f7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:800}.brand-tld{color:#ffd000;-webkit-text-fill-color:#ffd000;font-weight:900}.brand-badge{letter-spacing:1.5px;color:#00f7ff;background:#00f7ff1f;border:1px solid #00f7ff59;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.nav-links{gap:28px;display:flex}.nav-links a{color:#94a3b8;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#00f7ff}.nav-actions{align-items:center;gap:12px;display:flex}.nav-btn-tv{color:#00f7ff;cursor:pointer;background:#ffffff0f;border:1.5px solid #00f7ff66;border-radius:999px;padding:8px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:800;transition:all .2s}.nav-btn-tv:hover{background:#00f7ff26;box-shadow:0 0 16px #00f7ff59}.nav-btn-play{color:#0b0f1a;cursor:pointer;background:linear-gradient(135deg,#ffd000 0%,#ff7b00 100%);border:none;border-radius:999px;padding:9px 22px;font-family:Outfit,sans-serif;font-size:13px;font-weight:900;transition:all .2s;box-shadow:0 0 16px #ffd00073}.nav-btn-play:hover{transform:translateY(-1px);box-shadow:0 0 24px #ffd000b3}.landing-hero{text-align:center;flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;padding:70px 24px 60px;display:flex}.hero-pill{letter-spacing:2.5px;color:#0b0f1a;background:linear-gradient(90deg,#ffd000,#00f7ff);border-radius:999px;margin-bottom:22px;padding:6px 18px;font-size:11px;font-weight:900;box-shadow:0 0 20px #00f7ff66}.hero-title{letter-spacing:-1px;background:linear-gradient(135deg,#fff 15%,#00f7ff 60%,#ffd000 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:18px;font-family:Space Grotesk,sans-serif;font-size:clamp(38px,6.5vw,68px);font-weight:900;line-height:1.08}.hero-subtitle{color:#cbd5e1;max-width:740px;margin-bottom:34px;font-size:clamp(16px,2.2vw,20px);font-weight:600;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:48px;display:flex}.hero-btn-primary{color:#080c16;letter-spacing:.5px;background:linear-gradient(135deg,#ffd000 0%,#ff6a00 100%);border-radius:999px;padding:16px 38px;font-size:17px;font-weight:900;text-decoration:none;transition:all .22s;display:inline-block;box-shadow:0 10px 30px #ff780066,0 0 20px #ffd00080}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px #ff780099,0 0 30px #ffd000b3}.hero-btn-secondary{color:#00f7ff;cursor:pointer;background:#ffffff0f;border:1.5px solid #00f7ff73;border-radius:999px;padding:16px 32px;font-family:Outfit,sans-serif;font-size:16px;font-weight:800;text-decoration:none;transition:all .22s;display:inline-block}.hero-btn-secondary:hover{background:#00f7ff24;transform:translateY(-2px);box-shadow:0 0 25px #00f7ff59}.hero-features-bar{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;flex-wrap:wrap;justify-content:center;gap:20px;padding:14px 24px;display:flex}.feat-item{color:#94a3b8;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.feat-icon{font-size:16px}.games-section{width:100%;max-width:1200px;margin:0 auto;padding:70px 24px}.section-header{text-align:center;margin-bottom:42px}.section-tag{letter-spacing:3px;color:#00f7ff;text-transform:uppercase;font-size:11px;font-weight:900}.section-title{color:#fff;margin:8px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4.5vw,42px);font-weight:800}.section-sub{color:#94a3b8;font-size:16px;font-weight:600}.title-bolt{color:#ffd000;text-shadow:0 0 20px #ffd000b3;display:inline-block}.subway-levels-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;width:100%;display:grid}.level-card{cursor:pointer;background:linear-gradient(#10182ef2 0%,#080c1afa 100%);border:1.5px solid #ffffff1a;border-radius:24px;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0009}.level-card:hover{transform:translateY(-6px)}.level-card--amber{--neon:#ffb700;--neon-glow:#ffb70066;--btn-bg:linear-gradient(135deg, #ffb700 0%, #f80 100%)}.level-card--pink{--neon:#f05;--neon-glow:#f056;--btn-bg:linear-gradient(135deg, #f05 0%, #b80041 100%)}.level-card--cyan{--neon:#00f0ff;--neon-glow:#00f0ff66;--btn-bg:linear-gradient(135deg, #00f0ff 0%, #07f 100%)}.level-card--ice{--neon:#00e5ff;--neon-glow:#00e5ff66;--btn-bg:linear-gradient(135deg, #00e5ff 0%, #1d4ed8 100%)}.level-card--green{--neon:#00ff9d;--neon-glow:#00ff9d66;--btn-bg:linear-gradient(135deg, #00ff9d 0%, #059669 100%)}.level-card:hover{border-color:var(--neon);box-shadow:0 24px 60px #000c, 0 0 35px var(--neon-glow)}.rr-bracket{pointer-events:none;z-index:10;border-color:#ffffff40;width:12px;height:12px;transition:all .25s;position:absolute}.rr-bracket--tl{border-top:2px solid;border-left:2px solid;top:10px;left:10px}.rr-bracket--br{border-bottom:2px solid;border-right:2px solid;bottom:10px;right:10px}.level-card:hover .rr-bracket{border-color:var(--neon);width:18px;height:18px}.level-card:hover .rr-bracket--tl{top:7px;left:7px}.level-card:hover .rr-bracket--br{bottom:7px;right:7px}.level-card-visual{aspect-ratio:16/9;background:#060a16;flex-direction:column;justify-content:space-between;width:100%;padding:14px 16px;display:flex;position:relative;overflow:hidden}.visual-miami{background:radial-gradient(circle at 50% 25%,#ffb70059 0%,#5ce1e633 50%,#060a16f2 100%)}.visual-sunset{background:radial-gradient(circle at 50% 25%,#ff005559 0%,#9333ea40 50%,#060a16f2 100%)}.visual-downtown{background:radial-gradient(circle at 50% 25%,#00f0ff59 0%,#0284c740 50%,#060a16f2 100%)}.visual-frost{background:radial-gradient(circle at 50% 25%,#bae6fd59 0%,#1d4ed840 50%,#060a16f2 100%)}.visual-cyber{background:radial-gradient(circle at 50% 25%,#00ff9d66 0%,#3110424d 50%,#060a16f2 100%)}.level-watermark{color:#ffffff0d;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-4px;font-family:Space Grotesk,sans-serif;font-size:110px;font-weight:900;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.level-visual-top{z-index:5;justify-content:space-between;align-items:center;display:flex;position:relative}.level-badge-pill{letter-spacing:1.5px;color:#fff;border:1px solid var(--neon);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 12px var(--neon-glow);background:#000000a6;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:900}.rr-equalizer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:16px;color:var(--neon);background:#060c1cbf;border:1px solid #ffffff26;border-radius:6px;align-items:flex-end;gap:3px;padding:3px 7px;display:inline-flex}.rr-eq-bar{transform-origin:bottom;background:currentColor;border-radius:1px;width:2.5px;height:100%;animation:1.2s ease-in-out infinite alternate rrEqBounce}.rr-eq-bar:nth-child(2){height:75%;animation-delay:.2s}.rr-eq-bar:nth-child(3){height:90%;animation-delay:.4s}.rr-eq-bar:nth-child(4){height:60%;animation-delay:.1s}@keyframes rrEqBounce{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.level-center-icon{filter:drop-shadow(0 8px 16px #0009);z-index:4;font-size:52px;transition:transform .3s,opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.level-card:hover .level-center-icon{opacity:.25;transform:translate(-50%,-50%)scale(.85)}.rr-play-overlay{z-index:6;opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.level-card:hover .rr-play-overlay{opacity:1}.rr-play-circle{border:2px solid var(--neon);color:#fff;width:54px;height:54px;box-shadow:0 4px 20px #0009, 0 0 25px var(--neon);background:#060c1ce0;border-radius:50%;justify-content:center;align-items:center;transition:transform .25s;display:flex;transform:scale(.9)}.level-card:hover .rr-play-circle{transform:scale(1.1)}.level-visual-bottom{z-index:5;justify-content:space-between;align-items:center;display:flex;position:relative}.level-duration-chip{color:#fff;background:#000000b3;border:1px solid #ffffff26;border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700}.level-intensity-chip{letter-spacing:1px;color:var(--neon);border:1px solid var(--neon);background:#000000b3;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:900}.level-card-body{flex-direction:column;flex:1;padding:20px 22px 24px;display:flex}.level-body-header{margin-bottom:8px}.level-name{color:#fff;align-items:center;gap:6px;margin:0;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:800;display:flex}.level-subname{color:var(--neon);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.level-desc{color:#94a3b8;flex:1;margin:6px 0 14px;font-size:13px;line-height:1.5}.level-metrics-grid{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;padding:10px 12px;display:grid}.metric-item{text-align:center;flex-direction:column;align-items:center;display:flex}.metric-val{color:#fff;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:800;line-height:1.2}.metric-val small{color:var(--neon);font-size:10px;font-weight:600}.metric-lbl{letter-spacing:.8px;color:#64748b;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:800}.level-drills-tags{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.drill-tag{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.level-launch-btn{letter-spacing:.5px;color:#fff;background:var(--btn-bg);cursor:pointer;border:none;border-radius:14px;width:100%;padding:14px;font-family:Outfit,sans-serif;font-size:14px;font-weight:800;transition:all .2s;box-shadow:0 8px 20px #0006}.level-card:hover .level-launch-btn{box-shadow:0 12px 25px var(--neon-glow);transform:translateY(-2px)}.future-sports-teaser{text-align:center;background:#ffffff05;border:1px dashed #ffffff26;border-radius:20px;flex-direction:column;gap:12px;margin-top:48px;padding:20px 24px;display:flex}.teaser-header{justify-content:center;align-items:center;gap:10px;display:flex}.teaser-tag{letter-spacing:2px;color:#ffd000;background:#ffd00026;border-radius:999px;padding:2px 8px;font-size:9px;font-weight:900}.teaser-title{color:#fff;font-size:14px;font-weight:800}.teaser-pills{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tpill{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;display:flex}.tpill strong{color:#f1f5f9}.tpill em{color:#00f7ff;font-style:normal}.how-it-works{width:100%;max-width:1200px;margin:0 auto;padding:70px 24px}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.step-card{background:#121828a6;border:1px solid #ffffff1a;border-radius:26px;flex-direction:column;padding:28px 24px;display:flex}.step-card.highlight{background:linear-gradient(#1e2640d9 0%,#12182af2 100%);border:2px solid #ffd0008c;box-shadow:0 18px 45px #000000a6,0 0 35px #ffd0002e}.step-num{letter-spacing:2px;color:#ffd000;margin-bottom:12px;font-size:11px;font-weight:900}.step-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.step-icon{font-size:32px}.step-header h3{color:#fff;font-size:19px;font-weight:800;line-height:1.25}.step-desc{color:#94a3b8;margin-bottom:18px;font-size:13px;line-height:1.5}.step-list{flex-direction:column;flex:1;gap:10px;margin-bottom:24px;padding:0;list-style:none;display:flex}.step-list li{color:#cbd5e1;padding-left:4px;font-size:13px;line-height:1.5}.step-list code{color:#00f7ff;background:#00f7ff1f;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px}.step-action-btn{color:#0b0f1a;cursor:pointer;background:linear-gradient(135deg,#ffd000 0%,#ff7b00 100%);border:none;border-radius:12px;padding:13px 20px;font-family:Outfit,sans-serif;font-size:14px;font-weight:900;transition:all .2s;box-shadow:0 6px 18px #ff780066}.step-action-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #ff780099}.step-action-btn.outline{color:#fff;box-shadow:none;background:#ffffff0f;border:1.5px solid #ffffff40}.step-action-btn.outline:hover{color:#00f7ff;border-color:#00f7ff}.landing-footer{background:#080b14;border-top:1px solid #ffffff14;margin-top:auto;padding:48px 24px 28px}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:36px;max-width:1100px;margin:0 auto 34px;display:flex}.footer-brand{max-width:380px}.footer-desc{color:#94a3b8;margin-top:8px;font-size:13px;line-height:1.55}.footer-tech{background:#ffffff08;border:1px solid #00e67640;border-radius:16px;max-width:460px;padding:16px 20px}.footer-tech h4{color:#00e676;margin-bottom:6px;font-size:14px;font-weight:800}.footer-tech p{color:#cbd5e1;font-size:12px;line-height:1.55}.footer-bottom{text-align:center;color:#64748b;border-top:1px solid #ffffff0f;max-width:1100px;margin:0 auto;padding-top:20px;font-size:12px}.game-launcher-modal{z-index:120;-webkit-backdrop-filter:blur(12px);background:#05070ee0;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.game-launcher-modal.active{display:flex}.launcher-card{background:#12182af5;border:2px solid #00f7ff66;border-radius:30px;flex-direction:column;width:100%;max-width:540px;padding:34px 30px;display:flex;position:relative;box-shadow:0 25px 60px #000c,0 0 40px #00f7ff33}.launcher-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;width:34px;height:34px;font-size:18px;transition:all .2s;position:absolute;top:18px;right:20px}.launcher-close-btn:hover{color:#f36;background:#f363}.launcher-tag{letter-spacing:2.5px;color:#ffd000;font-size:11px;font-weight:900}.launcher-title{color:#fff;margin:4px 0 6px;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:800}.launcher-sub{color:#94a3b8;margin-bottom:22px;font-size:14px}.launcher-options{flex-direction:column;gap:12px;display:flex}.launcher-opt-card{cursor:pointer;text-align:left;background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:18px;align-items:center;gap:16px;padding:16px 20px;font-family:Outfit,sans-serif;transition:all .2s;display:flex;position:relative}.launcher-opt-card:hover{background:#00f7ff14;border-color:#00f7ff;transform:translateY(-2px);box-shadow:0 10px 25px #0006}.launcher-opt-card.featured-opt{background:linear-gradient(135deg,#ffd0001f 0%,#ff78000f 100%);border-color:#ffd0008c}.launcher-opt-card.featured-opt:hover{border-color:#ffd000;box-shadow:0 10px 25px #ffd00040}.opt-badge{letter-spacing:1px;color:#ffd000;background:#ffd0002e;border-radius:999px;padding:2px 8px;font-size:9px;font-weight:900;position:absolute;top:10px;right:14px}.opt-icon{flex-shrink:0;font-size:32px}.opt-details{flex:1}.opt-details h4{color:#fff;margin-bottom:3px;font-size:16px;font-weight:800}.opt-details p{color:#94a3b8;font-size:12px;line-height:1.45}.opt-arrow{color:#00f7ff;font-size:18px;transition:transform .2s}.launcher-opt-card:hover .opt-arrow{transform:translate(4px)}@media (width<=768px){.landing-nav{padding:0 16px}.nav-links{display:none}.hero-title{font-size:36px}.hero-actions{flex-direction:column;width:100%}.hero-btn-primary,.hero-btn-secondary{text-align:center;width:100%}.footer-content{flex-direction:column}}