@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Rajdhani:wght@300;400;500;600;700&display=swap";:root{--primary: #C22C89;--primary-glow: rgba(194, 44, 137, .6);--secondary: #594D9F;--secondary-glow: rgba(89, 77, 159, .6);--dark-bg: rgba(8, 15, 30, .9);--card-bg: rgba(26, 23, 41, .9);--border-light: rgba(194, 44, 137, .3);--text-primary: #ffffff;--text-secondary: #E6B3D4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rajdhani,sans-serif;color:var(--text-primary);overflow:hidden}.game-menu-container{position:relative;width:100vw;height:100vh;overflow-y:auto}.menu-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.game-menu{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--dark-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;padding:2rem 0}.menu-content{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:800px;width:90%;opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease;max-height:none;padding:2rem 0}.menu-content.animate-in{opacity:1;transform:translateY(0)}.logo-container{position:relative;margin-bottom:1rem}.game-title{font-family:Montserrat,sans-serif;font-size:clamp(3rem,10vw,6rem);font-weight:800;color:transparent;background:linear-gradient(45deg,var(--secondary),var(--primary));-webkit-background-clip:text;background-clip:text;text-shadow:0 0 20px rgba(194,44,137,.3);letter-spacing:.5em;text-align:center;padding-left:.5em}.title-underline{height:2px;width:80%;margin:-5px auto 0;background:linear-gradient(90deg,transparent,var(--primary-glow),var(--primary),var(--primary-glow),transparent);position:relative}.title-underline:before{content:"";position:absolute;height:6px;width:40%;top:-2px;left:30%;background:var(--primary-glow);filter:blur(4px)}.menu-card{background:linear-gradient(165deg,#1a1729f2,#1a1729d9);border:1px solid var(--border-light);border-radius:16px;padding:2.5rem;width:100%;position:relative;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:visible;max-height:none}.menu-card::-webkit-scrollbar{width:8px}.menu-card::-webkit-scrollbar-track{background:#080f1e66;border-radius:4px}.menu-card::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.menu-card::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.card-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.card-header h2{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600;color:var(--primary);letter-spacing:3px}.tech-line{height:1px;flex-grow:1;background:linear-gradient(90deg,transparent,var(--primary-glow),transparent);position:relative}.map-selection{margin-bottom:2.5rem;background:linear-gradient(to bottom right,#080f1e99,#080f1e66);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 8px #0003}.selection-label{display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.selection-label h3{font-family:Montserrat,sans-serif;color:var(--text-secondary);font-size:1rem;font-weight:500;letter-spacing:2px}.custom-select{position:relative;width:100%}.dimension-select{width:100%;padding:1rem 2.5rem 1rem 1.5rem;font-size:1rem;background:#081428cc;color:var(--text-primary);border:1px solid var(--border-light);border-radius:4px;font-family:Rajdhani,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.dimension-select:hover,.dimension-select:focus{border-color:var(--primary)}.select-arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--primary);pointer-events:none}.play-button{position:relative;padding:1.2rem 3.5rem;font-size:1.4rem;background:linear-gradient(45deg,var(--secondary),var(--primary));color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:600;letter-spacing:4px;text-transform:uppercase;overflow:hidden;transition:all .3s ease;display:block;margin:0 auto}.play-button.disabled{background:linear-gradient(45deg,#2a2a3a,#3a3a4a);cursor:not-allowed;opacity:.7}.play-button:hover:not(.disabled){transform:translateY(-3px) scale(1.02)}.button-border{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid var(--primary);border-radius:4px;opacity:0;transition:opacity .3s ease}.play-button:hover:not(.disabled) .button-border{opacity:1;animation:borderPulse 2s infinite}.button-glow,.tech-corners .corner,.corner.top-left,.corner.top-right,.corner.bottom-left,.corner.bottom-right,.ambient-particles,.particle{display:none}.menu-footer{display:flex;align-items:center;gap:1rem;margin-top:1rem;width:100%}.menu-footer p{font-family:Rajdhani,sans-serif;font-size:.9rem;color:var(--text-secondary);letter-spacing:2px;white-space:nowrap}.logos-container{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1rem}.logo-img{height:60px;width:auto}.presents-text{font-family:Montserrat,sans-serif;color:var(--text-secondary);font-size:1.2rem;letter-spacing:.5em;text-align:center;margin:1rem 0;text-transform:uppercase;opacity:.8}.password-section{margin-bottom:2.5rem;background:linear-gradient(to bottom right,#080f1e99,#080f1e66);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 8px #0003}.password-input-container{display:flex;gap:1rem;margin-top:1rem}.password-input{flex:1;padding:1rem 1.5rem;font-size:1rem;background:#081428cc;color:var(--text-primary);border:1px solid var(--border-light);border-radius:4px;font-family:Rajdhani,sans-serif;outline:none;transition:all .3s ease}.password-input:focus{border-color:var(--primary)}.validate-button{padding:0 1.5rem;font-family:Montserrat,sans-serif;font-weight:600;background:linear-gradient(45deg,var(--secondary),var(--primary));color:#fff;border:none;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:2px}.password-error{color:#ff4757;font-size:.9rem;margin-top:.5rem;text-align:center;font-family:Montserrat,sans-serif}.clear-progress-button{margin-top:1rem;padding:.8rem 1.5rem;background:#c22c2c33;border:1px solid rgba(194,44,44,.5);color:#fff;border-radius:4px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.9rem;letter-spacing:1px;transition:all .3s ease}.clear-progress-button:hover{background:#c22c2c4d;border-color:#c22c2cb3}@media (max-width: 768px){.game-title{font-size:3.5rem;letter-spacing:.3em}.menu-card{padding:1.5rem}.play-button{padding:1rem 2.5rem;font-size:1.2rem}.logo-img{height:40px}.presents-text{font-size:1rem;letter-spacing:.3em}.game-menu-container{height:auto;min-height:100vh}.menu-content{padding:1rem 0}}@media (max-width: 480px){.game-title{font-size:2.5rem;letter-spacing:.2em}.card-header h2{font-size:1.2rem}.selection-label h3{font-size:.9rem}.play-button{padding:.8rem 2rem;font-size:1rem}}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:999}.checkpoint-container{position:fixed;width:90%;max-width:800px;z-index:1000}.checkpoint-button{position:fixed;bottom:40px;left:50%;transform:translate(-50%);padding:15px 30px;background:#141423e6;border:2px solid #483d8b;color:#9370db;font-family:Monaco,monospace;font-size:16px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;overflow:hidden;transition:all .3s;border-radius:3px;z-index:1000;min-width:200px;text-align:center}.checkpoint-button:hover{background:#483d8b33;box-shadow:0 0 20px #9370db4d}.button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(147,112,219,.15),transparent);animation:button-glow 3s infinite}.checkpoint-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a001dd9;opacity:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(72,61,139,.6);border-radius:10px;padding:2rem;box-shadow:0 0 20px #483d8b4d,inset 0 0 20px #483d8b1a}.panel-header{text-align:center;margin-bottom:2rem}.checkpoint-title{font-size:2.5rem;color:#9370db;text-transform:uppercase;margin:1rem 0;text-shadow:0 0 15px rgba(147,112,219,.5)}.question-text{font-size:1.8rem;color:#ffffffe6;text-align:center;margin:2rem 0;text-shadow:0 0 10px rgba(255,255,255,.3)}.sci-fi-input{width:100%;padding:1rem;font-size:1.2rem;background:#483d8b26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #483d8b;color:#fff;margin:1rem 0}.button-container{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.sci-fi-button{padding:1rem 2rem;font-size:1.2rem;min-width:150px}.panel-header{display:flex;align-items:center;margin-bottom:20px;color:#0ff}.header-decoration{flex:1;height:2px;background:linear-gradient(90deg,transparent,#483d8b,transparent)}.panel-header h3{margin:0 15px;font-family:Monaco,monospace;text-align:center}.sci-fi-input{width:100%;padding:10px;background:#483d8b1a;border:1px solid #483d8b;color:#fff;font-family:Monaco,monospace;margin-bottom:15px}.button-container{display:flex;gap:10px;justify-content:center}.sci-fi-button{padding:10px 20px;border:1px solid;color:#fff;font-family:Monaco,monospace;cursor:pointer;transition:all .3s}.submit{background:#483d8b33;border-color:#483d8b}.cancel{background:#8b3d4833;border-color:#8b3d47}.error-message{color:red;text-align:center;margin-top:10px;font-family:Monaco,monospace;animation:error-flash .5s}.letter-input-container{display:flex;justify-content:center;gap:8px;margin:20px 0}.letter-input{width:40px;height:40px;background:#00ffff1a;border:2px solid #0ff;border-radius:4px;color:#0ff;font-family:Monaco,monospace;font-size:24px;text-align:center;text-transform:uppercase;transition:all .3s ease}.letter-input:focus{background:#0ff3;box-shadow:0 0 10px #00ffff80;outline:none}.letter-input:hover{border-color:#fff}@keyframes panel-appear{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes error-flash{0%,to{opacity:1}50%{opacity:.5}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Rajdhani,sans-serif;color:var(--text-primary);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:2rem;letter-spacing:.3em;color:transparent;background:linear-gradient(45deg,var(--secondary),var(--primary));-webkit-background-clip:text;background-clip:text;text-shadow:0 0 20px var(--primary-glow)}.progress-bar-container{width:300px;height:4px;background:#1a1729e6;border:1px solid var(--border-light);border-radius:4px;margin:20px 0;overflow:hidden;box-shadow:0 0 20px #0000004d}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--secondary),var(--primary));box-shadow:0 0 10px var(--primary-glow);transition:width .3s ease}.progress-text{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;color:var(--text-secondary);letter-spacing:2px}.loading-status{font-family:Rajdhani,sans-serif;font-size:1.2rem;margin:10px 0;color:var(--text-secondary);letter-spacing:2px;text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.answered-checkpoints-container{position:fixed;top:20px;left:20px;z-index:1000}.sci-fi-toggle-button{position:relative;padding:12px 25px;background:#141423e6;border:2px solid #483d8b;color:#9370db;font-family:Monaco,monospace;font-size:14px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;overflow:hidden;transition:all .3s;border-radius:3px}.sci-fi-toggle-button:hover{background:#483d8b33;box-shadow:0 0 20px #9370db4d}.logs-panel{background:#0a001dd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(72,61,139,.6);border-radius:5px;padding:20px;animation:panel-appear .3s ease-out;box-shadow:0 0 20px #483d8b4d,inset 0 0 20px #483d8b1a;min-width:300px}.logs-content{max-height:300px;overflow-y:auto;margin:15px 0;padding-right:10px}.logs-content::-webkit-scrollbar{width:5px}.logs-content::-webkit-scrollbar-track{background:#483d8b1a}.logs-content::-webkit-scrollbar-thumb{background:#483d8b}.log-entry{margin-bottom:15px;padding:10px;border:1px solid rgba(72,61,139,.2);background:#483d8b0d;border-radius:3px}.log-question{display:block;color:#9370db;margin-bottom:5px;font-family:Monaco,monospace}.log-answer{display:block;color:#a991f7;font-family:Monaco,monospace;padding-left:15px}.log-answer:before{content:">";margin-right:5px;color:#a991f7}.close{width:100%;margin-top:10px;background:#8b3d4833;border-color:#8b3d47;color:#f99}@keyframes panel-appear{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes button-glow{0%{left:-100%}to{left:100%}}.timer{position:fixed;top:20px;right:20px;padding:1rem 2rem;background:linear-gradient(165deg,#2d2956f2,#231f4cd9);border:1px solid rgba(194,44,137,.3);border-radius:8px;color:#fff;font-family:Montserrat,sans-serif;font-size:1.5rem;z-index:1000;box-shadow:0 4px 16px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timer-warning{animation:pulse 1s infinite;color:#ff4757}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.game-over-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#080f1ef2;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-over-card{background:linear-gradient(165deg,#1a1729f2,#1a1729d9);border:1px solid var(--border-light);border-radius:16px;padding:2.5rem;width:90%;max-width:800px;max-height:90vh;color:var(--text-primary);box-shadow:0 8px 32px #0000004d;overflow-y:auto;animation:slideIn .5s ease-out}.game-over-title{font-family:Montserrat,sans-serif;font-size:3rem;text-align:center;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-primary)}.game-over-title.win{color:#2ecc71}.game-over-title.lose{color:#e74c3c}.section-heading{font-family:Montserrat,sans-serif;color:var(--primary);font-size:1.5rem;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:3px;margin:2rem 0 1rem}.checkpoints-list{margin:2rem 0;display:grid;gap:1rem}.checkpoint-item{background:linear-gradient(to bottom right,#080f1e99,#080f1e66);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;box-shadow:inset 0 2px 8px #0003}.markdown-preview{position:relative;margin-top:1rem;background:#081428cc;padding:1.5rem;border-radius:4px;font-family:Rajdhani,monospace;font-size:.9rem;color:var(--text-primary);border:1px solid var(--border-light);max-width:100%;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.markdown-preview pre{max-width:100%;white-space:pre-wrap;word-wrap:break-word;margin:0}.markdown-copy-button{position:absolute;top:1rem;right:1rem;padding:.75rem 1.5rem;background:linear-gradient(45deg,var(--secondary),var(--primary));border:none;border-radius:8px;color:#fff;font-family:Montserrat,sans-serif;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .3s ease}.markdown-copy-button:hover{background:#c22c89;transform:translateY(-2px)}.github-link{display:block;width:fit-content;margin:2rem auto;padding:1rem 2rem;background:linear-gradient(45deg,var(--secondary),var(--primary));color:#fff;text-decoration:none;border-radius:8px;font-family:Montserrat,sans-serif;font-weight:600;letter-spacing:2px;transition:transform .3s ease}.github-link:hover{transform:translateY(-2px);background:#c22c89}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.checkpoint-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.checkpoint-dot{width:8px;height:8px;background-color:#2ecc71;border-radius:50%}.checkpoint-question{color:#fff;margin-bottom:.5rem;font-family:Montserrat,sans-serif}.checkpoint-answer{color:#2ecc71;font-weight:600}.no-checkpoints{text-align:center;color:var(--text-secondary);font-style:italic;padding:1rem}.copy-button{position:absolute;top:.5rem;right:.5rem;padding:.5rem 1rem;background:linear-gradient(45deg,var(--secondary),var(--primary));border:none;border-radius:4px;color:#fff;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease}.copy-button.copied{background:#2ecc71}.copy-button:hover{transform:translateY(-2px);box-shadow:0 2px 8px #7b68ee4d}.time-remaining{font-size:2rem;color:#2ecc71;display:block;margin-top:1rem;font-weight:700}.completion-message{text-align:center;margin:1rem 0;padding:1rem;background:#2ecc711a;border-radius:8px;border:1px solid rgba(46,204,113,.3)}.checkpoint-progress{font-family:Rajdhani,sans-serif;text-align:center;color:var(--text-secondary);font-size:1.2rem;margin:1rem 0}.retry-button{display:block;width:200px;margin:2rem auto;padding:1rem 2rem;background:linear-gradient(45deg,#594d9f,#c22c89);border:none;border-radius:8px;color:#fff;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #c22c894d}.instagram-section{text-align:center;margin-top:2rem;padding:2rem;background:#080f1e80;border-radius:16px;border:1px solid var(--border-light)}.instagram-text{color:var(--text-secondary);margin-bottom:1.5rem;font-family:Montserrat,sans-serif}.qr-container{display:flex;justify-content:center;margin:1rem 0}.instagram-qr{width:200px;height:200px;border-radius:8px;box-shadow:0 4px 12px #0003;transition:transform .3s ease}.instagram-qr:hover{transform:scale(1.05)}.instagram-link{display:inline-block;color:var(--primary);text-decoration:none;font-family:Montserrat,sans-serif;font-weight:600;font-size:1.2rem;margin-top:1rem;transition:color .3s ease}.instagram-link:hover{color:var(--secondary)}:root{--primary: #C22C89;--primary-glow: rgba(194, 44, 137, .6);--secondary: #594D9F;--secondary-glow: rgba(89, 77, 159, .6);--dark-bg: rgba(8, 15, 30, .9)}.instructions-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:center;align-items:center}.instructions-panel{background:linear-gradient(165deg,#1a1729f2,#1a1729d9);border:1px solid var(--primary-glow);border-radius:16px;padding:2.5rem;width:90%;max-width:700px;box-shadow:0 8px 32px #0000004d}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.tech-line{height:1px;flex-grow:1;background:linear-gradient(90deg,transparent,var(--primary-glow),transparent)}.instructions-panel h2{color:var(--primary);text-align:center;font-family:Montserrat,sans-serif;font-size:1.5rem;letter-spacing:3px;margin:0;white-space:nowrap}.instructions-panel ul{list-style:none;padding:0}.instructions-panel li{margin:15px 0;font-size:1.1em;color:#fff;font-family:Rajdhani,sans-serif;letter-spacing:1px}.close-button{display:block;margin:20px auto 0;padding:.8rem 2rem;background:linear-gradient(45deg,var(--secondary),var(--primary));border:none;color:#fff;border-radius:4px;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:600;letter-spacing:2px;transition:all .3s ease;position:relative;overflow:hidden}.help-button{position:static;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:linear-gradient(45deg,var(--secondary),var(--primary));border:none;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px var(--primary-glow);transition:all .3s ease}.help-button:hover{transform:scale(1.1)}.button-text{position:relative;z-index:2}.button-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--secondary-glow),var(--primary-glow));opacity:0;transition:opacity .3s ease}.close-button:hover .button-glow,.help-button:hover .button-glow{opacity:.6}.bottom-right-buttons{position:fixed;bottom:20px;right:20px;display:flex;gap:10px;z-index:1000}.camera-hint-button{padding:.8rem 1.2rem;border-radius:8px;background:linear-gradient(45deg,var(--secondary),var(--primary));border:none;color:#fff;font-size:.9rem;font-family:Montserrat,sans-serif;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px var(--primary-glow);transition:all .3s ease}.camera-hint-button:hover{transform:scale(1.05)}.instructions-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.movement-section,.checkpoint-preview,.game-objectives{background:#0000004d;border-radius:8px;padding:15px;border:1px solid var(--primary-glow)}.game-objectives{grid-column:1 / -1}.key-controls,.arrow-controls{display:flex;flex-direction:column;align-items:center;gap:5px;margin:15px 0}.key-row{display:flex;gap:5px;align-items:center}.key{width:40px;height:40px;background:linear-gradient(45deg,var(--secondary),var(--primary));border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;box-shadow:0 2px 4px #0000004d}.sprint-key{width:80px;height:40px;background:linear-gradient(45deg,var(--secondary),var(--primary));border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;box-shadow:0 2px 4px #0000004d}.key-label{color:var(--text-secondary);margin-left:10px}.model-viewer{height:200px;border-radius:8px;overflow:hidden;background:#0003;margin:10px 0}.checkpoint-preview p{text-align:center;color:var(--text-secondary);margin-top:10px}@media (max-width: 768px){.instructions-panel{width:95%;padding:1.5rem}.instructions-panel h2{font-size:1.2rem}.instructions-panel li{font-size:1em}.instructions-sections{grid-template-columns:1fr}.model-viewer{height:150px}.key,.sprint-key{width:35px;height:35px;font-size:.9rem}.sprint-key{width:70px}}html,body,#root{margin:0;padding:0;width:100%;height:100vh;overflow:hidden}canvas{display:block}body{background-color:#000}.timer{position:absolute;top:10px;right:10px;font-size:24px;color:#fff}.game-over{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#000c;color:#fff;font-size:36px}