*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#0a0014;font-family:Orbitron,sans-serif;color:#fff;user-select:none;-webkit-user-select:none}#wrap{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}canvas{display:block;background:linear-gradient(180deg,#1a0033,#2d0052,#4a0080)}.hidden{display:none!important}.hud{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;pointer-events:none;z-index:10}.hud-item{font-family:Audiowide,sans-serif;font-size:.8125rem;letter-spacing:.1875rem;color:#00f0ff;text-shadow:0 0 .5rem #00f0ff;background:#00000080;padding:.5rem 1rem;border:1px solid rgba(0,240,255,.4);border-radius:.25rem;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.hud-item span{color:#fff;margin-left:.5rem}.progress-wrap{position:absolute;top:1.5rem;right:1.5rem;width:11.25rem;height:1rem;background:#00000080;border:1px solid rgba(0,240,255,.5);border-radius:.25rem;overflow:hidden;z-index:10;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.progress-fill{height:100%;background:linear-gradient(90deg,#f0c,#fa0);box-shadow:0 0 .625rem #f0c;width:0%;transition:width .1s linear}.progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Audiowide,sans-serif;font-size:.625rem;letter-spacing:.125rem;color:#fff;text-shadow:0 0 .25rem #000}.coin-bar{position:absolute;top:1.5rem;right:1.5rem;display:flex;gap:.5rem;align-items:center;background:#0009;padding:.625rem 1.125rem;border:1px solid rgba(255,200,0,.6);border-radius:.25rem;z-index:30;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);box-shadow:0 0 1.25rem #ffc8004d}.coin-icon{width:1.125rem;height:1.125rem;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff5b0,#fa0 60%,#c60);box-shadow:0 0 .75rem #fa0;position:relative}.coin-icon:after{content:"";position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border-radius:50%;border:1px solid rgba(255,255,255,.5)}.coin-count{font-family:Audiowide,sans-serif;font-size:1rem;color:gold;text-shadow:0 0 .5rem #ffaa00;letter-spacing:.125rem}.hidden{display:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;background:#0a0014eb;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);z-index:20;text-align:center;padding:2.5rem 1.25rem;overflow-y:auto}.screen.hidden{display:none}.title{font-family:Audiowide,sans-serif;font-size:clamp(2.25rem,7vw,4.5rem);letter-spacing:.5rem;background:linear-gradient(180deg,#f0c,#f06,#fa0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 1.25rem rgba(255,0,200,.8));margin-bottom:.5rem;line-height:1;animation:flicker 3s ease-in-out infinite}.title.title-small{font-size:clamp(2rem,6vw,3.5rem)}.title.title-win{background:linear-gradient(180deg,#0f8,#00f0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 1.25rem rgba(0,255,136,.8))}.subtitle{font-size:.75rem;letter-spacing:.375rem;color:#00f0ff;text-shadow:0 0 .625rem #00f0ff;margin-bottom:2rem;font-weight:700}.small-title{font-family:Audiowide,sans-serif;font-size:clamp(1.75rem,5vw,3rem);letter-spacing:.375rem;color:#fff;text-shadow:0 0 1.25rem #00f0ff;margin-bottom:.5rem}.menu-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.hint{margin-top:1.5rem;font-size:.6875rem;letter-spacing:.25rem;color:#ffffff80}.hint kbd{display:inline-block;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);padding:.125rem .5rem;border-radius:.1875rem;margin:0 .25rem;font-family:Orbitron,sans-serif;color:#00f0ff}.death-stats{font-family:Orbitron,sans-serif;font-size:.875rem;letter-spacing:.1875rem;color:#ffffffb3;margin-bottom:.75rem}.death-stats strong{color:#fa0;text-shadow:0 0 .625rem rgba(255,170,0,.6);font-size:1.125rem}.reward-line{font-family:Audiowide,sans-serif;font-size:1rem;letter-spacing:.125rem;color:gold;text-shadow:0 0 .625rem #ffaa00;margin:.5rem 0}.back-btn{position:absolute;top:1.5rem;left:1.5rem;z-index:30}.gear-btn{position:absolute;top:1.5rem;right:1.5rem;z-index:30;background:#ffffff14;border:1px solid rgba(0,240,255,.3);border-radius:.375rem;padding:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#00f0ff;transition:background .2s,border-color .2s}.gear-btn svg{width:1.25rem;height:1.25rem;fill:currentColor;display:block}.gear-btn:hover,.gear-btn:focus-visible{background:#00f0ff26;border-color:#00f0ff;outline:none}#mainMenu{background:var(--menu-bg, rgba(10, 0, 20, .92))}#mainMenu .coin-bar{left:1.5rem;right:auto}@keyframes flicker{0%,to{opacity:1}50%{opacity:.85}}.btn{font-family:Audiowide,sans-serif;font-size:1rem;letter-spacing:.25rem;color:#fff;background:transparent;border:2px solid #00f0ff;padding:.875rem 2.5rem;cursor:pointer;transition:all .2s;box-shadow:0 0 1.25rem #00f0ff80,inset 0 0 1.25rem #00f0ff1a;text-shadow:0 0 .625rem #00f0ff;min-width:13.75rem}.btn:hover{background:#00f0ff26;box-shadow:0 0 2.5rem #00f0ffcc,inset 0 0 1.875rem #00f0ff33;transform:scale(1.05)}.btn:active{transform:scale(.98)}.btn.gold{border-color:#fa0;box-shadow:0 0 1.25rem #ffaa0080,inset 0 0 1.25rem #ffaa001a;text-shadow:0 0 .625rem #ffaa00}.btn.gold:hover{background:#ffaa0026;box-shadow:0 0 2.5rem #fa0c}.btn.small{padding:.625rem 1.5rem;font-size:.75rem;min-width:auto}.level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:1.25rem;max-width:47.5rem;width:100%;margin-top:1.25rem;padding-bottom:2.5rem}.level-card{background:linear-gradient(135deg,#ff00c826,#00f0ff26);border:2px solid rgba(255,0,200,.5);border-radius:.5rem;padding:1.5rem 1.25rem;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.level-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--accent, #ff00cc) 0%,transparent 70%);opacity:.2;pointer-events:none}.level-card:hover{transform:translateY(-.25rem);border-color:#00f0ff;box-shadow:0 .5rem 1.875rem #00f0ff66}.level-card.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.7)}.level-card.locked:hover{transform:none;box-shadow:none}.level-num{font-family:Audiowide,sans-serif;font-size:3rem;letter-spacing:.125rem;color:var(--accent, #ff00cc);text-shadow:0 0 1.25rem var(--accent, #ff00cc);line-height:1}.level-name{font-family:Audiowide,sans-serif;font-size:.875rem;letter-spacing:.25rem;color:#fff;margin-top:.5rem;margin-bottom:.75rem}.level-meta{font-size:.625rem;letter-spacing:.125rem;color:#ffffffb3;display:flex;justify-content:space-between;align-items:center}.level-meta .level-reward{color:gold}.level-coins{display:flex;gap:.25rem;justify-content:center;margin-top:.75rem}.level-coin{width:.875rem;height:.875rem;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.3)}.level-coin.collected{background:radial-gradient(circle at 30% 30%,#fff5b0,#fa0);box-shadow:0 0 .5rem #fa0;border-color:#fa0}.level-best{font-family:Audiowide,sans-serif;font-size:.6875rem;color:#00f0ff;text-shadow:0 0 .375rem #00f0ff;margin-top:.5rem;letter-spacing:.125rem}.level-complete-badge{position:absolute;top:.5rem;right:.5rem;font-size:.625rem;letter-spacing:.0625rem;background:#0f8;color:#000;padding:.1875rem .5rem;border-radius:.1875rem;font-weight:700;box-shadow:0 0 .625rem #0f8}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.75rem,1fr));gap:1rem;max-width:45rem;width:100%;margin-top:1.25rem}.icon-card{background:#0006;border:2px solid rgba(0,240,255,.3);border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.icon-card:hover{transform:translateY(-.1875rem);border-color:#00f0ff;box-shadow:0 .375rem 1.25rem #00f0ff66}.icon-card.equipped{border-color:#0f8;box-shadow:0 0 1.25rem #00ff8880}.icon-card.locked .icon-preview{opacity:.3}.icon-preview{width:5rem;height:5rem;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center}.icon-name{font-family:Audiowide,sans-serif;font-size:.6875rem;letter-spacing:.125rem;color:#fff;margin-bottom:.5rem}.icon-price{font-family:Audiowide,sans-serif;font-size:.8125rem;letter-spacing:.0625rem;color:gold;text-shadow:0 0 .375rem #ffaa00;display:flex;align-items:center;justify-content:center;gap:.25rem}.icon-price .mini-coin{width:.75rem;height:.75rem;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff5b0,#fa0);box-shadow:0 0 .375rem #fa0}.icon-status{font-family:Audiowide,sans-serif;font-size:.625rem;letter-spacing:.125rem}.icon-status.owned{color:#00f0ff}.icon-status.equipped{color:#0f8;text-shadow:0 0 .375rem #00ff88}.toast{position:absolute;top:5rem;left:50%;transform:translate(-50%) translateY(-1.25rem);background:#000000d9;border:1px solid #ffaa00;color:gold;padding:.75rem 1.5rem;font-family:Audiowide,sans-serif;font-size:.875rem;letter-spacing:.1875rem;border-radius:.25rem;box-shadow:0 0 1.875rem #fa09;z-index:50;opacity:0;pointer-events:none;transition:all .3s}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.settings-content{width:100%;max-width:36rem;display:flex;flex-direction:column;gap:2rem;text-align:left}.settings-section{display:flex;flex-direction:column;gap:.75rem}.settings-heading{font-family:Orbitron,sans-serif;font-size:.875rem;letter-spacing:.25rem;color:#00f0ff;text-shadow:0 0 .625rem #00f0ff;text-transform:uppercase;margin:0;padding-bottom:.5rem;border-bottom:1px solid rgba(0,240,255,.2)}.settings-label{font-family:Orbitron,sans-serif;font-size:.75rem;letter-spacing:.125rem;color:#ffffffb3;margin:0}.swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.color-swatch{aspect-ratio:1;border-radius:.25rem;border:2px solid rgba(255,255,255,.15);cursor:pointer;transition:border-color .2s,transform .1s;background-color:var(--swatch-color)}.color-swatch:hover,.color-swatch:focus-visible{border-color:#00f0ff;transform:scale(1.1);outline:none}.color-swatch.active{border-color:#f0c;box-shadow:0 0 .5rem #f0c}.settings-toggle{display:flex;align-items:center;gap:1rem}.sound-toggle{width:1.25rem;height:1.25rem;accent-color:#00f0ff;cursor:pointer;flex-shrink:0}.settings-hint{font-size:.6875rem;letter-spacing:.1rem;color:#ffffff59;margin:0;font-style:italic}.about-title{font-family:Audiowide,sans-serif;font-size:1.25rem;letter-spacing:.25rem;background:linear-gradient(180deg,#f0c,#f06,#fa0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.about-version{font-family:Orbitron,sans-serif;font-size:.75rem;letter-spacing:.125rem;color:#fa0;margin:0}.about-credits{font-size:.75rem;letter-spacing:.125rem;color:#ffffff80;margin:0}