:root{--cream:#f3eddf;--ink:#211b15;--red:#a83e24;--orange:#e37032}*{box-sizing:border-box}body{color:var(--cream);background:#130d0a;margin:0;font-family:DM Mono,monospace;overflow:hidden}#app{isolation:isolate;background:#130d0a;height:100vh;min-height:600px;position:relative}#app:after{content:"";z-index:4;pointer-events:none;background:radial-gradient(circle at 46% 7%,#7a523624 0%,#19100c00 43%),radial-gradient(#0000 43%,#0402014f 100%);position:fixed;inset:0}#scene{z-index:1;background:#130d0a;position:absolute;inset:0}#scene canvas{touch-action:none;outline:none;display:block}.topbar,.hud,footer{z-index:5;pointer-events:none;position:absolute}.topbar{justify-content:space-between;align-items:flex-start;display:flex;top:34px;left:42px;right:42px}.eyebrow{letter-spacing:.16em;color:#c8a984;font-size:10px}h1{letter-spacing:-.045em;text-shadow:0 3px 24px #0000004d;margin:10px 0 0;font-family:Playfair Display,serif;font-size:46px;font-weight:600;line-height:.9}.status{letter-spacing:.12em;color:#d6c7ae;align-items:center;gap:9px;padding-top:8px;font-size:10px;display:flex}.status i{background:#e3733a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 13px #e3733a}.hud{bottom:56px;left:42px}.hud p{color:#d6c7ae;text-shadow:0 2px 12px #000;max-width:285px;margin:0 0 16px;font:500 12px/1.6 DM Mono,monospace}.hud em{color:#fff;font-style:normal}.actions{pointer-events:auto;gap:8px;display:flex}button{color:#201a15;letter-spacing:.07em;cursor:pointer;background:#efe7d5;border:1px solid #fff6e399;padding:11px 14px;font:500 10px DM Mono,monospace;transition:transform .2s,background .2s,box-shadow .2s,opacity .2s;box-shadow:0 6px 22px #00000024}button:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 9px 28px #00000040}button:disabled{cursor:wait;opacity:.42}button span{vertical-align:-1px;margin-right:5px;font-size:16px}.quiet{color:#e7dac3;background:#110c094d;border-color:#fff6e342}footer{color:#a99983;letter-spacing:.1em;justify-content:space-between;font-size:9px;display:flex;bottom:21px;left:42px;right:42px}@media (max-width:600px){.topbar,.hud,footer{left:20px;right:20px}.topbar{top:25px}h1{font-size:38px}.hud{bottom:52px}.actions{flex-wrap:wrap}footer span:nth-child(2){display:none}}