*{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;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(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:auto;min-width:unset;border-radius:14px}.hud-item--score{padding:10px 14px}.hud-icon{font-size:20px;width:auto}.hud-label{font-size:8px;letter-spacing:1px;color:#ffffff80}.hud-value{font-size:20px;font-weight:900;letter-spacing:0}}.guide-overlay{position:fixed;inset:0;z-index:999;display:flex;justify-content:center;align-items:center;background:#000000b8;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;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:#8833d6;text-shadow:0 0 24px rgba(136,51,214,.8),0 4px 0 #3d0e7a,3px 6px 0 rgba(0,0,0,.5)}.guide-logo-surfers{font-family:Bangers,cursive;font-size:40px;letter-spacing:12px;color:#ffb800;text-shadow:0 0 20px rgba(255,184,0,.8),0 3px 0 #8c6500,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}.key-badge--arrow{width:44px;height:44px;border-radius:50%;font-size:22px}.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;inset: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;inset:0;z-index:900;display:flex;align-items:flex-start;justify-content:center;padding-top:20px;pointer-events:none;font-family:Poppins,sans-serif}.quiz-card{background:#080818ed;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:0 0 14px;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;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:5px;background:#ffffff14;flex-shrink:0}.quiz-timer-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff4500,gold,#00e5ff);transform-origin:left}@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:14px 20px 10px;display:flex;flex-direction:column;gap:7px}.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-hint{margin:0 20px 8px;font-size:11px;font-weight:600;letter-spacing:.8px;color:#ffdc50b3;line-height:1.4}.quiz-lanes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:0 12px}.quiz-lane{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 8px 14px;border-radius:14px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;min-height:80px}.quiz-lane-answer{font-size:clamp(15px,2.5vw,20px);font-weight:800;color:#fff;text-align:center;line-height:1.2;overflow-wrap:break-word;word-break:break-word;hyphens:auto}.quiz-lane-label{font-size:9px;font-weight:700;letter-spacing:2px;color:#fff6;text-transform:uppercase}.quiz-lane-icon{font-size:20px;animation:resultPop .4s cubic-bezier(.34,1.56,.64,1)}.quiz-lane--indigo{border-left-color:#6366f180}.quiz-lane--amber{border-left-color:#fbbf2480}.quiz-lane--cyan{border-left-color:#22d3ee80}.quiz-lane--active{transform:scale(1.04)}.quiz-lane--indigo.quiz-lane--active{background:#6366f12e!important;border-color:#6366f1e6!important;box-shadow:0 0 20px #6366f159,inset 0 0 10px #6366f11a}.quiz-lane--indigo.quiz-lane--active .quiz-lane-answer{color:#c7d2fe}.quiz-lane--indigo.quiz-lane--active .quiz-lane-label{color:#a5b4fccc}.quiz-lane--amber.quiz-lane--active{background:#fbbf242e!important;border-color:#fbbf24e6!important;box-shadow:0 0 20px #fbbf2459,inset 0 0 10px #fbbf241a}.quiz-lane--amber.quiz-lane--active .quiz-lane-answer{color:#fde68a}.quiz-lane--amber.quiz-lane--active .quiz-lane-label{color:#fde68acc}.quiz-lane--cyan.quiz-lane--active{background:#22d3ee2e!important;border-color:#22d3eee6!important;box-shadow:0 0 20px #22d3ee59,inset 0 0 10px #22d3ee1a}.quiz-lane--cyan.quiz-lane--active .quiz-lane-answer{color:#a5f3fc}.quiz-lane--cyan.quiz-lane--active .quiz-lane-label{color:#a5f3fccc}.quiz-lane.lane--correct{background:#4ade8026!important;border-color:#4ade8099!important;transform:scale(1.04);box-shadow:0 0 20px #4ade8040}.quiz-lane.lane--correct .quiz-lane-answer{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.6)}.quiz-lane.lane--wrong{background:#ff6b6b26!important;border-color:#ff6b6b99!important;box-shadow:0 0 20px #ff6b6b33}.quiz-lane.lane--wrong .quiz-lane-answer{color:#ff6b6b}.quiz-lane.lane--dim{opacity:.3}.quiz-result-banner{margin:10px 12px 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}@media (max-width: 600px){.quiz-overlay{padding-top:calc(max(8px,env(safe-area-inset-top)) + 72px);align-items:flex-start}.quiz-card{width:calc(100vw - 16px);border-radius:16px;padding-bottom:10px;background:#060614f5}.quiz-header{padding:10px 14px 8px;gap:5px}.quiz-badge{font-size:8px;letter-spacing:2px;padding:2px 10px}.quiz-question{font-size:clamp(14px,4vw,18px);line-height:1.25}.quiz-hint{margin:0 14px 6px;font-size:10px;letter-spacing:.5px}.quiz-lanes{gap:6px;padding:0 8px}.quiz-lane{padding:12px 6px 10px;border-radius:12px;min-height:70px;gap:5px}.quiz-lane-answer{font-size:clamp(13px,3.8vw,17px)}.quiz-lane-label{font-size:8px;letter-spacing:1.5px}.quiz-lane--indigo .quiz-lane-label:before{content:"← "}.quiz-lane--amber .quiz-lane-label:before{content:"↑ "}.quiz-lane--cyan .quiz-lane-label:before{content:"→ "}.quiz-lane--active{transform:scale(1.05)}.quiz-lane--indigo.quiz-lane--active,.quiz-lane--amber.quiz-lane--active,.quiz-lane--cyan.quiz-lane--active{border-width:3px!important}.quiz-result-banner{margin:8px 8px 0;padding:8px 12px;font-size:12px}}.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;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;inset:0;z-index:9999;display:flex;justify-content:center;align-items:center;background:#080612;font-family:Poppins,sans-serif}.loading:before{content:"";position:absolute;inset:0;background:url(/icon.png) center / cover no-repeat;opacity:.22;z-index:0}.loading-inner{position:relative;z-index:1;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:#8833d6;text-shadow:0 0 24px rgba(136,51,214,.9),0 4px 0 #3d0e7a,4px 8px 0 rgba(0,0,0,.5)}.loading-title-surfers{font-family:Bangers,cursive;font-size:48px;color:#ffb800;text-shadow:0 0 24px rgba(255,184,0,.9),0 4px 0 #8c6500,4px 8px 0 rgba(0,0,0,.5);letter-spacing:10px}.loading-icon{width:110px;height:110px;object-fit:contain;border-radius:24px;box-shadow:0 0 30px #8833d680,0 8px 24px #00000080;animation:iconFloat 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 12px rgba(136,51,214,.6))}50%{transform:translateY(-10px) scale(1.04);filter:drop-shadow(0 0 24px rgba(136,51,214,.9))}}.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,#8833d6,#ffb800);border-radius:999px;transition:width .3s ease;box-shadow:0 0 12px #8833d699}.loading-bar-glow{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#ffb800;border-radius:50%;box-shadow:0 0 16px 6px #ffb800e6;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:#8833d6;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;inset:0}.experience__canvas,canvas{width:100vw;height:100vh;position:fixed;left:0;top:0}