:root{color:#1d1d1d;font-family:Trebuchet MS,Gill Sans,sans-serif;background:#f2dfb1}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;background:#f2dfb1}body{display:grid;place-items:center}canvas{display:block;width:100vw;height:100vh}.hud{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.glow-flash{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 58%,#e9ff9657,#e9ff9600 34%),radial-gradient(circle at 50% 58%,#fff4b647,#fff4b600 54%);opacity:0;transition:opacity 90ms linear}.glow-flash[data-active="1"]{opacity:1}.topbar,.panel{width:fit-content;max-width:min(520px,calc(100vw - 48px));color:#2a1608;background:#fff4d8d1;border:2px solid rgba(112,69,20,.18);border-radius:18px;box-shadow:0 16px 45px #633c0c24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar{align-self:flex-start;display:flex;gap:14px;flex-wrap:wrap;padding:12px 16px;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.panel{align-self:flex-end;padding:18px 20px;text-align:right}.title{font-size:clamp(38px,7vw,72px);line-height:.92;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px}.subtitle{margin:0;font-size:15px;letter-spacing:.12em;text-transform:uppercase}.hint{margin:14px 0 0;font-size:14px;line-height:1.5}.game-over{color:#7b1e08}@media(max-width:720px){.hud{padding:16px}.topbar,.panel{max-width:calc(100vw - 32px)}.topbar{gap:10px;font-size:12px}.panel{padding:16px}}