@import url('https://fonts.googleapis.com/css2?family=Bungee&family=DM+Mono:wght@400;500&display=swap');
:root{--ink:#172531;--paper:#eef8f6;--cyan:#64d8cb;--orange:#ff9f5b;--field:#1f8d89}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:24px;background:radial-gradient(circle at 85% 0%,#ffcf67 0 14%,transparent 32%),linear-gradient(140deg,#243b62,#ba5c7f 75%,#f09d63);color:var(--ink);font-family:'DM Mono',monospace}main{width:min(980px,100%);margin:auto}header{display:flex;justify-content:space-between;gap:16px;align-items:center}a{color:var(--paper);font-weight:500}.tag,.eyebrow{color:var(--paper);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.tag{padding:8px 10px;border:1px solid rgba(255,255,255,.6);border-radius:4px}.intro{margin:55px 0 25px;color:var(--paper)}.eyebrow{margin:0 0 10px}h1{margin:0;font:clamp(3.3rem,8vw,6rem)/.86 Bungee,Impact,sans-serif}h1 span{color:var(--cyan);text-shadow:4px 4px 0 var(--ink)}.intro p:last-child{max-width:570px;margin:20px 0 0;font-family:Arial,sans-serif;font-size:1.1rem}.hud{display:flex;justify-content:space-between;gap:15px;padding:12px 15px;border:3px solid var(--ink);border-bottom:0;background:var(--paper);font-size:.78rem;font-weight:500}.hud span:first-child{font-size:1.2rem;font-weight:700}canvas{display:block;width:100%;height:auto;border:3px solid var(--ink);background:#2b9b8d;box-shadow:6px 6px 0 var(--ink)}.actions{display:flex;gap:10px;margin-top:18px}.actions button{padding:12px 18px;border:2px solid var(--ink);border-radius:4px;background:var(--cyan);color:var(--ink);cursor:pointer;font:700 .9rem 'DM Mono',monospace}.actions button+button{background:var(--paper)}#status{min-height:1.4em;margin:15px 0 0;color:var(--paper);font-weight:500}.note{color:var(--paper);font-size:.75rem;line-height:1.5}@media(max-width:600px){body{padding:18px}.intro{margin-top:44px}.hud{font-size:.65rem}.hud span:nth-child(3){display:none}}