:root{--amber:#ffc24b;--copper:#ff9d5c;--volt:#7ef29a;--danger:#ff5d5d;--blue:#7db5ff;--ink:#0b1220;--panel:#101a30cc;--panel-border:#7db5ff4d;--text:#eef4ff;--text-dim:#93a7c9;--font-display:"Chakra Petch", "Avenir Next", system-ui, sans-serif;--font-ui:"Space Grotesk", "Avenir Next", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--ink);height:100%;color:var(--text);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;overflow:hidden}#app{position:fixed;inset:0}#board{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}#topbar{z-index:20;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute;top:0;left:0;right:0}.tb-left,.tb-right{align-items:center;gap:10px;display:flex}.tb-title{flex-direction:column;line-height:1.15;display:flex}.tb-title b{font-family:var(--font-display);letter-spacing:1px;font-size:17px}.tb-title span{letter-spacing:2.5px;color:var(--text-dim);font-size:10.5px;font-weight:600}.tb-center{text-align:center;flex:1}.tb-goal{font-family:var(--font-display);letter-spacing:1.5px;color:var(--amber);background:#ffc24b1a;border:1.5px solid #ffc24b80;border-radius:999px;padding:7px 20px;font-size:14px;display:inline-block}.tb-goal.met{border-color:var(--volt);color:var(--volt);background:#7ef29a1f}.tb-wires{font-family:var(--font-display);letter-spacing:1px;color:var(--copper);background:#ff9d5c1a;border:1.5px solid #ff9d5c66;border-radius:10px;padding:7px 14px;font-size:14px}.tb-wires.empty{color:var(--danger);border-color:var(--danger)}.chip-btn{background:var(--panel);border:1.5px solid var(--panel-border);font-family:var(--font-display);letter-spacing:1.5px;color:var(--text);border-radius:10px;padding:8px 16px;font-size:13px;transition:all .15s}.chip-btn:hover{border-color:var(--blue);transform:translateY(-1px)}.icon-btn{background:var(--panel);border:1.5px solid var(--panel-border);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.icon-btn svg{width:18px;height:18px;stroke:var(--text);fill:none;stroke-width:1.9px;stroke-linecap:round}.icon-btn.off{opacity:.4}#status{z-index:20;text-align:center;background:var(--panel);border:1.5px solid var(--panel-border);font-family:var(--font-display);letter-spacing:1px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;max-width:92vw;padding:10px 26px;font-size:14px;transition:all .25s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#status.danger{border-color:var(--danger);color:#ffb3b3;animation:.6s ease-in-out infinite alarmPulse;box-shadow:0 0 24px #ff5d5d59}#status.good{border-color:var(--volt);color:var(--volt)}@keyframes alarmPulse{50%{box-shadow:0 0 38px #ff5d5d99}}#levels{z-index:50;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0;overflow-y:auto}.levels-inner{text-align:center;width:min(720px,94vw);animation:.6s cubic-bezier(.16,1,.3,1) fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}}.logo{font-family:var(--font-display);letter-spacing:4px;color:#fff;text-shadow:0 0 26px #7db5ff8c;font-size:clamp(44px,9vw,84px);font-weight:700;line-height:1}.logo-surge{background:linear-gradient(120deg, var(--amber), var(--copper));color:#0000;filter:drop-shadow(0 0 18px #ffc24b80);-webkit-background-clip:text;background-clip:text}.logo-tag{letter-spacing:4px;color:var(--text-dim);margin:10px 0 24px;font-size:clamp(11px,1.8vw,14px);font-weight:600}.unit-block{text-align:left;margin-bottom:18px}.unit-name{font-family:var(--font-display);letter-spacing:3px;color:var(--amber);margin-bottom:8px;font-size:13px}.unit-levels{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.level-card{text-align:left;background:var(--panel);border:1.5px solid var(--panel-border);border-radius:14px;padding:12px 14px;transition:all .15s;position:relative}.level-card:hover:not(.locked){border-color:var(--amber);transform:translateY(-2px)}.level-card.locked{opacity:.38;cursor:not-allowed}.level-card b{font-family:var(--font-display);font-size:14.5px;display:block}.level-card .lv-num{letter-spacing:2px;color:var(--text-dim);font-size:10.5px;font-weight:700}.level-card .lv-stars{letter-spacing:2px;color:var(--amber);margin-top:5px;font-size:13px}.menu-credit{letter-spacing:1px;color:#93a7c980;margin-top:10px;font-size:11px;font-weight:600}.modal{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050914b8;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.modal-card{text-align:center;border:1.5px solid var(--panel-border);background:linear-gradient(165deg,#16223ef7,#0b1224f7);border-radius:22px;width:min(480px,94vw);padding:30px 34px;animation:.45s cubic-bezier(.34,1.56,.64,1) cardIn;box-shadow:0 0 60px #ffc24b24,0 30px 60px #0000008c}@keyframes cardIn{0%{opacity:0;transform:scale(.86)translateY(18px)}}.win-zap{font-size:46px;animation:.7s cubic-bezier(.34,1.56,.64,1) zapBounce}@keyframes zapBounce{0%{transform:scale(0)rotate(-30deg)}60%{transform:scale(1.3)}}.modal-card h2{font-family:var(--font-display);letter-spacing:3px;color:var(--volt);text-shadow:0 0 16px #7ef29a80;margin:6px 0 10px;font-size:24px}.win-stars{justify-content:center;gap:10px;margin:6px 0 12px;display:flex}.win-stars svg{width:42px;height:42px}.win-stars .earned{filter:drop-shadow(0 0 10px #ffc24be6);animation:.5s cubic-bezier(.34,1.56,.64,1) backwards starPop}.win-stars .earned:nth-child(2){animation-delay:.16s}.win-stars .earned:nth-child(3){animation-delay:.32s}@keyframes starPop{0%{transform:scale(0)rotate(-40deg)}}.win-lesson{color:var(--text);background:#7db5ff14;border:1px solid #7db5ff33;border-radius:12px;padding:12px 14px;font-size:15.5px;font-weight:500;line-height:1.5}.modal-btns{flex-direction:column;align-items:center;gap:6px;margin-top:16px;display:flex}.go-btn{font-family:var(--font-display);letter-spacing:2.5px;color:#142008;background:linear-gradient(120deg, var(--volt), #b8ffc9);border-radius:14px;padding:14px 46px;font-size:17px;font-weight:700;transition:transform .13s;box-shadow:0 0 26px #7ef29a73,0 6px #1e5a2d8c}.go-btn:hover{transform:scale(1.04)}.go-btn:active{transform:scale(.97)translateY(3px);box-shadow:0 0 26px #7ef29a73,0 3px #1e5a2d8c}.link-btn{letter-spacing:2px;color:var(--text-dim);padding:8px 14px;font-size:13px;font-weight:600}.link-btn:hover{color:var(--amber)}#intro{z-index:30;text-align:center;background:var(--panel);border:1.5px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;max-width:min(560px,92vw);padding:13px 24px;font-size:15px;font-weight:500;line-height:1.45;animation:.4s introIn;position:absolute;top:74px;left:50%;transform:translate(-50%)}@keyframes introIn{0%{opacity:0;transform:translate(-50%,-8px)}}@media (width<=640px){.tb-title span,.tb-center{display:none}}@media (prefers-reduced-motion:reduce){#status.danger{animation:none}}