@font-face{font-family:"Times Now";src:url("fonts/TimesNow-Light.d4e7bf4b33c6.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
.cookie-hit{position:absolute;left:23%;top:24%;width:49%;height:58%;border:0;background:transparent!important;cursor:pointer;border-radius:44%;z-index:3;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.cookie-hit:focus-visible{outline:2px solid #806253;outline-offset:9px}.cookie-hit:disabled{cursor:default}.cookie-hit[hidden]{display:none}
.grip-hint{position:absolute;bottom:8%;left:0;right:0;text-align:center;pointer-events:none;color:#6d655e;font-size:11px;letter-spacing:.015em}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.experience-buttons{display:flex;justify-content:center;gap:12px;min-height:44px;align-items:center}
.experience-buttons button{transition:transform .12s ease,background-color .15s ease}.experience-buttons button:active{transform:translateY(1px) scale(.97)}
.experience-buttons button[hidden]{display:none}.stage[data-state=reading]{cursor:default}.grip-hint[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.experience-buttons button{transition:none;transform:none!important}}

/* The page surround and readable UI use the constant duotone palette. */
body:has(#cookie) h1,body:has(#cookie) button.control{color:var(--scene-ink,#2b2a1f)}
body:has(#cookie) .grip-hint{color:var(--scene-hint,#6d655e)}
body:has(#cookie) .cookie-hit:focus-visible{outline-color:var(--scene-ink,#806253)}