:root{color-scheme:dark;--paper: #f3ead7;--paper-dim: rgba(243, 234, 215, .72);--ink: #1c1612;--line: rgba(243, 234, 215, .35);--shadow: 0 18px 50px rgba(0, 0, 0, .28);font-family:Avenir Next,Gill Sans,Trebuchet MS,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;height:100dvh;background:#14110e;color:var(--paper);overflow:hidden;touch-action:none;overscroll-behavior:none}#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;display:block;touch-action:none}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 52%,rgba(12,9,7,.28) 100%)}#boot,#title,#hud,#speech,#prompt,#choice,#journal,#help{position:fixed;z-index:2}#boot{top:0;right:0;bottom:0;left:0;display:grid;place-items:end start;padding:48px;background:#14110e;letter-spacing:.18em;text-transform:uppercase;font-size:12px}#title{top:0;right:0;bottom:0;left:0;display:grid;align-items:end;padding:7vh 8vw 9vh;background:linear-gradient(90deg,rgba(16,12,9,.62) 0%,rgba(16,12,9,.18) 46%,transparent 70%),linear-gradient(180deg,rgba(16,12,9,.18),transparent 28%,rgba(16,12,9,.38));transition:opacity .7s ease}#title.leave{opacity:0;pointer-events:none}.title-copy{max-width:640px}.eyebrow{margin:0 0 12px;letter-spacing:.22em;text-transform:uppercase;font-size:12px;color:var(--paper-dim)}h1{margin:0;font-family:Iowan Old Style,Palatino,Palatino Linotype,Georgia,serif;font-weight:500;font-size:clamp(76px,11vw,148px);letter-spacing:-.045em;line-height:.84}.place{margin:10px 0 0;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:clamp(28px,3vw,42px);font-weight:500}.lede{max-width:42ch;font-size:17px;line-height:1.45;color:var(--paper-dim)}button{font:inherit;color:var(--ink);background:var(--paper);border:0;padding:14px 22px;letter-spacing:.14em;text-transform:uppercase;font-size:12px;cursor:pointer}button:hover{background:#fff8ec}.fine{margin-top:18px;max-width:46ch;color:#f3ead78c;font-size:12px;line-height:1.4}#hud{top:28px;left:32px;right:32px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 2px 16px rgba(0,0,0,.45)}#where,#when{margin:0;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:28px}#light{margin:4px 0 0;text-align:right;letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--paper-dim)}.hud-right{text-align:right}#speech{left:32px;right:32px;bottom:96px;max-width:640px;pointer-events:none}#speaker{margin:0 0 6px;letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:#f0d7a4}#speech-text{margin:0;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:26px;line-height:1.25;text-shadow:0 2px 18px rgba(0,0,0,.55)}#prompt{left:50%;bottom:36px;transform:translate(-50%);letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--paper);text-shadow:0 2px 12px rgba(0,0,0,.6);pointer-events:none}#choice{left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 48px));padding:28px;background:#16110de0;border:1px solid var(--line);box-shadow:var(--shadow)}#choice-copy{margin:0 0 20px;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:28px;line-height:1.25}.choice-actions{display:grid;gap:10px}.choice-actions button{text-align:left;background:transparent;color:var(--paper);border:1px solid var(--line)}.choice-actions button:hover{background:#f3ead714}#journal{top:0;right:0;height:100%;width:min(420px,100%);padding:36px 32px;background:#120e0beb;border-left:1px solid var(--line);overflow:auto}#journal h2{font-family:Iowan Old Style,Palatino,Georgia,serif;font-weight:500;font-size:42px;margin:0 0 18px}#entries{margin:0;padding:0 0 0 18px}#entries li{margin:0 0 16px;line-height:1.4;color:var(--paper-dim)}#help{right:28px;bottom:22px;margin:0;font-size:11px;letter-spacing:.08em;color:#f3ead773;pointer-events:none}body.shot #title,body.shot #hud,body.shot #speech,body.shot #prompt,body.shot #choice,body.shot #journal,body.shot #help,body.shot #boot,body.shot #vignette{display:none}#touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}#touch-hint{position:absolute;left:16px;right:16px;bottom:calc(118px + env(safe-area-inset-bottom));margin:0;text-align:center;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#f3ead7c7;text-shadow:0 2px 12px rgba(0,0,0,.65)}#use{pointer-events:auto;position:absolute;right:18px;bottom:calc(24px + env(safe-area-inset-bottom));width:76px;height:76px;border-radius:50%;padding:0}#stick{pointer-events:none;position:absolute;left:22px;bottom:calc(24px + env(safe-area-inset-bottom));width:108px;height:108px;border-radius:50%;border:1px solid rgba(243,234,215,.45);background:#14100c47}#nub{position:absolute;left:38px;top:38px;width:32px;height:32px;border-radius:50%;background:#f3ead7d9}#begin,#use,.choice-actions button{touch-action:manipulation}@media(max-width:720px){h1{font-size:56px}.lede{font-size:15px}#speech-text{font-size:20px}#help{display:none}#title{align-items:end;padding:3vh 6vw calc(96px + env(safe-area-inset-bottom))}#begin{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:auto;z-index:6}}