*{box-sizing:border-box}body{margin:0;background:#07120e;color:#eee9da;font-family:Arial,sans-serif;overflow:hidden}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit;background:transparent;border:1px solid #ffffff26;border-radius:3px;min-height:44px;padding:10px 14px;font:inherit;font-size:12px}button:hover{background:#d6b77724;border-color:#d6b777}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #efcc85;outline-offset:5px}a{color:inherit;text-decoration:none}#world,.shade{position:fixed;inset:0;width:100%;height:100%}.shade{pointer-events:none;background:linear-gradient(90deg,#03100bdd,transparent 75%),linear-gradient(0deg,#020906e8,transparent 35%,transparent 80%,#030b08a0)}header{position:fixed;top:30px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;z-index:2}.brand{display:flex;align-items:center;gap:15px;color:#d7bc7f;font-size:37px}.brand span{font-size:16px;letter-spacing:4px;color:#eee9da}.brand small{display:block;letter-spacing:3px;font-size:8px;margin-top:8px;color:#c5c7b8}.headright{display:flex;gap:25px;align-items:center}.tag,.eyebrow{font-size:10px;letter-spacing:2.8px;color:#d5b878}.tag{color:#b7bdb0;font-size:9px}main{position:absolute;top:28%;left:8%;right:8%;pointer-events:none}main button{pointer-events:auto}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5.2vw,84px);line-height:1.1;letter-spacing:-2px;margin:25px 0}h1 em{font-weight:400;color:#e0c48e}p.lead{font-size:16px;color:#c4c8bb;line-height:1.8;margin:26px 0}.primary{background:#ddc28e;color:#10221a;border:0;padding:16px 22px;min-width:235px;font-size:13px}.primary span{float:right;margin-left:35px}.introNote{font-size:10px;color:#aeb6a8;margin-top:18px}.side{position:fixed;right:4%;top:40%;writing-mode:vertical-rl;display:flex;gap:22px;align-items:center;letter-spacing:3px;font-size:9px;color:#c6c8b1}.side i{height:55px;border-left:1px solid #d5b87866}#story{max-width:470px}#story h2{font:400 clamp(32px,4vw,62px)/1.08 Georgia,serif;margin:22px 0}#story p:last-child{max-width:330px;color:#c5cabd;font-size:14px;line-height:1.8}footer{position:fixed;bottom:18px;left:4.5%;right:4.5%;z-index:3}.chapterNav{display:flex;gap:5px;border-bottom:1px solid #ffffff20;padding-bottom:18px}.chapterNav button{flex:1;border:0;text-align:left;color:#a8b3a2;letter-spacing:1px}.chapterNav button span{margin-left:14px}.chapterNav button.active{color:#e6c583;background:#dfbf7e12}.transport{display:flex;align-items:center;gap:16px;margin-top:14px}.transport button{border:0}input[type=range]{accent-color:#d9bc80;cursor:pointer;min-height:30px}#progress{flex:1;min-width:30px}#clock{font-size:10px;color:#a9b3a5;white-space:nowrap;letter-spacing:1px}.footnote{text-align:center;font-size:8px;letter-spacing:2px;color:#9ca893;margin-bottom:0}#experiment{position:fixed;right:8%;top:24%;width:320px;padding:25px;background:#0a1713e8;border:1px solid #ddc28e33;z-index:2}#experiment h3{font:30px/1.2 Georgia,serif;font-weight:400}#experiment label{font-size:11px;display:block}#experiment strong{float:right;color:#ddc28e}#experiment input{width:100%}#experiment p:not(.eyebrow){font-size:11px;line-height:1.7;color:#b3bdac}dialog{background:#101f18;color:#e9e4d5;border:1px solid #cdb47a66;padding:40px;max-width:620px;width:92%;max-height:85vh;overflow:auto}dialog::backdrop{background:#020706cc}dialog h2{font:38px Georgia,serif}dialog p{font-size:14px;line-height:1.75;color:#c4c9bc}dialog a{display:block;color:#e3c590;font-size:13px;margin:18px 0}#close{float:right;font-size:25px}.sr,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{clip:auto;width:auto;height:auto;padding:15px;z-index:10;background:black}body.hall header,body.hall .side,body.hall .footnote{display:none}body.hall main{top:17%}body.hall footer{opacity:.15;transition:opacity .2s}body.hall footer:hover,body.hall footer:focus-within{opacity:1}#error{background:#14291d;padding:15px;max-width:420px;font-size:13px;line-height:1.7}@media(max-width:650px){header{top:18px}.tag{display:none}.brand span{font-size:12px}.headright button{font-size:10px;padding:8px}main{top:23%;left:7%;right:7%}h1{font-size:43px;letter-spacing:-1.5px}.lead{font-size:14px!important}.side{display:none}.chapterNav{padding-bottom:5px;gap:0}.chapterNav button{font-size:10px;padding:8px 2px;text-align:center}.chapterNav button span{display:block;margin:5px 0}.transport{gap:4px;margin-top:6px}.transport button{padding:7px;font-size:10px}#clock{font-size:8px}.footnote{font-size:6px;letter-spacing:1px}#story{max-width:75%}#story h2{font-size:36px}#experiment{top:auto;bottom:160px;left:7%;right:7%;width:auto;padding:15px}#experiment h3{font-size:23px;margin:10px 0}#experiment .eyebrow{font-size:8px}body.explore #story{display:none}footer{bottom:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.back{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;margin-right:8px;border:1px solid #e6c583;border-radius:3px;color:#f3e2b8;background:#102018;font-size:15px;font-weight:700}#play,#fullscreen,#sound,#hall{min-width:44px;min-height:44px}@media(max-width:650px){header{flex-wrap:wrap;row-gap:8px;align-items:center}.back{flex:1 0 100%;margin:0;justify-content:flex-start}.transport{flex-wrap:wrap}.transport button,#play,#fullscreen{min-width:44px;min-height:44px;padding:10px 8px}.chapterNav button{min-height:44px}#progress{min-height:44px;flex:1 1 140px}}
#experiment .boyne{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:14px;padding:10px 14px;background:#f3d79b;color:#2a0f16;border-radius:3px;font-size:15px;font-weight:700;text-align:center}
#experiment .boyne:hover{background:#e8b860;color:#2a0f16}
@media(max-width:650px){#experiment{bottom:196px;max-height:min(42vh,360px);overflow:auto}#experiment .boyne{min-height:44px}}