:root{--bg: oklch(18% .018 265);--field-bg: oklch(22% .02 265);--panel: oklch(24.5% .022 265);--panel-raised: oklch(29% .024 265);--text: oklch(92% .02 85);--muted: oklch(68% .02 85);--border: oklch(40% .02 265);--accent: oklch(80% .13 85);--accent-strong: oklch(72% .15 80);--accent-weak: oklch(80% .13 85 / .18);--on-accent: oklch(22% .03 85);--gold: oklch(82% .14 90);--block: oklch(72% .1 240);--hp: oklch(62% .2 25);--hp-track: oklch(34% .08 25);--shadow: 0 6px 24px oklch(0% 0 0 / .45);--font: "Inter Tight", system-ui, sans-serif;--mono: "Spline Sans Mono", ui-monospace, monospace;--game-font: "Kreon", Georgia, serif;--elev-1: 0 1px 2px oklch(0% 0 0 / .4);--elev-2: 0 4px 10px oklch(0% 0 0 / .45);--elev-3: 0 10px 28px oklch(0% 0 0 / .5);--glow-gold: 0 0 0 1px oklch(72% .15 80 / .55), 0 0 16px oklch(72% .15 80 / .3);--glow-hp: 0 0 0 1px oklch(62% .2 25 / .55), 0 0 16px oklch(62% .2 25 / .35)}@font-face{font-family:Kreon;src:url(/fonts/Kreon.ttf) format("truetype");font-weight:300 700;font-style:normal;font-display:swap}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}.mono{font-family:var(--mono)}.card .pop{opacity:0;pointer-events:none;transition:opacity .15s}.card:hover .pop{opacity:1}.card:hover{z-index:20}button,select,input{background:var(--panel-raised);color:var(--text);border:1px solid var(--border);border-radius:6px;font-family:var(--font);padding:5px 10px}button:not(:disabled){cursor:pointer}button:not(:disabled):hover{border-color:var(--accent)}button:disabled,select:disabled,input:disabled{opacity:.5}.numinput{position:relative;display:inline-flex;vertical-align:middle}.numinput input[type=number]{width:100%;padding-right:20px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.numinput input[type=number]::-webkit-outer-spin-button,.numinput input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numinput-steppers{position:absolute;top:1px;right:1px;bottom:1px;width:16px;display:flex;flex-direction:column}.numinput-steppers button{flex:1;min-height:0;padding:0;margin:0;border:none;border-left:1px solid var(--border);border-radius:0;background:var(--panel-raised);color:var(--muted);font-size:7px;line-height:1;display:flex;align-items:center;justify-content:center}.numinput-steppers button:first-child{border-bottom:1px solid var(--border);border-top-right-radius:5px}.numinput-steppers button:last-child{border-bottom-right-radius:5px}.numinput-steppers button:not(:disabled):hover{color:var(--text);background:var(--panel);border-color:var(--border)}.auto-progress{position:relative}.surface{background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--elev-2)}.price{color:var(--gold);font-family:var(--mono);font-weight:600}.autobattle-panel{margin-bottom:8px;padding:8px 10px;border:1px solid var(--border);border-radius:4px;background:var(--field-bg);font-size:11px;font-family:var(--mono);display:flex;flex-direction:column;gap:6px}.autobattle-head{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.autobattle-watch{margin-left:auto;display:flex;gap:4px;align-items:center;color:var(--muted);cursor:pointer;white-space:nowrap}.autobattle-muted{color:var(--muted)}.autobattle-diff{display:flex;flex-direction:column;gap:3px}.autobattle-diff-head{font-weight:600}.autobattle-diff-row{display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}.autobattle-diff-label{color:var(--muted);min-width:62px}.autobattle-chip{padding:0 5px;border:1px solid currentColor;border-radius:3px;white-space:nowrap}.autobattle-actions{display:flex;gap:6px;align-items:center}.autobattle-resources{gap:12px;color:var(--muted);margin-top:2px}.autobattle-verdict{padding:5px 8px;border:1px solid currentColor;border-radius:4px;display:flex;flex-direction:column;gap:2px}.autobattle-agreed{color:var(--accent-strong)}.autobattle-differed{color:var(--hp)}.autobattle-verdict-head{font-weight:600}.autobattle-verdict-body{color:var(--text, inherit)}.autobattle-neartie{color:var(--warn, #c79a3a)}