:root{font-family:Georgia,Times New Roman,serif;color:#f3e4c6;background:#000;font-synthesis:none;touch-action:none;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{position:relative;width:100%;height:100dvh}.stage-host{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;outline:none}.stage-host canvas{display:block}button,input{font:inherit;touch-action:manipulation}[hidden]{display:none!important}#pause{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:3;width:44px;height:44px;padding:0;border:1px solid #f3e4c644;border-radius:50%;background:#0008;color:#f3e4c6;font:22px system-ui,sans-serif;cursor:pointer}#pause:hover{background:#000c}.reel-bar{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:calc(max(12px,env(safe-area-inset-right)) + 56px);z-index:3;display:flex;justify-content:center;pointer-events:none}.reel-bar>*{pointer-events:auto}.reel-bar button,.reel-bar p{height:44px;background:#0008;color:#f3e4c6;border:1px solid #f3e4c644}.reel-bar button{width:44px;flex:none;padding:0;font:26px/1 Georgia,serif;cursor:pointer}.reel-bar button:hover{background:#000c}#reel-prev{border-radius:22px 0 0 22px}#reel-next{border-radius:0 22px 22px 0}.reel-bar p{margin:0;min-width:0;padding:0 12px;border-inline:0;display:flex;flex-direction:column;justify-content:center;text-align:center}.reel-bar p span{font:600 10px/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#c5ac86}.reel-bar p strong{font:700 14px/1.2 Georgia,Times New Roman,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pause-menu,.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(68px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.loading{z-index:4;background:#000}#pause-menu{z-index:2;background:#0009;overflow-y:auto}.pause-card{width:min(100%,320px);padding:24px;background:#211410;border-radius:8px}h1{margin:0 0 24px;font-size:28px}.pause-card label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}#film{display:block;width:100%;min-height:44px;margin:4px 0 12px;accent-color:#e5a93b}.pause-card .reduce{justify-content:flex-start;min-height:44px}#reduce{width:20px;height:20px;accent-color:#e5a93b}.controls{margin:20px 0 0;font:12px/1.5 system-ui,sans-serif;color:#c5ac86}button:focus-visible,input:focus-visible{outline:3px solid #f7d060;outline-offset:4px}@media(max-height:450px){#pause-menu{padding-top:max(12px,env(safe-area-inset-top))}.pause-card{padding:16px 24px}h1{margin-bottom:12px}.controls{margin-top:12px}}.pause-card select{min-height:44px;font:inherit;border:2px solid #1e130d;border-radius:6px;background:#f3e4c6;color:#1e130d;padding:0 8px}.headline{position:absolute;z-index:3;left:50%;top:18%;transform:translate(-50%) rotate(-2deg);pointer-events:none;display:grid;gap:4px;text-align:center;padding:12px 22px;max-width:min(90vw,560px);background:linear-gradient(180deg,#f3e4c6,#d9c194);color:#1e130d;border:3px solid #1e130d;border-radius:6px;box-shadow:0 4px #1e130d,0 8px 18px #00000073;animation:headline-in .35s cubic-bezier(.34,1.56,.64,1)}.headline strong{font:900 clamp(18px,4vw,34px)/1 Georgia,"Times New Roman",serif;letter-spacing:.03em}.headline span{font:italic 700 clamp(12px,2.2vw,18px)/1.2 Georgia,serif}@keyframes headline-in{0%{transform:translate(-50%) rotate(-2deg) scale(.4)}}@media(prefers-reduced-motion:reduce){.headline{animation:none}}.headline.calm{animation:none}