@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";:root{--ford-navy: #001E50;--ford-blue: #003478;--ford-electric: #0066CC;--ford-cyan: #00D4FF;--ford-dark: #000B1F;--ford-red: #E31837;--ford-red-glow: rgba(227, 24, 55, .4);--success: #00ff88;--error: #ff6b6b;--warning: #ffd700;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:var(--ford-dark);color:#fff;line-height:1.6}button{font-family:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}button:focus-visible{outline:2px solid var(--ford-light-blue);outline-offset:2px}input{font-family:inherit}@media(prefers-reduced-motion:no-preference){*{will-change:auto}}.start-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;animation:fadeIn .5s ease-in-out}.volume-control-wrapper{position:fixed;bottom:min(5vh,3rem);right:min(5vw,3rem);z-index:100}.volume-button{width:clamp(45px,3vw,60px);height:clamp(45px,3vw,60px);background:#000000b3;border:2px solid rgba(255,255,255,.2);border-radius:min(1vw,10px);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.volume-button svg{width:clamp(20px,1.5vw,28px);height:clamp(20px,1.5vw,28px)}.volume-slider-container{position:absolute;bottom:calc(clamp(45px,3vw,60px) + 10px);right:0;background:#000000e6;border:2px solid rgba(255,255,255,.2);border-radius:min(1vw,10px);padding:clamp(.75rem,1.5vh,1.25rem);min-width:clamp(130px,12vw,180px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .3s ease}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:clamp(14px,1vw,18px);height:clamp(14px,1vw,18px);background:#e31837;border-radius:50%;cursor:pointer;transition:all .3s ease}.volume-slider::-moz-range-thumb{width:clamp(14px,1vw,18px);height:clamp(14px,1vw,18px);background:#e31837;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.volume-label{display:block;text-align:center;color:#fff;font-size:clamp(.75rem,1vh,.95rem);font-weight:600;font-family:Courier New,monospace}.start-content{position:relative;z-index:10;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(2vh,3vh,5vh) clamp(2vw,4vw,6vw)}.logo-section{width:100%;display:flex;justify-content:center;align-items:center;flex:0 0 auto;padding-top:clamp(1vh,2vh,3vh);animation:fadeInDown 1s ease-out}.ford-logo{height:clamp(80px,12vh,1800px);width:auto;max-width:min(90vw,400px);object-fit:contain;filter:drop-shadow(0 4px 20px rgba(0,0,0,.8))}.title-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;max-width:90vw;animation:fadeInScale 1s ease-out .3s both}.game-title{font-size:clamp(2.5rem,6vw,72rem);font-weight:900;color:#fff;margin:0 0 clamp(.5rem,2vh,2rem) 0;padding:0 clamp(1rem,3vw,4rem);letter-spacing:clamp(.1em,.2em,.3em);text-align:center;font-family:Orbitron,Impact,sans-serif;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.7),0 0 8px rgba(255,255,255,.2);line-height:1.2;filter:drop-shadow(0 0 25px rgba(255,255,255,.8));-webkit-text-stroke:clamp(1px,.15vw,2px) rgba(0,0,0,.3);transform:rotate(-3deg)}.game-slogan{font-size:clamp(1rem,2vw,2rem);font-weight:700;color:#fff;margin:0;padding:0 clamp(1rem,3vw,4rem);letter-spacing:clamp(.1em,.15em,.2em);text-align:center;font-family:Orbitron,sans-serif;text-transform:uppercase;animation:pulse 2s ease-in-out infinite}.button-section{flex:0 0 auto;display:flex;justify-content:center;align-items:center;width:100%;padding-bottom:clamp(3vh,5vh,8vh);animation:fadeInScale 1s ease-out .6s both}.start-button{width:clamp(140px,15vw,1980px);height:clamp(140px,15vw,1980px);border:clamp(8px,1vw,14px) solid transparent;border-radius:clamp(14px,1.5vw,24px);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);font-family:Orbitron,Impact,sans-serif;position:relative;transform:rotate(45deg);background:linear-gradient(135deg,#e31837,#b01228) padding-box,conic-gradient(from var(--angle),rgba(0,212,255,0) 0deg,rgba(0,212,255,0) 70deg,rgb(0,52,120) 90deg,rgb(0,52,120) 110deg,rgba(0,212,255,0) 130deg,rgba(0,212,255,0) 360deg) border-box;animation:rotateBorder 3s linear infinite;filter:drop-shadow(0px 0px clamp(8px,1vw,15px) rgb(0,52,120))}.button-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.3rem,.8vh,.8rem);width:100%;height:100%;z-index:1}.start-button svg{width:clamp(32px,4vw,504px);height:clamp(32px,4vw,56px);stroke:#fff;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0}.button-text{font-size:clamp(1rem,1.3vw,1.6rem);font-weight:900;letter-spacing:clamp(.1em,.15em,.2em);text-transform:uppercase;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.3);transition:all .3s ease;line-height:1;margin:0;padding:0;display:block}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.video-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.background-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;transition:opacity 1.5s ease-in-out;will-change:opacity;backface-visibility:hidden}.background-video.current{opacity:1;z-index:2;pointer-events:none}.background-video.next{opacity:0;z-index:1;pointer-events:none}.background-video.next.fade-in{opacity:1;z-index:2}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000a6;z-index:3}.volume-control-wrapper{position:fixed;bottom:2rem;right:2rem;z-index:100}.volume-button{width:50px;height:50px;background:#000000b3;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.volume-button:hover{background:#000000e6;border-color:#e31837;transform:scale(1.05)}.volume-button svg{width:24px;height:24px}.volume-slider-container{position:absolute;bottom:60px;right:0;background:#000000e6;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:1rem;min-width:150px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.volume-slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;margin-bottom:.5rem}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#e31837;border-radius:50%;cursor:pointer;transition:all .3s ease}.volume-slider::-webkit-slider-thumb:hover{background:#ff1e47;transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:#e31837;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.volume-slider::-moz-range-thumb:hover{background:#ff1e47;transform:scale(1.2)}.volume-label{display:block;text-align:center;color:#fff;font-size:.85rem;font-weight:600;font-family:Courier New,monospace}.start-content{position:relative;z-index:10;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center}.logo-section{position:absolute;top:2vh;left:50%;transform:translate(-50%);z-index:11;animation:fadeInDown 1s ease-out}.ford-logo{height:180px;width:auto;max-width:300px;object-fit:contain;filter:drop-shadow(0 4px 20px rgba(0,0,0,.8))}.title-section{position:absolute;top:24vh;left:50%;transform:translate(-50%) rotate(-3deg);z-index:11;animation:fadeInScale 1s ease-out .3s both}.game-title{font-size:clamp(3.5rem,10vw,6rem);font-weight:900;color:#fff;margin:0 0 1rem;padding:0 2rem;letter-spacing:.25em;text-align:center;font-family:Orbitron,Impact,sans-serif;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.7),0 0 8px rgba(255,255,255,.2);line-height:1.2;filter:drop-shadow(0 0 25px rgba(255,255,255,.8));-webkit-text-stroke:2px rgba(0,0,0,.3)}.game-slogan{font-size:clamp(1.1rem,2.8vw,1.6rem);font-weight:700;color:#fff;margin:0;padding:0 2rem;letter-spacing:.15em;text-align:center;font-family:Orbitron,sans-serif;text-transform:uppercase;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.button-section{position:absolute;top:75vh;left:50%;transform:translate(-50%);z-index:11;animation:fadeInScale 1s ease-out .6s both}.start-button{width:240px;height:240px;border:12px solid transparent;border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);font-family:Orbitron,Impact,sans-serif;position:relative;transform:rotate(45deg);background:linear-gradient(135deg,#e31837,#b01228) padding-box,conic-gradient(from var(--angle),rgba(0,212,255,0) 0deg,rgba(0,212,255,0) 70deg,rgb(0,52,120) 90deg,rgb(0,52,120) 110deg,rgba(0,212,255,0) 130deg,rgba(0,212,255,0) 360deg) border-box;animation:rotateBorder 3s linear infinite;filter:drop-shadow(0px 0px 12px rgb(0,52,120))}@keyframes rotateBorder{0%{--angle: 0deg}to{--angle: 360deg}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.button-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;z-index:1}.start-button:hover:after{transform:translate(100%)}.start-button:hover .button-inner{color:#e31837}.start-button:hover svg{stroke:#e31837}.start-button:active{transform:rotate(45deg) scale(1.02);box-shadow:0 10px 25px #e31837b3,0 5px 15px #0009}.start-button svg{width:48px;height:48px;stroke:#fff;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0}.start-button:hover svg{stroke:#e31837;transform:translate(5px);filter:drop-shadow(0 3px 6px rgba(227,24,55,.4))}.button-text{font-size:1.3rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.3);transition:all .3s ease;line-height:1;margin:0;padding:0;display:block}.start-button:hover .button-text{color:#e31837;text-shadow:0 2px 8px rgba(227,24,55,.6),0 0 20px rgba(227,24,55,.4)}@media(max-width:768px){.volume-control-wrapper{bottom:1.5rem;right:1.5rem}.volume-button{width:45px;height:45px}.logo-section{top:6vh}.ford-logo{height:80px;max-width:250px}.title-section{top:28vh}.game-title{font-size:clamp(2.8rem,9vw,4.5rem);letter-spacing:.2em;padding:0 1.5rem}.button-section{top:70vh}.start-button{width:160px;height:160px;border-radius:16px}.start-button:after{inset:6px;border-radius:12px}.start-button svg{width:42px;height:42px}.button-text{font-size:1.2rem}}@media(max-width:480px){.logo-section{top:5vh}.ford-logo{height:60px;max-width:200px}.title-section{top:25vh}.game-title{font-size:clamp(2.2rem,10vw,3.5rem);letter-spacing:.15em;padding:0 1rem}.button-section{top:65vh}.start-button{width:140px;height:140px;border-radius:14px}.start-button:after{inset:5px;border-radius:10px}.start-button svg{width:36px;height:36px}.button-text{font-size:1.1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(min-width:1920px){.ford-logo{height:405px;max-width:675px}.game-title{font-size:clamp(7.875rem,22.5vw,13.5rem);letter-spacing:.5625em;padding:0 4.5rem;-webkit-text-stroke:4.5px rgba(0,0,0,.3)}.game-slogan{font-size:clamp(2.475rem,6.3vw,3.6rem);letter-spacing:.3375em;padding:0 4.5rem}.start-button{width:540px;height:540px;border-width:33px;border-radius:54px}.button-inner{gap:1.35rem}.start-button svg{width:130px;height:130px}.button-text{font-size:3.51rem;letter-spacing:.3375em}.button-section{top:65vh}.volume-control-wrapper{bottom:4.5rem;right:4.5rem}.volume-button{width:112.5px;height:112.5px}.volume-button svg{width:54px;height:54px}.volume-slider-container{bottom:135px;padding:2.25rem;min-width:337.5px;border-radius:18px}.volume-slider{height:9px;margin-bottom:1.125rem}.volume-slider::-webkit-slider-thumb,.volume-slider::-moz-range-thumb{width:36px;height:36px}.volume-label{font-size:1.9125rem}}.name-entry-screen{min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 80%,#1e1b4b,#0f172a,#020617);background-size:100% 100%;padding:1rem;position:relative;overflow:hidden}.name-entry-screen:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.name-entry-content{position:relative;z-index:1;width:100%;max-width:850px;height:100%;display:flex;align-items:center;justify-content:center}.name-entry-card{width:100%;text-align:center;padding:1.5rem 3rem;background:linear-gradient(135deg,#0f0f1ed9,#141428cc);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:20px;border:2px solid rgba(0,102,204,.3);box-shadow:0 30px 80px #0009,inset 0 1px #ffffff1a,0 0 0 1px #00d4ff1a;animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.name-entry-title{font-size:1.5rem;font-weight:900;margin:0 0 1.5rem;color:#fff;text-transform:uppercase;letter-spacing:.05em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.input-group{display:flex;flex-direction:column;gap:0;margin-bottom:1rem}.keyboard-spacer{height:2rem}.name-entry-input{flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:700;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,102,204,.35);border-radius:10px;color:#fff;text-align:center;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;cursor:pointer}.name-entry-input::placeholder{color:#fff6}.name-entry-input.active{border-color:#06c;background:#ffffff1f;box-shadow:0 0 0 3px #0066cc40,0 12px 45px #06c6,inset 0 1px #ffffff26}.touch-keyboard{margin-bottom:1.5rem;padding:1rem;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.keyboard-row{display:flex;justify-content:center;gap:.6rem;margin-bottom:.6rem}.keyboard-row:last-child{margin-bottom:0}.key-btn{min-width:45px;height:52px;padding:.4rem;font-size:1rem;font-weight:700;background:linear-gradient(135deg,#ffffff1f,#ffffff14);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:uppercase;box-shadow:0 2px 8px #0000004d;-webkit-user-select:none;user-select:none}.key-btn:hover{background:linear-gradient(135deg,#06c6,#0077ff4d);border-color:#0077ff80;transform:translateY(-2px);box-shadow:0 4px 12px #0066ff4d}.key-btn:active{transform:translateY(0);box-shadow:0 1px 4px #0000004d}.key-btn.key-space{flex:1;min-width:200px;font-size:.9rem}.key-btn.key-backspace{min-width:80px;font-size:1.5rem;background:linear-gradient(135deg,#e318374d,#e3183733);border-color:#e3183766}.key-btn.key-backspace:hover{background:linear-gradient(135deg,#e3183780,#e3183766);border-color:#e3183799}.key-btn.key-number{min-width:81px;height:65px;font-size:1.3rem}.name-entry-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:nowrap}.name-entry-button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-radius:60px;cursor:pointer;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;border:2px solid;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px #0000004d}.name-entry-button.continue{background:linear-gradient(135deg,#00347880,#06c6);color:#fff;border-color:#06c9;box-shadow:0 4px 16px #0066ff4d}.name-entry-button.continue:hover:not(:disabled){background:linear-gradient(135deg,#06c9,#0077ff80);transform:translateY(-2px);border-color:#0077ffb3;box-shadow:0 6px 24px #06f6}.name-entry-button.continue:disabled{opacity:.4;cursor:not-allowed;background:#6464644d;border-color:#9696964d;box-shadow:none}@media(max-width:768px){.name-entry-card{padding:1rem 1.25rem}.name-entry-title{font-size:1.5rem;margin-bottom:.75rem}.input-group{gap:0}.name-entry-input{padding:.75rem 1rem;font-size:1rem}.touch-keyboard{padding:.75rem}.key-btn{min-width:40px;height:45px;font-size:1rem}.key-btn.key-number{min-width:70px;height:55px}.key-btn.key-space{min-width:150px}.key-btn.key-backspace{min-width:60px}.name-entry-buttons{gap:.75rem}.name-entry-button{padding:.9rem 1.5rem;font-size:.9rem}}@media(orientation:portrait)and (min-height:800px){.name-entry-card{max-width:95%}.name-entry-title{font-size:2.5rem}.name-entry-input{padding:1.1rem 1.5rem;font-size:1.3rem}.key-btn{min-width:60px;height:60px;font-size:1.3rem}.key-btn.key-number{min-width:110px;height:70px;font-size:1.8rem}.name-entry-button{padding:1.2rem 2.5rem;font-size:1.2rem}}@media(orientation:landscape)and (max-height:900px){.name-entry-card{padding:1rem 1.5rem}.name-entry-title{font-size:1.6rem;margin-bottom:.75rem}.input-group{margin-bottom:.75rem}.name-entry-input{padding:.7rem 1rem;font-size:1rem}.touch-keyboard{padding:.75rem;margin-bottom:.75rem}.keyboard-row{gap:.4rem;margin-bottom:.4rem}.key-btn{min-width:45px;height:45px;font-size:1rem}.key-btn.key-number{min-width:80px;height:55px;font-size:1.4rem}.key-btn.key-space{min-width:180px}.name-entry-button{padding:.8rem 1.8rem;font-size:.95rem}}.bottom-bar{position:fixed;bottom:0;left:0;right:0;height:80px;background:#0f0f1ed9;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-top:2px solid rgba(0,102,204,.3);display:flex;align-items:center;justify-content:space-between;padding:0 3rem;z-index:1000;box-shadow:0 -10px 40px #0006,inset 0 1px #ffffff0d}.bottom-bar-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:60px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;border:2px solid;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-bar-button svg{width:18px;height:18px;transition:transform .3s ease}.play-again-bar-button{background:linear-gradient(135deg,#00347880,#06c6);color:#fff;border-color:#06c9;box-shadow:0 4px 16px #0066ff4d}.play-again-bar-button:hover{background:linear-gradient(135deg,#06c9,#0077ff80);transform:translateY(-2px);border-color:#0077ffb3;box-shadow:0 6px 24px #06f6}.play-again-bar-button:hover svg{transform:rotate(180deg)}.home-bar-button{background:#ffffff14;color:#ffffffe6;border-color:#fff6;box-shadow:0 4px 16px #ffffff1a}.home-bar-button:hover{background:#ffffff26;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 24px #ffffff26}.home-bar-button:hover svg{transform:scale(1.1)}.exit-button{background:#ff325026;color:#ff6b6b;border-color:#ff325080;box-shadow:0 4px 16px #ff325033}.exit-button:hover{background:#ff325040;border-color:#ff3250;transform:translateY(-2px);box-shadow:0 6px 20px #ff32504d}.exit-button:hover svg{transform:translate(-3px)}.leaderboard-button{background:linear-gradient(135deg,#00347880,#06c6);color:#fff;border-color:#06c9;box-shadow:0 4px 16px #0066ff4d}.leaderboard-button:hover{background:linear-gradient(135deg,#06c9,#0077ff80);transform:translateY(-2px);border-color:#0077ffb3;box-shadow:0 6px 24px #06f6}.leaderboard-button:hover svg{transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.modal-box{background:linear-gradient(135deg,#0f0f1ef2,#141428f2);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:24px;padding:2.5rem;max-width:500px;width:90%;border:2px solid rgba(0,102,204,.3);box-shadow:0 30px 80px #0009,inset 0 1px #ffffff1a;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-size:2rem;font-weight:900;color:#fff;margin:0 0 1rem;text-align:center;text-transform:uppercase;letter-spacing:.05em}.modal-text{font-size:1.15rem;color:#fffc;margin:0 0 2rem;text-align:center;line-height:1.5}.modal-buttons{display:flex;gap:1rem;justify-content:center}.modal-btn{padding:1rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;border:3px solid}.confirm-exit{background:#ff3250;color:#fff;border-color:#ff3250;box-shadow:0 8px 25px #ff325066}.confirm-exit:hover{background:#ff6b6b;transform:translateY(-2px) scale(1.05);box-shadow:0 12px 35px #ff325099}.cancel-exit{background:transparent;color:#ffffffe6;border-color:#ffffff4d}.cancel-exit:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px) scale(1.05)}.leaderboard-modal{max-width:600px;padding:2rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.close-button{width:40px;height:40px;border-radius:50%;background:#ff325033;border:2px solid rgba(255,50,80,.5);color:#ff6b6b;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-button svg{width:20px;height:20px}.close-button:hover{background:#ff32504d;border-color:#ff6b6b;transform:rotate(90deg) scale(1.1)}.leaderboard-popup-content{max-height:500px;overflow-y:auto;padding-right:.5rem}.leaderboard-popup-content::-webkit-scrollbar{width:8px}.leaderboard-popup-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.leaderboard-popup-content::-webkit-scrollbar-thumb{background:#0066ff80;border-radius:10px}.leaderboard-popup-content::-webkit-scrollbar-thumb:hover{background:#0066ffb3}.no-entries{text-align:center;color:#ffffff80;font-size:1.2rem;padding:3rem}.leaderboard-popup-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-popup-entry{display:grid;grid-template-columns:50px 1fr auto auto;gap:1rem;align-items:center;padding:1rem 1.25rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.leaderboard-popup-entry:hover{background:#ffffff14;border-color:#06f6;transform:translate(5px)}.leaderboard-popup-entry.rank-1{background:linear-gradient(135deg,#ffd70026,#ffd7000d);border-color:#ffd70066}.leaderboard-popup-entry.rank-2{background:linear-gradient(135deg,#c0c0c026,#c0c0c00d);border-color:#c0c0c066}.leaderboard-popup-entry.rank-3{background:linear-gradient(135deg,#cd7f3226,#cd7f320d);border-color:#cd7f3266}.popup-rank{font-size:1.5rem;font-weight:900;color:#ffffffe6;text-align:center}.popup-name{font-size:1.1rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-score{font-size:1rem;font-weight:700;color:#06f}.popup-time{font-size:.95rem;color:#fff9}@media(max-width:768px){.bottom-bar{padding:0 1.5rem;height:70px}.bottom-bar-button{padding:.75rem 1.5rem;font-size:.95rem;gap:.5rem}.bottom-bar-button svg{width:16px;height:16px}.modal-box{padding:2rem}.modal-title{font-size:1.5rem}.modal-text{font-size:1rem}.modal-btn{padding:.85rem 2rem;font-size:1rem}.leaderboard-popup-entry{grid-template-columns:40px 1fr auto;gap:.75rem;padding:.85rem 1rem}.popup-time{display:none}}@media(min-width:1920px){.bottom-bar{height:110px;padding:0 4.5rem}.bottom-bar-button{gap:1rem;padding:1.5rem 3rem;font-size:1.3rem;border-width:3px}.bottom-bar-button svg{width:26px;height:26px}}.question-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 20% 80%,#1e1b4b,#0f172a,#020617);background-size:100% 100%;animation:gradientShift 15s ease-in-out infinite,fadeIn .5s ease-in-out;padding:0 0 clamp(80px,12vh,140px) 0;display:flex;flex-direction:column;position:relative;overflow-x:hidden;overflow-y:auto}@media(min-width:1920px){.question-screen{justify-content:flex-start!important;padding-top:clamp(8px,1.2vh,24px)!important}.question-header{margin-top:8px!important;margin-bottom:clamp(.6rem,1.2vh,.9rem)!important}.question-screen.question-2 .audio-section,.question-screen.question-4 .audio-section{padding-top:.2rem!important;padding-bottom:.2rem!important;margin-bottom:clamp(.4rem,.8vh,.8rem)!important;gap:clamp(.6rem,1.2vh,1.6rem)!important}.options-container.text-only{margin-top:clamp(.6rem,1.2vh,1.6rem)!important;padding-top:clamp(.6rem,1.2vh,1rem)!important}}@media(min-height:1920px){.question-header{margin-top:clamp(.5rem,1vh,1.5rem);margin-bottom:0}.question-screen.question-2 .audio-section,.question-screen.question-4 .audio-section{margin-top:clamp(5rem,10vh,10rem);margin-bottom:0}}.question-screen:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.progress-bar{width:100%;height:clamp(4px,.5vh,8px);background:#001e504d;position:fixed;top:0;left:0;z-index:100;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff08;border-bottom:1px solid rgba(0,102,204,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.progress-fill{height:100%;background:linear-gradient(90deg,#003478,#06c,#00d4ff);transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 20px #06c9,inset 0 1px #ffffff4d}.progress-fill:before{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(45deg,transparent 25%,rgba(255,255,255,.2) 25%,rgba(255,255,255,.2) 50%,transparent 50%,transparent 75%,rgba(255,255,255,.2) 75%);background-size:20px 20px;animation:checkeredFlag 1s linear infinite}@keyframes checkeredFlag{0%{transform:translate(0)}to{transform:translate(-20px)}}.question-header{padding:clamp(1rem,2vh,2.5rem) clamp(1rem,3vw,3rem) clamp(.5rem,1vh,1.5rem);text-align:center;position:relative;z-index:1}.question-number{display:inline-block;padding:clamp(.75rem,1.5vh,1.5rem) clamp(1.5rem,3vw,3.5rem);background:linear-gradient(135deg,#00347833,#0066cc26);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:60px;color:#fff;font-size:clamp(.9rem,1.3vw,1.4rem);font-weight:700;text-transform:uppercase;letter-spacing:clamp(.1em,.15em,.2em);border:2px solid rgba(0,102,204,.35);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;transition:all .3s ease}.question-number:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite linear}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.audio-section{position:relative;z-index:1;padding:clamp(1rem,2vh,3rem) clamp(1rem,4vw,4rem) clamp(1rem,3vh,4rem);display:flex;flex-direction:column;align-items:center;gap:clamp(3rem,6vh,10rem)}.question-title{font-size:clamp(1.5rem,3vw,3.5rem);font-weight:700;color:#fff;text-align:center;margin:0;padding:0 clamp(1rem,4vw,4rem);line-height:1.3;text-shadow:0 4px 12px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.3);letter-spacing:clamp(-.02em,0em,.02em);max-width:min(90vw,1200px)}@media(min-width:1920px){.question-screen.question-2 .audio-section,.question-screen.question-4 .audio-section{padding:clamp(.4rem,.8vh,1.2rem) clamp(1rem,4vw,4rem) clamp(.3rem,.9vh,1.2rem);gap:clamp(1.2rem,2.4vh,4rem)}.question-title{padding:0 clamp(.4rem,1.6vw,1.6rem)}}.fun-fact-display{max-width:min(90vw,900px);min-height:clamp(60px,8vh,100px);margin:clamp(1rem,2vh,2.5rem) auto clamp(.5rem,1vh,1.5rem);padding:clamp(1rem,2vh,2rem) clamp(1.5rem,3vw,3rem);background:#ffffff0a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:clamp(16px,2vw,28px);border:2px solid rgba(0,170,255,.2);display:flex;align-items:center;gap:clamp(1rem,2vw,2rem);animation:slideInFade .6s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #0003,inset 0 1px #ffffff0d;position:relative;z-index:1}@keyframes slideInFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fun-fact-label{font-size:clamp(.65rem,1vw,.85rem);font-weight:900;letter-spacing:clamp(.1em,.15em,.2em);color:#e31837e6;text-transform:uppercase;flex-shrink:0;padding:clamp(.4rem,1vh,.6rem) clamp(.75rem,1.5vw,1.25rem);background:#e3183726;border-radius:clamp(4px,.6vw,8px);border-left:3px solid #E31837;text-shadow:0 2px 8px rgba(0,0,0,.3)}.fun-fact-text{flex:1;margin:0;font-size:clamp(1rem,1.5vw,1.4rem);line-height:1.6;color:#ffffffe6;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.submit-button{display:inline-flex;align-items:center;justify-content:center;gap:clamp(.75rem,1.5vw,1.5rem);padding:clamp(1.8rem,3vh,2.5rem) clamp(4rem,6vw,6rem);margin:clamp(2rem,3vh,5rem) auto clamp(4rem,2vh,2rem);font-size:clamp(1.4rem,2vw,2rem);font-weight:700;color:#fff;background:linear-gradient(135deg,#00347866,#0066cc4d);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid rgba(0,102,204,.5);border-radius:60px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:clamp(.1em,.15em,.2em);position:relative;overflow:hidden;box-shadow:0 8px 32px #0066cc4d,inset 0 1px #ffffff1a;z-index:1}.submit-button:hover:not(:disabled){transform:translateY(-3px);background:linear-gradient(135deg,#00347880,#06c6);border-color:#0077ffb3;box-shadow:0 12px 40px #06f6,inset 0 1px #fff3}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-button svg{width:clamp(20px,2vw,28px);height:clamp(20px,2vw,28px);transition:transform .3s ease}.submit-button:hover:not(:disabled) svg{transform:translate(4px)}@media(min-width:1920px){.question-screen{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:clamp(8px,1.2vh,24px) 0 clamp(100px,14vh,160px) 0}.question-header,.audio-section,.fun-fact-display,.options-container,.submit-button{max-width:85vw;margin-left:auto;margin-right:auto;flex-shrink:0}.question-header{margin-top:0;margin-bottom:clamp(1.5rem,2vh,2.5rem)}.question-header{margin-bottom:150px!important}.question-screen.question-2 .audio-section,.question-screen.question-4 .audio-section{padding:clamp(.2rem,.6vh,.35rem) clamp(1rem,3vw,4rem) clamp(.2rem,.9vh,.6rem);margin-top:0;margin-bottom:clamp(.5rem,.9vh,1rem)}.question-title{margin-bottom:clamp(.6rem,1.2vh,.9rem)}.fun-fact-display{margin:clamp(1.5rem,2vh,2rem) auto clamp(1rem,1.5vh,1.5rem);min-height:clamp(80px,10vh,120px)}.options-container{margin-top:clamp(1.5rem,2vh,2.5rem);margin-bottom:clamp(1.5rem,2vh,2.5rem)}.submit-button{margin:clamp(2rem,3vh,3.5rem) auto clamp(2rem,3vh,4rem)}}.audio-player-container{width:100%;max-width:min(90vw,600px);margin:0 auto;display:flex;justify-content:center;align-items:center}.circular-audio-player{position:relative;width:clamp(180px,25vw,280px);height:clamp(180px,25vw,280px);display:flex;align-items:center;justify-content:center}.countdown-ring{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.countdown-ring-background{fill:none;stroke:#ffffff1a;stroke-width:8}.countdown-ring-progress{fill:none;stroke:#06c;stroke-width:8;stroke-linecap:round;stroke-dasharray:534;stroke-dashoffset:534;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 8px rgba(0,102,204,.8))}.countdown-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.countdown-number{display:block;font-size:clamp(3rem,8vw,5rem);font-weight:900;color:#fff;text-shadow:0 4px 16px rgba(0,102,204,.6),0 0 40px rgba(0,212,255,.4);line-height:1;margin-bottom:clamp(.3rem,1vh,.5rem)}.countdown-label{display:block;font-size:clamp(.75rem,1.2vw,1rem);font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.15em}.circular-play-button{position:relative;width:clamp(180px,25vw,280px);height:clamp(180px,25vw,280px);border-radius:50%;background:linear-gradient(135deg,#0034784d,#06c3);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:3px solid rgba(0,102,204,.4);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #0000004d,inset 0 2px 8px #ffffff0d;overflow:visible}.sound-wave-ring{position:absolute;width:100%;height:100%;top:0;left:0;transform:rotate(-90deg);opacity:0;transition:opacity .3s ease;transform-origin:center center}.circular-play-button.playing .sound-wave-ring{opacity:1;animation:soundWaveRotate 3s linear infinite}.sound-wave{fill:none;stroke:#00d4ff99;stroke-width:6;stroke-linecap:round;stroke-dasharray:20 10}@keyframes soundWaveRotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.play-pause-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:clamp(48px,8vw,72px);height:clamp(48px,8vw,72px);color:#fff;transition:all .3s ease}.play-pause-icon svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.play-label{position:absolute;bottom:clamp(-35px,-6vw,-45px);left:50%;transform:translate(-50%);font-size:clamp(.85rem,1.2vw,1.1rem);font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.circular-play-button:hover:not(:disabled){transform:scale(1.08);background:linear-gradient(135deg,#06c6,#00d4ff4d);border-color:#00d4ff99;box-shadow:0 15px 50px #06c6,0 0 40px #00d4ff4d,inset 0 2px 8px #ffffff1a}.circular-play-button:disabled{opacity:.5;cursor:not-allowed}.audio-error{text-align:center;color:#ff6464e6;font-size:clamp(.85rem,1.2vw,1rem);margin-top:clamp(1rem,2vh,1.5rem);padding:clamp(.75rem,1.5vh,1rem);background:#ff32321a;border-radius:clamp(8px,1vw,12px);border:1px solid rgba(255,100,100,.3)}.options-container.has-images{flex:0 1 auto;padding:clamp(2rem,4vh,1rem) clamp(1rem,3vw,3rem) clamp(1rem,2vh,2rem);display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,1.5vw,1.75rem);max-width:min(95vw,1600px);margin:clamp(2rem,5vh,2rem) auto 0;width:100%;position:relative;z-index:1;align-content:start}.options-container.has-images.options-3>.option-card:nth-child(3){grid-column:1 / -1;justify-self:center;max-width:min(48vw,750px)}.options-container.has-images .option-card{display:flex;flex-direction:column;padding:0;min-height:clamp(280px,35vh,550px);max-height:clamp(380px,45vh,9600px);background:#0f0f1ecc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid rgba(255,255,255,.15);border-radius:clamp(16px,2vw,32px);color:#fff;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000004d}.options-container.has-images .option-card:after{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(0,102,204,.5),transparent);opacity:0;transition:opacity .3s ease}.options-container.has-images .option-card:hover:after{opacity:1}.option-image-container{flex:1 1 auto;min-height:clamp(150px,20vh,350px);max-height:clamp(250px,30vh,7200px);display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0000004d,#0000001a);position:relative;overflow:hidden}.option-car-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:transform .3s ease}.option-placeholder{width:clamp(80px,12vw,120px);height:clamp(80px,12vw,120px);display:flex;align-items:center;justify-content:center;color:#ffffff4d}.option-placeholder svg{width:100%;height:100%}.option-content{flex:0 0 auto;padding:clamp(1rem,2vh,2.5rem) clamp(1rem,2vw,3rem);background:#0006;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:clamp(.75rem,1.5vw,2rem);min-height:clamp(60px,8vh,120px);max-height:clamp(85px,10vh,2000px);position:relative}.option-info{display:flex;align-items:center;justify-content:center;gap:clamp(.75rem,1.5vw,1.25rem);flex:1}.option-letter{width:clamp(36px,4vw,320px);height:clamp(36px,4vw,320px);display:flex;align-items:center;justify-content:center;background:#0066cc40;border-radius:50%;font-size:clamp(1rem,1.5vw,10rem);font-weight:900;color:#fff;border:2px solid rgba(0,102,204,.4);flex-shrink:0}.option-text{font-size:clamp(1rem,1.5vw,10rem);font-weight:600;text-align:center;line-height:1.3}.option-feedback{width:clamp(32px,3.5vw,280px);height:clamp(32px,3.5vw,280px);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:absolute;right:clamp(1rem,2vw,3rem)}.check-icon,.cross-icon{font-size:clamp(1.5rem,2.5vw,14rem);font-weight:900}.check-icon{color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.5)}.cross-icon{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.5)}.options-container.has-images .option-card:hover{transform:translateY(-4px);border-color:#0066cc80;box-shadow:0 12px 32px #0006,0 0 20px #0066cc4d}.options-container.has-images .option-card:hover .option-car-image{transform:scale(1.05)}.options-container.has-images .option-card.selected{border-color:#00d4ffcc;box-shadow:0 8px 24px #0000004d,0 0 30px #00d4ff66,inset 0 0 20px #00d4ff1a;background:#0066cc26}.options-container.has-images .option-card.correct{border-color:#22c55ecc;background:#22c55e1a;box-shadow:0 8px 24px #0000004d,0 0 30px #22c55e66}.options-container.has-images .option-card.incorrect{border-color:#ef4444cc;background:#ef44441a;box-shadow:0 8px 24px #0000004d,0 0 30px #ef444466}.options-container.has-images .option-card.dimmed{opacity:.5;filter:grayscale(.5)}@media(min-width:1920px){.circular-audio-player,.circular-play-button{width:clamp(135px,18.75vw,210px);height:clamp(135px,18.75vw,210px)}.audio-player-container{max-width:min(90vw,400px)}.options-container.has-images{padding:clamp(1.5rem,2.5vh,2.5rem) clamp(1rem,2.25vw,2.25rem) clamp(1rem,1.5vh,1.5rem);gap:clamp(1rem,1.25vw,1.5rem);margin-top:clamp(1.5rem,3vh,4.5rem)}.options-container.has-images .option-card{padding:clamp(1rem,1.5vh,1.5rem)}.option-image-container{height:clamp(150px,18vh,225px);min-height:clamp(135px,16vh,195px)}.option-content{padding:clamp(.9rem,1.25vh,1.5rem) clamp(1.2rem,1.75vw,2.25rem);gap:clamp(.9rem,1.25vw,1.5rem)}.options-container.has-images.options-3>.option-card:nth-child(3){max-width:none;width:100%}}.options-container.text-only{flex:0 1 auto;padding:clamp(2rem,4vh,4rem) clamp(1rem,3vw,3rem) clamp(1rem,2vh,2rem);display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,1.5vw,1.75rem);max-width:min(90vw,1800px);margin:clamp(2.5rem,5vh,7.5rem) auto 0;width:100%;position:relative;z-index:1;align-content:start}.options-container.text-only .option-card{display:flex;align-items:center;justify-content:space-between;gap:clamp(.75rem,1.5vw,2rem);padding:clamp(1.25rem,2vh,2.5rem) clamp(1.5rem,3vw,3rem);min-height:clamp(70px,10vh,150px);max-height:clamp(100px,12vh,2000px);background:#0f0f1ecc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid rgba(255,255,255,.15);border-radius:clamp(16px,2vw,32px);color:#fff;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000004d}.options-container.text-only .option-card:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1}.options-container.text-only .option-card:after{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(0,102,204,.5),transparent);opacity:0;transition:opacity .3s ease}.options-container.text-only .option-card:hover:after{opacity:1}.options-container.text-only .option-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:clamp(.75rem,1.5vw,2rem)}.options-container.text-only .option-info{display:flex;align-items:center;justify-content:flex-start;gap:clamp(.75rem,1.5vw,2rem);flex:1;min-width:0}.options-container.text-only .option-letter{width:clamp(40px,4.5vw,320px);height:clamp(40px,4.5vw,320px);display:flex;align-items:center;justify-content:center;background:transparent;border-radius:50%;font-size:clamp(1.1rem,1.6vw,10rem);font-weight:900;color:#fff;border:2px solid rgba(0,102,204,.4);flex-shrink:0;transition:all .3s ease}.options-container.text-only .option-text{font-size:clamp(1.5rem,2.2vw,10rem);font-weight:700;letter-spacing:.02em;line-height:1.2;text-align:center}.options-container.text-only .option-feedback{width:clamp(36px,4vw,280px);height:clamp(36px,4vw,280px);display:flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none;margin-left:auto}.options-container.text-only .check-icon,.options-container.text-only .cross-icon{font-size:clamp(1.6rem,2.8vw,14rem);font-weight:900}.options-container.text-only .check-icon{color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.5)}.options-container.text-only .cross-icon{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.5)}.options-container.text-only .option-card:hover{transform:translateY(-4px);border-color:#0066cc80;box-shadow:0 12px 32px #0006,0 0 20px #0066cc4d}.options-container.text-only .option-card:hover .option-letter{border-color:#00d4ff99}.options-container.text-only .option-card.selected{border-color:#00d4ffcc;box-shadow:0 8px 24px #0000004d,0 0 30px #00d4ff66,inset 0 0 20px #00d4ff1a;background:#0066cc26}.options-container.text-only .option-card.selected .option-letter{border-color:#00d4ffcc;box-shadow:0 0 15px #00d4ff80}.options-container.text-only .option-card.correct:before{background:linear-gradient(135deg,#22c55e40,#22c55e26)}.options-container.text-only .option-card.correct{border-color:#22c55ecc;box-shadow:0 8px 24px #0000004d,0 0 30px #22c55e66}.options-container.text-only .option-card.correct .option-letter{border-color:#22c55ecc;color:#22c55e}.options-container.text-only .option-card.correct .option-text{color:#fff}.options-container.text-only .option-card.incorrect:before{background:linear-gradient(135deg,#ef444440,#ef444426)}.options-container.text-only .option-card.incorrect{border-color:#ef4444cc;box-shadow:0 8px 24px #0000004d,0 0 30px #ef444466}.options-container.text-only .option-card.incorrect .option-letter{border-color:#ef4444cc;color:#ef4444}.options-container.text-only .option-card.incorrect .option-text{color:#fff}.options-container.text-only .option-card.dimmed{opacity:.5;filter:grayscale(.5)}@media(max-width:768px){.options-container.text-only{gap:clamp(1rem,2vw,1.5rem);padding:clamp(2rem,4vh,3rem) clamp(1rem,2vw,2rem) clamp(1rem,2vh,2rem)}.options-container.text-only .option-card{min-height:clamp(60px,8vh,80px);max-height:clamp(80px,10vh,100px)}.options-container.text-only .option-text{font-size:clamp(1.3rem,1.8vw,1.8rem)}.options-container.text-only .option-letter{width:clamp(35px,4vw,45px);height:clamp(35px,4vw,45px);font-size:clamp(1rem,1.4vw,1.3rem)}}@media(min-width:1920px){.options-container.text-only{padding:clamp(.8rem,1.6vh,1.6rem) clamp(.5rem,1.5vw,1.5rem) clamp(.4rem,.8vh,.8rem);gap:clamp(.5rem,.75vw,.875rem);margin-top:clamp(.8rem,1.6vh,2.4rem);max-width:min(90vw,1350px)}.options-container.text-only .option-card{padding:clamp(.625rem,1vh,1.25rem) clamp(.75rem,1.5vw,1.5rem);min-height:clamp(35px,5vh,75px);max-height:clamp(50px,6vh,1000px);gap:clamp(.375rem,.75vw,1rem)}.options-container.text-only .option-letter{width:clamp(20px,2.25vw,160px);height:clamp(20px,2.25vw,160px);font-size:clamp(.55rem,.8vw,5rem)}.options-container.text-only .option-text{font-size:clamp(.75rem,1.1vw,5rem)}.options-container.text-only .option-content{gap:clamp(.375rem,.75vw,1rem)}.options-container.text-only .option-feedback{width:clamp(18px,2vw,140px);height:clamp(18px,2vw,140px)}.options-container.text-only .check-icon,.options-container.text-only .cross-icon{font-size:clamp(.8rem,1.4vw,7rem)}}.bottom-bar{position:fixed;bottom:0;left:0;width:100%;height:clamp(80px,10vh,120px);background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,2vw,2.5rem);z-index:100;padding:0 clamp(2rem,4vw,6rem)}.bottom-bar-button{display:flex;flex-direction:column;align-items:center;gap:clamp(.35rem,.8vh,.5rem);background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:60px;padding:clamp(.7rem,1.2vh,1rem) clamp(1.5rem,2.5vw,2rem);cursor:pointer;transition:all .3s ease;color:#fff;position:relative;overflow:hidden;min-width:clamp(100px,12vw,140px);max-width:180px}.bottom-bar-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.bottom-bar-button:hover:before{left:100%}.bottom-bar-button:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.bottom-bar-icon{width:clamp(28px,3.5vw,40px);height:clamp(28px,3.5vw,40px);max-width:44px;max-height:44px;display:flex;align-items:center;justify-content:center;font-size:clamp(1.4rem,2vw,1.8rem);transition:transform .3s ease}.bottom-bar-button:hover .bottom-bar-icon{transform:scale(1.1)}.bottom-bar-label{font-size:clamp(.8rem,1.1vw,1rem);font-weight:600;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.exit-button{background:#ef444426;border-color:#ef44444d}.exit-button:hover{background:#ef444440;border-color:#ef444480;box-shadow:0 8px 20px #ef44444d}.exit-button .bottom-bar-icon{color:#ef4444}.bottom-bar-button.leaderboard-button{background:#0066cc26;border-color:#0066cc4d}.bottom-bar-button.leaderboard-button:hover{background:#0066cc40;border-color:#00d4ff80;box-shadow:0 8px 20px #0066cc4d}.bottom-bar-button.play-again-bar-button{background:linear-gradient(135deg,#00347880,#06c6);border-color:#06c9;color:#fff}.bottom-bar-button.play-again-bar-button:hover{background:linear-gradient(135deg,#06c9,#0077ff80);border-color:#0077ffb3;box-shadow:0 8px 20px #06f6}.bottom-bar-button.home-bar-button{background:#ffffff14;border-color:#fff6;color:#ffffffe6}.bottom-bar-button.home-bar-button:hover{background:#ffffff26;border-color:#fff9;box-shadow:0 8px 20px #ffffff26}@media(max-width:768px){.bottom-bar{height:clamp(70px,9vh,100px);gap:clamp(.75rem,1.5vw,1.5rem);padding:0 clamp(.75rem,2vw,2rem)}.bottom-bar-button{min-width:clamp(90px,10vw,120px);padding:clamp(.6rem,1vh,.85rem) clamp(1.2rem,2vw,1.5rem)}.bottom-bar-icon{width:clamp(24px,3vw,32px);height:clamp(24px,3vw,32px);font-size:clamp(1.2rem,1.6vw,1.5rem)}.bottom-bar-label{font-size:clamp(.7rem,1vw,.9rem)}}@media(min-width:1920px){.bottom-bar{height:120px}.bottom-bar-button{max-width:180px;padding:1rem 2rem}.bottom-bar-icon{max-width:44px;max-height:44px;font-size:1.8rem}.bottom-bar-label{font-size:1rem}}.results-screen{min-height:100vh;background:radial-gradient(circle at 20% 80%,#1e1b4b,#0f172a,#020617);background-size:100% 100%;animation:gradientShift 15s ease-in-out infinite,fadeIn .5s ease-in-out;padding:clamp(2rem,3vh,3rem) clamp(1.5rem,2vw,2rem) clamp(100px,15vh,160px);overflow-y:auto;position:relative}@keyframes gradientShift{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}.results-screen:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.results-screen>*{position:relative;z-index:1}.results-screen.loading{display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700}.results-header{text-align:center;margin-bottom:4rem;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.results-title{font-size:clamp(3rem,8vw,16.5rem);font-weight:900;margin:0 0 clamp(1.5rem,2vh,2rem) 0;background:linear-gradient(135deg,#fff,#06c,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;animation:titleShine 3s ease-in-out infinite;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.results-message{font-size:clamp(1.2rem,2vw,3.6rem);font-weight:600;color:#ffffffd9;margin:0 0 3rem;line-height:1.4;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .2s both}@keyframes titleShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.score-display{max-width:clamp(750px,80vw,2250px);margin:0 auto clamp(2rem,4vh,6rem);padding:clamp(3.5rem,5vh,10.5rem) clamp(3rem,4vw,9rem);background:linear-gradient(135deg,#0f0f1ed9,#141428cc);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:clamp(40px,5vw,120px);border:2px solid rgba(0,102,204,.3);box-shadow:0 35px 90px #0009,0 0 0 1px #00d4ff1a,inset 0 1px #ffffff1a}.score-main{display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(3rem,4vh,9rem);animation:scoreReveal 1s cubic-bezier(.4,0,.2,1) .3s both}@keyframes scoreReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.score-value{font-size:clamp(5rem,12vw,27rem);font-weight:900;background:linear-gradient(135deg,#06c,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;text-shadow:0 6px 30px rgba(0,102,204,.6);animation:scorePopIn .8s cubic-bezier(.34,1.56,.64,1) .5s both;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes scorePopIn{0%{transform:scale(0);filter:blur(10px)}to{transform:scale(1);filter:blur(0)}}.score-label{font-size:clamp(1.5rem,2vw,4.5rem);color:#ffffffd9;text-transform:uppercase;letter-spacing:.2em;font-weight:700;margin-top:1rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2.5rem,3.5vw,7.5rem);animation:statsSlideIn .8s ease .6s both}@keyframes statsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-item{display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,1vh,2.25rem);padding:clamp(1.5rem,2vh,4.5rem);background:#ffffff0d;border-radius:clamp(20px,2.5vw,60px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.stat-item:hover{background:#ffffff14;border-color:#06c6;transform:translateY(-5px);box-shadow:0 10px 30px #0034784d}.stat-value{font-size:clamp(2.25rem,3vw,6.75rem);font-weight:900;color:#fff;line-height:1}.stat-label{font-size:clamp(.95rem,1.2vw,2.85rem);color:#ffffffbf;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.rank-display{display:inline-flex;align-items:center;gap:clamp(1rem,1.5vw,3rem);padding:clamp(1.5rem,2vh,4.5rem) clamp(3rem,4vw,9rem);background:linear-gradient(135deg,#00347840,#06c3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:60px;border:3px solid rgba(0,102,204,.4);font-size:clamp(1.75rem,2.5vw,5.25rem);font-weight:900;color:#fff;box-shadow:0 15px 50px #00347866;animation:rankReveal .8s cubic-bezier(.34,1.56,.64,1) .8s both;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes rankReveal{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.rank-display.top-rank{background:linear-gradient(135deg,#e318374d,#ffd70040,#06c3);border-color:#e3183799;box-shadow:0 15px 50px #e3183780,0 0 60px #e3183740;animation:rankPulse 2s ease-in-out infinite,rankReveal .8s cubic-bezier(.34,1.56,.64,1) .8s both}.rank-badge{font-size:1.1rem;font-weight:900;letter-spacing:.15em;padding:.75rem 2rem;border-radius:8px;text-transform:uppercase;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);display:inline-block}.rank-badge.champion{background:linear-gradient(135deg,#ffd7004d,#ffa50033);border-color:#ffd700cc;color:gold;text-shadow:0 2px 20px rgba(255,215,0,.5)}.rank-badge.silver{background:linear-gradient(135deg,#c0c0c04d,#a9a9a933);border-color:#c0c0c0cc;color:silver;text-shadow:0 2px 20px rgba(192,192,192,.5)}.rank-badge.bronze{background:linear-gradient(135deg,#cd7f324d,#b8733333);border-color:#cd7f32cc;color:#cd7f32;text-shadow:0 2px 20px rgba(205,127,50,.5)}@keyframes rankPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.name-entry-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#00347833,#0a1628f2);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);padding:4rem 3.5rem;border-radius:40px;border:1px solid rgba(0,102,204,.35);max-width:650px;width:100%;text-align:center;box-shadow:0 45px 110px #000000b3,0 0 0 1px #00d4ff1a,inset 0 1px #ffffff1a;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-content h2{font-size:2.75rem;color:#fff;margin:0 0 1rem;font-weight:900;background:linear-gradient(135deg,#fff,#06c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.modal-content p{color:#ffffffd9;margin:0 0 2.5rem;font-size:1.2rem;font-weight:500}.name-input{width:100%;padding:1.5rem 2rem;font-size:1.3rem;background:#ffffff14;border:2px solid rgba(0,102,204,.35);border-radius:20px;color:#fff;margin-bottom:2rem;transition:all .3s ease;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.name-input::placeholder{color:#fff6}.name-input:focus{outline:none;border-color:#06c;background:#ffffff1f;box-shadow:0 0 0 4px #0066cc40,0 12px 45px #06c6}.modal-buttons{display:flex;gap:1.5rem}.modal-button{flex:1;padding:1.5rem 2.5rem;font-size:1.15rem;font-weight:800;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.1em;position:relative;overflow:hidden}.modal-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .5s,height .5s}.modal-button:hover:before{width:400px;height:400px}.modal-button span{position:relative;z-index:1}.modal-button.primary{background:linear-gradient(135deg,#e31837,#003478,#06c);color:#fff;box-shadow:0 18px 55px #e3183766}.modal-button.primary:hover{transform:translateY(-5px);background:linear-gradient(135deg,#ff1e47,#06c,#00d4ff);box-shadow:0 25px 70px #e3183799}.modal-button.secondary{background:#ffffff14;color:#fff;border:2px solid rgba(255,255,255,.3)}.modal-button.secondary:hover{background:#ffffff26;border-color:#ffffff80}.leaderboard-section{max-width:clamp(900px,85vw,2700px);margin:0 auto clamp(3rem,5vh,9rem);animation:fadeInUp 1s ease 1s both}.leaderboard-title{font-size:clamp(2.5rem,3.5vw,7.5rem);color:#fff;text-align:center;margin:0 0 clamp(2rem,4vh,6rem) 0;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.leaderboard-top,.leaderboard-surrounding{margin-bottom:clamp(2rem,4vh,6rem)}.section-title{font-size:clamp(1.4rem,2vw,4.2rem);color:#ffffffd9;margin:0 0 clamp(1rem,2vh,3rem) 0;font-weight:800;text-transform:uppercase;letter-spacing:.15em;padding-left:clamp(.5rem,1vw,1.5rem)}.leaderboard-list{display:flex;flex-direction:column;gap:clamp(1rem,1.5vh,3rem)}.leaderboard-entry{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:clamp(1.5rem,2vw,4.5rem);padding:clamp(1.5rem,2vh,4.5rem) clamp(2rem,3vw,6rem);contain:layout paint;will-change:transform,opacity;background:linear-gradient(135deg,#0f0f1e99,#14142880);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.08);border-radius:clamp(20px,2.5vw,60px);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.leaderboard-entry:hover{background:linear-gradient(135deg,#0f0f1ebf,#141428a6);border-color:#06c6;transform:translate(10px);box-shadow:0 12px 45px #00347866,inset 0 1px #ffffff1a}.leaderboard-entry.current-player{background:linear-gradient(135deg,#0034784d,#0066cc40);border:3px solid #0066CC;box-shadow:0 15px 50px #0066cc80,inset 0 0 0 1px #ffffff1a;animation:highlightPulse 2s ease-in-out infinite}@keyframes highlightPulse{0%,to{box-shadow:0 15px 50px #0066cc80}50%{box-shadow:0 20px 60px #0066ccb3}}.entry-rank{font-size:clamp(1.5rem,2vw,4.5rem);font-weight:900;min-width:clamp(60px,8vw,180px);text-align:center;color:#06c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.entry-name{font-size:clamp(1.2rem,1.8vw,3.6rem);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-score{font-size:clamp(1.15rem,1.7vw,3.45rem);font-weight:800;background:linear-gradient(135deg,#06c,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.entry-time{font-size:clamp(1.05rem,1.6vw,3.15rem);color:#ffffffb3;font-family:Courier New,monospace;font-weight:700}.perfect-badge{background:linear-gradient(135deg,gold,orange);color:#000;padding:clamp(.4rem,.8vh,1.2rem) clamp(1rem,1.5vw,3rem);border-radius:25px;font-size:clamp(.85rem,1.3vw,2.55rem);font-weight:900;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 15px #ffd70066}.auto-redirect-notice{text-align:center;margin-top:2rem;padding:1rem 2rem;color:#fff9;font-size:1rem;font-weight:600;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;max-width:400px;margin-left:auto;margin-right:auto;animation:fadeInUp 1.4s ease 1.4s both}.results-bottom-bar{position:fixed;bottom:0;left:0;right:0;height:clamp(84px,12vh,108px);background:#0f0f1ed9;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-top:2px solid rgba(0,102,204,.3);display:flex;align-items:center;justify-content:center;gap:clamp(1.8rem,3.6vw,3.6rem);padding:clamp(.8rem,2vh,1.5rem) clamp(2rem,4vw,4rem);z-index:1000;box-shadow:0 -10px 40px #0006,inset 0 1px #ffffff0d}.results-bar-button{display:flex;align-items:center;justify-content:center;gap:clamp(.78rem,1.2vw,1.2rem);padding:clamp(1.2rem,1.8vh,1.8rem) clamp(2.4rem,3.6vw,3.6rem);border-radius:60px;font-size:clamp(1.14rem,1.44vw,1.44rem);font-weight:700;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:2px solid;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex:0 1 auto;min-width:clamp(192px,24vw,264px)}.results-bar-button svg{width:clamp(18px,2.2vw,22px);height:clamp(18px,2.2vw,22px);transition:transform .3s ease}.results-bar-button.play-again{background:linear-gradient(135deg,#00347880,#06c6);color:#fff;border-color:#06c9;box-shadow:0 4px 16px #0066ff4d}.results-bar-button.play-again:hover{background:linear-gradient(135deg,#06c9,#0077ff80);transform:translateY(-2px);border-color:#0077ffb3;box-shadow:0 6px 24px #06f6}.results-bar-button.play-again:hover svg{transform:rotate(180deg)}.results-bar-button.home{background:#ffffff14;color:#ffffffe6;border-color:#fff6;box-shadow:0 4px 16px #ffffff1a}.results-bar-button.home:hover{background:#ffffff26;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 24px #ffffff26}.results-bar-button.home:hover svg{transform:scale(1.1)}@media(min-width:1920px){.results-bottom-bar{height:clamp(108px,14vh,144px);gap:clamp(2.4rem,4.8vw,4.8rem);padding:clamp(1rem,2.2vh,2rem) clamp(3rem,6vw,6rem)}.results-bar-button{gap:clamp(1.02rem,1.56vw,1.56rem);padding:clamp(1.8rem,2.4vh,2.4rem) clamp(3.6rem,5.4vw,5.4rem);font-size:clamp(1.44rem,1.8vw,1.8rem);border-width:3px;min-width:clamp(240px,30vw,336px)}.results-bar-button svg{width:clamp(28px,3.36vw,33.6px);height:clamp(28px,3.36vw,33.6px)}}@media(orientation:portrait)and (min-height:800px){.results-screen{padding:4rem 3rem}.results-title{font-size:clamp(4rem,10vw,7rem);margin-bottom:4rem}.score-display{max-width:800px;padding:4rem 3.5rem}.score-value{font-size:clamp(7rem,15vw,11rem)}.score-label{font-size:1.75rem}.stats-grid{gap:3rem}.stat-item{padding:2rem}.stat-value{font-size:2.75rem}.stat-label{font-size:1.1rem}.rank-display{padding:2rem 4rem;font-size:2.25rem}.leaderboard-section{max-width:1000px}.leaderboard-title{font-size:3rem}.section-title{font-size:1.6rem}.leaderboard-entry{padding:2rem 2.5rem;gap:2rem}.entry-rank{font-size:1.75rem;min-width:70px}.entry-name{font-size:1.4rem}.entry-score{font-size:1.35rem}.entry-time{font-size:1.2rem}.perfect-badge{padding:.5rem 1.25rem;font-size:.95rem}.modal-content{padding:5rem 4rem;max-width:700px}.modal-content h2{font-size:3rem}.modal-content p{font-size:1.4rem}.name-input{padding:2rem 2.5rem;font-size:1.5rem}.modal-button{padding:2rem 3rem;font-size:1.3rem}}@media(max-width:768px){.results-screen{padding:2rem 1.5rem}.results-title{font-size:clamp(2rem,10vw,3.5rem);margin-bottom:2rem}.score-display{padding:2rem 1.5rem;margin-bottom:2rem}.score-main{margin-bottom:2rem}.score-value{font-size:clamp(3.5rem,18vw,6rem)}.score-label{font-size:1.1rem}.stats-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-item{padding:1rem .75rem}.stat-value{font-size:1.75rem}.stat-label{font-size:.75rem}.rank-display{font-size:1.4rem;padding:1rem 2rem}.leaderboard-section{margin-bottom:2rem}.leaderboard-title{font-size:1.75rem;margin-bottom:2rem}.section-title{font-size:1.1rem}.leaderboard-entry{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:.75rem 1.25rem;padding:1.25rem 1.5rem}.entry-rank{grid-row:1 / 4;font-size:1.4rem;min-width:50px}.entry-name{grid-column:2;font-size:1.1rem}.entry-score,.entry-time{grid-column:2;font-size:.95rem}.perfect-badge{grid-column:2;justify-self:start;padding:.3rem .75rem;font-size:.75rem}.auto-redirect-notice{font-size:.9rem;padding:.75rem 1.5rem}.modal-content{padding:3rem 2rem}.modal-content h2{font-size:2rem}.modal-content p{font-size:1.05rem;margin-bottom:2rem}.name-input{padding:1.25rem 1.5rem;font-size:1.1rem}.modal-buttons{flex-direction:column;gap:1rem}.modal-button{padding:1.25rem 2rem;font-size:1.05rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-height:100vh}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#00aaff80;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#00aaffb3}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}