:root{--ink: #22211d;--paper: #efe6d2;--red: #b8231f;--font: Futura, "Avenir Next", "Trebuchet MS", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#c4d9da;font-family:var(--font);color:var(--ink)}.game{position:fixed;inset:0}.js-canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.hud{position:fixed;z-index:2;pointer-events:none}.hud-left{top:16px;left:16px}.brand{margin:0 0 8px;padding:6px 10px;background:var(--ink);color:var(--paper);font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;display:inline-block}.stats{margin:0;display:grid;gap:4px}.stats div{display:flex;gap:12px;justify-content:space-between;min-width:170px;padding:5px 10px;background:#efe6d2eb;border:2px solid var(--ink)}.stats dt{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.stats dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.hud-right{top:16px;right:16px;display:grid;gap:8px;justify-items:end}.minimap{width:180px;height:180px;background:#c4d9da;border:2px solid var(--ink);display:block}.buttons{display:flex;gap:6px;pointer-events:auto}.buttons button{font:inherit;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:0;cursor:pointer}.buttons button:focus-visible,.intro-start:focus-visible{outline:3px solid var(--red);outline-offset:2px}.keys{left:16px;bottom:14px;margin:0;font-size:12px;line-height:1.9;color:var(--ink)}.keys p{margin:0}kbd{display:inline-block;padding:0 5px;border:1.5px solid var(--ink);border-radius:0;background:#efe6d2d9;font:inherit;font-weight:700}html.is-night .keys{color:var(--paper)}.toast{position:fixed;z-index:2;left:50%;bottom:64px;transform:translate(-50%,12px);margin:0;padding:8px 16px;background:var(--ink);color:var(--paper);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:15px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;white-space:nowrap}.toast.is-visible{opacity:1;transform:translate(-50%)}.intro{position:fixed;z-index:5;inset:0;display:grid;place-items:center;padding:16px;background:#22211d47;transition:opacity .6s}.intro.is-gone{opacity:0;pointer-events:none}.intro-card{max-width:440px;padding:28px 28px 24px;background:var(--paper);border:3px solid var(--ink)}.intro-kicker{margin:0 0 6px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:700}.intro h1{margin:0 0 12px;font-size:44px;line-height:1;letter-spacing:.02em;text-transform:uppercase}.intro-line{margin:0 0 20px;font-size:16px;line-height:1.45}.intro-start{font:inherit;font-weight:700;font-size:15px;letter-spacing:.1em;text-transform:uppercase;padding:12px 18px;background:var(--red);color:var(--paper);border:3px solid var(--ink);border-radius:0;cursor:pointer}.intro-start:disabled{background:#8c877e;cursor:wait}@media(max-width:640px){.minimap{width:120px;height:120px}.keys{display:none}.intro h1{font-size:34px}}