html,body{color:#f6d6c1;background:#12070f;height:100%;margin:0;font:16px/1.5 system-ui,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#splash{text-align:center;place-items:center;height:100%;display:grid}#splash h1{letter-spacing:.1em;text-transform:uppercase;color:#ff8a5c;margin:0 0 .5rem;font-size:3rem}#splash p{opacity:.8;margin:0}.notice{letter-spacing:.08em;text-transform:uppercase;background:#12070feb;place-items:center;display:grid;position:fixed;inset:0}.hud{pointer-events:none;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;position:fixed;top:12px;left:12px}.hud-seed{opacity:.7;font-size:.85rem}.hud-clock{font-size:1.1rem}.title{background:radial-gradient(120% 90% at 50% 0,#12070f8c,#12070feb);align-content:center;place-items:center;gap:1.5rem;padding:2rem;display:grid;position:fixed;inset:0;overflow-y:auto}.title h1{letter-spacing:.1em;text-transform:uppercase;color:#ff8a5c;margin:0;font-size:3rem}.title-panel{background:#180b14d9;border:1px solid #4a2b3f;border-radius:.5rem;gap:.75rem;width:min(30rem,100%);padding:1.25rem;display:grid}.title-row{align-items:center;gap:.5rem;display:flex}.title-label{opacity:.8;flex:0 0 8rem;font-size:.9rem}.title-value{text-align:center;font-variant-numeric:tabular-nums;flex:1}.title-seed{min-width:0;color:inherit;font:inherit;background:#1c0c17;border:1px solid #6a3f58;border-radius:.25rem;flex:1;padding:.4rem .6rem}.title button{color:inherit;font:inherit;cursor:pointer;background:#2a1322;border:1px solid #6a3f58;border-radius:.25rem}.title button:hover{background:#3b1b30}.title-step{width:2rem;padding:.2rem 0}.title-secondary{padding:.35rem .7rem}.title-play{letter-spacing:.08em;text-transform:uppercase;color:#210d18;background:#ff8a5c;border-color:#ff8a5c;padding:.6rem;font-size:1.1rem}.title-play:hover{background:#ffa279}.title-controls{opacity:.75;grid-template-columns:8rem 1fr;gap:.2rem .5rem;margin:.25rem 0 0;font-size:.85rem;display:grid}.title-controls dt{opacity:.8}.title-controls dd{margin:0}