:root{--bg: #06070e;--panel: rgba(12, 15, 30, .92);--line: #24304f;--text: #e6f1ff;--dim: #8291b5;--cyan: #5ff4ff;--magenta: #ff2bd6;--yellow: #ffd23c;--red: #ff2e4d;--mono: ui-monospace, "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--cut: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px) )}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--mono);overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#crt{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0 2px,#00000029 2px 3px),radial-gradient(ellipse at center,#0000 55%,#02030abf)}[hidden]{display:none!important}#hud{position:fixed;inset:0;pointer-events:none;padding-top:var(--safe-top)}#xp{height:7px;background:#0a0e1ed9;border-bottom:1px solid var(--line)}#xp-fill{height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--magenta),var(--cyan));transition:transform .12s linear}#topbar{display:grid;grid-template-columns:1fr auto 1fr auto auto auto;align-items:center;gap:8px;padding:8px 10px 4px;font-weight:700;font-size:13px;letter-spacing:.06em;text-shadow:0 0 8px rgba(0,0,0,.9)}#level{color:var(--cyan);text-shadow:0 0 8px rgba(95,244,255,.7)}#timer{font-size:22px;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(95,244,255,.6)}#kills{text-align:right;color:var(--magenta);text-shadow:0 0 8px rgba(255,43,214,.6)}#kills:before{content:"× ";opacity:.7}#pause,#mute,#circuit{pointer-events:auto;width:38px;height:38px;border:1px solid var(--cyan);background:#060812b3;color:var(--cyan);font:800 14px var(--mono);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}#circuit{position:relative;font-size:18px}#circuit.has{color:var(--yellow);border-color:var(--yellow);animation:nudge 1.4s ease-in-out infinite}#spares{position:absolute;right:-5px;bottom:-5px;min-width:16px;padding:0 3px;font:800 10px/16px var(--mono);font-style:normal;color:#04121a;background:var(--yellow)}#spares:empty{display:none}@keyframes nudge{50%{filter:drop-shadow(0 0 8px var(--yellow))}}#mute.off{color:var(--dim);border-color:var(--line);text-decoration:line-through}#announce{position:absolute;top:26%;width:100%;text-align:center;font-size:20px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--red);text-shadow:0 0 14px var(--red),2px 0 var(--cyan),-2px 0 var(--magenta);opacity:0;transition:opacity .4s}#announce.show{opacity:1;animation:flicker .25s steps(2) infinite}@keyframes flicker{50%{opacity:.75}}#overlay{position:fixed;inset:0;display:grid;place-items:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:repeating-linear-gradient(to bottom,rgba(95,244,255,.025) 0 1px,transparent 1px 4px),#04050cd6;overflow-y:auto}.panel{width:min(440px,100%);display:flex;flex-direction:column;gap:12px;animation:pop .18s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(10px)}}h1,h2{margin:0;text-align:center;text-transform:uppercase}h1{font-size:clamp(30px,10vw,44px);letter-spacing:.08em;color:#fff;text-shadow:0 0 18px var(--cyan),0 0 42px rgba(95,244,255,.5)}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;text-shadow:none;mix-blend-mode:screen}.glitch:before{color:var(--magenta);animation:glitch 2.6s steps(1) infinite}.glitch:after{color:var(--cyan);animation:glitch 2.6s steps(1) infinite reverse}@keyframes glitch{0%,to{transform:translate(0);clip-path:inset(0 0 100% 0)}8%{transform:translate(-3px,1px);clip-path:inset(12% 0 58% 0)}12%{transform:translate(3px,-1px);clip-path:inset(62% 0 8% 0)}16%{transform:translate(0);clip-path:inset(0 0 100% 0)}58%{transform:translate(2px,1px);clip-path:inset(38% 0 36% 0)}62%{transform:translate(0);clip-path:inset(0 0 100% 0)}}h2{font-size:19px;letter-spacing:.22em;color:var(--cyan);text-shadow:0 0 12px rgba(95,244,255,.7)}h2:before{content:"// ";color:var(--magenta)}h2.danger{color:var(--red);text-shadow:0 0 12px rgba(255,46,77,.8)}.sub{text-align:center;color:var(--dim);font-size:12px;line-height:1.6;margin:0}.btn,.card{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);padding:14px 16px;text-align:left;cursor:pointer;clip-path:var(--cut);transition:transform .08s,filter .12s}.btn{text-align:center;font-weight:800;font-size:15px;letter-spacing:.18em;text-transform:uppercase;border-color:var(--cyan);color:var(--cyan)}.btn.primary{background:linear-gradient(90deg,var(--cyan),#9dfbff);color:#04121a;filter:drop-shadow(0 0 10px rgba(95,244,255,.55))}.btn:active,.card:active{transform:scale(.98)}.card{position:relative;display:grid;grid-template-columns:46px 1fr;gap:4px 12px;align-items:center;border-color:color-mix(in srgb,var(--c) 45%,var(--line));background:linear-gradient(100deg,color-mix(in srgb,var(--c) 16%,transparent),transparent 55%),var(--panel)}.card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--c);box-shadow:0 0 12px var(--c)}.card:hover{filter:brightness(1.25)}.card[disabled]{pointer-events:none;opacity:.75}.card .icon{grid-row:span 2;width:40px;height:40px;margin:3px;border:2px solid var(--c);color:var(--c);background:#04060ecc;box-shadow:0 0 10px -2px var(--c),inset 0 0 10px -4px var(--c);display:grid;place-items:center;font-weight:800;font-size:14px;transform:rotate(45deg) scale(.86)}.card .icon span{transform:rotate(-45deg)}.card .title{font-weight:800;font-size:15px;letter-spacing:.04em}.card .tag{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--c)}.card ul{grid-column:2;margin:2px 0 0;padding:0;list-style:none;font-size:12px;line-height:1.5;color:var(--dim)}.card li:before{content:"› ";color:var(--c)}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;text-align:center}.stats div{background:var(--panel);border:1px solid var(--line);padding:10px 4px;clip-path:var(--cut)}.stats b{display:block;font-size:20px;color:var(--cyan);font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(95,244,255,.6)}.stats small{color:var(--dim);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.list{background:var(--panel);border:1px solid var(--line);padding:10px 12px;font-size:12px;display:flex;flex-direction:column;gap:6px;max-height:34vh;overflow-y:auto}.row{display:grid;grid-template-columns:118px 1fr auto;gap:8px;align-items:center}.bar{height:5px;background:var(--c);box-shadow:0 0 8px var(--c)}.row span:last-child{color:var(--dim);font-variant-numeric:tabular-nums}.new-best{text-align:center;color:var(--yellow);font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 10px rgba(255,210,60,.7)}.difficulty{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.diff{font:700 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;padding:12px 0;color:var(--c);background:var(--panel);border:1px solid color-mix(in srgb,var(--c) 45%,var(--line));cursor:pointer}.diff.on{color:#04121a;background:var(--c);border-color:var(--c);box-shadow:0 0 14px -2px var(--c)}#editor{position:fixed;inset:0;display:flex;flex-direction:column;padding:var(--safe-top) 0 var(--safe-bottom);background:#05060c}.ed-top{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--line)}.ed-done{padding:8px 18px;font-size:13px}.ed-tools{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:6px 8px;border-bottom:1px solid var(--line)}.ed-tool{font:700 11px var(--mono);padding:9px 0;color:var(--cyan);background:var(--panel);border:1px solid var(--line)}.ed-tool.on{color:#04121a;background:var(--cyan);border-color:var(--cyan)}.ed-tool:disabled{color:var(--line)}.ed-panel{position:absolute;inset:12% 14px auto;max-height:70%;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--panel);border:1px solid var(--cyan);box-shadow:0 0 40px #000c}.ed-row{display:flex;align-items:center;gap:6px;font-size:12px}.ed-row span,.ed-name{flex:1;min-width:0}.ed-name{font:13px var(--mono);color:var(--text);background:#05060c;border:1px solid var(--line);padding:9px;user-select:text;-webkit-user-select:text}.ed-hint{margin:0;font-size:11px;line-height:1.5;color:var(--dim)}#editor canvas{flex:1;min-height:0;width:100%;touch-action:none;cursor:grab}.ed-info{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:62px;border-top:1px solid var(--line);font-size:12px;line-height:1.4;color:var(--dim)}.ed-text{flex:1}.ed-text b{font-size:13px}.ed-act{font:700 12px var(--mono);color:var(--cyan);background:var(--panel);border:1px solid var(--cyan);padding:10px;white-space:nowrap}.ed-act:disabled{color:var(--line);border-color:var(--line)}.ed-tray{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px 12px;max-height:182px;overflow-y:auto;border-top:1px solid var(--line);background:#0c0f1ee6}.ed-tile{position:relative;flex:none;width:66px;height:72px;display:grid;place-items:center;align-content:center;gap:2px;font:inherit;color:var(--c);background:color-mix(in srgb,var(--c) 9%,#080a14);border:1.5px solid var(--c);border-top:4px solid var(--r)}.ed-tile b{font-size:22px;line-height:1}.ed-tile span{font-size:9px;line-height:1.1;color:var(--dim);text-align:center}.ed-tile i{position:absolute;top:1px;right:4px;font:800 11px var(--mono);color:var(--text)}.ed-tile.on{background:color-mix(in srgb,var(--c) 30%,#080a14);box-shadow:0 0 14px -2px var(--c)}.ed-tile.on span{color:var(--text)}.ed-empty{color:var(--dim);font-size:12px;padding:26px 4px}@media (prefers-reduced-motion: reduce){#circuit.has,.panel,.glitch:before,.glitch:after,#announce.show{animation:none}}