@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-gradient-start: hsl(240, 30%, 4%);--bg-gradient-end: hsl(260, 25%, 8%);--primary-glow: hsla(180, 100%, 50%, .15);--primary-accent: hsl(180, 100%, 65%);--primary-accent-glow: hsla(180, 100%, 65%, .4);--secondary-accent: hsl(280, 90%, 70%);--secondary-accent-glow: hsla(280, 90%, 70%, .4);--surface-glass: rgba(15, 15, 25, .6);--border-glass: rgba(255, 255, 255, .08);--text-primary: hsl(0, 0%, 96%);--text-secondary: hsl(240, 10%, 70%);--text-glow: 0 0 12px var(--primary-accent-glow);--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-gradient-start);font-family:var(--font-family);color:var(--text-primary)}#app-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,var(--bg-gradient-end) 0%,var(--bg-gradient-start) 100%)}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block}.overlay-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center;background:#04040c80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .5s ease,visibility .5s ease}.overlay-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.menu-content{background:var(--surface-glass);border:1px solid var(--border-glass);padding:3rem;border-radius:24px;width:90%;max-width:480px;text-align:center;box-shadow:0 20px 50px #0006,inset 0 1px #ffffff1a;animation:floatMenu 6s ease-in-out infinite}@keyframes floatMenu{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.menu-header{margin-bottom:2.5rem}.game-title{font-size:3rem;font-weight:800;letter-spacing:.15em;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(180,100,255,.25));text-transform:uppercase}.game-subtitle{font-size:1.1rem;font-weight:300;color:var(--text-secondary);letter-spacing:.3em;margin-top:.5rem}.menu-actions{display:flex;flex-direction:column;gap:1rem}.menu-repo-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin-top:1.5rem;font-size:.85rem;color:var(--text-secondary);text-decoration:none;opacity:.8;transition:color .2s,opacity .2s}.menu-repo-link:hover,.menu-repo-link:focus-visible{color:var(--primary-accent);opacity:1}.menu-repo-link svg{width:1rem;height:1rem;fill:currentColor}.menu-btn{font-family:var(--font-family);font-size:1.05rem;font-weight:600;padding:1rem 2rem;border-radius:12px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);outline:none;position:relative;overflow:hidden}.menu-btn.primary{background:linear-gradient(135deg,var(--primary-accent),hsl(190,100%,55%));color:#07070d;box-shadow:0 4px 20px var(--primary-accent-glow)}.menu-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px var(--primary-accent-glow);filter:brightness(1.1)}.menu-btn.secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-glass)}.menu-btn.secondary:hover{background:#ffffff1a;transform:translateY(-2px);border-color:var(--primary-accent);box-shadow:0 0 15px #b4ffff1a}.menu-btn:active{transform:translateY(1px)}.settings-group{margin-bottom:1.8rem;text-align:left}.settings-group label{display:block;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;letter-spacing:.05em}.settings-group select{width:100%;padding:.8rem 1rem;border-radius:8px;background:#0000004d;border:1px solid var(--border-glass);color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;outline:none;cursor:pointer;transition:border-color .3s}.settings-group select:focus{border-color:var(--primary-accent)}.hud-container{position:absolute;top:1.5rem;left:1.5rem;right:1.5rem;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none;transition:opacity .3s}.hud-container.hidden{opacity:0;pointer-events:none}.hud-left{display:flex;gap:1.5rem;background:#0f0f1966;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-glass);padding:.6rem 1.2rem;border-radius:12px;pointer-events:auto}.hud-metric{display:flex;align-items:center;gap:.5rem}.hud-label{font-size:.85rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.hud-value{font-size:1.1rem;font-weight:800;color:var(--primary-accent);text-shadow:var(--text-glow)}.hud-btn{background:#0f0f1966;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-glass);color:var(--text-primary);padding:.6rem 1.2rem;border-radius:12px;font-family:var(--font-family);font-weight:600;cursor:pointer;pointer-events:auto;transition:all .3s}.hud-btn:hover{border-color:var(--primary-accent);background:#b4ffff0d}.debug-container{position:absolute;bottom:1.5rem;left:1.5rem;background:#05050ab3;border:1px solid rgba(255,255,255,.05);padding:.8rem 1rem;border-radius:10px;z-index:5;font-family:monospace;font-size:.75rem;color:#80ff80;pointer-events:none;display:flex;flex-direction:column;gap:.3rem}.debug-container.hidden{display:none}@media(prefers-reduced-motion:reduce){.menu-content{animation:none!important}}