/* TARDA PLAYFUL STUDIO — MIDNIGHT EDITION 2.0
 * Page-level design refresh. Loads after original stylesheet.
 * No external JS, font or widget dependency.
 */
:root{--ink:#f5f4ff;--paper:#080a10;--violet:#9a76ff;--lime:#cbff75;--pink:#ff5da9;--blue:#49dcff;--orange:#ffb163;--border:#2c2a3c;--r:28px}
html{background:#080a10}
body{background:#080a10;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 55% 33% at 86% 10%,#38226042,transparent 85%),radial-gradient(ellipse 35% 40% at 5% 28%,#11264e4a,transparent 85%)}
::selection{background:var(--violet);color:white}
:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.nav{height:92px;position:relative;z-index:30;border-bottom:1px solid #ffffff12}
.brand{font-size:36px;color:#fff;letter-spacing:-2.4px;font-weight:950}
.brand:after{color:var(--pink)}
.navlinks{color:#e6e4f2;gap:34px}
.navlinks a:hover{text-decoration:none;color:var(--lime)}
.navlinks .nav-cta{color:#0d0d17;background:var(--lime);border:1px solid var(--lime);padding:14px 23px;box-shadow:0 0 30px #caff752a}
.navlinks .nav-cta:hover{color:#0d0d17}
.button{border-width:1px;background:#f6f5ff;color:#111321;border-color:#f6f5ff;box-shadow:none;letter-spacing:.09em;padding:17px 26px;transition:transform .24s,background .24s,box-shadow .24s}
.button:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0007}
.button.violet{background:linear-gradient(110deg,#8260ff,#c06bff);color:white;border:1px solid #ae91ff;box-shadow:0 14px 45px #8556ff33}
.button.outline{background:#ffffff0a;color:#f5f3ff;border-color:#ffffff44}
.button.outline:hover{background:#ffffff18}
.button.white,.button.light{background:var(--lime);border-color:var(--lime);color:#101315}
.eyebrow{color:#bcb5d6;font-size:11px;letter-spacing:2.5px}
.eyebrow .dot{background:var(--lime);box-shadow:0 0 20px #cbff75c2}
.hero{padding:64px 0 110px;background:radial-gradient(ellipse 55% 60% at 83% 38%,#45206a88,transparent 75%),radial-gradient(ellipse 40% 75% at 0% 70%,#111c4088,transparent 90%),#090a12;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#b1a2d627 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent,#000 100%);pointer-events:none;z-index:-1}
.hero-grid{grid-template-columns:1fr 1fr;gap:6vw;min-height:660px}
.hero .reveal{position:relative;z-index:4}
.hero h1{font-weight:950;letter-spacing:-.09em;font-size:clamp(72px,8.8vw,140px);margin:38px 0 27px;line-height:.86;text-shadow:0 12px 55px #0008}
.hero h1 em{background:linear-gradient(110deg,#aa84ff,#f27bd0);color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:none}
.hero p{color:#b9bbcc;font-size:19px;line-height:1.72;max-width:460px}
.hero-right{padding:20px 8px}
.hero-poster{aspect-ratio:1.01;border-radius:38px;transform:rotate(0);border:1px solid #ffffff38;background:radial-gradient(circle at 65% 20%,#924bdb,#3a2377 56%,#17132c 95%);box-shadow:0 35px 85px #0009,0 0 95px #7b3ce633;isolation:isolate}
.hero-poster:before{background:radial-gradient(circle at 50% 45%,#e175ef77,transparent 65%);width:120%;height:120%;top:-15%;left:-10%}
.hero-poster:after{background:linear-gradient(145deg,#ffffff15,transparent 43%),repeating-linear-gradient(0deg,#fff0 0 42px,#ffffff0b 43px 44px)}
.poster-kicker{color:#e8dffb;font-size:12px}
.poster-title{font-size:clamp(72px,8vw,120px);text-shadow:0 9px 25px #19102799;letter-spacing:-.085em}
.poster-note{border:1px solid #ffffff49;background:#100d2b44;font-size:10px;color:#e6daff;max-width:75%}
.burst{border:1px solid #ffffff55;background:var(--lime);color:#101619;box-shadow:0 12px 35px #0009;top:10%;left:-22px;padding:19px}
.spark{color:#ef80e8;right:-12px}
.marquee{transform:none;margin:0;background:#131320;color:#e8e5fb;border:0;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15}
.marquee-line{padding:20px 16px;font-size:13px;letter-spacing:3px}
.marquee span:after{color:var(--lime)}
.section{padding:116px 0}
.section h2{letter-spacing:-.076em;font-weight:950}
.small-text{color:#a8a8bd}
.featured{background:radial-gradient(ellipse 50% 70% at 95% 48%,#3f1852a0,transparent 92%),#10101b;border-bottom:1px solid #ffffff10}
.featured .section{padding:124px 0}
.feature-grid{gap:70px}
.featured .eyebrow{color:var(--lime)}
.featured h2{font-weight:950;letter-spacing:-.08em}
.featured h2 span{color:#f486d2}
.feature-copy p{color:#c4c0d5}
.chip{border:1px solid #ffffff35;color:#d9d6e5;background:#ffffff0a}
.feature-frame{min-height:610px;border:1px solid #ffffff38;background:radial-gradient(circle at 50% 29%,#ac68ed88,transparent 65%),linear-gradient(135deg,#302060,#150f2d);border-radius:34px;box-shadow:0 28px 80px #000a;position:relative}
.feature-frame:before{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff33;border-radius:50%;box-shadow:0 0 0 65px #ffffff0a,0 0 0 130px #ffffff08}
.asset-placeholder{border:1px solid #ffffff69;background:#100b265c;backdrop-filter:blur(8px);max-width:340px}
.asset-placeholder strong{font-size:20px;letter-spacing:.05em}
.collection{background:#090b13;position:relative;isolation:isolate}
.collection:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 40% at 80% 25%,#20213a7d,transparent 82%);z-index:-1;pointer-events:none}
.collection .section-top h2{font-size:clamp(46px,5.8vw,82px)}
.game-grid{gap:22px}
.game{border:1px solid #ffffff21;border-radius:26px;min-height:455px;padding:32px;background-size:cover;background-position:center;box-shadow:0 20px 50px #0007;isolation:isolate}
.game:hover{transform:translateY(-7px);box-shadow:0 28px 75px #000b;border-color:#ffffff50}
.game:before{border:1px solid #ffffff21;width:520px;height:520px;left:31%;top:-8%}
.game:nth-child(1){background:radial-gradient(circle at 72% 20%,#a2399a55,transparent 55%),linear-gradient(135deg,#2b1439,#151124)}
.game:nth-child(2){background:radial-gradient(circle at 72% 20%,#278be055,transparent 55%),linear-gradient(135deg,#11263c,#101523)}
.game:nth-child(3){background:radial-gradient(circle at 72% 20%,#a55fff4d,transparent 55%),linear-gradient(135deg,#231a39,#141321)}
.game:nth-child(4){background:radial-gradient(circle at 72% 20%,#e4963244,transparent 55%),linear-gradient(135deg,#302119,#19151a)}
.game:nth-child(5){background:radial-gradient(circle at 72% 20%,#72b93e44,transparent 55%),linear-gradient(135deg,#1b2b1e,#101c18);min-height:340px}
.game .arrow{background:#ffffff12;color:#fff;border:1px solid #ffffff35;backdrop-filter:blur(8px)}
.game .media-label{color:#dad8e0aa;border:1px solid #ffffff37;background:#ffffff08;transform:none;font-size:10px;letter-spacing:1.3px}
.game-index{font-size:11px;letter-spacing:2px;color:#c6c7d8}
.game h3{font-size:clamp(43px,4.9vw,72px);letter-spacing:-.074em;color:#fff}
.game p{font-weight:500;color:#d6d2e2}
.about{background:radial-gradient(ellipse 80% 80% at 15% 45%,#2b235e7a,transparent 82%),#171425;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}
.about h2 span{color:var(--lime)}
.about p{color:#c8c4dc;max-width:580px}
.sticker{background:linear-gradient(135deg,#dbff91,#91d855);border:1px solid #ddffa5;color:#142016;box-shadow:0 30px 80px #0008,0 0 90px #b0ff4833;transform:rotate(8deg);border-radius:34px;aspect-ratio:1}
.news{background:#0a0c13}
.newsbar{border-top:1px solid #ffffff2b;border-bottom:1px solid #ffffff2b}
.newsbar h3{color:#f4f2ff}
.newsbar small{color:#aaa6c5}
.footer{background:#06070d;border-top:1px solid #ffffff16}
.footer h2{color:#f5f3ff}
.footer-bottom{border-color:#ffffff25;color:#9896a9}
.footlinks{color:#dddbe9}
/* Default WP pages and media */
.site-content{color:#e9e8f5}
.site-content a:not(.button){color:#d6c0ff}
.wp-caption-text{color:#acabc0}
.hero-poster.has-image{background-size:cover;background-position:center}
.game.has-image{background-size:cover;background-position:center}
/* Mobile layout */
@media(max-width:1000px){.hero-grid,.feature-grid,.about-grid{grid-template-columns:1fr}.hero-grid{gap:40px}.hero-right{max-width:630px}.feature-frame{min-height:480px}.hero{padding:45px 0 80px}}
@media(max-width:650px){.nav{height:74px}.navlinks{gap:8px}.navlinks .nav-cta{padding:12px 15px}.hero{padding:30px 0 70px}.hero h1{font-size:clamp(64px,16vw,95px)}.hero p{font-size:16px}.hero-poster{border-radius:24px}.poster-title{font-size:clamp(67px,16vw,90px)}.burst{left:-6px;padding:13px}.feature-frame{min-height:350px}.section,.featured .section{padding:76px 0}.game{min-height:380px}.game:nth-child(5){min-height:380px}.sticker{max-width:300px}.footer-bottom{gap:22px}}
@media(prefers-reduced-motion:reduce){.hero .reveal{animation:none}.game,.button{transition:none}}