:root{font-family:Inter,Arial,sans-serif;color:#f4f0e9;background:#202923;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:25px 30px;pointer-events:none;background:linear-gradient(#10181199,transparent);z-index:2}.brand{font-size:14px;letter-spacing:2px;font-weight:700}.brand span{display:block;font-weight:400;font-size:13px;letter-spacing:0;margin-top:6px;opacity:.7}button{font:inherit;cursor:pointer;border:0}header button{pointer-events:auto;background:#17201bc7;color:#fff;padding:10px 14px;border:1px solid #ffffff30;border-radius:7px;font-size:14px}kbd{font:12px Arial,sans-serif;padding:3px 5px;border:1px solid #ffffff50;border-radius:3px;margin-left:5px}#room{position:fixed;left:30px;bottom:26px;padding:10px 14px;background:#152019b3;border:1px solid #ffffff22;border-radius:6px;font-size:14px;pointer-events:none}#crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font:22px Arial;color:#fffc;text-shadow:0 1px 3px #000;pointer-events:none}#interaction{position:fixed;top:60%;left:50%;transform:translateX(-50%);padding:12px 18px;background:#18251eed;color:#fff;border:1px solid #d5c29a88;border-radius:7px;white-space:nowrap;z-index:3;font-size:15px}#interaction kbd{margin:0 10px 0 0}#notice{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);padding:10px 16px;background:#18251ee8;border-radius:6px;max-width:80vw;text-align:center;opacity:0;transition:opacity .2s;font-size:14px;pointer-events:none}#notice.visible{opacity:1}#menu{position:fixed;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:100px max(5vw,25px) 30px;background:linear-gradient(90deg,#0e1a16e8,#0e1a1660 65%,#0e1a1610);z-index:5;overflow:auto}#menu[hidden]{display:none}.card{width:min(440px,100%);background:#18251eec;border:1px solid #c9d6cb28;padding:30px;border-radius:12px;box-shadow:0 20px 80px #0003}.eyebrow{font-size:12px;letter-spacing:1.5px;color:#d2bf96}h1{font-family:Georgia,serif;font-weight:400;font-size:45px;line-height:1.1;margin:16px 0}.intro{font-size:16px;line-height:1.6;color:#cdd5cc;margin:0 0 22px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.controls div{display:flex;flex-direction:column;gap:6px}.controls strong{font-size:14px;font-weight:500}.controls span{color:#b6c2b7;font-size:14px}.settings{display:flex;flex-direction:column;gap:13px;font-size:14px;border-top:1px solid #ffffff20;padding-top:20px}.settings input{accent-color:#dfc595;width:16px;height:16px;vertical-align:middle;margin-right:8px}.settings select{font:inherit;color:#f4f0e9;background:#101a15;border:1px solid #ffffff30;border-radius:5px;padding:6px 8px;margin-left:8px;accent-color:#dfc595}.meta{font-size:13px;color:#b9c4ba;margin:20px 0}#enter{width:100%;padding:16px;border-radius:5px;background:#dbc397;color:#17241e;font-weight:600;font-size:16px}#enter:disabled{opacity:.6;cursor:wait}.secondary{display:block;color:#dce3da;background:transparent;width:100%;padding:12px;font-size:14px}.fine{font-size:12px;color:#9faa9f;line-height:1.5;margin:18px 0 0}#error{color:#ffd2b4;margin-top:15px;font-size:14px;line-height:1.5}#touch{position:fixed;inset:auto 0 20px;pointer-events:none;z-index:3}#touch[hidden]{display:none}#joystick{width:110px;height:110px;border-radius:50%;background:#14271c88;border:1px solid #fff7;margin-left:25px;touch-action:none;pointer-events:auto}#joystick i{display:block;position:relative;width:42px;height:42px;top:33px;left:33px;background:#e4d4b3bb;border-radius:50%;pointer-events:none}#touchDoor{position:absolute;right:24px;bottom:18px;background:#17271ce6;color:#fff;padding:17px;border:1px solid #fff6;border-radius:50px;pointer-events:auto}button:focus-visible{outline:3px solid #f0d8aa;outline-offset:3px}@media(max-width:600px){header{padding:18px}.card{padding:24px}#menu{padding:80px 18px 25px;align-items:flex-start}h1{font-size:38px}#room{left:18px;bottom:150px}.controls{gap:15px}#notice{bottom:155px}}

[hidden]{display:none!important}#touchDoor:disabled{opacity:.45}
#loadbar{height:6px;border-radius:3px;background:#ffffff1f;overflow:hidden;margin-bottom:8px}#loadbar[hidden],#loadtext[hidden]{display:none}#loadbar i{display:block;height:100%;background:#dbc397;transform:scaleX(0);transform-origin:left;border-radius:3px}#loadtext{font-size:13px;color:#b9c4ba;margin-bottom:12px;font-variant-numeric:tabular-nums}
.immersive .brand{display:none}.immersive header{background:none}.immersive #room{opacity:0;transition:opacity .6s}.immersive #room.fresh{opacity:1}@media(pointer:fine){.immersive header{display:none}}
#photoHud{position:fixed;right:30px;bottom:26px;padding:10px 14px;background:#152019d9;border:1px solid #dfc59555;border-radius:6px;font-size:14px;pointer-events:none;z-index:2}#photoHud[hidden]{display:none}@media(max-width:600px){#photoHud{right:18px;bottom:150px}}