:root{color:#f7f1e6;font-family:Segoe UI,system-ui,sans-serif}html,body{margin:0;height:100%;background:#1c241c}#game{display:block;width:100%;height:100%}#hud{position:absolute;top:1rem;left:1rem;width:min(22rem,calc(100vw - 2rem));padding:1rem 1.1rem;background:#1c1814c7;border-radius:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h1{margin:0 0 .25rem;font-size:1.25rem}p{margin:0 0 .75rem;color:#d9d0c2}dl{display:grid;gap:.4rem;margin:0 0 .75rem}div{display:grid;grid-template-columns:5.5rem 1fr;gap:.4rem}dt{font-weight:600;color:#b7c4a4}dd{margin:0}input,select{width:100%;border:0;border-radius:.35rem;padding:.2rem .35rem;background:#3a342c;color:#f7f1e6}.legend{margin:0;font-size:.9rem}#metrics{position:absolute;top:1rem;right:1rem;width:16rem;padding:.8rem 1rem;background:#0c100cc7;border-radius:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}#metrics[hidden]{display:none}#metrics h2{margin:0 0 .4rem;font-size:.85rem}#metrics pre{margin:0;white-space:pre-wrap}