:root{color-scheme:dark;--gold:#dcb777;--muted:#887d6b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030507;color:#d6c7a9;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #efc57a;outline-offset:6px}#experience{height:100dvh;width:100%;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 42%,#10202a55,transparent 47%),#030507}.atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 70%,#6c471c24,transparent 55%);opacity:.6}canvas{position:absolute;width:100%;height:100%;inset:0}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 28%,#02030465 75%,#020304bd 100%)}.letterbox{position:absolute;left:0;right:0;height:clamp(8px,3vh,28px);background:#020304;pointer-events:none}.letterbox.top{top:0}.letterbox.bottom{bottom:0}header{position:absolute;top:clamp(26px,6vh,60px);left:clamp(22px,4.5vw,74px);right:clamp(22px,4.5vw,74px);display:flex;align-items:center;justify-content:space-between;z-index:5}.wordmark{display:flex;gap:11px;align-items:center;text-decoration:none;color:#c7ae80;font-family:Georgia,serif;font-weight:bold;letter-spacing:3px;font-size:14px}.small-royale{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:5px;margin-top:4px}.tiny-sigil{display:grid;place-items:center;width:30px;height:34px;clip-path:polygon(50% 0,100% 20%,100% 75%,50% 100%,0 75%,0 20%);background:linear-gradient(145deg,#8a653a,#e4c189,#7b562d);color:#101112;font-size:20px;font-style:italic;letter-spacing:0}.controls{display:flex;gap:22px;align-items:center}.controls button{border:0;background:transparent;color:#9c9486;padding:7px;transition:color .2s}.controls button:hover{color:#ffe2a8}.controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}#skip{font-size:10px;letter-spacing:2.6px;margin-left:9px}#skip span{margin-left:12px;font-size:18px}.studio{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;opacity:0;transition:opacity .7s;z-index:3}.studio-seal{width:82px;height:82px;border:1px solid #b38d50;transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 0 80px #cd9a3633,inset 0 0 25px #cd9a3622}.studio-seal span{transform:rotate(-45deg);font:bold italic 52px Georgia;color:#dfbf83}.studio p{letter-spacing:8px;font-size:13px;margin:39px 0 15px;padding-left:8px}.studio small{font-size:8px;letter-spacing:6px;color:#766a57}.chapter{position:absolute;left:0;right:0;top:79%;text-align:center;color:#b8a386;font-size:10px;letter-spacing:7px;opacity:0;transition:opacity 1s,transform 1s;transform:translateY(9px);pointer-events:none}.chapter.visible{opacity:1;transform:none}.flare{position:absolute;left:0;right:0;top:48%;height:1px;background:linear-gradient(90deg,transparent,#edb24e,transparent);box-shadow:0 0 50px 10px #edb24e33;opacity:0;pointer-events:none}footer{position:absolute;bottom:clamp(35px,7vh,75px);left:50%;transform:translateX(-50%);width:min(480px,70vw);z-index:4}.loading{transition:opacity .6s;opacity:0}.loading-info{display:flex;justify-content:space-between;font-size:10px;color:#b2a38c;letter-spacing:.6px;margin-bottom:12px}.loading-info #percent{font-variant-numeric:tabular-nums;color:#e4c58f;font-size:11px}.progress-track{height:2px;background:#75634535;position:relative}#progress{height:100%;width:0;background:linear-gradient(90deg,#77603a,#e4c993);box-shadow:0 0 12px #daa7527a;position:relative}#progress:after{content:'';position:absolute;right:0;top:-1px;width:4px;height:4px;border-radius:50%;background:#ffe5ad;box-shadow:0 0 10px #ffc66d}.loading-meta{display:flex;justify-content:space-between;margin-top:14px;font-size:7px;letter-spacing:2px;color:#6f675a}.ready{display:none;text-align:center}.ready p{font:10px Arial;letter-spacing:5px;color:#c6ae85;margin:0 0 22px}.ready button{border:1px solid #ae8e4f55;color:#d0b47f;background:linear-gradient(110deg,#be904b10,#be904b03);font-size:9px;padding:12px 25px;letter-spacing:3px}.ready button:hover{background:#be904b18;border-color:#ae8e4f}.ready button span{font-size:15px;margin-right:10px}#notice{text-align:center;font-size:11px;color:#ab9c81;margin-top:16px;min-height:14px}.fallback{display:none;position:absolute;left:0;right:0;top:30%;text-align:center;color:#d8b674}.fallback h1{font:900 clamp(60px,12vw,140px) Georgia;margin:8px 0;letter-spacing:6px;text-shadow:0 4px #644a29,0 0 45px #b6833844}.fallback h1 span{display:block;font-size:.47em;letter-spacing:.25em}.fallback-crest{font:italic bold 60px Georgia}.fallback-mode .fallback{display:block}.fallback-mode canvas{display:none}@media(max-width:600px){header{top:32px;left:23px;right:18px}.controls{gap:9px}.wordmark{font-size:11px}.tiny-sigil{width:24px;height:29px;font-size:17px}.small-royale{font-size:6px;letter-spacing:4px}#skip{font-size:9px;letter-spacing:1px;margin-left:0}#skip span{margin-left:6px}.chapter{font-size:8px;letter-spacing:4px;top:73%}footer{width:76vw;bottom:9vh}.loading-meta{font-size:6px;letter-spacing:1px}.ready p{font-size:8px;letter-spacing:3px}}@media(max-height:500px){header{top:22px;left:30px;right:25px}footer{bottom:22px;width:360px}.chapter{top:80%;font-size:7px}.loading-info{margin-bottom:7px}.loading-meta{margin-top:8px}.ready p{display:none}.ready button{padding:8px 16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.entry{position:fixed;inset:0;z-index:100;display:grid;place-items:center;text-align:center;background:radial-gradient(ellipse,#17212a,#030507 70%);padding:24px}.entry[hidden]{display:none}.entry-brand{font:bold 28px Georgia;letter-spacing:5px;color:#dfbf83}.entry button{padding:18px 26px;background:#b48b391a;border:1px solid #b48b39;color:#f0d39e;letter-spacing:2px}.entry p:last-child{font-size:12px;color:#afa28b;line-height:1.6}.entry button:disabled{opacity:.5}#experience{position:absolute;left:0;top:0;width:100vw;height:100dvh}.landscape-fallback #experience{width:100dvh;height:100vw;transform-origin:0 0;transform:translateX(100vw) rotate(90deg)}.landscape-fallback header{top:22px;left:30px;right:25px}.landscape-fallback footer{bottom:22px;width:min(360px,70dvh)}.landscape-fallback .chapter{top:80%;font-size:7px}.landscape-fallback .ready p{display:none}.landscape-fallback .ready button{padding:8px 16px}.landscape-fallback .loading-info{margin-bottom:7px}.landscape-fallback .loading-meta{margin-top:8px}html:fullscreen{width:100%;height:100%;background:#030507}