.gate{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(26,26,26,.42)}.gatecard{width:min(420px,100%);max-height:100%;overflow-y:auto;background:var(--paper);border:6px solid var(--ink);border-radius:28px;padding:26px 24px calc(24px + env(safe-area-inset-bottom,0px));text-align:center;box-shadow:14px 16px 0 rgba(26,26,26,.18)}.gatecard h2{font-family:Luckiest Guy,sans-serif;font-weight:400;font-size:30px;line-height:1.1;margin:0 0 10px}.gatecard p{font-size:19px;line-height:1.4;margin:0 0 18px;text-wrap:pretty}.gatecard .man{margin:0 auto 12px;display:block}.gateacts{display:flex;flex-direction:column;gap:10px}.gateacts a{display:block;text-decoration:none;border:5px solid var(--ink);border-radius:34px;background:var(--sun);font-family:Luckiest Guy,sans-serif;font-size:23px;padding:13px 10px}.gateacts a .free{font-family:Patrick Hand,cursive;font-size:17px;opacity:.7;display:block;line-height:1;margin-top:3px}.gateacts a:active{transform:translateY(2px)}.gateacts .gateno{border:4px solid var(--ink);border-radius:34px;background:var(--paper);font:inherit;color:inherit;font-size:19px;padding:11px 10px;cursor:pointer}@media (prefers-reduced-motion:no-preference){.gatecard{animation:gatein .22s cubic-bezier(.2,1.3,.4,1) both}@keyframes gatein{0%{transform:translateY(14px) scale(.96);opacity:0}}}