:root{--fg:#eaf6ff;--dim:#9fb3c2;--hud:#8dffb8;--accent:#ffcf5a;--panel:#080e14c7;--line:#8dffb859}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;height:100%;color:var(--fg);background:#0b1016;margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;overflow:hidden}#app canvas{display:block}#hud{pointer-events:none;position:fixed;inset:0}#overlay{background:linear-gradient(90deg,#05090e8c 0%,#05090e00 60%);align-items:center;padding:32px;display:flex;position:fixed;inset:0}#overlay.hidden{display:none}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:min(430px,100%);max-height:100%;padding:28px 28px 22px;overflow-y:auto}h1{letter-spacing:6px;color:var(--fg);margin:0;font-size:40px}h1 span{color:var(--hud)}.tag{color:var(--dim);margin:4px 0 22px;font-size:13px}label{color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:12px;display:block}.row{gap:6px;display:flex}input[type=text],#seed{border:1px solid var(--line);min-width:0;color:var(--fg);font:inherit;background:#00000059;flex:1;padding:8px 10px;font-size:14px}button{border:1px solid var(--line);color:var(--fg);font:inherit;cursor:pointer;background:#8dffb814;padding:8px 12px;font-size:13px}button:hover{background:#8dffb82e}button.primary{letter-spacing:4px;color:#0b1016;background:var(--hud);border:none;width:100%;margin:18px 0 20px;padding:14px;font-size:18px;font-weight:700}button.primary:hover{filter:brightness(1.1)}button.primary:disabled{opacity:.5;cursor:wait}#worldinfo{color:var(--accent);min-height:1em;margin:8px 0 0;font-size:12px}.settings{gap:10px;margin-bottom:18px;display:grid}.settings label{justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}.settings input[type=range]{width:150px;accent-color:var(--hud)}.settings .check{justify-content:flex-start}.settings select{border:1px solid var(--line);width:150px;color:var(--fg);font:inherit;background:#00000059;padding:4px 6px}h2{color:var(--hud);text-transform:uppercase;letter-spacing:1px;margin:16px 0 6px;font-size:12px;font-weight:400}#padstatus{color:var(--accent);text-transform:none;letter-spacing:0}.controls{border-collapse:collapse;width:100%;font-size:12px}.controls td{vertical-align:top;padding:3px 0}.controls td:first-child{color:var(--accent);white-space:nowrap;padding-right:14px}.controls td:last-child{color:var(--dim)}#touch{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#touch[data-mode=hidden],#touch[data-mode=dead]>:not(#t-restart):not(#t-pause),#touch:not([data-mode=dead]) #t-restart{display:none}.tzone,.tbtn{pointer-events:auto;touch-action:none;position:absolute}#stickzone{width:42%;top:60px;bottom:0;left:72px}#lookzone{width:45%;top:60px;bottom:0;right:0}#stickbase{pointer-events:none;background:#00000026;border:2px solid #8dffb880;border-radius:50%;width:130px;height:130px;display:none;position:absolute;transform:translate(-50%,-50%)}#stickknob{background:#8dffb859;border:2px solid #8dffb8cc;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#thrzone{left:calc(14px + env(safe-area-inset-left));background:#0003;border:2px solid #8dffb88c;border-radius:8px;width:44px;height:52%;bottom:24px;overflow:hidden}#thrzone:before{content:"";border-top:1px dashed #ffcf5ab3;position:absolute;top:10%;left:0;right:0}#thrfill{background:#8dffb859;position:absolute;bottom:0;left:0;right:0}#thrfill.ab{background:#ffcf5a80}#thrzone span{text-align:center;width:100%;color:var(--hud);font-size:10px;position:absolute;bottom:4px}.tbtn{color:var(--fg);letter-spacing:1px;background:#080e1466;border:2px solid #8dffb88c;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.tbtn.on{background:#8dffb859}#t-gun{right:calc(24px + env(safe-area-inset-right));width:96px;height:96px;font-size:15px;bottom:24px}#t-msl{right:calc(134px + env(safe-area-inset-right));width:68px;height:68px;bottom:30px}#t-flr{right:calc(38px + env(safe-area-inset-right));width:60px;height:60px;bottom:134px}#t-pause{right:calc(16px + env(safe-area-inset-right));border-radius:8px;width:44px;height:44px;top:12px}#t-view{right:calc(70px + env(safe-area-inset-right));border-radius:8px;width:58px;height:44px;font-size:11px;top:12px}#t-restart{color:#0b1016;background:var(--hud);border:none;border-radius:8px;width:200px;height:56px;bottom:22%;left:50%;transform:translate(-50%)}#rotate{text-align:center;color:var(--accent);z-index:20;background:#05090ee6;justify-content:center;align-items:center;padding:24px;font-size:16px;display:none;position:fixed;inset:0}@media (pointer:coarse) and (orientation:portrait){body.playing #rotate{display:flex}}@media (width<=600px){#overlay{padding:16px}.panel{padding:20px 16px}}