html{color-scheme:dark}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body{margin:0;font:14px system-ui,-apple-system,Segoe UI,sans-serif}img{max-width:100%}:root{--night: #0b1120;--panel: #131b2e;--line: #243049;--ink: #e6ebf5;--muted: #8c98b2;--sodium: #f3a93f;--arc: #cfeaff;--bite: #ff4f6a;--bug: #d8587a;--cutter: #d662e6;--brute: #a92f3c;--laser: #5ef0ff;--rocket: #ff9a4d;--saw: #d9e2ef;--ice: #8fb4ff;--acid: #b7e06a;--ok: #6fd3a0;--veil: rgba(8, 12, 22, .86);--display: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;--body: "Barlow", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;background:var(--night);color:var(--ink);font-family:var(--body);font-size:15px;overflow:hidden;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}#app{height:100%;display:flex;flex-direction:column;gap:8px;padding-block:10px;max-width:1280px;margin:0 auto}.hud{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-family:var(--mono);font-size:13px;color:var(--muted)}.hud .brand{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.14em;color:var(--sodium)}.hud-l,.hud-r{display:flex;align-items:baseline;gap:12px}.hud-m{display:flex;gap:14px;flex:1 1 260px;min-width:0}.hud-r{margin-left:auto}.clock{color:var(--ink);font-size:16px;font-variant-numeric:tabular-nums}.meter{display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0}.meter label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.bar{flex:1;height:8px;background:var(--panel);border:1px solid var(--line);border-radius:2px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--ok);transition:width .12s linear}.bar.xp i{background:var(--arc)}.stat b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}button{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:6px 12px;cursor:pointer}button:hover{border-color:var(--muted)}button:focus-visible{outline:2px solid var(--arc);outline-offset:2px}#stage{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}canvas{display:block;border:1px solid var(--line);border-radius:2px}.foot{font-size:12px;color:var(--muted);text-align:center;text-wrap:balance}.foot kbd{font-family:var(--mono);font-size:11px;color:var(--ink);border:1px solid var(--line);border-radius:2px;padding:0 4px}.overlay{position:absolute;inset:0;display:grid;place-items:safe center;background:var(--veil);overflow:auto;padding:16px}.sheet{width:min(640px,100%);display:flex;flex-direction:column;gap:14px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}h1,h2{font-family:var(--display);font-weight:700;margin:0;text-wrap:balance;line-height:1}h1{font-size:clamp(48px,9vw,88px);letter-spacing:.04em;color:var(--sodium)}h1 span{color:var(--arc)}h2{font-size:clamp(30px,5vw,44px);letter-spacing:.02em}.lede{margin:0;color:var(--ink);max-width:56ch;line-height:1.45}.rules{margin:0;padding:0;list-style:none;display:grid;gap:8px;max-width:60ch}.rules li{display:grid;grid-template-columns:14px 1fr;gap:10px;line-height:1.4;color:var(--ink)}.rules li:before{content:"";width:10px;height:10px;margin-top:5px;border-radius:1px;background:var(--sw, var(--sodium))}.rules li.r-wire{--sw: var(--arc)}.rules li.r-cut{--sw: var(--cutter)}.rules li.r-bug{--sw: var(--bug)}.rules li.r-decay{--sw: var(--muted)}.controls{font-size:13px;color:var(--muted);margin:0}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.primary{background:var(--sodium);color:#1b1204;border-color:var(--sodium);font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:.08em;text-transform:uppercase;padding:10px 22px}.primary:hover{filter:brightness(1.08);border-color:var(--sodium)}.modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:60ch}@media (max-width: 520px){.modes{grid-template-columns:1fr}}.tutArt{border:1px solid var(--line);background:var(--night);border-radius:2px}.tutArt svg{display:block;width:100%;height:auto}#ovTut h2,#ovTut .lede,#ovStart[lang=ko] .lede,#ovStart[lang=ko] li,#ovStart[lang=ko] .mode span{word-break:keep-all}.tutArt .mv{animation:tutPulse 1.2s ease-in-out infinite}@keyframes tutPulse{50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.tutArt .mv{animation:none}}.more{max-width:60ch}.more summary{cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted);padding:8px 0}.more[open] summary{color:var(--ink)}.more>*+*{margin-top:12px}.stages{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:60ch}.stage{letter-spacing:.08em;font-weight:600}.stage[aria-pressed=true]{border-color:var(--sodium);color:var(--sodium);box-shadow:inset 0 0 0 1px var(--sodium)}.stage:disabled{opacity:.45;cursor:not-allowed}.mode{text-align:left;display:grid;gap:4px;padding:10px 12px;align-content:start}.mode b{letter-spacing:.08em;color:var(--ink)}.mode span{font-size:12px;line-height:1.35;color:var(--muted)}.mode[aria-pressed=true]{border-color:var(--sodium);box-shadow:inset 0 0 0 1px var(--sodium)}.mode[aria-pressed=true] b{color:var(--sodium)}.note{font-family:var(--mono);font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (max-width: 620px){.cards{grid-template-columns:1fr}}.card{text-align:left;display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:3px;min-width:0}.card{--tc: var(--arc)}.tag-wire{--tc: var(--cutter)}.tag-circuit{--tc: var(--sodium)}.tag-turret{--tc: var(--arc)}.tag-drone{--tc: var(--ok)}.tag-grid{--tc: var(--rocket)}.card:hover,.card:focus-visible{border-color:var(--tc)}.card .top{display:flex;justify-content:space-between;align-items:flex-start}.card .ico{width:48px;height:48px;display:grid;place-items:center;color:var(--tc);border:1px solid var(--tc);border-radius:3px}.card .ico svg{width:30px;height:30px}.card .tg{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tc)}.pips{display:flex;gap:4px}.pips i{width:16px;height:4px;background:var(--line)}.pips i.on{background:var(--tc)}.pips i.next{background:var(--tc);opacity:.45}.dash{position:absolute;left:12px;bottom:12px;width:76px;height:76px;border-radius:50%;font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.08em;background:var(--veil);border:2px solid var(--ice);color:var(--ice);touch-action:none}.dash.cool{opacity:.4}.tutskip{position:absolute;left:50%;transform:translate(-50%);bottom:14px;z-index:4}.tray{position:absolute;left:8px;top:8px;display:flex;flex-wrap:wrap;gap:5px;pointer-events:none;max-width:70%}.tray span{display:flex;align-items:center;gap:3px;font-family:var(--mono);font-size:11px;color:var(--tc);background:var(--veil);border:1px solid var(--line);border-radius:2px;padding:2px 5px}.tray svg{width:14px;height:14px}.card .st{justify-self:start;align-self:flex-start;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;padding:3px 8px;border-radius:2px}.card.own{border:2px solid var(--sodium);background:color-mix(in srgb,var(--sodium) 10%,var(--panel))}.card.own .st{background:var(--sodium);color:#1b1204}.card.own:hover,.card.own:focus-visible{border-color:var(--sodium);filter:brightness(1.12)}.card.fresh{border-style:dashed}.card.tech{border:2px solid var(--laser);background:color-mix(in srgb,var(--laser) 9%,var(--panel))}.card.tech .st{background:var(--laser);color:#04222a}.card.fresh .st{border:1px solid var(--muted);color:var(--muted)}.card .k{font-family:var(--mono);font-size:11px;color:var(--muted)}.card .n{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:.03em;color:var(--ink)}.card .lv{font-family:var(--mono);font-size:11px;color:var(--sodium)}.card .d{font-size:14px;line-height:1.35;color:var(--muted)}.card.feature .n{color:var(--arc)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}@media (max-width: 520px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.stats div{background:var(--panel);padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}.stats span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.stats b{font-family:var(--mono);font-weight:500;font-size:18px;font-variant-numeric:tabular-nums}.scoreline{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(22px,4vw,30px);letter-spacing:.03em;color:var(--sodium)}.scoreline small{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:0;color:var(--muted);margin-left:10px}.board{border:1px solid var(--line);background:var(--panel);padding:8px 12px}.board ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}.board li{display:grid;grid-template-columns:2.2em minmax(0,1fr) auto auto;gap:10px;align-items:baseline;padding:4px 0;font-size:14px;border-top:1px solid var(--line)}.board li:first-child{border-top:0}.board li .rk{font-family:var(--mono);color:var(--muted)}.board li .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board li .dt{font-family:var(--mono);font-size:12px;color:var(--muted)}.board li .sc{font-family:var(--mono);font-variant-numeric:tabular-nums}.board li.me{color:var(--sodium)}.board .note{margin:4px 0}.namerow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid var(--line);margin-top:6px;padding-top:8px}.namerow input{flex:1 1 8em;min-width:0;background:var(--night);color:var(--ink);border:1px solid var(--line);border-radius:2px;padding:8px 10px;font:inherit}.namerow input:focus-visible{outline:2px solid var(--sodium);outline-offset:1px}.tests{display:flex;flex-direction:column;gap:8px}.test{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 12px;border:1px solid var(--line);border-left:3px solid var(--state, var(--muted));background:var(--panel)}.test.pass{--state: var(--ok)}.test.fail{--state: var(--bite)}.test.na{--state: var(--muted)}.test h3{margin:0;font-size:14px;font-weight:600}.test p{margin:0;grid-column:1 / -1;font-size:13px;color:var(--muted);line-height:1.4}.chip{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;align-self:start;padding:2px 6px;border:1px solid var(--state, var(--muted));color:var(--state, var(--muted));border-radius:2px;white-space:nowrap}textarea#copyBox{width:100%;height:120px;font-family:var(--mono);font-size:12px;background:var(--panel);color:var(--ink);border:1px solid var(--line)}@media (max-width: 560px){.hud{font-size:12px;gap:6px 12px}.hud .sub,.foot{display:none}}@media (prefers-reduced-motion: reduce){.bar i{transition:none}}