*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f2f2e8;background:#202925;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:focus-visible,summary:focus-visible{outline:2px solid #dfedb5;outline-offset:5px}button:disabled{cursor:wait}#viewport,#viewport canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.hud{position:fixed;z-index:3;pointer-events:none}.topbar{top:0;left:0;right:0;padding:27px 34px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#14221c80,transparent)}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:650;letter-spacing:.18em;text-shadow:0 1px 15px #0005}.brand-mark{font-size:35px;font-weight:300;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:.2em;font-weight:500;margin-top:5px;opacity:.65}.top-actions{display:flex;align-items:center;gap:10px}.location{font-size:12px;display:flex;align-items:center;gap:9px;margin-right:16px;text-shadow:0 1px 8px #0008}.status-dot{height:6px;width:6px;background:#d9eab9;border-radius:50%;box-shadow:0 0 9px #d9eab944}.icon-button{pointer-events:auto;background:#26352d66;backdrop-filter:blur(12px);border:1px solid #ffffff35;color:#f0f2e7;border-radius:50%;width:35px;height:35px;font-size:17px}.icon-button:hover{background:#50674999}.footer{bottom:0;left:0;right:0;padding:30px 34px 23px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(transparent,#18271e80)}.model-note{font-size:8px;letter-spacing:.18em;opacity:.8}.model-note span{padding:0 8px}.controls-strip{display:flex;align-items:center;gap:5px;font-size:10px;color:#ecede3dd}.controls-strip>span{margin-left:5px}.controls-strip b{font-weight:400;opacity:.5;margin:0 8px}kbd{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;background:#dbe4d00d;border:1px solid #dee6d94d;border-radius:5px;min-width:23px;height:24px;font-size:10px;font-weight:450}.controls-strip kbd:last-of-type{padding:0 5px}.overlay{position:fixed;z-index:5;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,#15241df5 0%,#182a22e8 42%,#20382da8 70%,#20382d25 100%);backdrop-filter:blur(5px);overflow:auto;transition:opacity .22s}.overlay[hidden]{display:none}.intro{width:min(620px,65vw);padding:110px 0 70px;margin-left:clamp(32px,8vw,130px)}.eyebrow{font-size:9px;letter-spacing:.23em;font-weight:550;display:flex;align-items:center;gap:10px;color:#d4e4b7;margin-bottom:27px}.eyebrow span{height:1px;width:25px;background:#b9d29a}h1{font-weight:400;font-size:clamp(44px,5.4vw,80px);line-height:1.04;letter-spacing:-.055em;margin:0 0 23px}.lead{color:#c4d0c3;font-weight:350;font-size:16px;line-height:1.65;letter-spacing:-.01em;margin:0 0 33px}.instruction-grid{display:flex;align-items:flex-end;gap:44px;margin:10px 0 29px}.instruction-grid>div{display:flex;flex-direction:column;align-items:center;min-width:55px;justify-content:flex-end;height:88px}.instruction-grid p{font-size:10px;color:#bacabc;margin:10px 0 0}.key-cluster{display:flex;flex-direction:column;align-items:center;gap:4px}.key-cluster>span{display:flex;gap:4px}.key-cluster kbd{width:24px;height:23px}.mouse-icon{width:23px;height:37px;border:1px solid #aebead;border-radius:12px;position:relative}.mouse-icon i{position:absolute;width:2px;height:8px;background:#d6e7c4;left:9px;top:6px}.escape-key{height:33px;width:43px}.primary-button{width:287px;display:flex;align-items:center;justify-content:space-between;padding:18px 21px;background:#dce9be;color:#203426;border:0;border-radius:4px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.primary-button:hover:enabled{background:#edf4d5;transform:translateY(-1px)}.primary-button:disabled{opacity:.6}.primary-button>span:last-child{font-size:20px;line-height:1;font-weight:400}.small-note{max-width:335px;color:#aabca9;font-size:10px;line-height:1.65;margin:12px 0 0}.load-track{height:2px;background:#81947c40;width:287px;margin-top:10px;overflow:hidden}.load-track i{display:block;height:100%;width:4%;background:#d6e7b1;transition:width .3s}.load-track[hidden]{display:none}.text-button{border:0;background:transparent;padding:12px 0 0;color:#d6e1c7;font-size:11px;text-decoration:underline;text-underline-offset:4px}.model-details{margin-top:25px;color:#99ad99;max-width:360px;font-size:10px;line-height:1.7}.model-details summary{cursor:pointer;color:#bdcfb5}.model-details p{margin:8px 0}.model-details code{color:#d7e3c8}.intro-side{margin-left:auto;margin-right:8vw;align-self:center;display:flex;flex-direction:column;align-items:center;opacity:.7}.intro-side>span{font-size:11px;letter-spacing:.15em}.intro-side>div{height:170px;width:1px;background:linear-gradient(#e7edd078,#e7edd010);margin:20px 0}.intro-side>p{font-size:8px;line-height:1.8;letter-spacing:.16em;writing-mode:vertical-rl}.error{color:#ffb9a7;font-size:12px;line-height:1.6;max-width:380px}.fatal{position:fixed;inset:0;z-index:100;background:#202925;padding:40px;color:white}#crosshair{position:fixed;top:50%;left:50%;z-index:2;opacity:0;transition:opacity .2s;pointer-events:none;filter:drop-shadow(0 0 1px #000a)}#crosshair i{position:absolute;background:#ffffffe0;border-radius:2px}#crosshair i:first-child{width:9px;height:1px;left:-4px}#crosshair i:last-child{height:9px;width:1px;top:-4px}.walking #crosshair{opacity:.75}.walking .icon-button{pointer-events:none}.door-hint{position:fixed;z-index:2;left:50%;top:calc(50% + 27px);transform:translateX(-50%);font-size:10px;letter-spacing:.035em;background:#1f302873;border:1px solid #f0f4df21;border-radius:20px;padding:7px 13px;backdrop-filter:blur(8px);pointer-events:none;opacity:0;transition:opacity .2s}.walking .door-hint:not(:empty){opacity:1}.posture{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);font-size:10px;color:#eff5da;background:#243629aa;padding:8px 14px;border-radius:20px;pointer-events:none;z-index:2}.posture[hidden]{display:none}.walking .model-note{opacity:.6}@media(max-width:700px){.topbar{padding:20px}.brand small{display:none}.location{margin-right:2px;font-size:10px}.brand{font-size:17px}.intro{margin-left:28px;width:calc(100% - 56px);padding:95px 0 70px}.intro-side{display:none}.overlay{background:#172b22ed}.eyebrow{margin-bottom:20px}h1{font-size:50px}.lead{font-size:14px}.footer{padding:18px 20px}.model-note{display:none}.controls-strip{font-size:9px;flex-wrap:wrap}.instruction-grid{gap:30px}}@media(max-height:750px) and (min-width:701px){.intro{padding:80px 0 45px}h1{font-size:56px}.lead{margin-bottom:18px}.eyebrow{margin-bottom:18px}.instruction-grid{margin:0 0 22px}.model-details{margin-top:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}