:root{color:#e7e7e1;font-synthesis:none;background:#101821;font-family:Manrope,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,input:focus-visible{outline-offset:6px;outline:1px solid #eed5a7}[hidden]{display:none!important}#world{z-index:0;width:100%;height:100%;position:fixed;inset:0}.vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 35%,#02070f66 100%);position:fixed;inset:0}#menu{z-index:3;background:linear-gradient(90deg,#050d16e8 0%,#080f18b5 25%,#080e1520 64%,#0000 100%);position:fixed;inset:0}.edition{letter-spacing:3px;color:#b8c0c8;border-top:1px solid #b6c2d12e;justify-content:space-between;padding-top:18px;font-size:9px;display:flex;position:absolute;top:36px;left:4.4vw;right:4.4vw}.edition span{color:#91a0ae}.title-block{width:min(500px,42vw);position:absolute;top:50%;left:8vw;transform:translateY(-48%)}.sigil{border:1px solid #c4ad80;border-radius:50%;width:46px;height:46px;margin:0 0 26px 4px;position:relative;box-shadow:0 0 25px #d5b78712}.sigil:before{content:"";background:#c4ad80;width:1px;position:absolute;top:-10px;bottom:-10px;left:22px}.sigil:after{content:"";background:#c4ad8055;height:1px;position:absolute;top:22px;left:-10px;right:-10px}.sigil i{background:#ffde98;width:5px;height:5px;position:absolute;top:20px;left:20px;box-shadow:0 0 17px #ffc469}.eyebrow{letter-spacing:3.5px;color:#b8ae9c;margin:0 0 15px;font-size:9px}h1{letter-spacing:.17em;margin:0 0 19px -3px;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(38px,5vw,78px);font-weight:300;line-height:1}.subtitle{letter-spacing:5px;color:#d0c7b5;white-space:nowrap;align-items:center;gap:18px;max-width:405px;font-size:10px;display:flex}.subtitle span{background:#d0c7b544;flex:1;height:1px}.tagline{color:#abb1ba;margin:29px 0 34px;font-family:Cormorant Garamond,Georgia,serif;font-size:22px;line-height:1.55}nav{flex-direction:column;gap:5px;width:260px;display:flex}button{color:#cbd0d5;text-align:left;letter-spacing:2.5px;background:0 0;border:0;padding:13px 0;font-size:9px;transition:color .2s,background .2s}button span:last-child,button b{float:right;font-weight:400}nav button:hover{color:#ffe0a8}button.primary{color:#ead8b8;border-top:1px solid #c4ad8080;border-bottom:1px solid #c4ad8040;margin-bottom:8px;padding:17px 0}button.primary b{font-size:16px;line-height:12px}footer{letter-spacing:2px;color:#a3adb8;border-bottom:1px solid #aab7c32e;justify-content:space-between;padding-bottom:17px;font-size:8px;display:flex;position:absolute;bottom:30px;left:4.4vw;right:4.4vw}footer i{color:#d5b787;margin:0 12px;font-style:normal}.scene-caption{text-align:right;position:absolute;bottom:16%;right:5vw}.scene-caption span{letter-spacing:2.8px;color:#d5ccbd;font-size:8px}.scene-caption p{letter-spacing:1px;color:#d8dcde;font-family:Cormorant Garamond,Georgia,serif;font-size:20px}.dialog{z-index:8;background:#0a131bf5;border:1px solid #bfa47855;width:440px;max-height:92vh;padding:40px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #03070bc9}h2{letter-spacing:2px;margin:10px 0 28px;font:300 38px Cormorant Garamond,Georgia,serif}.dialog label{color:#b8c1ca;justify-content:space-between;align-items:center;margin:20px 0;font-size:12px;display:flex}.dialog p{font-size:12px;line-height:1.9}.dialog .eyebrow{font-size:8px}.dialog input{accent-color:#cdb78c;max-width:140px}.dialog .close{border-top:1px solid #bfa47855;width:100%;margin-top:20px;padding-top:20px}.muted{color:#768592}#hud{z-index:2;pointer-events:none;position:fixed;inset:0}.chapter{align-items:center;gap:17px;display:flex;position:absolute;top:36px;left:38px}.chapter>span{color:#d6c096;border-right:1px solid #cfb68655;padding-right:16px;font:300 34px Cormorant Garamond,Georgia,serif}.chapter small{letter-spacing:2.4px;color:#d9d6cf;font-size:8px}.chapter p{color:#c4ccd3;text-shadow:0 1px 5px #000;margin:7px 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:19px}#reticle{border:1px solid #e6e8e044;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#reticle i{background:#e6e8e0;width:2px;height:2px;position:absolute;top:9px;left:9px}#reticle.valid{border-color:#f4d59a;width:28px;height:28px;box-shadow:0 0 18px #f4d59a40}#reticle.valid i{background:#f4d59a;top:12px;left:12px}#prompt{letter-spacing:1.5px;color:#ffdfab;text-shadow:0 2px 7px #000;text-align:center;width:700px;font-size:10px;position:absolute;top:calc(50% + 41px);left:50%;transform:translate(-50%)}#narrative{text-align:center;letter-spacing:2px;color:#eee0c8;text-shadow:0 2px 9px #020509;opacity:0;width:100%;font-family:Cormorant Garamond,Georgia,serif;font-size:25px;transition:opacity 1s;position:absolute;bottom:21%}#narrative.visible{opacity:1}.controls{letter-spacing:1.5px;color:#ddd6c5;text-shadow:0 1px 4px #000;gap:22px;font-size:8px;display:flex;position:absolute;bottom:33px;left:38px}.controls small{letter-spacing:0;color:#98a5b3;margin-left:6px;font-size:9px}.corner-brand{letter-spacing:6px;font:400 15px Cormorant Garamond,Georgia,serif;position:absolute;bottom:30px;right:38px}.corner-brand small{letter-spacing:3.6px;text-align:center;color:#a1acb7;margin-top:6px;font:6px Manrope,Arial,sans-serif;display:block}#ability{letter-spacing:1.5px;color:#a9d8ef;font-size:9px;position:absolute;bottom:75px;left:38px}#stats{z-index:20;color:#c9e5d0;background:#07111dd9;padding:15px;font:11px/1.7 monospace;position:fixed;top:10px;right:15px}#fade{z-index:4;pointer-events:none;opacity:0;background:#eee4d2;transition:opacity .1s;position:fixed;inset:0}#error{z-index:30;white-space:pre-wrap;background:#121922;border:1px solid #cdb78c;padding:35px;font-size:14px;line-height:1.8;position:fixed;inset:25%}@media (width<=750px){.title-block{width:80vw;left:7vw}.scene-caption{display:none}#menu{background:linear-gradient(90deg,#050d16ed,#080f1880)}footer span:last-child{display:none}.controls{gap:9px;left:20px}.corner-brand{display:none}.chapter{top:20px;left:20px}.dialog{width:90vw}.edition{font-size:7px}#prompt{width:90vw}h1{font-size:45px}}#ending{z-index:9;text-align:center;background:#060c13f5;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#ending h2{margin:15px 0;font-size:48px}#ending p{color:#b4bec8;font:20px/1.7 Cormorant Garamond,Georgia,serif}#ending .eyebrow{letter-spacing:5px;color:#cfb786;font:9px Manrope,Arial,sans-serif}#ending .muted{letter-spacing:1.3px;color:#697987;font:9px/2.3 Manrope,Arial,sans-serif}#ending button{color:#dcc49b;border-top:1px solid #d3b57b66;border-bottom:1px solid #d3b57b33;margin-top:22px;padding:18px 26px}.end-sigil{color:#bba984;margin:12px;font:54px Georgia}#touch-controls{z-index:5;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#touch-look{pointer-events:auto;touch-action:none;position:absolute;inset:16% 0 155px 42%}#touch-move{left:max(22px,env(safe-area-inset-left));bottom:max(30px,env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#07121e66;border:1px solid #d8c09466;border-radius:50%;width:120px;height:120px;position:absolute}#touch-move i{background:#cdb78c22;border:1px solid #dac194aa;border-radius:50%;width:42px;height:42px;position:absolute;top:38px;left:38px}.touch-actions{right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));pointer-events:auto;grid-template-columns:repeat(2,minmax(70px,1fr));gap:8px;display:grid;position:absolute}.touch-actions button,#touch-pause{color:#ecd9b7;letter-spacing:1px;touch-action:none;background:#07121ed9;border:1px solid #d8c09477;border-radius:5px;min-height:44px;padding:10px;font-size:9px}.touch-actions button:active{background:#b6985c77}#touch-pause{right:max(18px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));pointer-events:auto;text-align:center;width:44px;position:absolute}.touch .controls,.touch .corner-brand{display:none}.touch #ability{max-width:90vw;font-size:10px;bottom:190px;left:20px}.touch #narrative{padding:0 20px;font-size:21px;bottom:35%}.touch .chapter{right:70px}.touch .chapter p{font-size:17px}.dialog select{color:#eedfc6;background:#152331;border:1px solid #bfa47855;max-width:160px;min-height:44px;padding:6px}@media (width<=750px){.dialog{max-height:calc(100dvh - 28px);padding:24px}.title-block{max-height:calc(100dvh - 120px);overflow:auto}h1{font-size:clamp(30px,9vw,45px)}#prompt{letter-spacing:.5px;font-size:11px}#narrative{letter-spacing:1px;padding:0 18px;font-size:21px}#ending{padding:24px;overflow:auto}#ending h2{font-size:34px}.dialog label{gap:12px}button{min-height:44px}#stats{max-width:95vw;font-size:10px}.chapter{top:max(16px,env(safe-area-inset-top))}}@media (height<=550px){.title-block{max-height:78dvh;top:55%;overflow:auto}.sigil,.tagline,.scene-caption{display:none}.title-block h1{margin-bottom:12px;font-size:36px}.title-block .subtitle{margin-bottom:12px}.edition{padding-top:8px;top:12px}footer{padding-bottom:8px;bottom:8px}nav{gap:0}nav button{min-height:34px;padding:10px 0}.touch .chapter{top:12px}.touch .chapter p{margin-top:3px;font-size:16px}.touch #ability{font-size:9px;bottom:155px}.touch #narrative{font-size:18px;bottom:38%}.touch-actions{grid-template-columns:repeat(3,70px);gap:5px;bottom:14px}.touch-actions button{padding:5px;font-size:8px}#touch-move{width:108px;height:108px;bottom:18px}#touch-move i{top:32px;left:32px}#touch-look{bottom:115px}.subtitle{letter-spacing:3px}#ending .muted,.end-sigil{display:none}}.touch-actions{width:min(200px,100vw - 164px)}.touch button{-webkit-tap-highlight-color:transparent}.touch .dialog input[type=range]{min-height:44px}@media (height<=550px){.touch-actions{width:auto}.touch #ability{max-width:55vw;bottom:122px}.touch #narrative{padding:0 70px;font-size:18px;line-height:1.15;top:78px;bottom:auto}}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/cormorant-garamond-latin-300-normal-Cw-E_7L1.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-300-normal-BuXLI6C0.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-latin-400-normal-B-1hWBU7.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-400-normal-B7YtguxJ.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2)format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff)format("woff")}
