:root{color-scheme:light;--gold:#a67b24;--line:#dfc795;--ink:#70551f;font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:#fff}header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1600px;margin:auto;padding:20px 30px;font-size:14px}header{border-bottom:1px solid var(--line)}a{color:inherit;text-underline-offset:4px}main{max-width:1600px;margin:auto;padding:24px 30px}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px}h1{font-size:clamp(32px,4.5vw,60px);line-height:1.05;font-weight:600;color:#fff;-webkit-text-stroke:1px var(--gold);paint-order:stroke fill;margin:14px 0 26px}.heading>p{text-align:right;line-height:1.6}#stage{position:relative;min-height:560px;height:min(78vh,1000px);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}canvas{display:block;width:100%;height:100%;touch-action:none}#status,#hint{position:absolute;pointer-events:none;font-size:12px;letter-spacing:.03em;padding:8px 14px;border:1px solid #eee2c9;border-radius:30px;background:#fffffff0}#status{top:18px;left:18px}#hint{bottom:18px;right:18px}button,select{font:inherit;font-size:14px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;min-height:42px;padding:10px 17px;cursor:pointer}button[aria-pressed=true]{border:2px solid var(--gold);padding:9px 16px;box-shadow:0 0 0 2px #f2e8d3}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #956c17;outline-offset:4px}.toolbar,#fleet{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:17px}.toolbar label{display:flex;gap:10px;align-items:center;font-size:13px}#fleet{padding-top:14px}.note,details{font-size:14px;line-height:1.6;margin:24px 0}details{border-top:1px solid var(--line);padding-top:18px}summary{cursor:pointer}details p{max-width:1000px}footer{border-top:1px solid var(--line);font-size:13px}#fallback{height:100%;overflow:auto;text-align:center;padding:20px}#fallback img{max-width:100%;max-height:82%;object-fit:contain}#fallback p{max-width:600px;margin:auto;line-height:1.5}#stage:fullscreen{height:100vh;width:100vw;border:0;border-radius:0}#stage:fullscreen canvas{height:100vh}#load-error{padding:24px;color:#94551f}[hidden]{display:none!important}@media(max-width:600px){main{padding:16px 12px}header,footer{padding:15px 12px;gap:10px;flex-wrap:wrap}header span{font-size:12px}.heading>p{font-size:12px}.heading{gap:10px}#stage{height:68vh;min-height:480px;border-radius:18px}#status{top:10px;left:10px}#hint{bottom:10px;right:10px;font-size:10px}button,select{font-size:12px;min-height:42px;padding:9px 12px}button[aria-pressed=true]{padding:8px 11px}footer span{flex-basis:100%}}

.inspect{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:13px}#flash{position:fixed;inset:0;z-index:10000;pointer-events:none;background:radial-gradient(circle var(--radius,0px) at var(--x,50%) var(--y,50%),#fff 0%,#fff 65%,rgba(255,255,255,.7) 80%,rgba(255,255,255,0) 100%)}#flash.soft{background:#fff}#cancel{border-color:#996626}