:root{font:16px/1.5 system-ui,sans-serif;color:#fff7df;background:#142623;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a,summary{touch-action:manipulation}button{min-height:44px;padding:.55rem .9rem;border:1px solid #a8996b;border-radius:.35rem;background:#273d33;color:inherit;font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #f3dca0;outline-offset:3px}a{color:#f3dca0}#opening{height:100dvh;position:relative;display:grid;grid-template-rows:minmax(200px,1fr) auto auto}#viewport{position:relative;min-height:0;grid-row:1;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}#fade,#letterbox{position:absolute;inset:0;pointer-events:none}#fade{background:#000;opacity:0;z-index:2}#letterbox{z-index:1;border-block:var(--wide-height,0px) solid #000}#start{position:absolute;z-index:5;inset:0;display:grid;align-content:center;justify-items:center;text-align:center;overflow:auto;padding:2rem;background:linear-gradient(#10251de8,#0c1518f7)}#start h1{font:clamp(2.5rem,8vw,5rem) Georgia,serif;margin:0}#start p{max-width:36rem}.start-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}#start[hidden],#film-wrap[hidden],#journal[hidden],#controls[hidden],#error[hidden],button[hidden],input[hidden]{display:none}#journal{z-index:3;background:#12211ff5;padding:.75rem clamp(1rem,4vw,3rem);display:grid;grid-template-columns:1fr auto;gap:0 1rem}#speaker{margin:0;color:#e8c48a;font-size:.85rem}#caption{grid-column:1;margin:.2rem 0;max-height:25dvh;overflow:auto}#continue{grid-column:2;grid-row:1/3;align-self:center}#controls{z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem max(.5rem,env(safe-area-inset-bottom));background:#0b1716}details{max-width:100%}summary{min-height:44px;display:list-item;padding:.55rem .4rem;cursor:pointer;color:#f3dca0}#controls>details[open]{flex-basis:100%;padding:.2rem .5rem .6rem;border-block-start:1px solid #596b50}#controls p{font-size:.85rem;margin:.5rem 0}.camera-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;max-width:37rem;margin:.3rem 0 .6rem}.camera-pad>div{display:grid;gap:.5rem}.camera-pad button{user-select:none;touch-action:none}.save-actions{display:flex;flex-wrap:wrap;gap:.5rem}pre{max-width:calc(100vw - 3rem);max-height:12rem;overflow:auto;font-size:.7rem}#film-wrap{position:absolute;inset:0;z-index:4;background:#000;display:grid;place-items:center}video{width:100%;height:100%;min-height:0;object-fit:contain}#skip-film{position:absolute;right:1rem;bottom:max(4rem,env(safe-area-inset-bottom))}#error{position:absolute;z-index:10;inset:auto 1rem 1rem;padding:1rem;background:#451d1ded;border:1px solid #dbaa82;overflow-wrap:anywhere}#audio-settings .audio-settings{margin:0}@media(max-width:600px){#journal{grid-template-columns:1fr;padding:.5rem .75rem}#continue{grid-column:1;grid-row:auto;justify-self:end}#controls{font-size:.85rem;padding-inline:.65rem;gap:.3rem}#controls>button{padding-inline:.6rem}.camera-pad{gap:.35rem}.camera-pad button{padding:.5rem .35rem}#start{padding:1.25rem}.save-actions button{flex:1 1 8rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}