:root { color-scheme: dark; --ink:#f7edd5; --forest:#173c32; --moss:#6fa24d; --sun:#e6b55d; } *{box-sizing:border-box} body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#2e6b5a,#0d1f22 60%);color:var(--ink);font:16px Georgia,serif} main{max-width:1100px;margin:auto;padding:22px} header{display:flex;justify-content:space-between;margin-bottom:20px} a{color:var(--sun)} form,input,select,button{font:inherit} input,select,button{padding:10px;margin:4px;border-radius:6px;border:1px solid #b8a66d} button{background:var(--sun);color:#17201b;font-weight:bold;cursor:pointer} #game{display:grid;grid-template-columns:minmax(0,768px) 1fr;gap:18px} #hud{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;background:#102724;padding:10px;border-radius:6px} canvas{width:100%;height:auto;border:4px solid #b8a66d;background:#6fa24d;image-rendering:pixelated} aside{background:#102724;padding:14px;border-radius:6px} #messages{min-height:90px;color:#f4dca2}@media(max-width:800px){#game{display:block}aside{margin-top:14px}#hud{font-size:13px}}