/* Age-check popup. The blurred photos and captions are all from hidoba.com. */
.gate-page{background:#080808;color:#f5f5f5;color-scheme:dark;min-height:100svh;display:grid;place-items:center;isolation:isolate;overflow:clip;padding:40px 22px}.gate-gallery{position:fixed;z-index:-4;inset:-13% -5% -20%;columns:4;column-gap:18px;transform:rotate(-3deg) scale(1.04);filter:blur(5px) saturate(.65);opacity:.5;pointer-events:none;animation:gallery-drift 40s ease-in-out infinite alternate}.gate-gallery figure{display:inline-block;width:100%;break-inside:avoid;background:#1c1c1c;margin:0 0 18px;box-shadow:0 1px 5px #000}.gate-gallery img{width:100%;height:240px;object-fit:cover}.gate-gallery figure:nth-child(3n) img{height:300px}.gate-gallery figcaption{font:12px/1.4 Arial,sans-serif;color:#eee;padding:12px 12px 16px;min-height:60px}.gate-shade{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at center,#0005,#000a 70%,#000e);backdrop-filter:blur(1px)}.age-gate{position:relative;flex:none;display:block;width:min(650px,100%);min-height:0;margin:0;padding:44px 45px 30px;z-index:2;background:#121212ed;border:1px solid #505050;box-shadow:0 0 0 7px #0808087a,0 35px 150px #000,0 0 140px #0008;text-align:center;border-radius:5px}.gate-brand{display:inline-flex;gap:12px;align-items:center;justify-content:center;margin:0 auto 35px;color:#ddd;font-size:18px;line-height:1.04;text-align:left;letter-spacing:-.04em}.gate-brand img{width:42px;filter:invert(1)}.age-gate h1{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(31px,4.4vw,54px);font-weight:600;line-height:1.08;letter-spacing:-.055em;color:#fff;white-space:nowrap}.age-buttons{display:flex;flex-direction:row;gap:18px;width:100%;max-width:none;margin:36px 0 0}.age-buttons button{font-size:20px;min-height:77px;padding:20px 23px;border-radius:2px}.age-buttons .age-creative{border:1px solid #fa49cb;background:#160d16;box-shadow:4px 4px 0 #c32aaf;overflow:hidden;isolation:isolate}.age-buttons .age-creative:is(:hover,:focus-visible,:active){background:#160d16;color:#d3ff32;transform:translateY(-3px);border-color:#e4ff43}.age-buttons .age-classic{border:1px solid #e9e8e3;background:#e9e8e3;color:#171717;box-shadow:4px 4px 0 #686765}.age-buttons .age-classic:hover{background:#f15a24;border-color:#f15a24;color:#181717;transform:translateY(-3px)}.age-buttons button>span:last-child{font-size:27px}.gate-copyright{font:9px/1.6 'IBM Plex Mono',monospace;color:#757575;margin-top:34px;letter-spacing:.01em}.gate-transition{z-index:10}.gate-page.entering-classic .gate-transition{background:#121212}@keyframes gallery-drift{from{transform:rotate(-3deg) scale(1.04) translateY(0)}to{transform:rotate(-3deg) scale(1.04) translateY(-65px)}}
@media(max-width:760px){.gate-page{padding:24px 18px}.gate-gallery{columns:3;inset:-10% -25% -10%;column-gap:12px;filter:blur(4px)}.gate-gallery img{height:210px}.gate-gallery figcaption{font-size:10px;padding:9px;min-height:50px}.age-gate{padding:35px 24px 25px;width:min(500px,100%)}.gate-brand{font-size:17px;margin-bottom:29px;gap:11px}.gate-brand img{width:39px}.age-gate h1{font-size:clamp(29px,6.6vw,43px);letter-spacing:-.06em}.age-buttons{flex-direction:row;gap:13px;margin-top:30px;width:100%;max-width:none}.age-buttons button{font-size:16px;min-height:67px;padding:16px 15px}.age-buttons button>span:last-child{font-size:22px}.gate-copyright{font-size:8px;margin-top:28px}}@media(max-width:380px){.gate-page{padding:18px 14px}.age-gate{padding:31px 20px 24px}.age-gate h1{font-size:28px}.age-buttons button{font-size:15px;padding:15px 12px;min-height:64px}.age-buttons{gap:11px}.age-buttons button>span:last-child{font-size:20px}}

/* The original oracle stays still while rainbow spirals rotate in its eyes. */
.age-creative .gate-oracle{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;visibility:hidden}
.gate-oracle-photo{filter:saturate(1.3) contrast(1.08)}
.age-creative>span{position:relative;z-index:1}
.age-creative.art-ready:is(:hover,:focus-visible,:active) .gate-oracle{opacity:1;visibility:visible}
.gate-eye-spin{transform-box:fill-box;transform-origin:center}
.age-creative:is(:hover,:focus-visible,:active) .gate-eye-spin{animation:gate-iris-spin 1.15s linear infinite}
.age-creative:is(:hover,:focus-visible,:active)>span:first-child{background:#130b17b8;box-shadow:0 0 8px 5px #130b17a3;text-shadow:0 1px 2px #000,1px 1px #fe39d6,-1px -1px #1af2e4}
@keyframes gate-iris-spin{to{transform:rotate(360deg)}}
[data-motion=off] .age-creative .gate-eye-spin{animation:none}
@media(prefers-reduced-motion:reduce){.age-creative .gate-eye-spin{animation:none!important}}