.synthpunk-root{--p: rgba(160, 100, 220, .88);--pm: rgba(160, 100, 220, .38);--text: rgba(210, 175, 235, .9);--muted: rgba(170, 130, 200, .48);--bg: #07050c;width:100%;height:100%;background:var(--bg);color:var(--text);overflow:hidden;font-family:DM Sans,sans-serif}.synthpunk-root .arena{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 50%,#120a1c,#07050c 70%,#030208)}.synthpunk-root .arena-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(175,95,215,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(175,95,215,.04) 1px,transparent 1px);background-size:40px 40px}.synthpunk-root .arena-scan{position:absolute;inset:0;pointer-events:none;height:60px;background:linear-gradient(180deg,transparent,rgba(175,95,215,.05),transparent);animation:synth-scanDown 4s linear infinite}@keyframes synth-scanDown{0%{top:-60px}to{top:100%}}.synthpunk-root .crystal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;cursor:pointer;z-index:5;background:radial-gradient(circle at 40% 35%,#c896f8f2,#8246c3a6,#461e8259);box-shadow:0 0 40px #af5fd78c,0 0 80px #7837be47;transition:transform .1s}.synthpunk-root .crystal:active{transform:translate(-50%,-50%) scale(1.12)}.synthpunk-root .crystal.devoured{animation:synth-crystalPulse .3s ease infinite}@keyframes synth-crystalPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.92)}}.synthpunk-root .crystal-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:1px solid rgba(175,95,215,.22);animation:synth-ringPulse 3s ease infinite;pointer-events:none}.synthpunk-root .shield-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;border:2px solid rgba(100,220,150,.5);box-shadow:0 0 20px #64dc964d;animation:synth-ringPulse 1.5s ease infinite;pointer-events:none;z-index:4}@keyframes synth-ringPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.2;transform:translate(-50%,-50%) scale(1.15)}}.synthpunk-root .zap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(200,150,245,.75);pointer-events:none;z-index:6;animation:synth-zapExpand .4s ease-out forwards}@keyframes synth-zapExpand{0%{width:50px;height:50px;opacity:1;box-shadow:0 0 30px #af5fd78c}to{width:50%;height:0;padding-top:50%;opacity:0;box-shadow:0 0 0 transparent}}.synthpunk-root .enemy{position:absolute;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:3;transition:left .12s linear,top .12s linear}.synthpunk-root .enemy.spore{width:10px;height:10px;background:#c378ffbf;box-shadow:0 0 8px #a04be6bf}.synthpunk-root .enemy.tendril{width:16px;height:16px;background:#dc5a8cb3;box-shadow:0 0 12px #c3375fa6}.synthpunk-root .enemy.void{width:24px;height:24px;background:#0c0419e6;box-shadow:0 0 18px #8219bebf,inset 0 0 8px #d269ff73}.synthpunk-root .enemy.at-center{animation:synth-enemyPulse .3s ease infinite}@keyframes synth-enemyPulse{0%,to{opacity:1}50%{opacity:.6}}.synthpunk-root .powerup{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:4;width:18px;height:18px;border-radius:50%;animation:synth-pupFloat 1.5s ease infinite}@keyframes synth-pupFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-6px)}}.synthpunk-root .powerup.battery{background:#64dc78b3;box-shadow:0 0 12px #50c86499}.synthpunk-root .powerup.shield-pu{background:#50b4ffb3;box-shadow:0 0 12px #3c96e699}.synthpunk-root .hud{position:absolute;top:12px;left:12px;z-index:10;background:#07050cd9;backdrop-filter:blur(12px);border:1px solid rgba(175,95,215,.18);padding:14px 16px;font-family:Space Mono,monospace;font-size:9px;display:flex;flex-direction:column;gap:8px;min-width:170px}.synthpunk-root .hud-row{display:flex;align-items:center;gap:8px}.synthpunk-root .hud-label{letter-spacing:.12em;color:var(--muted);width:52px;flex-shrink:0;text-transform:uppercase}.synthpunk-root .hud-bar{flex:1;height:6px;background:#af5fd71f;border-radius:1px;overflow:hidden}.synthpunk-root .hud-bar-fill{height:100%;border-radius:1px;transition:width .2s}.synthpunk-root .hud-val{font-weight:700;color:#c896f5eb;min-width:28px;text-align:right}.synthpunk-root .hostiles{position:absolute;top:12px;right:12px;z-index:10;background:#07050cd9;backdrop-filter:blur(12px);border:1px solid rgba(200,80,80,.22);padding:10px 14px;font-family:Space Mono,monospace;font-size:9px;display:flex;align-items:center;gap:8px}.synthpunk-root .hostiles-label{letter-spacing:.12em;color:#c864648c;text-transform:uppercase}.synthpunk-root .hostiles-val{font-size:16px;font-weight:700;color:#dc6464d9}.synthpunk-root .controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:8px}.synthpunk-root .ctrl-btn{font-family:Space Mono,monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;padding:10px 28px;border:1px solid rgba(175,95,215,.45);background:#af5fd71f;color:#d2aff5eb;cursor:pointer;transition:all .15s}.synthpunk-root .ctrl-btn:hover:not(:disabled){background:#af5fd747;box-shadow:0 0 18px #af5fd738}.synthpunk-root .ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.synthpunk-root .ctrl-btn.recharge{border-color:#64c87861;background:#64c8781a;color:#8cdca5e0}.synthpunk-root .devour-warn{position:absolute;bottom:56px;left:50%;transform:translate(-50%);z-index:10;font-family:Space Mono,monospace;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:#dc5050bf;animation:synth-warnPulse .8s ease infinite;pointer-events:none}@keyframes synth-warnPulse{0%,to{opacity:1}50%{opacity:.4}}.synthpunk-root .gameover{position:absolute;inset:0;z-index:20;background:radial-gradient(circle,#07050cb3,#030206f5);display:flex;align-items:center;justify-content:center;animation:synth-fadeIn 1.5s ease both}@keyframes synth-fadeIn{0%{opacity:0}to{opacity:1}}.synthpunk-root .go-inner{text-align:center;animation:synth-goScale 1s ease .5s both}@keyframes synth-goScale{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.synthpunk-root .go-title{font-family:Space Mono,monospace;font-size:clamp(2rem,8vw,4rem);font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,#dc5a8cf2,#8c2d5fbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.synthpunk-root .go-sub{font-size:14px;color:#d26e96bf;margin-bottom:6px}.synthpunk-root .go-stats{font-family:Space Mono,monospace;font-size:10px;color:var(--muted);letter-spacing:.1em;margin-bottom:24px}.synthpunk-root .go-reveal{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.18em;color:#c896f5a6;animation:synth-warnPulse 2s ease infinite;margin-bottom:20px}.synthpunk-root .go-restart{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.15em;text-transform:uppercase;padding:10px 24px;background:none;border:1px solid rgba(175,95,215,.35);color:#c896f5bf;cursor:pointer;transition:all .15s}.synthpunk-root .landing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px;text-align:center;gap:24px}.synthpunk-root .landing-title{font-family:Space Mono,monospace;font-size:clamp(1.8rem,6vw,3.2rem);font-weight:700;letter-spacing:.08em;background:linear-gradient(135deg,#c896f8fa,#8c46c8d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.synthpunk-root .landing-lore{max-width:560px;padding:24px 28px;background:#af5fd712;border:1px solid rgba(175,95,215,.18);font-size:13.5px;font-weight:300;line-height:1.85;color:#d2b4ebbf}.synthpunk-root .landing-lore em{color:#c896f8f2;font-style:normal;font-weight:500}.synthpunk-root .landing-btn{font-family:Space Mono,monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:14px 36px;background:#af5fd72e;border:1px solid rgba(175,95,215,.55);color:#d2aff5f5;cursor:pointer;transition:all .2s}.synthpunk-root .landing-btn:hover{background:#af5fd752;box-shadow:0 0 30px #af5fd747}.synthpunk-root .landing-note{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.14em;color:#af5fd761;font-style:italic}