@import "tailwindcss";
:root{--pink:#ff4fa3;--cream:#fff4e7;--acid:#eaff45;--black:#09060c;--cyan:#28e7ff;scroll-behavior:smooth}*{box-sizing:border-box}html{scroll-snap-type:y proximity}body{margin:0;background:var(--black);color:var(--cream);font-family:Arial,"Helvetica Neue",sans-serif;overflow-x:hidden;text-rendering:optimizeLegibility}::selection{background:var(--acid);color:#111}a{text-decoration:none;color:inherit}.mag-site{background:#08060b}.topbar{position:fixed;z-index:50;left:0;right:0;top:0;height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff30;background:#08050b24;backdrop-filter:blur(6px)}.logo{display:flex;align-items:baseline;gap:10px}.logo span{font-size:38px;font-weight:1000;letter-spacing:-4px;color:var(--pink)}.logo i{font-style:normal;font-size:10px;font-weight:900}.topbar nav{display:flex;gap:30px;font-size:10px;font-weight:900;letter-spacing:1.5px}.topbar nav a:hover{color:var(--acid)}.progress{position:absolute;bottom:-1px;left:0;right:0;height:2px}.progress i{display:block;height:100%;background:var(--pink);box-shadow:0 0 12px var(--pink);transition:width .5s ease}.screen{width:100%;height:100svh;min-height:650px;position:relative;overflow:hidden;isolation:isolate;scroll-snap-align:start}.world{position:absolute;inset:-4%;z-index:-5;background-size:cover;background-position:center;animation:worldDrift 15s ease-in-out infinite alternate}.world-apocalypse{background-image:url('/mag/bg-apocalypse.jpg')}.world-store{background-image:url('/mag/bg-store.jpg')}.screen:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none}.hero:after{background:linear-gradient(90deg,#08060bf2 0,#08060b9b 38%,transparent 66%),linear-gradient(0deg,#08060ba0,transparent 55%)}.hero-type{position:absolute;z-index:4;left:6vw;top:50%;transform:translateY(-45%);width:min(780px,52vw)}.kicker{font:900 10px/1 Arial;letter-spacing:3px;color:var(--acid);margin:0 0 30px}.hero h1{font-size:clamp(72px,8vw,150px);line-height:.75;letter-spacing:-8px;margin:0;font-weight:1000}.hero h2{font-size:clamp(34px,4vw,72px);line-height:.85;letter-spacing:-4px;margin:25px 0 38px}.screen em{font-style:normal;color:var(--pink);text-shadow:0 0 35px #ff4fa355}.buttons{display:flex;flex-wrap:wrap;gap:8px}.buttons a,.buttons button{height:56px;padding:0 23px;border:1px solid #ffffff55;background:#0c0910b8;color:#fff;font-size:10px;font-weight:1000;letter-spacing:1px;display:flex;align-items:center;cursor:pointer}.buttons a:first-child{background:var(--pink);border-color:var(--pink);color:#110812}.buttons>*:hover{background:var(--acid)!important;border-color:var(--acid)!important;color:#111!important;transform:translateY(-2px)}.character{position:absolute;z-index:2;object-fit:contain;filter:drop-shadow(0 35px 40px #0009);pointer-events:none}.hero-mag{right:5vw;bottom:-2vh;width:min(48vw,790px);height:88vh;animation:magFloat 4.5s ease-in-out infinite}.vertical-note{position:absolute;z-index:6;left:2vw;bottom:34px;font-size:8px;letter-spacing:2px;writing-mode:vertical-rl;opacity:.7}.edition{position:absolute;z-index:6;right:3vw;bottom:28px;font-size:10px;font-weight:900;letter-spacing:2px}.blast{position:absolute;z-index:-1;border-radius:50%;background:#fff;box-shadow:0 0 25px 8px #fff,0 0 70px 30px #ff8a00,0 0 150px 70px #ff176f;opacity:.25;animation:blast 3s ease-out infinite}.b1{right:8%;top:30%;width:3px;height:3px}.b2{right:42%;top:47%;animation-delay:-1.7s}.embers{position:absolute;inset:0;z-index:3;pointer-events:none;background-image:radial-gradient(#ffb02e 1px,transparent 2px);background-size:73px 87px;animation:embers 8s linear infinite;opacity:.46}
.origin:after{background:linear-gradient(90deg,#14051ad6 0,#14051a72 45%,#020305aa),linear-gradient(0deg,#07040a99,transparent)}.origin-copy{position:absolute;z-index:4;left:7vw;top:19%;width:45vw}.origin-copy h2,.big-rule h2,.state-head h2,.final-copy h2{font-size:clamp(50px,6vw,110px);line-height:.82;letter-spacing:-6px;margin:0 0 25px;font-weight:1000}.origin-copy>p:not(.kicker){font-size:15px;line-height:1.55;width:min(540px,90%);color:#f5dfea}.walk-mag{right:5vw;bottom:-1vh;width:46vw;height:88vh;animation:walkBob 1.3s ease-in-out infinite}.receipt{position:absolute;z-index:5;right:4vw;top:15%;width:175px;padding:18px;background:#fff4df;color:#1b1013;transform:rotate(4deg);display:grid;grid-template-columns:1fr auto;gap:7px;font:700 9px/1.3 monospace;box-shadow:0 12px 40px #0008}.receipt span,.receipt strong{grid-column:1/3;text-align:center;border-bottom:1px dashed #111;padding-bottom:9px;margin-bottom:4px}.receipt strong{border:0;border-top:1px dashed #111;padding:9px 0 0;margin:5px 0 0}.shop-glow{position:absolute;z-index:-1;width:42vw;height:42vw;border-radius:50%;right:6vw;bottom:-12vw;background:#ff318844;filter:blur(60px);animation:pulse 4s ease-in-out infinite}
.rule{background:#efe6d7;color:#130d12}.rule:after{background:linear-gradient(90deg,transparent 45%,#ff4fa315)}.gradient-orbit{position:absolute;inset:0;z-index:-4;background:radial-gradient(circle at 72% 55%,#ff9fc8 0,#f264a8 23%,#8a34d0 43%,#1b1230 68%,#0c0910 100%)}.orbit{position:absolute;z-index:-2;border:1px solid #fff8;border-radius:50%;right:2vw;top:8vh;width:48vw;height:48vw;animation:spin 18s linear infinite}.o2{right:9vw;top:15vh;width:34vw;height:34vw;border-style:dashed;animation-direction:reverse}.big-rule{position:absolute;z-index:4;left:7vw;top:50%;transform:translateY(-50%)}.big-rule>p{font-size:10px;font-weight:900;letter-spacing:3px}.big-rule h2{color:#fff;font-size:clamp(70px,8vw,145px)}.rule-mag{right:8vw;bottom:-16vh;width:38vw;height:88vh;animation:magFloat 5s ease-in-out infinite}.rule-stack{position:absolute;z-index:6;right:4vw;bottom:9vh;width:42vw;display:grid}.rule-stack article{height:62px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;border-top:1px solid #ffffff77;color:#fff}.rule-stack span,.rule-stack b{font-size:9px;letter-spacing:1.5px}.rule-stack h3{font-size:15px;margin:0}.rule-stack b{color:var(--acid)}
.states{background:#100a16;padding:125px 6vw 55px}.states:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 12% 15%,#4b174f,transparent 34%),radial-gradient(circle at 88% 76%,#075366,transparent 32%)}.state-head{height:25%;display:flex;align-items:end;justify-content:space-between}.state-head h2{font-size:clamp(42px,5vw,86px);margin:0}.state-head .kicker{position:absolute;top:116px}.state-grid{height:67%;margin-top:3%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.state-grid article{position:relative;border:1px solid #ffffff24;background:linear-gradient(160deg,#251229,#0b0a13);overflow:hidden;padding:18px;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto auto}.state-grid article:nth-child(2){background:linear-gradient(160deg,#103747,#0a0b13)}.state-grid article:nth-child(3){background:linear-gradient(160deg,#4f153f,#120914)}.state-grid article>div{grid-column:1/3;overflow:hidden;position:relative}.state-grid img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 25px #0008);transition:transform .35s ease}.state-grid article:hover img{transform:scale(1.05) translateY(-5px)}.state-grid .lounge img{mix-blend-mode:screen;transform:scale(1.08)}.state-grid span{font-size:9px;color:var(--pink);font-weight:900}.state-grid h3{font-size:23px;letter-spacing:-1px;margin:0}.state-grid p{font-size:10px;color:#aaa;margin:5px 0 0;text-align:right}
.final:after{background:linear-gradient(90deg,#120812f2 0,#120812b5 48%,transparent 72%),linear-gradient(0deg,#070308d6,transparent 60%)}.final-world{filter:hue-rotate(18deg) saturate(1.2)}.final-tint{position:absolute;inset:0;z-index:-1;background:#ff23841a;mix-blend-mode:screen}.marquee{position:absolute;top:88px;left:0;right:0;height:55px;background:var(--acid);color:#111;display:flex;align-items:center;overflow:hidden;white-space:nowrap;transform:rotate(-1.2deg) scale(1.02);font-size:20px;font-weight:1000;letter-spacing:-1px}.marquee span{animation:marquee 14s linear infinite}.final-copy{position:absolute;z-index:5;left:7vw;top:52%;transform:translateY(-42%)}.final-copy h2{font-size:clamp(66px,8vw,140px)}.final-copy>p:not(.kicker){font-size:15px;line-height:1.6;margin-bottom:28px}.final-mag{right:6vw;bottom:-8vh;width:42vw;height:83vh;animation:magFloat 4s ease-in-out infinite}footer{position:absolute;z-index:8;left:4vw;right:4vw;bottom:25px;border-top:1px solid #ffffff45;padding-top:17px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px}footer b{color:var(--pink)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.screen.in .reveal{opacity:1;transform:translateY(0)}.screen.in .hero-mag{opacity:1}.screen.in .state-grid article:nth-child(2){transition-delay:.12s}.screen.in .state-grid article:nth-child(3){transition-delay:.24s}@keyframes magFloat{50%{transform:translateY(-14px) rotate(.8deg)}}@keyframes walkBob{50%{transform:translateY(-9px) rotate(-.5deg)}}@keyframes worldDrift{to{transform:scale(1.05) translate(-1%,1%)}}@keyframes blast{0%{transform:scale(.1);opacity:.8}100%{transform:scale(18);opacity:0}}@keyframes embers{to{background-position:100px -500px}}@keyframes pulse{50%{transform:scale(1.15);opacity:.65}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){html{scroll-snap-type:none}.topbar nav a:nth-child(-n+2){display:none}.topbar{height:70px}.screen{height:auto;min-height:800px}.hero-type,.origin-copy,.big-rule,.final-copy{left:6vw;top:130px;transform:none;width:88vw}.hero h1{font-size:56px;letter-spacing:-4px}.hero h2{font-size:31px}.hero-mag,.walk-mag,.rule-mag,.final-mag{width:88vw;right:-12vw;height:54vh;bottom:0;opacity:.68}.origin-copy h2,.big-rule h2,.final-copy h2{font-size:52px;letter-spacing:-3px}.receipt{display:none}.rule-stack{left:6vw;right:auto;width:88vw;bottom:40px}.rule-mag{bottom:110px}.states{padding:100px 4vw 60px;min-height:1450px}.state-head{height:auto}.state-head .kicker{top:90px}.state-grid{height:auto;grid-template-columns:1fr;margin-top:40px}.state-grid article{height:390px}.marquee{top:70px}.final-copy{top:180px}.final-mag{bottom:65px}.buttons{max-width:340px}.vertical-note{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}