:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#e8e4d3;background:#171c19;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid #e4ce9a;outline-offset:5px}button:disabled{opacity:.45;cursor:wait}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}header{z-index:20;position:fixed;inset:25px 32px auto;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;text-shadow:0 2px 15px #0009}.brand{font-size:11px;letter-spacing:.22em;line-height:1.8}.brand b{font-size:14px;font-weight:500;letter-spacing:.12em}.controls{display:flex;gap:10px;pointer-events:auto}.controls button{background:#17201dcc;border:1px solid #b9b99a40;padding:9px 15px;border-radius:3px;font-size:12px}#reticle{position:fixed;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#e9e3cb88;pointer-events:none}#prompt{position:fixed;bottom:108px;left:50%;transform:translate(-50%);padding:13px 23px;border:1px solid #d1c59e70;background:#17201de8;border-radius:3px;white-space:nowrap;font-size:13px;letter-spacing:.05em}#toast{position:fixed;bottom:165px;left:50%;transform:translate(-50%);font-size:12px;color:#eee3bc;text-shadow:0 1px 6px #000;white-space:nowrap}footer{position:fixed;bottom:24px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;color:#e1dfcba0;pointer-events:none}#overlay{z-index:10;position:fixed;inset:0;background:linear-gradient(90deg,#111b18f5,#15211cba 55%,#15211c55);display:flex;align-items:center;padding:7vw}.card{max-width:620px}.eyebrow{font-size:11px;letter-spacing:.24em;color:#c2c1a2;margin-bottom:35px}h1{font-family:Georgia,Songti SC,serif;font-weight:400;font-size:clamp(45px,7vw,92px);line-height:1.08;margin:0 0 26px;letter-spacing:-.04em}h1 span{display:block;font-size:.42em;letter-spacing:.06em;margin-top:18px;color:#c8c9b6}.card p{font-size:14px;line-height:1.9;color:#c6c8b5;max-width:440px}.card .primary{margin-top:24px;padding:15px 27px;background:#d6ceac;border:0;color:#242e25;font-size:14px;min-width:165px}.small{margin-top:28px!important;font-size:11px!important;color:#a7af9b!important;letter-spacing:.04em}#debug{z-index:30;position:fixed;right:12px;top:80px;width:360px;max-height:70vh;overflow:auto;background:#07130ee8;padding:12px;color:#b4d6b2;font:10px/1.5 monospace;pointer-events:none}.touch{display:none;position:fixed;bottom:55px;left:18px;gap:5px;grid-template-columns:repeat(3,40px)}.touch button{background:#17201dcc;border:1px solid #c4c7a850;height:38px;border-radius:3px;touch-action:none}.touch .up{grid-column:2}.touch .row{grid-column:1}body[data-running=false] #reticle{display:none}[hidden]{display:none!important}@media(pointer:coarse){.touch{display:grid}footer{font-size:9px;bottom:14px}#prompt{bottom:72px;left:auto;right:14px;transform:none}header{inset:18px}.brand{font-size:9px}.controls button{padding:8px}footer .build{display:none}}@media(max-width:600px){.card{max-width:100%}.card p{font-size:12px}h1{font-size:48px}#debug{width:260px}.brand b{font-size:11px}}.quality-control{display:flex;align-items:center;gap:6px;font-size:11px;background:#17201dcc;padding:4px 9px;border:1px solid #b9b99a40;border-radius:3px}.quality-control select{background:#25372e;color:#e8e4d3;border:0;padding:5px;font:inherit}html,body{width:100%;height:100%;overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,select{touch-action:manipulation}#orientation-hint{display:none}.mobile header{inset:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) auto max(12px,env(safe-area-inset-left));align-items:center}.mobile .brand{font-size:8px;letter-spacing:.08em}.mobile .brand b{font-size:10px}.mobile .controls{gap:6px}.mobile .controls button{min-height:44px;padding:8px 10px;font-size:12px}.mobile .quality-control{padding:2px 6px;gap:3px}.mobile .quality-control select{min-height:38px}.mobile .touch{z-index:3;display:block;inset:auto max(22px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));height:112px;pointer-events:none}#joystick{position:absolute;left:0;bottom:0;width:112px;height:112px;border:1px solid #d3d5bc70;border-radius:50%;background:#17201d70;touch-action:none;pointer-events:auto;display:grid;place-items:center}#stick{display:block;width:46px;height:46px;background:#bdc5a663;border:1px solid #d9dfbd90;border-radius:50%;pointer-events:none}.stick-label{position:absolute;bottom:7px;font-size:10px;color:#e0e1caaa;pointer-events:none}.mobile #touchE{position:absolute;right:0;bottom:10px;width:82px;height:64px;border-radius:12px;pointer-events:auto;font-size:13px}.mobile #touchE:disabled{opacity:.4;cursor:default}.look-hint{position:absolute;right:0;bottom:86px;font-size:10px;color:#dedfc1aa}.mobile #prompt{z-index:4;left:50%;right:auto;bottom:max(30px,env(safe-area-inset-bottom));transform:translate(-50%);min-height:44px;padding:10px 12px;font-size:12px;max-width:calc(100vw - 280px);white-space:normal;text-align:center}.mobile #toast{bottom:105px;max-width:55vw;white-space:normal;text-align:center;font-size:11px}.mobile footer{left:max(14px,env(safe-area-inset-left));right:14px;bottom:6px;font-size:8px}.mobile #overlay{z-index:15;padding:70px max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow-y:auto;touch-action:pan-y;min-height:100dvh;align-items:center}.mobile .card{width:100%;max-width:760px}.mobile .small{margin-top:14px!important}.mobile h1{font-size:48px}body[data-running=false] .touch,body[data-running=false] #prompt,body[data-running=false] #toast{display:none!important}.mobile #debug{max-height:55vh;font-size:8px;width:260px}@media(orientation:landscape)and (max-height:600px){.mobile .card{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;align-items:center}.mobile .eyebrow{display:none}.mobile h1{grid-column:1;grid-row:1/4;font-size:clamp(30px,6vw,52px);margin:0}.mobile h1 span{margin-top:12px}.mobile .card p{font-size:12px;margin:0;line-height:1.5}.mobile #intro{grid-column:2}.mobile .card .primary{grid-column:2;margin:0;min-height:48px;padding:10px 20px;justify-self:start}.mobile .card .small{grid-column:2;font-size:10px!important;margin:0!important}}@media(orientation:portrait){.mobile #orientation-hint{display:block;z-index:21;position:fixed;top:max(66px,calc(env(safe-area-inset-top) + 58px));left:50%;transform:translate(-50%);font-size:11px;color:#d5d8c4;pointer-events:none}.mobile #prompt{bottom:164px;max-width:85vw}.mobile #toast{bottom:220px;max-width:80vw}.mobile header{gap:5px}.mobile .brand{font-size:7px}.mobile .brand b{font-size:9px}.mobile .controls{gap:4px}.mobile .controls button{padding:7px}.mobile .quality-control{font-size:10px;padding:1px 3px}.mobile #overlay{padding-top:110px}.mobile .eyebrow{margin-bottom:20px}.mobile h1{font-size:44px;margin-bottom:20px}}