/* A little pocket of magic around the story button; never intercepts a tap. */
.story-gate .gate-button-wrap{position:relative;isolation:isolate;width:100%;overflow:visible}
.story-gate .gate-button-wrap::before{content:"";position:absolute;inset:-12px -15px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#ffb95e20, #ef6ea610 45%,transparent 73%);opacity:.65;transition:opacity .35s ease}
.story-gate .gate-button-wrap:has(.gate-submit:hover)::before,.story-gate .gate-button-wrap:has(.gate-submit:focus-visible)::before,.story-gate .gate-button-wrap[data-dust-boost="true"]::before{opacity:1}
.story-gate #gate-button-dust{position:absolute;inset:-32px;width:calc(100% + 64px);height:calc(100% + 64px);z-index:2;display:block;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges}
.story-gate .gate-button-wrap .gate-submit{position:relative;z-index:1}
@media(hover:hover){.story-gate .gate-button-wrap .gate-submit:hover{border-color:#ffe0a0;box-shadow:4px 4px #55214d,0 0 0 1px #2c153b,inset 0 2px #ffe2ab66,0 0 25px #ffb75835}}
.story-gate .gate-button-wrap .gate-submit:focus-visible{box-shadow:4px 4px #55214d,0 0 0 1px #2c153b,inset 0 2px #ffe2ab66,0 0 25px #ffb75835}
@media(prefers-reduced-motion:reduce){.story-gate .gate-button-wrap::before{transition:none}}