:root{font-family:Inter,"Microsoft JhengHei",Arial,sans-serif;color:#f8f4ed;background:#11151a}*{box-sizing:border-box}html,body,#viewport{width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block}#loading,#welcome{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(125deg,rgba(14,22,26,.86),rgba(42,32,26,.58));z-index:3}.hidden{display:none!important}.card{width:min(460px,calc(100vw - 40px));padding:38px 42px 34px;background:rgba(31,32,31,.84);border:1px solid rgba(248,244,237,.2);backdrop-filter:blur(18px);box-shadow:0 22px 80px #0007}.eyebrow{font-size:11px;letter-spacing:.28em;color:#cfaa78}.card h1{font-size:32px;font-weight:500;letter-spacing:.05em;margin:13px 0 20px}.card p{font-size:14px;line-height:1.8;color:#e0d7cd}.card button{margin:20px 0 16px;display:block;background:#c79e69;color:#211d18;border:0;padding:12px 22px;font:inherit;cursor:pointer}.card button:hover{background:#ddbc8d}.card small{display:block;color:#b6aa9b;font-size:11px}.progress{height:2px;background:#71675d;margin-top:26px}.progress span{display:block;height:2px;width:0;background:#d8b886;transition:width .2s}#hud{position:fixed;left:20px;right:20px;bottom:20px;display:flex;align-items:center;gap:24px;padding:12px 17px;background:#1c1b1bbd;border:1px solid #ffffff29;backdrop-filter:blur(10px);font-size:13px;z-index:2}#hud .keys{margin:auto;color:#e5d7c5;font-size:12px}#hud button{background:transparent;border:1px solid #e8d2b5;color:#f8f4ed;padding:7px 12px;cursor:pointer}#crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font:22px Arial;color:#fff8;text-shadow:0 1px 4px #000;pointer-events:none;z-index:1}#debug{position:fixed;top:12px;left:12px;max-width:500px;max-height:50vh;overflow:auto;white-space:pre-wrap;background:#000b;color:#fff;padding:12px;font:11px/1.4 Consolas,monospace;z-index:5}@media(max-width:700px){#hud .keys{display:none}.card{padding:27px}}
#mouse-hint:not([hidden]){position:fixed;top:18px;right:18px;max-width:390px;padding:13px 15px;background:#26231fe8;border:1px solid #d7b688;color:#fff4e3;font-size:13px;line-height:1.55;z-index:4}#mouse-hint button{margin-left:10px;background:#c79e69;border:0;padding:5px 10px;cursor:pointer}
.touch-instructions{display:none}#touch-controls{display:none}.touch-mode .desktop-instructions{display:none}.touch-mode .touch-instructions{display:block}.touch-mode #touch-controls:not([hidden]){display:block;position:fixed;inset:0;z-index:2;pointer-events:none}.touch-mode #look-pad{position:absolute;top:0;right:0;bottom:78px;width:58%;pointer-events:auto;touch-action:none}.touch-mode #joystick{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:calc(92px + env(safe-area-inset-bottom));width:116px;height:116px;border-radius:50%;border:2px solid #fff9;background:#2228;box-shadow:0 0 0 10px #2223;pointer-events:auto;touch-action:none}.touch-mode #joystick-knob{position:absolute;left:calc(50% - 26px);top:calc(50% - 26px);width:52px;height:52px;border-radius:50%;background:#d8b886c9;border:1px solid #fffd;pointer-events:none}.touch-mode #hud{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));gap:8px;padding:9px 11px;font-size:11px;z-index:3}.touch-mode #hud .keys{display:none}.touch-mode #hud span:first-child{margin-right:auto}.touch-mode #hud button{font-size:11px;padding:7px 9px}.touch-mode #crosshair{font-size:17px}.touch-mode #viewport canvas{touch-action:none}@media(max-height:520px){.touch-mode #joystick{bottom:72px;width:92px;height:92px}.touch-mode #look-pad{bottom:60px}}