:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#10181b}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;padding:22px 28px;pointer-events:none;background:linear-gradient(#10181bcc,transparent)}.brand,.controls{pointer-events:auto}.eyebrow{color:#c6e9d7;font-size:10px;letter-spacing:.15em;text-transform:uppercase}h1{margin:5px 0 0;color:#fff7e9;font:600 clamp(19px,2.5vw,28px)/1.1 Georgia,serif}.controls{display:flex;align-items:center;gap:14px;padding-top:2px}button{border:1px solid #e4d7bc66;border-radius:999px;background:#162428cc;color:#fff7e9;cursor:pointer;padding:9px 14px;font:inherit}button:hover,button:focus-visible{background:#29433f;outline:2px solid #b6e2c7;outline-offset:2px}.hint{color:#edf1e4b3;font-size:12px}.status{position:fixed;inset:50% auto auto 50%;z-index:2;display:flex;transform:translate(-50%,-50%);align-items:center;gap:10px;border-radius:12px;padding:13px 16px;background:#10181be6;color:#fff7e9;font-size:13px;box-shadow:0 12px 45px #0005}.status[hidden]{display:none!important}.status.error{flex-direction:column;align-items:flex-start;max-width:min(360px,calc(100vw - 32px));color:#ffddd3}.status.error strong{color:#fff7e9}.spinner{width:14px;height:14px;border:2px solid #b6e2c755;border-top-color:#b6e2c7;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.touch-controls{display:none;position:fixed;inset:auto 16px max(18px,env(safe-area-inset-bottom)) 16px;align-items:flex-end;justify-content:space-between;pointer-events:none}.touch-pad{position:relative;display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:18px repeat(2,52px);gap:7px;pointer-events:auto}.touch-label{grid-column:1 / -1;color:#edf1e4b3;font-size:9px;letter-spacing:.14em;line-height:18px;text-transform:uppercase;text-shadow:0 1px 3px #000}.touch-pad button,.touch-actions button{width:52px;height:52px;padding:0;font-size:18px;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none}.touch-pad button[data-key=KeyW]{grid-column:2;grid-row:2}.touch-pad button[data-key=KeyA]{grid-column:1;grid-row:3}.touch-pad button[data-key=KeyS]{grid-column:2;grid-row:3}.touch-pad button[data-key=KeyD]{grid-column:3;grid-row:3}.touch-actions{display:grid;gap:7px;pointer-events:auto}.touch-actions button{background:#162428e8;font-size:28px;line-height:1}@media (max-width: 680px),(pointer: coarse){.hud{padding:16px}.controls{gap:0}.hint{display:none}.touch-controls{display:flex}button{padding:8px 11px;font-size:12px}}