*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;overscroll-behavior:none}body{display:grid;place-items:center;font-family:Arial,Helvetica,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}#stage{--ui-span:min(100vw,56.25dvh);position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#783e22;touch-action:none;outline:none;cursor:pointer}#stage:fullscreen{width:100vw;height:100dvh;background:#000;display:grid;place-items:center}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;filter:saturate(.86) brightness(.97)}#stage:fullscreen #scene{inset:0;width:100%;height:100%}#vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(42,11,2,.43),transparent 56%),radial-gradient(ellipse at 44% 48%,transparent 42%,rgba(51,15,3,.16) 100%)}#prompt{position:absolute;top:23%;left:0;width:100%;text-align:center;color:#fff5df;pointer-events:none;text-shadow:0 2px 18px #4b210e;transition:opacity .12s;z-index:2}#main{font-size:clamp(14px,calc(var(--ui-span)*.056),36px);font-weight:400;letter-spacing:.055em}#sub{font-size:clamp(10px,calc(var(--ui-span)*.028),16px);letter-spacing:.04em;margin-top:clamp(6px,1.5dvh,12px);color:#ffefd5}#prompt.count{top:23%}#prompt.count #main{font-size:clamp(28px,calc(var(--ui-span)*.15),108px);font-weight:300}#prompt.count #sub{display:none}#prompt.gone{opacity:0}#aria{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

#fullscreen{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:5;width:42px;height:42px;display:grid;place-items:center;padding:10px;color:#fff2d9;background:rgba(39,17,8,.35);border:1px solid rgba(255,239,210,.25);border-radius:12px;cursor:pointer;touch-action:manipulation;opacity:.8}
#fullscreen:hover,#fullscreen:focus-visible{opacity:1;background:rgba(39,17,8,.65)}#fullscreen:focus-visible{outline:2px solid #fff2d9;outline-offset:3px}#fullscreen[hidden]{display:none}#fullscreen svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#fullscreen .exit{display:none}#fullscreen[aria-pressed="true"] .enter{display:none}#fullscreen[aria-pressed="true"] .exit{display:block}
#countRing{display:none;width:76px;height:76px;margin:auto;position:relative}#prompt.count #countRing{display:block}#prompt.count #main{font-size:26px;line-height:76px;margin-top:-76px}#countRing svg{width:100%;height:100%;transform:rotate(-90deg)}#countRing circle{fill:none;stroke-width:2}#countRing .track{stroke:rgba(255,245,223,.18)}#countRing .remaining{stroke:#fff5df;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:var(--elapsed,0)}