:root{--ink: #100c09;--vellum: #f3e2c0;--gold: #e6b34a;--silver: #d5deef;--blood: #9d1c2b;--serif: "Bodoni Moda", Palatino, "Palatino Linotype", serif;--sans: Sora, "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--vellum);font-family:var(--sans)}body{min-height:100%;display:grid;place-items:center}#frame{position:relative;width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);background:#070504;overflow:hidden}#frame:focus{outline:none}#frame:focus-visible{outline:1px solid var(--gold);outline-offset:-2px}#view{position:absolute;inset:0;width:100%;height:100%;display:block}#veil{position:absolute;inset:0;pointer-events:none;background:#06040347;transition:opacity .4s ease}#veil[data-on=false]{opacity:0}#veil[data-dim=hard]{background:#0604038c}[hidden]{display:none!important}section[data-screen]{position:absolute;z-index:2;color:var(--vellum)}#title{left:0;right:0;top:0;padding:4.5vh 6vw 7vh;background:linear-gradient(rgba(8,6,4,.78),rgba(8,6,4,.42) 62%,transparent)}.where{margin:0 0 .4rem;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}h1{margin:0;display:flex;align-items:stretch;font-family:var(--serif);font-weight:500;font-size:clamp(64px,11vw,132px);line-height:.8;letter-spacing:-.035em}h1 span:first-child{color:var(--gold)}h1 span:last-child{color:var(--silver)}h1 i{width:1px;margin:0 .08em;background:linear-gradient(var(--gold),var(--silver))}.lede{max-width:36rem;margin:1.1rem 0 1.4rem;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(18px,2.4vw,26px);line-height:1.25}button{appearance:none;background:transparent;color:var(--vellum);border:0;border-bottom:1px solid var(--gold);padding:0 0 6px;font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}button:hover{color:var(--gold)}button:focus-visible{outline:1px solid var(--gold);outline-offset:4px}button.quiet{border-bottom-color:transparent;color:var(--silver);margin-left:1.4rem}.keys,.best{margin:1rem 0 0;font-size:12px;font-weight:400;letter-spacing:.04em;color:#f3e2c0c7}#story,#pause,#fail,#ending{inset:0;display:grid;align-items:end}#story{grid-template-columns:minmax(180px,34%) 1fr;align-items:stretch}#story figure{margin:0;min-height:0;overflow:hidden}#story img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.92)}#story .copy,#pause .panel,#fail .panel,#ending .panel{align-self:end;padding:6vh 6vw 5vh;background:linear-gradient(transparent,#080604e0)}#story .copy p,#fail p,#ending p,#pause p{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.6vw,30px);line-height:1.3;margin:0 0 1.2rem}#pause{place-items:center;align-items:center;background:#08060473}#pause .panel,#fail .panel{width:min(520px,86%);background:#080604c7;padding:28px 32px 24px}#pause h2,#fail h2,#ending h2{margin:0 0 .6rem;font-family:var(--serif);font-weight:500;font-size:40px;color:var(--gold)}dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:0 0 1.2rem;font-size:13px}dt{color:var(--gold);font-weight:500}dd{margin:0;color:var(--vellum)}#ending{background:#100c09 center/cover no-repeat}#ending .panel{max-width:40rem}.pad{display:none;position:absolute;z-index:4;left:12px;right:12px;bottom:12px;grid-template-columns:repeat(4,1fr);gap:8px}.pad button{border:1px solid rgba(230,179,74,.6);background:#080604b8;min-height:44px;letter-spacing:.08em}@media(pointer:coarse){.pad{display:grid}#title{padding-bottom:18vh}}@media(max-width:720px){#story{grid-template-columns:1fr}#story figure{max-height:38vh}h1{font-size:64px}}@media(prefers-reduced-motion:reduce){#veil{transition:none}}