:root{--mat: #b8c6d0;--ink: #2f3c46;--paper: #f4efe4;--red: #e8503a;--amber: #f4a259;--blue: #4e8098;--moss: #7d9471;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#8d9aa5;font-family:Yu Gothic UI,Meiryo,Hiragino Kaku Gothic ProN,sans-serif;color:var(--ink);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#stage{position:relative;width:100vw;height:100vh}#game{position:absolute;top:0;right:0;bottom:0;left:0}#game canvas{display:block;touch-action:none}#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--ui-scale: 1;--board-left: 0px;--board-top: 0px;--board-width: 100vw;--board-height: 100vh;--edge: 10px}.panel{position:absolute;background:var(--paper);border-radius:10px;padding:8px 12px;box-shadow:0 3px #2f3c462e,0 8px 18px #2f3c4624;font-size:13px;line-height:1.5}#hud-top{left:calc(var(--board-left) + var(--edge));top:calc(var(--board-top) + var(--edge) + env(safe-area-inset-top,0px));width:calc(var(--board-width) - var(--edge) * 2);transform-origin:top left;transform:scale(var(--ui-scale))}#hud-top{--w: calc((var(--board-width) - var(--edge) * 2) / var(--ui-scale));width:var(--w)}.top-row{display:flex;align-items:baseline;gap:6px}.top-row .label{font-size:11px;opacity:.7}.top-row .value{font-weight:700;font-variant-numeric:tabular-nums;margin-right:8px}.top-row .value:last-of-type{margin-right:auto}#metrics-toggle{pointer-events:auto;font:inherit;font-size:11px;border:none;background:#2f3c461a;color:inherit;border-radius:5px;padding:1px 9px;cursor:pointer}#metrics-toggle.on{background:#e8503a38}.bar{height:8px;background:#2f3c4624;border-radius:4px;overflow:hidden;margin:4px 0}.bar.thin{height:6px;flex:1;margin:0 0 0 4px}.bar-fill{height:100%;width:100%;border-radius:4px;transform-origin:left center;transition:transform .12s linear}.bar-fill.hp{background:var(--red)}.bar-fill.paste{background:var(--blue)}.paste-row{align-items:center}.paste-row .value{margin-right:0;min-width:34px}#hud-metrics{left:calc(var(--board-left) + var(--edge));top:calc(var(--board-top) + 96px);width:240px;transform-origin:top left;transform:scale(var(--ui-scale))}#hud-metrics[hidden]{display:none}.metric{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name value" "goal value";align-items:center;padding:3px 0;border-top:1px solid rgba(47,60,70,.1)}.metric:first-child{border-top:none}.m-name{grid-area:name;font-size:12px}.m-goal{grid-area:goal;font-size:11px;opacity:.55}.m-value{grid-area:value;font-weight:700;font-size:17px;font-variant-numeric:tabular-nums;padding-left:10px}.metric.ok .m-value{color:var(--moss)}.metric.low .m-value{color:var(--red)}#hud-metrics .note{margin:7px 0 0;font-size:11px;line-height:1.5;opacity:.6;border-top:1px solid rgba(47,60,70,.1);padding-top:6px}#palette-anchor{position:absolute;left:var(--board-left);width:var(--board-width);bottom:calc(100% - var(--board-top) - var(--board-height) + var(--edge) + env(safe-area-inset-bottom,0px));display:flex;justify-content:center}#palette{position:relative;padding:8px 10px 6px;transform-origin:bottom center;transform:scale(var(--ui-scale))}#palette-buttons{display:flex;gap:8px}.tower-button{pointer-events:auto;font:inherit;text-align:left;border:2px solid rgba(47,60,70,.14);background:#ffffff8c;border-radius:9px;padding:6px 10px;min-width:128px;cursor:pointer;color:inherit;display:flex;flex-direction:column;gap:1px}.tower-button.selected{border-color:var(--red);background:#e8503a1f}.tower-button.poor{opacity:.45}.tb-head{display:flex;align-items:baseline;gap:6px}.tb-key{font-size:11px;font-weight:700;background:#2f3c461f;border-radius:4px;padding:0 5px}.tb-name{font-weight:700;font-size:15px}.tb-swatch{width:11px;height:11px;border-radius:3px;display:inline-block}.tb-role{font-size:11.5px;opacity:.72}.tb-stat{font-size:10.5px;opacity:.6;font-variant-numeric:tabular-nums}#palette-hint{margin-top:6px;font-size:11.5px;opacity:.72;text-align:center}#palette-hint b{font-weight:700;color:var(--red)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#2f3c4673;pointer-events:auto}.overlay[hidden]{display:none}.sheet{background:var(--paper);border-radius:14px;padding:22px 26px 20px;width:min(460px,88vw);max-height:88vh;overflow-y:auto;box-shadow:0 6px #2f3c4633,0 18px 40px #2f3c464d}.sheet h1{margin:0 0 4px;font-size:24px;letter-spacing:.06em}.sheet p{margin:0 0 12px;font-size:13.5px;line-height:1.7}.sheet #ov-lead{opacity:.75}.sheet ul{margin:0 0 16px;padding-left:1.2em;font-size:13px;line-height:1.8}.sheet li b{color:var(--red)}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 16px;margin:0 0 14px;font-size:13px}.result-grid div{display:flex;justify-content:space-between}.result-grid b{font-variant-numeric:tabular-nums}#ov-button{pointer-events:auto;font:inherit;font-size:15px;font-weight:700;border:none;border-radius:9px;background:var(--red);color:var(--paper);padding:10px 26px;cursor:pointer;box-shadow:0 3px #2f3c4647}#ov-button:active{transform:translateY(2px);box-shadow:none}@media(max-width:460px){.tb-role,.tb-stat{display:none}.tower-button{min-width:84px}#palette-hint{font-size:10.5px}}