:root{--bg:#0c1418;--bg2:#13222a;--panel:#172a33;--panel-hi:#1f3743;--ink:#eef6f4;--muted:#94aab0;--line:#2b4652;--accent:#ffcf3f;--accent-ink:#231a00;--go:#3ee089;--bad:#ff6b5e;--pcb:#0f4a37;--pcb-dark:#0a3527;--pad:#e2b74c;--copper:#e39b4b;--copper-dim:#a8763f;--red:#ff4b3e;--green:#3bff7a;--blue:#4aa3ff;--display:"Jua", "Do Hyeon", system-ui, sans-serif;--body:system-ui, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(120% 70% at 50% 0%, var(--bg2), var(--bg) 70%) fixed, var(--bg);color:var(--ink);font:16px/1.5 var(--body);-webkit-tap-highlight-color:transparent;min-height:100vh}#app{max-width:640px;padding-block:10px 32px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}button,.btn{font:inherit;cursor:pointer;background:var(--accent);color:var(--accent-ink);border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:0 4px #00000059}button:active:not(:disabled),.btn:active{transform:translateY(3px);box-shadow:0 1px #00000059}button:disabled{opacity:.35;cursor:default}button:focus-visible,.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ghost{background:var(--panel);color:var(--ink);box-shadow:0 4px 0 #00000059, inset 0 0 0 1.5px var(--line)}.icon{color:var(--ink);box-shadow:none;background:0 0;padding:4px 10px;font-size:26px;line-height:1}.icon:active:not(:disabled){box-shadow:none;transform:scale(.9)}.bar{align-items:center;gap:6px;min-height:48px;display:flex}.bar .ttl{font-family:var(--display);flex:1;align-items:baseline;gap:8px;min-width:0;font-size:22px;display:flex}.bar .lv{font-family:var(--body);color:var(--accent-ink);background:var(--accent);font-variant-numeric:tabular-nums;border-radius:8px;padding:1px 7px;font-size:13px;font-weight:800}.lang{padding:6px 12px;font-size:14px}.title{flex-direction:column;gap:18px;display:flex}.title .top{justify-content:flex-end;display:flex}.hero{text-align:center;padding-block:8px 4px}.hero svg{width:min(260px,70%);height:auto;margin:0 auto;display:block}.hero h1{font-family:var(--display);letter-spacing:-.5px;text-wrap:balance;margin:8px 0 0;font-size:clamp(40px,12vw,58px);font-weight:400;line-height:1.05}.hero h1 .spark{color:var(--accent);text-shadow:0 0 18px #ffcf3f99}.hero .sub{color:var(--muted);text-wrap:balance;max-width:32ch;margin:10px auto 0}.hero-led{transform-origin:50%;transform-box:fill-box;animation:2.4s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.55}}.worlds{gap:12px;display:grid}.world{background:linear-gradient(135deg, var(--panel-hi), var(--panel));color:var(--ink);text-align:left;box-shadow:0 5px 0 #0006, inset 0 0 0 1.5px var(--line);grid-template-columns:54px 1fr auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.world .badge{width:54px;height:54px;font-family:var(--display);background:var(--pcb);color:var(--pad);box-shadow:inset 0 0 0 3px var(--pad);border-radius:50%;place-items:center;font-size:26px;display:grid}.world .wt{font-family:var(--display);font-size:21px;font-weight:400;display:block}.world .wn{color:var(--muted);font-size:13px;font-weight:500}.world .wp{color:var(--accent);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.world:disabled .badge{background:var(--panel);color:var(--muted);box-shadow:inset 0 0 0 2px var(--line)}.title footer{text-align:center;margin-top:8px}.title footer a{color:var(--accent);font-weight:600}.map{margin-top:8px;position:relative}.map svg.trace-bg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map .trace-bg path{fill:none;stroke:var(--copper-dim);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;opacity:.6}.map .trace-bg path.done{stroke:var(--accent);opacity:1;filter:drop-shadow(0 0 6px #ffcf3f99)}.map ol{gap:22px;margin:0;padding:0;list-style:none;display:grid;position:relative}.map li{display:flex}.map li:nth-child(4n+2){padding-left:33%}.map li:nth-child(4n+3){padding-left:55%}.map li:nth-child(4n+4){padding-left:22%}.lvl{background:var(--panel);width:108px;color:var(--ink);box-shadow:0 5px 0 #0006, inset 0 0 0 2px var(--line);flex-direction:column;gap:0;padding:10px 6px 8px;position:relative}.lvl .n{font-family:var(--display);background:var(--pcb-dark);width:50px;height:50px;box-shadow:inset 0 0 0 4px var(--pad);color:var(--pad);border-radius:50%;place-items:center;font-size:26px;line-height:1;display:grid}.lvl .nm{text-align:center;margin-top:6px;font-size:12.5px;font-weight:600;line-height:1.25}.lvl .st{color:var(--line);letter-spacing:1px;font-size:15px}.lvl .st .on{color:var(--accent)}.lvl.cleared .n{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 18px #ffcf3f8c}.lvl.current{box-shadow:0 5px 0 #0006, inset 0 0 0 2px var(--accent);animation:1.6s ease-in-out infinite bob}.lvl:disabled{opacity:1;color:var(--muted);background:var(--bg2)}.lvl:disabled .n{color:var(--muted);box-shadow:inset 0 0 0 3px var(--line)}@keyframes bob{50%{transform:translateY(-4px)}}.mission{background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:16px;padding:10px 14px}.goal{margin:0;font-size:17px;font-weight:700}.starhint{color:var(--muted);flex-wrap:wrap;gap:2px 14px;margin:4px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.boardwrap{background:linear-gradient(160deg, #135a43, var(--pcb) 40%, var(--pcb-dark));border-radius:20px;margin-top:12px;padding:6px;transition:box-shadow .3s;position:relative;box-shadow:0 8px #00000073,inset 0 0 0 2px #1d6b50,inset 0 0 40px #00000059}.boardwrap.on{box-shadow:0 8px 0 #00000073, inset 0 0 0 2px var(--accent), 0 0 30px #ffcf3f2e, inset 0 0 40px #00000059}.boardwrap.shake{animation:.4s shake}@keyframes shake{20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}}.hint{text-align:center;color:#ffffff73;pointer-events:none;font-size:12px;position:absolute;bottom:6px;left:0;right:0}.board{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;width:100%;height:auto;display:block}.etch{stroke:#ffffff0d;stroke-width:1px}.pad{fill:var(--pad);stroke:#8a6a1d;stroke-width:1.5px}.pad.sel{fill:#fff3b8}.hole{fill:var(--pcb-dark)}.ring{fill:none;stroke:var(--accent);stroke-width:3px;transform-box:fill-box;transform-origin:50%;animation:.9s ease-out infinite ring}@keyframes ring{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}.preview{stroke:var(--accent);stroke-width:4px;stroke-dasharray:6 8;stroke-linecap:round;opacity:.8;pointer-events:none}.part .lead{stroke:#c7cfd4;stroke-width:3.5px;stroke-linecap:round}.part .trace{stroke:var(--copper);stroke-width:9px;stroke-linecap:round}.part .trace-hi{stroke:#ffd29a;stroke-width:2.5px;stroke-linecap:round;opacity:.55;transform:translateY(-2px)}.part.locked .trace{stroke:var(--copper-dim)}.part.locked .trace-hi{opacity:.2}.part .rbody{fill:#e8d3a8;stroke:#a88b5a;stroke-width:1.5px}.part.burnt .rbody{fill:#3b2a1c}.part .bbody{fill:#26303b;stroke:#0d1216;stroke-width:1.5px}.part .bband{fill:var(--pad)}.part .bcap{fill:#c9ccd0}.part.burnt .bbody{fill:#5a1a14}.part.c-red{--led:var(--red)}.part.c-green{--led:var(--green)}.part.c-blue{--led:var(--blue)}.part .dome{fill:color-mix(in srgb, var(--led) 45%, #2a1010);stroke:#0006;stroke-width:1.5px;transition:fill .2s}.part .halo{fill:var(--led);opacity:0;transition:opacity .25s}.part .chev{fill:#ffffff8c}.part .chevbar{stroke:#ffffff8c;stroke-width:2.5px}.part.led-dim .dome{fill:color-mix(in srgb, var(--led) 70%, #2a1010)}.part.led-dim .halo{opacity:.25}.part.led-ok .dome{fill:color-mix(in srgb, var(--led) 70%, #fff)}.part.led-ok .halo{opacity:.85;animation:1.6s ease-in-out infinite pulse}.part.led-bright .dome{fill:#fff}.part.led-bright .halo{opacity:1;animation:.15s infinite alternate flicker}.part.led-burnt .dome{fill:#1a1a1a}.part.led-burnt .chev,.part.led-burnt .chevbar{fill:#444;stroke:#444}@keyframes pulse{50%{opacity:.6}}@keyframes flicker{to{opacity:.5}}.flow,.flow-glow{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:0 16;pointer-events:none;animation:1s linear infinite flow}.flow{stroke-width:5px;stroke:#fff6c8}.flow-glow{stroke-width:12px;opacity:.45;filter:url(#soft)}.flow.rev,.flow-glow.rev{animation-direction:reverse}@keyframes flow{to{stroke-dashoffset:-16px}}.lbl{fill:#fff;font:700 16px var(--body);paint-order:stroke;stroke:var(--pcb-dark);stroke-width:4px}.lbl.meas{font-size:15px}.lbl.meas.led-ok{fill:var(--go)}.lbl.meas.led-burnt,.lbl.meas.led-bright{fill:var(--bad)}.lbl.meas.led-dim{fill:var(--muted)}.plus{fill:var(--bad);font:900 20px var(--body);paint-order:stroke;stroke:var(--pcb-dark);stroke-width:4px}.pop line{stroke:var(--accent);stroke-width:5px;stroke-linecap:round;animation:.5s ease-out forwards pop}.pop .boom{fill:var(--bad);font:400 24px var(--display);paint-order:stroke;stroke:var(--pcb-dark);stroke-width:5px;animation:.5s cubic-bezier(.3,1.8,.5,1) popt}@keyframes pop{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}@keyframes popt{0%{transform:scale(.2)}to{transform:scale(1)}}.smoke circle{fill:#9aa3a8;opacity:0;animation:1.6s ease-out infinite smoke}@keyframes smoke{0%{opacity:.55;transform:translateY(0)}to{opacity:0;transform:translateY(-34px)scale(1.7)}}.status{min-height:3em;margin:12px 2px 8px;font-weight:600}.status.good{color:var(--go)}.status.bad{color:var(--bad)}.controls{gap:10px;display:flex}.controls .power{font-size:19px;font-family:var(--display);flex:1;padding:15px;font-weight:400}.controls .power:before{content:"⏻";font-family:var(--body);font-weight:700}.controls .power.active{background:var(--go);color:#052b16}.controls .undo{padding-inline:16px;font-size:22px}.drawer{background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:18px;gap:8px;margin-top:14px;padding:10px;display:flex;overflow-x:auto}.tool{background:var(--bg2);min-width:78px;color:var(--ink);box-shadow:0 4px 0 #00000059, inset 0 0 0 1.5px var(--line);flex-direction:column;flex:none;gap:2px;padding:8px 10px;font-weight:600}.tool.sel{background:var(--panel-hi);box-shadow:0 4px 0 #00000059, inset 0 0 0 2.5px var(--accent)}.tool .ic{text-align:center;width:56px;height:28px;font-size:20px;line-height:28px}.tool svg .i-led.c-red{fill:var(--red)}.tool svg .i-led.c-green{fill:var(--green)}.tool svg .i-led.c-blue{fill:var(--blue)}.tool .nm{font-size:13px}.tool .ct{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.tool.erase .ic{color:var(--bad)}.overlay{z-index:10;background:#040a0cb3;place-items:center;padding:16px;animation:.25s fade;display:grid;position:fixed;inset:0}.overlay canvas{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.card{background:linear-gradient(180deg, var(--panel-hi), var(--panel));width:100%;max-width:420px;max-height:100%;box-shadow:0 10px 0 #00000073, inset 0 0 0 2px var(--line);border-radius:24px;padding:22px 20px 20px;animation:.45s cubic-bezier(.2,1.4,.4,1) rise;position:relative;overflow:auto}@keyframes rise{0%{opacity:0;transform:translateY(40px)scale(.9)}}.card h2.cleared{font-family:var(--display);text-align:center;color:var(--accent);margin:0;font-size:30px;font-weight:400}.stars{text-align:center;letter-spacing:8px;font-size:54px;line-height:1.1}.stars span{color:#2c434d;display:inline-block}.stars span.on{color:var(--accent);text-shadow:0 0 20px #ffcf3fb3;animation:.5s cubic-bezier(.3,1.8,.5,1) both starIn}@keyframes starIn{0%{transform:scale(0)rotate(-90deg)}}.why{color:var(--muted);gap:2px;margin:6px 0 12px;padding:0;font-size:14px;list-style:none;display:grid}.why li:before{content:"○ "}.why li.ok{color:var(--go)}.why li.ok:before{content:"● "}.concept{background:var(--bg2);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:14px;margin:8px 0 16px;padding:10px 14px}.concept h3{color:var(--accent);letter-spacing:.04em;margin:0;font-size:13px}.concept .formula{color:#fff;margin:4px 0;font-family:ui-serif,Georgia,serif;font-size:24px;font-weight:700}.concept p{margin:4px 0}.actions{flex-wrap:wrap;gap:10px;display:flex}.actions .next{font-family:var(--display);flex:1 0 100%;padding:15px;font-size:20px;font-weight:400}.actions .again,.actions .calc{flex:1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.hero-flow{animation:1s linear infinite flow}.carry-ghost{z-index:20;pointer-events:none;filter:drop-shadow(0 6px 8px #00000080);margin:-56px 0 0 -40px;position:fixed;top:0;left:0}.carry-ghost svg{width:80px;height:40px;display:block}.drop{stroke:var(--accent);stroke-width:14px;stroke-linecap:round;opacity:.45;pointer-events:none}.tool{touch-action:pan-x}.drawer{transition:box-shadow .15s,background .15s;position:relative}.carry-placed .drawer:after{content:attr(data-drop);color:var(--bad);pointer-events:none;z-index:1;background:#0c1418e6;border-radius:18px;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.drawer.drop-here{box-shadow:inset 0 0 0 3px var(--bad)}