:root{color-scheme:dark;--bg:#0b121a;--panel:#111d27;--line:#2c3a47;--text:#f0eee5;--muted:#a3b1b8;--amber:#f3ac73;--aqua:#a1d8d1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 "Segoe UI",system-ui,sans-serif}main,header,footer{max-width:1460px;margin:auto;padding-left:clamp(16px,4vw,64px);padding-right:clamp(16px,4vw,64px)}header,footer,.row,.controls,.tabs,.values{display:flex;align-items:center;gap:14px;flex-wrap:wrap}header{min-height:75px;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;color:var(--text);font-size:23px;display:flex;align-items:center;gap:12px}.brand i{display:block;width:25px;height:25px;transform:rotate(45deg);border:2px solid var(--amber);box-shadow:inset 4px -4px 0 var(--amber)}small,.kicker,.label{font:600 11px/1.5 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--aqua)}.kicker{color:var(--amber)}main{padding-top:25px;padding-bottom:30px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08;margin:7px 0 13px}h1{font-size:clamp(35px,4.4vw,62px);letter-spacing:-.045em}h2{font-size:28px}h3{font-size:23px}p{color:var(--muted);margin:9px 0 17px}a{color:var(--aqua);text-decoration:none}a:hover{text-decoration:underline}button,.button,select,input{font:inherit;border:1px solid var(--line);border-radius:5px;padding:9px 13px;background:#1c2a35;color:var(--text)}button,.button{cursor:pointer;font-weight:600;font-size:14px}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--amber);outline-offset:2px}button:hover,.button:hover{border-color:var(--aqua)}button.primary{background:var(--amber);color:#1e1b19;border-color:var(--amber)}button[aria-pressed=true],.tabs .selected{color:var(--amber);border-color:var(--amber)}.workspace{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(245px,1fr);gap:16px}.scene,.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.card{padding:clamp(18px,2.2vw,32px)}.scene .row,.controls{padding:11px 16px;justify-content:space-between}.stage{position:relative;height:clamp(305px,42vw,520px);background:#101922}.stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.plate{position:absolute;bottom:13px;left:18px;pointer-events:none;padding:4px 8px;text-shadow:0 0 8px #000}.plate strong{display:block;font:32px/1 Georgia,serif}.controls{border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.controls button,.row button{padding:4px 10px;font-size:12px}.tabs{margin:15px 0}.tabs a{padding:6px 12px;border:1px solid var(--line);border-radius:5px}.values{margin:15px 0 22px;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.values div{padding:8px 24px 8px 0;margin-right:25px}.values b{font-size:22px;font-variant-numeric:tabular-nums}.values small{display:block;color:var(--muted);font-size:10px}.steps{margin:15px 0;padding-left:22px;color:var(--muted)}.steps li{padding:4px 0}.steps .done{color:var(--aqua)}.steps .now{color:var(--amber)}.card form{margin:12px 0}.strip{margin:16px 0}.entry{border-top:1px solid var(--line);padding:8px 0;color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.fields label,label{font-size:14px;color:var(--muted);display:block}.fields input,input{width:100%;margin:5px 0 12px}.setup{max-width:790px;margin:24px auto}.alert{background:#382820;color:#ffe2c4;padding:12px;margin:0 0 14px}footer{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;padding-bottom:14px}.faded{color:var(--muted);font-size:13px}hr{border:0;border-top:1px solid var(--line);margin:20px 0}@media(max-width:780px){.workspace{grid-template-columns:1fr}.values div{margin-right:12px;padding-right:8px}.fields{grid-template-columns:1fr}.stage{height:320px}.controls{gap:5px}header{min-height:64px}.brand{font-size:19px}.plate strong{font-size:24px}}