:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#090d14;color:#eeefe0;touch-action:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05080d}body{display:grid;place-items:center}#game-shell{position:relative;width:100vw;height:100dvh;max-width:1600px;overflow:hidden;background:#090d14;user-select:none;-webkit-user-select:none}canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}header{position:absolute;left:max(20px,env(safe-area-inset-left));top:max(16px,env(safe-area-inset-top));pointer-events:none;text-shadow:0 2px 6px #000}h1{font-size:clamp(18px,3vw,34px);letter-spacing:.035em;margin:0 0 5px}h1 span{font-weight:500;opacity:.75}header p{font:600 clamp(12px,1.8vw,18px)/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0;color:#d9dacd}#status{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:max(64px,calc(env(safe-area-inset-bottom) + 58px));max-width:70vw;font-weight:600;font-size:clamp(12px,1.7vw,17px);text-shadow:0 2px 6px #000;pointer-events:none}nav{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;max-width:82vw}.generation-picker{position:relative}.generation-menu{position:absolute;right:0;bottom:calc(100% + 8px);display:grid;gap:6px;min-width:245px;padding:8px;border:1px solid rgba(238,239,224,.25);border-radius:16px;background:rgba(9,13,20,.96);box-shadow:0 10px 35px #0009}.generation-menu[hidden]{display:none}.generation-menu button{border-radius:11px;text-align:left;white-space:nowrap}button{border:1px solid rgba(238,239,224,.28);border-radius:999px;background:rgba(9,13,20,.83);backdrop-filter:blur(8px);color:#eeefe0;padding:10px 15px;font-weight:700;cursor:pointer;touch-action:manipulation}button:active{transform:translateY(1px);background:#27313b}button:disabled{opacity:.35;cursor:default}@media(max-width:620px){#full{display:none}nav{gap:5px}button{font-size:11px;padding:8px 11px}.generation-menu{min-width:218px}#status{bottom:58px;max-width:90vw}}
#camera-controls{position:absolute;right:max(14px,env(safe-area-inset-right));top:100px;display:flex;align-items:center;gap:8px;background:#090d14cc;border-radius:24px;padding:4px;font-size:13px}#camera-controls[hidden]{display:none}#camera-controls button{min-width:44px;min-height:44px;font-size:24px;padding:3px 10px}
dialog{max-width:min(540px,92vw);max-height:90dvh;overflow:auto;border:1px solid #7e9c9e;border-radius:18px;background:#101a25;color:#eeefe0;padding:24px;touch-action:pan-y}
dialog::backdrop{background:#000b}dialog p{line-height:1.5}dialog input{width:100%;padding:12px;margin:10px 0;background:#080e17;color:#fff;border:1px solid #718996;border-radius:8px;user-select:text;touch-action:auto}
.journey-actions{display:flex;gap:8px;flex-wrap:wrap}#journey-manage{position:absolute;right:14px;top:155px}#journey-manage[hidden]{display:none}
dialog details{margin:18px 0;padding:12px;border:1px solid #506573;border-radius:10px}dialog summary{cursor:pointer;font-weight:700;touch-action:manipulation}dialog label{display:block;margin-top:12px}#account-key-output{display:block;overflow-wrap:anywhere;user-select:all;font-family:monospace;color:#e8cb8b}#account-identity{overflow-wrap:anywhere}#journey-close{margin-top:16px}