:root{--bg:#08060e;--panel:#14101d;--pink:#ff268f;--pink2:#ff67ba;--magenta:#ca0c83;--electric:#c16bff;--cream:#fff7fb;--muted:#beaabc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font:15px/1.5 Inter,"Arial",system-ui,sans-serif;overflow-x:hidden}body.lock{overflow:hidden}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:3px}h1,h2,h3,p{margin:0}.skip{position:absolute;top:-60px;left:10px;background:white;color:black;padding:10px;z-index:60}.skip:focus{top:8px}
/* brand chrome */
.eyebrow,.mono{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow{color:#ff92c8}.neon-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 15px var(--pink);margin-right:9px}.ticker{height:29px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#8a0655,#e40877,#65084b);color:#fff;font-size:10px;letter-spacing:.24em;font-weight:900;text-align:center}.topnav{position:relative;z-index:6;height:77px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(16px,4.5vw,85px);border-bottom:1px solid #53304f;background:#0c0812}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:clamp(26px,3vw,38px);font-style:italic;font-weight:1000;letter-spacing:-.095em;line-height:1}.brand span.dot{color:var(--pink);margin-left:-10px}.brand small{font-size:12px;letter-spacing:.17em;font-weight:950;font-style:normal;margin-left:5px;border-left:2px solid var(--pink);padding-left:14px}.navlinks{display:flex;gap:26px;align-items:center}.navlinks a,.nav-btn{font-size:11px;letter-spacing:.14em;font-weight:900}.navlinks a:hover,.footer a:hover{color:var(--pink2)}.nav-btn{padding:10px 17px;border:1px solid #e748a1;border-radius:4px;background:#b60967;box-shadow:0 0 20px #a40a5b66}.network-tag{font-family:ui-monospace,monospace;color:#dbb8d1;font-size:10px;letter-spacing:.13em}.nav-end{display:flex;align-items:center;gap:18px}
.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:17px;border-radius:6px;padding:15px 24px;min-height:51px;text-transform:uppercase;font-weight:1000;font-size:12px;letter-spacing:.115em;transition:transform .15s,box-shadow .15s,filter .15s}.btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.btn.primary{background:linear-gradient(100deg,#fd278e,#d70079);border-color:#ff71b8;color:white;box-shadow:0 0 35px #ed0d8860}.btn.outline{background:#130c1d;color:#fff;border-color:#ff59ab}.btn.secondary{background:#f0208c;color:#fff;border-color:#ff70bb;width:100%}.btn.soft{background:#270e2b;border:1px solid #a43b85;color:#ffdeef}
/* hero */
.hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 70% 15%,#44104d 0%,#180921 37%,#0a0710 75%);min-height:640px}.hero::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.29;background-image:linear-gradient(#a34f9830 1px,transparent 1px),linear-gradient(90deg,#a34f9830 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(0deg,#000 0%,transparent 80%);transform:perspective(550px) rotateX(45deg) scale(1.4);transform-origin:50% 100%}.hero::after{content:"";position:absolute;width:560px;height:560px;border:1px solid #b429986b;border-radius:50%;right:-100px;top:10px;box-shadow:0 0 110px #af0c8750;z-index:-1}.hero-layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:20px;padding:68px clamp(20px,5vw,75px) 88px}.hero-copy{z-index:1}.hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:30px}.kicker-line{width:62px;height:1px;background:var(--pink)}.hero h1{font-weight:1000;font-style:italic;text-transform:uppercase;font-size:clamp(65px,7.5vw,128px);letter-spacing:-.085em;line-height:.82;text-shadow:0 4px 40px #0007}.hero h1 span{color:var(--pink);text-shadow:0 0 50px #f5219270}.hero p{color:#eacbe0;font-size:17px;max-width:525px;margin:30px 0 32px}.hero-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:10px;margin-top:36px;color:#d6a5c3;font-size:11px;letter-spacing:.1em;font-weight:800}.hero-note b{color:#fff}.hero-visual{position:relative;min-width:0;padding:20px 15px 30px}.hero-visual-frame{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.08/1;border:1px solid #ff67b6;border-radius:16px 100px 16px 100px;background:#230925;box-shadow:0 0 0 8px #ff3b9512,0 0 100px #df11865f}.hero-visual-frame img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(1.13) contrast(1.06)}.hero-visual-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09020dc9,transparent 43%),linear-gradient(90deg,#17001c33,transparent)}.hero-frame-label{position:absolute;left:25px;bottom:27px;z-index:1;font-size:13px;letter-spacing:.18em;font-weight:1000;text-shadow:0 3px 12px #000}.hero-frame-label strong{font-size:40px;letter-spacing:-.065em;line-height:1;display:block;font-style:italic}.orbit{position:absolute;border:1px solid #ff82ccbb;border-radius:50%;width:120px;height:120px;right:-6px;top:-16px;display:grid;place-content:center;background:#120717bb;box-shadow:0 0 20px #ff44ac44;transform:rotate(14deg);text-align:center;font-size:13px;font-weight:1000;letter-spacing:.1em;line-height:1.25;z-index:1}.floating-status{position:absolute;left:-28px;top:30%;background:#1b0c20e8;z-index:1;padding:12px 16px;border:1px solid #9e387e;box-shadow:0 14px 40px #0009;border-radius:7px;font:800 11px ui-monospace,monospace;letter-spacing:.08em}.floating-status:before{content:'●';color:#f7248c;margin-right:10px}.hero-stats{display:flex;gap:40px;align-items:center;padding:16px clamp(20px,5vw,75px);background:#0d0812;border-top:1px solid #853161;border-bottom:1px solid #4c264b;justify-content:center}.hero-stats span{font:900 10px ui-monospace,monospace;letter-spacing:.16em;color:#e7bfd7}.hero-stats i{width:4px;height:4px;background:#ff2b99;border-radius:50%}
/* game listings */
.section-width{width:min(1320px,92%);margin:auto}.games-section{padding-top:85px;padding-bottom:83px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-head h2,.loop-copy h2{font-size:clamp(39px,5.6vw,74px);font-style:italic;font-weight:1000;letter-spacing:-.075em;line-height:.94;margin-top:13px}.section-head h2 span,.loop-copy h2 span{color:var(--pink)}.smallprint{font:800 11px ui-monospace,monospace;letter-spacing:.08em;color:#ad8da8;text-align:right;max-width:220px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-card{overflow:hidden;border:1px solid #80446e;background:#120d19;border-radius:14px;box-shadow:0 25px 60px #0006;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);border-color:#ff57aa;box-shadow:0 20px 60px #e2136e26}.card-art{height:238px;position:relative;overflow:hidden;display:grid;place-content:center}.card-art::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 5px,#fff1 6px 7px);opacity:.45}.card-art:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid #ffb1e55c;box-shadow:0 0 0 30px #ffffff06,0 0 0 64px #ffffff07,0 0 80px #ff2b8f75}.card-truth{background:radial-gradient(circle at center,#a00968,#320a3d 55%,#140a1c)}.card-story{background:radial-gradient(circle at center,#963363,#2e0b44 58%,#100a1a)}.card-chemistry{background:radial-gradient(circle at center,#db2570,#3b0732 55%,#14081c)}.card-symbol{z-index:1;position:relative;font-size:115px;line-height:1;color:#fff;text-shadow:0 0 25px #ff4cab,0 0 75px #ff43aa;font-weight:300;transform:rotate(-7deg)}.card-story .card-symbol{font-family:Georgia,serif;font-style:italic;font-size:80px;letter-spacing:-.08em;transform:none}.card-count{position:absolute;z-index:2;top:17px;left:19px;color:#fdd2eb;font:900 11px ui-monospace,monospace;letter-spacing:.14em}.card-mode{position:absolute;z-index:2;bottom:15px;right:17px;border:1px solid #ffbfe082;padding:5px 9px;border-radius:3px;color:#fff;font:900 9px ui-monospace,monospace;letter-spacing:.1em}.card-body{padding:27px}.card-type{font:900 10px ui-monospace,monospace;letter-spacing:.14em;color:#fb82bd}.card-body h3{font-weight:1000;font-size:clamp(26px,2.8vw,39px);font-style:italic;line-height:1;letter-spacing:-.07em;margin:12px 0}.card-body h3 em{font-style:normal;color:var(--pink2)}.card-body p{min-height:66px;color:#bfa8bd;font-size:14px;margin:10px 0 21px}.card-body .btn{width:100%}
/* games: pre-existing engine */
.play-stage{scroll-margin-top:24px;padding:20px 0 85px}.play-stage[hidden]{display:none}.stage-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px}.stage-head h2{font-size:clamp(29px,4.3vw,52px);line-height:1.05;margin-top:8px;letter-spacing:-.07em;font-style:italic;font-weight:1000}.textbutton{border:1px solid #b46e9e;background:#230c24;color:white;padding:10px 16px;border-radius:6px;font-weight:900;font-size:11px;letter-spacing:.09em}.stage-content{background:radial-gradient(ellipse at 100% 0,#3d164c,#170b21 70%);border:1px solid #a13f86;border-radius:18px;box-shadow:0 0 70px #d7126624;padding:clamp(20px,4vw,49px);min-height:360px}.game-panel{max-width:760px;margin:auto}.game-panel h3{font-size:clamp(29px,4vw,48px);letter-spacing:-.06em;font-style:italic;font-weight:1000;line-height:1.05;margin:10px 0 19px}.stage-sub{color:#d9bcd2;font-size:15px;margin-bottom:17px}.game-meta{display:flex;justify-content:space-between;gap:12px;font:900 11px ui-monospace,monospace;letter-spacing:.1em;color:#ffb6d8;margin:10px 0 24px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 28px}.option-grid button,.choice{background:#29132e;border:1px solid #8a477b;color:white;border-radius:9px;padding:18px;text-align:left;font-weight:800}.option-grid button:hover,.choice:hover{background:#66245e;border-color:#ff66b7}.option-grid button.selected{background:#b90971;border-color:#ff75be}.muted{color:#c3a6c1;font-size:12px}.truth-prompt{border:1px solid #f363ac;border-radius:10px;background:linear-gradient(120deg,#521947,#26122c);min-height:195px;padding:34px;display:flex;align-items:center;margin:22px 0 18px;font-size:clamp(24px,3.3vw,37px);font-weight:850;line-height:1.23}.controls{display:flex;flex-wrap:wrap;gap:11px;align-items:center;margin:22px 0 0}.story-card-content{font-size:clamp(18px,2.4vw,23px);line-height:1.65;color:#ffe5f4;border-left:3px solid #ff43a0;background:#23122c;border-radius:0 9px 9px 0;padding:25px;margin:20px 0}.story-choices{display:grid;gap:11px}.progress{height:7px;background:#5e3856;border-radius:10px;overflow:hidden;margin:18px 0}.progress span{height:100%;display:block;background:linear-gradient(90deg,#f12d95,#c684ff)}.result-box{border:1px solid #f17abd;border-radius:11px;background:#601746;padding:28px}.result-box strong{display:block;font-size:clamp(28px,4vw,45px);letter-spacing:-.05em;line-height:1.06;margin:12px 0}.result-box p{color:#ffdfef}.game-panel .btn.primary{font-size:11px}
/* referral */
.loop-section{padding:78px 0 90px;border-top:1px solid #422342;display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:center}.loop-copy h2{font-size:clamp(36px,4.1vw,62px)}.loop-copy p:last-child{font-size:16px;color:#cbaec7;max-width:370px;margin-top:17px}.network-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.network-tile{height:280px;border:1px solid #be4c91;border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:23px;background:#2b102a;isolation:isolate;transition:transform .18s}.network-tile:hover{transform:translateY(-4px)}.network-tile:before{content:"";position:absolute;z-index:-2;inset:0;background-size:cover;background-position:center}.network-tile:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#0d0611ed 0%,transparent 70%),linear-gradient(90deg,#2b102899,transparent)}.network-tile.meet:before{background-image:url('assets/meet.webp')}.network-tile.watch:before{background-image:url('assets/watch.webp')}.network-label{font:900 11px ui-monospace,monospace;letter-spacing:.16em;color:#ffcced}.network-tile strong{font-size:35px;font-weight:1000;font-style:italic;letter-spacing:-.065em;line-height:1}.network-sub{font:800 12px ui-monospace,monospace;color:#fdd0e7;margin-top:8px}
footer{border-top:1px solid #5c2251;background:#0b070f;padding:32px clamp(18px,5vw,75px);font-size:11px;color:#a98ca6}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.footer-main .brand{font-size:23px;color:white}.footer-main .brand small{font-size:9px}.footer nav{display:flex;gap:20px;flex-wrap:wrap;color:white;font-weight:900;letter-spacing:.1em}footer p{max-width:990px;margin:10px 0}
/* age gate */
.age-gate{position:fixed;z-index:80;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#07040af7;overflow:auto}.age-gate[hidden]{display:none}.age-panel{width:min(510px,100%);text-align:center;border:1px solid #ef5ca8;border-radius:16px;padding:40px;background:radial-gradient(circle at 50% -10%,#65214b,#18091d 65%);box-shadow:0 0 100px #f30d7344}.age-panel .brand{justify-content:center;margin-bottom:35px}.age-panel h1{font-size:clamp(39px,6vw,64px);letter-spacing:-.07em;line-height:.93;font-style:italic;margin:14px 0 23px}.age-panel h1 em{color:#ff3898;font-style:normal}.age-panel p{color:#e7bfd7;max-width:400px;margin:auto auto 25px}.age-panel .btn{width:100%;max-width:360px}.underlink{display:block;text-decoration:underline;font-size:12px;margin:20px;color:#e1b3d0}.fine{color:#ad8ca4;font-size:10px}
@media(max-width:1150px){.nav-end .network-tag{display:none}.hero h1{font-size:clamp(62px,8.5vw,96px)}.hero-layout{gap:0}.card-body h3{font-size:27px}}
@media(max-width:780px){.ticker{height:24px;font-size:8px;letter-spacing:.1em}.topnav{height:67px;padding:0 16px}.brand{font-size:28px}.brand small{font-size:11px}.navlinks{gap:13px}.navlinks a{font-size:10px}.nav-btn{display:none}.nav-end{display:none}.hero-layout{display:flex;flex-direction:column;gap:25px;padding:44px 20px 54px;align-items:stretch}.hero{min-height:0}.hero-copy{z-index:2}.hero h1{font-size:clamp(63px,15vw,100px)}.hero p{font-size:15px;max-width:600px;margin:22px 0 23px}.hero-kicker{margin-bottom:22px}.hero-note{margin-top:19px}.hero-visual{padding:15px 12px 15px;max-width:600px;width:100%;align-self:center}.hero-visual-frame{aspect-ratio:1.5/1;border-radius:14px 80px 14px 80px}.hero-frame-label strong{font-size:30px}.orbit{width:89px;height:89px;right:-3px;top:0;font-size:10px}.floating-status{left:-7px;font-size:9px;padding:9px;top:24%}.hero-stats{gap:15px;justify-content:space-around;padding:12px}.hero-stats span{font-size:9px;letter-spacing:.03em}.hero-stats i{display:none}.games-section{padding-top:60px;padding-bottom:50px}.section-head{align-items:start}.section-head h2{font-size:clamp(39px,8vw,64px)}.smallprint{display:none}.game-grid{grid-template-columns:1fr}.game-card{display:grid;grid-template-columns:40% 60%;min-height:220px}.card-art{height:100%;min-height:240px}.card-art:after{width:220px;height:220px}.card-symbol{font-size:80px}.card-story .card-symbol{font-size:49px}.card-body{padding:18px;display:flex;flex-direction:column}.card-body h3{font-size:28px}.card-body p{font-size:12px;min-height:0;margin:9px 0 15px}.card-body .btn{margin-top:auto;padding:12px 10px;font-size:10px}.loop-section{display:block;padding:55px 0}.network-grid{margin-top:24px}.network-tile{height:230px;padding:16px}.network-tile strong{font-size:28px}.network-sub{font-size:10px}.footer-main{display:flex;align-items:start;flex-direction:column}.option-grid{grid-template-columns:1fr}.stage-head h2{font-size:30px}}
@media(max-width:420px){.brand{font-size:25px}.brand small{font-size:10px;margin-left:0;padding-left:9px}.navlinks{gap:11px}.hero h1{font-size:clamp(58px,15vw,72px)}.game-card{grid-template-columns:37% 63%}.card-body{padding:15px}.card-body h3{font-size:23px}.card-body p{font-size:11px}.card-type{font-size:9px}.card-symbol{font-size:66px}.card-story .card-symbol{font-size:38px}.card-art{min-height:240px}.network-tile strong{font-size:24px}.stage-content{padding:19px}.game-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}