:root{color:#f8f4eb;font-synthesis:none;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--panel:#fffaf0;--ink:#21170f;--accent:#713c28;--focus:#ffd166;background:#17130f;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html{background:#17130f;min-width:320px}body{background:#17130f;min-width:320px;min-height:100dvh;margin:0}button{font:inherit}button:focus-visible,[tabindex="-1"]:focus-visible{outline:4px solid var(--focus);outline-offset:4px}.app-shell{min-height:100dvh;padding:calc(1rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(1rem + var(--safe-bottom)) calc(1rem + var(--safe-left))}.title-screen,.technical-summary,.technical-screen{width:min(100%,44rem);color:var(--ink);background:var(--panel);border-radius:1rem;margin:8vh auto 0;padding:clamp(1.25rem,5vw,3rem)}.title-screen h1,.technical-summary h1,.technical-screen h1{margin:0 0 1rem;font-size:clamp(2rem,8vw,4rem);line-height:1.05}.technical-summary h1,.technical-screen h1{font-size:clamp(1.6rem,6vw,2.6rem)}.eyebrow,.page-progress,.speaker-label{letter-spacing:.08em;text-transform:uppercase;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.82rem;font-weight:800}.story-layout{width:min(100%,68rem);margin:0 auto}.story-art{background:#0d0b09;border-radius:1rem 1rem 0 0;justify-content:center;margin:0;display:flex;overflow:clip}.story-art img{object-fit:contain;object-position:center;width:100%;height:auto;max-height:62dvh;display:block}.content-panel{color:var(--ink);background:var(--panel);border-radius:0 0 1rem 1rem;padding:clamp(1.25rem,5vw,2.75rem)}.page-progress{color:#714c36;margin:0 0 1rem}.story-copy{font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.65}.story-copy p{margin:0 0 1.1em}.speaker-label{color:#62331f;margin-bottom:.35rem!important}.primary-action,.choice-button,.secondary-action{color:#fffdf8;background:var(--accent);cursor:pointer;border:2px solid #4d2518;border-radius:.65rem;width:100%;min-height:3rem;padding:.85rem 1rem}.primary-action{margin-top:1rem}.secondary-action{color:var(--ink);border-color:var(--accent);background:0 0;margin-top:.75rem}.technical-actions{display:grid}button:disabled{cursor:wait;opacity:.65}.choice-group{border:0;gap:.9rem;min-width:0;margin:1.5rem 0 0;padding:0;display:grid}.choice-button{text-align:left;min-height:3.5rem;line-height:1.45}.choice-button:hover,.primary-action:hover{background:#53291d}.secondary-action:hover{color:#fffdf8;background:#53291d}.technical-summary dl>div{border-bottom:1px solid #c7b8a9;padding:.75rem 0}.technical-summary dt{font-weight:700}.technical-summary dd{overflow-wrap:anywhere;margin:.3rem 0 0}.technical-summary li{overflow-wrap:anywhere;gap:.25rem;margin-bottom:1rem;display:grid}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width>=52rem){.story-layout{min-height:calc(100dvh - 2rem - var(--safe-top) - var(--safe-bottom));grid-template-columns:minmax(18rem,.82fr) minmax(24rem,1fr);align-items:center;display:grid}.story-art{border-radius:1rem 0 0 1rem}.story-art img{max-height:calc(100dvh - 4rem - var(--safe-top) - var(--safe-bottom))}.content-panel{border-radius:0 1rem 1rem 0;max-height:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}