@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#e7e0cf;background:#161614;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100%;height:100%}#viewport,#vignette,#menu{position:fixed;inset:0}#vignette{pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,#120e0938 100%);z-index:1}header,footer{position:fixed;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;z-index:4}header{top:27px}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-family:Georgia,serif;font-size:24px;letter-spacing:6px}.brand-star{font-size:45px;color:#d0b57d;font-weight:400;line-height:1}.brand small{display:block;font:8px Manrope,Arial;letter-spacing:2.3px;margin-top:5px;color:#b8b4a6}button,select{font:inherit;color:inherit}button{cursor:pointer;border:0}kbd{display:inline-block;font:9px Manrope,Arial,sans-serif;letter-spacing:1px;border:1px solid #d1c8b63d;border-radius:3px;padding:4px 6px;color:#d1c7b1}footer{bottom:23px;font-size:8px;letter-spacing:1.5px;color:#d2c8b0a6}#fps{min-width:40px;text-align:right;font-size:9px}#menu{z-index:3;background:linear-gradient(90deg,#101713f7 0%,#141913eb 22%,#141913b0 37%,#151a132a 61%,transparent 80%);display:flex;align-items:center;padding:95px 6.5vw 65px}.menu-panel{width:385px;max-height:calc(100vh - 155px);overflow:auto;scrollbar-width:thin;scrollbar-color:#786340 transparent;padding-right:8px}.eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:2.7px;font-size:8px;color:#c5b68f;margin-bottom:17px}.eyebrow span{width:22px;height:1px;background:#c5b68f}h1{font-family:Cormorant Garamond,Georgia,serif;font-size:76px;line-height:.87;font-weight:400;letter-spacing:-2px;position:relative;margin:0 0 24px}h1 em{font-weight:400;color:#d7c49c}h1 .title-star{position:absolute;font-size:41px;right:18px;top:34px;color:#b9a276}.intro{font-size:11px;color:#b5b6a7;line-height:1.9;margin:0 0 24px}.primary{width:100%;padding:17px 20px;background:#c5b38a;color:#18201b;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:.6px;transition:background .2s}.primary:hover{background:#e3d0a4}.primary:disabled{opacity:.5;cursor:wait}.primary span:last-child{font-size:19px;line-height:12px}.menu-meta{display:flex;justify-content:space-between;margin-top:12px;font-size:7px;letter-spacing:1.6px;color:#949d8e}.rule{height:1px;background:#c4ba9430;margin:23px 0 17px}.controls{display:grid;gap:9px}.controls>div{display:flex;align-items:center;gap:15px;font-size:9px;color:#b6b9ac}.controls kbd{min-width:99px;text-align:center;font-size:8px;padding:4px}.settings{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c4ba9426;margin-top:20px;padding-top:16px;font-size:8px;color:#b6b9ac;gap:8px}.settings label{display:flex;align-items:center;gap:5px}.settings button{background:transparent;font-size:8px;padding:6px 0;border-bottom:1px solid #b8ad894a}select{background:#1b251d;border:1px solid #b8ad8933;font-size:8px;padding:5px;max-width:90px}.save-note{font-size:8px;color:#7f8c7e;line-height:1.8;margin-bottom:0}.scene-caption{position:absolute;bottom:100px;right:6vw;text-align:right}.scene-caption>span{font-size:8px;letter-spacing:2px;color:#dbd1b5}.scene-caption p{font-family:Cormorant Garamond,Georgia,serif;font-size:35px;font-weight:400;line-height:1.05;margin:16px 0 20px;text-shadow:0 2px 25px #000}.scene-caption small{font-size:7px;letter-spacing:2px;color:#c6b895}#crosshair{position:fixed;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);border:1px solid #f1e1ba;border-radius:50%;z-index:2;box-shadow:0 0 3px #000}#crosshair.active{width:12px;height:12px;background:#e6c68233}#target{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));max-width:calc(100vw - 160px);left:50%;transform:translate(-50%);z-index:2;text-align:center;text-shadow:0 2px 8px #000;background:#171a1575;border:1px solid #b9a57622;padding:11px 20px;border-radius:3px;pointer-events:none}#target-name{font:18px Cormorant Garamond,Georgia,serif}#toast{position:fixed;bottom:88px;left:50%;transform:translate(-50%,10px);z-index:5;font-size:11px;line-height:1.6;text-align:center;color:#e4d5b3;padding:12px 22px;background:#142018e8;border:1px solid #c8b18344;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%)}.hidden{display:none!important}.hide-hud .hud,.hide-hud #target,.hide-hud #crosshair{display:none}body.exploring #menu,body.exploring header{display:none}#error{position:fixed;inset:25%;padding:35px;background:#201811;border:1px solid #e6c682;color:#f5d8ad;z-index:20;line-height:1.7}@media(max-height:800px){#menu{padding-top:95px}h1{font-size:62px;margin-bottom:17px}.eyebrow{margin-bottom:13px}.intro{margin-bottom:17px}.controls{gap:5px}.rule{margin:17px 0 13px}.settings{margin-top:13px}.menu-panel{max-height:calc(100vh - 150px)}}@media(max-width:760px){header,footer{left:20px;right:20px}#menu{padding-left:25px;background:linear-gradient(90deg,#101713f5,#141913b0 80%,#14191340)}.menu-panel{width:330px}.scene-caption{display:none}.brand{font-size:19px}h1{font-size:62px}}body.reading #crosshair{opacity:0}.book-controls{margin-top:9px}.brightness-setting{margin-top:18px;color:#c6c1ae}.brightness-setting label{display:flex;justify-content:space-between;font-size:11px}.brightness-setting input{display:block;width:100%;margin:12px 0 7px;accent-color:#c5aa70;cursor:pointer}.brightness-setting small{color:#929888;font-size:9px}#reset{color:#e1c996}body.touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body.touch #viewport{touch-action:none}body.touch .controls,body.touch .save-note,.touch-help{display:none}body.touch .touch-help{display:block;margin:14px 0 0;font-size:12px;line-height:1.6;color:#cfc5ad}#touch-ui{display:none}body.touch.exploring #touch-ui{display:block}body.touch.exploring #target{bottom:auto;top:max(12px,env(safe-area-inset-top));max-width:calc(100vw - 150px);padding:6px 12px}body.touch.exploring #toast{bottom:auto;top:56px;max-width:calc(100vw - 40px)}.joystick{position:fixed;left:max(22px,env(safe-area-inset-left));bottom:max(26px,env(safe-area-inset-bottom));width:128px;height:128px;border-radius:50%;background:#17140f66;border:1px solid #e6c68255;z-index:4;touch-action:none}.joystick-knob{position:absolute;left:38px;top:38px;width:52px;height:52px;border-radius:50%;background:#e6c682aa;border:1px solid #f5e3b4;pointer-events:none}.touch-buttons{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,58px);gap:8px;z-index:4}.touch-button,.touch-menu{height:46px;border-radius:10px;border:1px solid #e6c68266;background:#17140fb3;color:#f1e5c6;font-size:12px;touch-action:none}.touch-button.on{background:#b9893fcc;color:#fff}.touch-menu{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:46px;font-size:20px;z-index:4}@media(max-height:460px){.touch-buttons{grid-template-columns:repeat(4,54px);gap:6px}.touch-button{height:40px}.joystick{width:110px;height:110px}.joystick-knob{left:29px;top:29px}}#load-bar{height:3px;margin:10px 0 0;background:#e6c68230;overflow:hidden}#load-bar i{display:block;height:100%;width:0;background:#e6c682;transition:width .25s}#load-bar.done{visibility:hidden}@media(max-height:520px){header{display:none}#menu{padding-top:18px;padding-bottom:18px}.menu-panel{max-height:calc(100vh - 36px)}h1{font-size:40px;margin-bottom:10px}.eyebrow,.intro{display:none}.rule{margin:10px 0 8px}}