*{margin:0;padding:0;box-sizing:border-box;min-width:0;-webkit-overflow-scrolling:touch}a{text-decoration:none}ul{list-style:none}html,body{background-color:var(--bg);font-size:Robot;overflow-x:hidden;padding:0;margin:0;width:100%;scroll-behavior:smooth}.hud{position:fixed;top:20px;right:20px;z-index:998;display:flex;flex-direction:column;gap:0;font-family:Poppins,sans-serif;background:#0000008c;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:200px;animation:hudSlideIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes hudSlideIn{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}.hud-item{display:flex;align-items:center;gap:12px;padding:12px 18px;transition:background .2s}.hud-item:hover{background:#ffffff0d}.hud-item--score{padding-top:16px}.hud-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);margin:0 12px}.hud-icon{font-size:22px;width:28px;text-align:center;flex-shrink:0}.hud-info{display:flex;flex-direction:column;gap:1px}.hud-label{font-size:9px;font-weight:700;letter-spacing:2px;color:#ffffff73;text-transform:uppercase}.hud-value{font-size:22px;font-weight:900;letter-spacing:1px;line-height:1.1}.hud-value--gold{color:gold;text-shadow:0 0 12px rgba(255,215,0,.5)}.hud-value--coin{color:orange;text-shadow:0 0 12px rgba(255,165,0,.5)}.hud-value--safe{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.4)}.hud-value--red{color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.5);animation:warnPulse .8s ease-in-out infinite}.hud-value--time{color:#a78bfa;text-shadow:0 0 12px rgba(167,139,250,.45)}@keyframes warnPulse{0%,to{opacity:1}50%{opacity:.6}}.hud--warning{border-color:#ff5050b3;box-shadow:0 8px 32px #00000080,0 0 20px #ff3c3c73,inset 0 1px #ffffff14;animation:hudSlideIn .5s cubic-bezier(.34,1.56,.64,1),hudWarningBorder .6s ease-in-out infinite}.hud-item--danger{background:#ff3c3c26}.hud-icon--pulse{animation:iconPulse .6s ease-in-out infinite}@keyframes hudWarningBorder{0%,to{border-color:#ff5050b3}50%{border-color:#ffc83ce6}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.hud-value--countdown{font-size:28px;animation:warnPulse 1s ease-in-out infinite,countdownPop 1s ease-out}@keyframes countdownPop{0%{transform:scale(1.4)}to{transform:scale(1)}}.hud-value--speed{color:#38bdf8;text-shadow:0 0 12px rgba(56,189,248,.5)}.hud-speed-row{display:flex;align-items:center;gap:8px}.hud-speed-bar{width:70px;height:5px;border-radius:3px;background:#ffffff1f;overflow:hidden;flex-shrink:0}.hud-speed-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#38bdf8,#f97316,#ef4444);transition:width .3s ease}@media (max-width: 600px){.hud{top:max(12px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));left:max(10px,env(safe-area-inset-left));min-width:unset;border-radius:14px;flex-direction:row;align-items:stretch;justify-content:space-around;gap:0;padding:0}.hud-item{flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px}.hud-item--score{padding-top:8px}.hud-divider{width:1px;height:auto;margin:8px 0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.15),transparent)}.hud-icon{font-size:15px;width:auto}.hud-info{align-items:center;gap:0}.hud-label{font-size:7px;letter-spacing:.5px}.hud-value{font-size:14px;letter-spacing:0}.hud-value--countdown{font-size:16px}.hud-speed-row{flex-direction:column;gap:3px;align-items:center}.hud-speed-bar{width:36px;height:3px}.hud-item--danger{display:none}}.guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;justify-content:center;align-items:center;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:Poppins,sans-serif;animation:fadeIn .35s ease}.guide-overlay--gameover{background:#0f0000d1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.guide-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:48px 52px;min-width:420px;display:flex;flex-direction:column;align-items:center;gap:28px;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.guide-logo{display:flex;flex-direction:column;align-items:center;line-height:1}.guide-logo-subway{font-family:Bangers,cursive;font-size:58px;letter-spacing:6px;color:gold;text-shadow:0 0 24px rgba(255,215,0,.7),0 4px 0 #9a7000,3px 6px 0 rgba(0,0,0,.5)}.guide-logo-surfers{font-family:Bangers,cursive;font-size:40px;letter-spacing:12px;color:#ff6b00;text-shadow:0 0 20px rgba(255,107,0,.7),0 3px 0 #7a2800,3px 5px 0 rgba(0,0,0,.5)}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.control-item{display:flex;align-items:center;gap:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 16px}.control-desc{font-size:13px;font-weight:600;color:#ffffffbf;letter-spacing:.5px}.swipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.swipe-item{display:flex;align-items:center;gap:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 16px}.swipe-badge{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#3a3a5c,#1e1e3a);border:2px solid #5a5a8a;box-shadow:0 4px #0a0a20,0 0 12px #6464ff4d;font-size:22px;font-weight:900;color:#fff;flex-shrink:0}.tap-badge{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,#3a3a5c,#1e1e3a);border:2px solid #5a5a8a;box-shadow:0 4px #0a0a20,0 0 12px #6464ff4d;font-size:28px;flex-shrink:0}.tap-badge--orange{background:linear-gradient(145deg,#ff8c00,#ff4500)!important;border-color:gold!important}.tap-badge--red{background:linear-gradient(145deg,#f44,#c00)!important;border-color:#f88!important}.tap-badge--green{background:linear-gradient(145deg,#22c55e,#16a34a)!important;border-color:#86efac!important}.key-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(145deg,#3a3a5c,#1e1e3a);border:2px solid #5a5a8a;box-shadow:0 4px #0a0a20,0 0 12px #6464ff4d;font-family:Poppins,sans-serif;font-size:16px;font-weight:900;color:#fff;flex-shrink:0;letter-spacing:0}.key-badge--lg{width:60px;height:60px;font-size:26px;border-radius:14px}.guide-divider{width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.guide-cta{display:flex;align-items:center;gap:18px}.cta-label{font-size:16px;font-weight:900;letter-spacing:3px;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.4)}.pulse-orange{background:linear-gradient(145deg,#ff8c00,#ff4500)!important;border-color:gold!important;box-shadow:0 4px #7a2000,0 0 20px #ff8c0099!important;animation:pulseOrange 1.4s ease-in-out infinite}@keyframes pulseOrange{0%,to{box-shadow:0 4px #7a2000,0 0 20px #ff8c0099;transform:scale(1)}50%{box-shadow:0 4px #7a2000,0 0 36px #ff8c00;transform:scale(1.08)}}.pulse-red{background:linear-gradient(145deg,#f44,#c00)!important;border-color:#f88!important;box-shadow:0 4px #600,0 0 20px #f009!important;animation:pulseRed 1.4s ease-in-out infinite}@keyframes pulseRed{0%,to{box-shadow:0 4px #600,0 0 20px #f009;transform:scale(1)}50%{box-shadow:0 4px #600,0 0 36px red;transform:scale(1.08)}}.guide-overlay--victory{background:radial-gradient(ellipse at center,#001e3cf2,#000a19fa)}.guide-card--victory{border-color:#ffd70059;box-shadow:0 8px 32px #0009,0 0 60px #ffd70026,inset 0 1px #ffffff1a}.victory-trophy{font-size:80px;animation:trophyBounce .6s cubic-bezier(.34,1.56,.64,1) .1s both,trophyFloat 3s ease-in-out .7s infinite;filter:drop-shadow(0 0 24px rgba(255,215,0,.7))}@keyframes trophyBounce{0%{transform:scale(0) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes trophyFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(3deg)}}.victory-title{font-family:Bangers,cursive;font-size:64px;letter-spacing:6px;margin:0;background:linear-gradient(135deg,gold,orange 40%,gold,#fff176);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 18px rgba(255,215,0,.7));animation:titleReveal .5s cubic-bezier(.34,1.56,.64,1) .3s both}@keyframes titleReveal{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.victory-subtitle{font-size:15px;font-weight:600;color:#86efac;letter-spacing:.5px;text-align:center;text-shadow:0 0 12px rgba(134,239,172,.6);margin:-12px 0 0;animation:fadeSlideUp .5s ease .5s both}@keyframes fadeSlideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.pulse-green{background:linear-gradient(145deg,#22c55e,#16a34a)!important;border-color:#86efac!important;box-shadow:0 4px #14532d,0 0 20px #22c55e99!important;animation:pulseGreen 1.4s ease-in-out infinite}@keyframes pulseGreen{0%,to{box-shadow:0 4px #14532d,0 0 20px #22c55e99;transform:scale(1)}50%{box-shadow:0 4px #14532d,0 0 36px #22c55e;transform:scale(1.08)}}.stat-value--safe{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.6)}.victory-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.confetti-piece{position:absolute;top:-60px;font-size:28px;animation:confettiFall linear infinite;opacity:0}.confetti-piece--0{left:5%;animation-duration:3.2s;animation-delay:0s;font-size:32px}.confetti-piece--1{left:15%;animation-duration:2.8s;animation-delay:.4s;font-size:24px}.confetti-piece--2{left:28%;animation-duration:3.6s;animation-delay:.1s;font-size:30px}.confetti-piece--3{left:42%;animation-duration:2.5s;animation-delay:.7s;font-size:26px}.confetti-piece--4{left:55%;animation-duration:3s;animation-delay:.3s;font-size:34px}.confetti-piece--5{left:68%;animation-duration:2.7s;animation-delay:.9s;font-size:22px}.confetti-piece--6{left:80%;animation-duration:3.4s;animation-delay:.2s;font-size:28px}.confetti-piece--7{left:92%;animation-duration:2.9s;animation-delay:.6s;font-size:30px}@keyframes confettiFall{0%{transform:translateY(-60px) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@media (max-width: 480px){.guide-card{min-width:unset;width:calc(100vw - 40px);padding:32px 24px;gap:20px}.guide-logo-subway{font-size:48px}.guide-logo-surfers{font-size:32px}.victory-title{font-size:48px}.gameover-title{font-size:44px}.victory-trophy,.gameover-skull{font-size:52px}.cta-label{font-size:13px;letter-spacing:2px}}.gameover-skull{font-size:64px;animation:skullShake .5s ease-in-out .2s}@keyframes skullShake{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.gameover-title{font-family:Bangers,cursive;font-size:60px;letter-spacing:6px;color:#f44;text-shadow:0 0 30px rgba(255,0,0,.8),0 4px 0 #800000,4px 8px 0 rgba(0,0,0,.5);margin:0}.gameover-subtitle{font-size:15px;font-weight:600;color:#a78bfa;letter-spacing:1px;text-align:center;text-shadow:0 0 12px rgba(167,139,250,.6);margin:-12px 0 0}.gameover-stats{width:100%;display:flex;flex-direction:column;gap:10px;background:#0000004d;border-radius:14px;padding:16px 20px;border:1px solid rgba(255,255,255,.08)}.stat-row{display:flex;align-items:center;gap:12px}.stat-icon{font-size:20px;width:28px;text-align:center}.stat-label{flex:1;font-size:13px;font-weight:600;color:#fff9;letter-spacing:1px;text-transform:uppercase}.stat-value{font-size:20px;font-weight:900;letter-spacing:1px}.stat-value--gold{color:gold;text-shadow:0 0 10px rgba(255,215,0,.6)}.stat-value--coin{color:orange;text-shadow:0 0 10px rgba(255,165,0,.6)}.stat-value--red{color:#f66;text-shadow:0 0 10px rgba(255,100,100,.6)}.quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:flex-start;justify-content:center;padding-top:24px;pointer-events:none;font-family:Poppins,sans-serif}.quiz-card{background:#080818e0;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:0 0 18px;width:min(680px,92vw);display:flex;flex-direction:column;gap:0;box-shadow:0 8px 40px #000000b3,0 0 0 1px #ffffff0d,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;animation:quizSlideDown .4s cubic-bezier(.34,1.56,.64,1)}@keyframes quizSlideDown{0%{transform:translateY(-40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.quiz-timer-track{width:100%;height:6px;background:#ffffff14}.quiz-timer-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff4500,gold,#00e5ff);transform-origin:left;animation:timerShrink 5s linear forwards}@keyframes timerShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.quiz-overlay--correct .quiz-card{border-color:#4ade8066;box-shadow:0 8px 40px #000000b3,0 0 30px #4ade8040}.quiz-overlay--wrong .quiz-card{border-color:#ff6b6b66;box-shadow:0 8px 40px #000000b3,0 0 30px #ff6b6b40}.quiz-header{padding:16px 24px 12px;display:flex;flex-direction:column;gap:8px}.quiz-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:3px;color:gold;text-transform:uppercase;background:#ffd7001a;border:1px solid rgba(255,215,0,.25);border-radius:999px;padding:3px 12px;align-self:flex-start}.quiz-question{font-size:20px;font-weight:700;color:#fff;margin:0;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.5);overflow-wrap:break-word;word-break:break-word}.quiz-lanes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:0 16px}.quiz-lane{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:background .25s,border-color .25s,transform .25s}.quiz-lane-key{width:34px;height:34px;border-radius:8px;background:linear-gradient(145deg,#3a3a5c,#1e1e3a);border:2px solid #5a5a8a;box-shadow:0 3px #0a0a20;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#fff}.quiz-lane-label{font-size:9px;font-weight:700;letter-spacing:2px;color:#fff6;text-transform:uppercase}.quiz-lane-answer{font-size:18px;font-weight:800;color:#fff;text-align:center}.quiz-lane-icon{font-size:20px}.lane--correct{background:#4ade8026!important;border-color:#4ade8080!important;transform:scale(1.04);box-shadow:0 0 20px #4ade8033}.lane--correct .quiz-lane-answer{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.6)}.lane--wrong{background:#ff6b6b26!important;border-color:#ff6b6b80!important;box-shadow:0 0 20px #ff6b6b33}.lane--wrong .quiz-lane-answer{color:#ff6b6b}.lane--dim{opacity:.35}.quiz-result-banner{margin:12px 16px 0;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:1px;text-align:center;animation:resultPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes resultPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.quiz-result-banner--correct{background:#4ade8026;border:1px solid rgba(74,222,128,.4);color:#4ade80}.quiz-result-banner--wrong{background:#ff6b6b26;border:1px solid rgba(255,107,107,.4);color:#ff6b6b}.quiz-hint{margin:10px 24px 0;font-size:11px;font-weight:600;letter-spacing:.8px;color:#ffdc50a6;text-align:center}@media (max-width: 600px){.quiz-overlay{padding-top:calc(max(12px,env(safe-area-inset-top)) + 68px);align-items:flex-start}.quiz-card{width:calc(100vw - 20px);border-radius:14px;padding-bottom:10px}.quiz-timer-track{height:4px}.quiz-header{padding:10px 14px 8px;gap:5px}.quiz-badge{font-size:8px;letter-spacing:2px;padding:2px 10px}.quiz-question{font-size:14px;line-height:1.25}.quiz-lanes{display:none}.quiz-result-banner{margin:8px 10px 0;padding:7px 12px;font-size:11px}.quiz-hint{margin:6px 14px 0;font-size:9px}.quiz-ground-strips{height:110px}.quiz-ground-strip{padding-bottom:8px;gap:2px;justify-content:flex-end}.quiz-ground-key{font-size:9px;padding:1px 6px}.quiz-ground-opt{font-size:clamp(9px,3vw,13px);line-height:1.15;padding:0 6px;max-height:52px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.quiz-ground-lbl{font-size:7px;letter-spacing:2px}.quiz-ground-icon{font-size:16px}.quiz-question{font-size:clamp(11px,3.8vw,14px)}}.quiz-ground-strips{position:fixed;bottom:0;left:0;right:0;height:130px;display:grid;grid-template-columns:1fr 1fr 1fr;pointer-events:none;z-index:891;animation:fadeIn .5s ease}.quiz-ground-strip{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:16px;gap:4px;border-top:2px solid transparent;transition:all .3s ease}.quiz-ground-strip--indigo{background:linear-gradient(to top,rgba(99,102,241,.35),transparent);border-top-color:#6366f199}.quiz-ground-strip--amber{background:linear-gradient(to top,rgba(251,191,36,.35),transparent);border-top-color:#fbbf2499}.quiz-ground-strip--cyan{background:linear-gradient(to top,rgba(34,211,238,.35),transparent);border-top-color:#22d3ee99}.quiz-ground-strip+.quiz-ground-strip{border-left:1px solid rgba(255,255,255,.08)}.quiz-ground-key{font-family:Poppins,sans-serif;font-size:11px;font-weight:900;letter-spacing:2px;color:#ffffff59;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:1px 8px}.quiz-ground-opt{font-family:Poppins,sans-serif;font-size:clamp(12px,1.6vw,20px);font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);text-align:center;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;padding:0 4px}.quiz-ground-lbl{font-family:Poppins,sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;color:#ffffff4d;text-transform:uppercase}.quiz-ground-icon{font-size:22px;animation:resultPop .4s cubic-bezier(.34,1.56,.64,1)}.quiz-ground-strip.lane--correct{background:linear-gradient(to top,rgba(74,222,128,.5),transparent)!important;border-top-color:#4ade80cc!important;box-shadow:inset 0 0 30px #4ade8026}.quiz-ground-strip.lane--correct .quiz-ground-opt{color:#4ade80;text-shadow:0 0 16px rgba(74,222,128,.8)}.quiz-ground-strip.lane--wrong{background:linear-gradient(to top,rgba(255,107,107,.45),transparent)!important;border-top-color:#ff6b6bb3!important}.quiz-ground-strip.lane--wrong .quiz-ground-opt{color:#ff6b6b}.quiz-ground-strip.lane--dim{opacity:.3}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:9999;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;color:#fff;padding:10px 22px;border-radius:999px;white-space:nowrap;background:#080818eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toastIn .3s cubic-bezier(.34,1.56,.64,1)}@media (max-width: 600px){.toast{top:calc(max(12px,env(safe-area-inset-top)) + 64px);max-width:calc(100vw - 32px);white-space:normal;text-align:center;border-radius:14px;font-size:12px;padding:8px 16px;letter-spacing:.5px}}@keyframes toastIn{0%{transform:translate(-50%) translateY(-16px) scale(.9);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.toast--warning{border:1px solid rgba(255,107,107,.5);box-shadow:0 4px 24px #ff00004d,inset 0 1px #ffffff14}.toast--warning:before{content:"⚠️  "}.toast--success{border:1px solid rgba(74,222,128,.5);box-shadow:0 4px 24px #00c8644d,inset 0 1px #ffffff14;color:#4ade80}.toast--success:before{content:"✅  "}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);font-family:Poppins,sans-serif}.loading-inner{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px}.loading-title{display:flex;flex-direction:column;align-items:center;line-height:1;letter-spacing:4px}.loading-title-subway{font-family:Bangers,cursive;font-size:64px;letter-spacing:6px;color:gold;text-shadow:0 0 20px rgba(255,215,0,.8),0 4px 0 #b8860b,4px 8px 0 rgba(0,0,0,.4)}.loading-title-surfers{font-family:Bangers,cursive;font-size:48px;color:#ff6b00;text-shadow:0 0 20px rgba(255,107,0,.8),0 4px 0 #cc3300,4px 8px 0 rgba(0,0,0,.4);letter-spacing:10px}.loading-train{font-size:56px;animation:trainBounce 1.2s ease-in-out infinite}@keyframes trainBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(5deg)}}.loading-bar-wrapper{width:340px;display:flex;flex-direction:column;align-items:center;gap:8px}.loading-bar-track{position:relative;width:100%;height:12px;background:#ffffff1a;border-radius:999px;overflow:visible;border:1px solid rgba(255,255,255,.15)}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#ff6b00,gold);border-radius:999px;transition:width .3s ease;box-shadow:0 0 12px #ffb40099}.loading-bar-glow{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:gold;border-radius:50%;box-shadow:0 0 16px 6px #ffd700e6;transition:left .3s ease}.loading-percent{font-size:13px;font-weight:700;color:#fff9;letter-spacing:2px}.loading-status{font-size:13px;color:#ffffff73;letter-spacing:1px}.loading-dots{display:flex;gap:8px}.loading-dots span{width:8px;height:8px;background:#ff6b00;border-radius:50%;animation:dotPulse .6s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.5);opacity:1}}.experience{position:fixed;top:0;right:0;bottom:0;left:0}.experience__canvas,canvas{width:100vw;height:100vh;position:fixed;left:0;top:0}