/* WTIL RP V7 — Approved neon-sunset homepage, responsive and production static media.
   This CSS is presentation-only; no game/auth/voice API logic changes. */
.nav-account .nav-account-trigger.hidden,.nav-account-menu.hidden {display:none!important}
.nav nav a[href="/"][aria-current="page"] {color:#fdf6ff}
.nav{background:linear-gradient(90deg,#081123eF,#111128ee,#0b0c1beF);box-shadow:0 9px 35px #0008}
.nav-inner{max-width:1460px;min-height:82px}
.logo .flag.flag-art{box-shadow:0 0 22px #b875ff66;transform:rotate(-3deg)}
.nav-account-menu{box-shadow:0 25px 60px #000e,0 0 0 3px #7d57dd1a}
.wtil-landing-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;text-align:center;width:100vw;min-height:635px;padding:72px max(22px,calc((100vw - 1320px)/2)) 100px;margin-inline-start:calc(50% - 50vw);overflow:hidden;background:#110e26 url('/assets/wtil-cinematic-hero.webp') center 49%/cover no-repeat;border-bottom:1px solid #b36bce7d;box-shadow:inset 0 -45px 90px #080b18}
.wtil-landing-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c0d2214,#0a0b2252 28%,#110e2580 50%,#0a0b2252 70%,#0c0d2214),linear-gradient(180deg,#07091633 0%,#0b092028 22%,#0a0a20b9 62%,#080b18 100%)}
.wtil-landing-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 45% 44% at 50% 55%,#0e102d6a,transparent 90%);pointer-events:none}
.wtil-hero-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#090c18 0%,transparent 21%),radial-gradient(ellipse at top,#551f6738,transparent 48%);z-index:-1}
.wtil-hero-content{max-width:1110px;width:100%;margin:0 auto;text-align:center;position:relative;z-index:2;filter:drop-shadow(0 4px 12px #040713)}
.wtil-overline{font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;gap:12px;color:#efc8ff;letter-spacing:2.3px;font-weight:900;direction:ltr;text-shadow:0 3px 10px #16071f}
.wtil-overline .live-dot{background:#87ffda}.wtil-overline-rule{height:1px;width:31px;background:linear-gradient(90deg,#dc81e3,transparent)}
.wtil-hero-content h1{font-size:clamp(48px,6.9vw,100px);line-height:1.15;letter-spacing:-2.6px;font-weight:900;margin:26px 0 12px;color:#fff;text-shadow:0 6px 5px #02050c,0 12px 30px #060312,0 0 45px #d456a35c}
.wtil-gradient-word{display:inline-block;direction:ltr;white-space:nowrap;background:linear-gradient(110deg,#fff 10%,#76e9ff 33%,#c282ff 73%,#ffd1f1);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #13041f)}
.wtil-hero-lead{font-size:clamp(18px,2.1vw,29px);font-weight:900;color:#edf8ff;margin:6px 0 12px;text-shadow:0 6px 16px #000}
.wtil-hero-description{max-width:730px;margin:0 auto;color:#ecdcf6;font-size:clamp(14px,1.25vw,17px);line-height:1.9;text-shadow:0 4px 12px #000e}
.wtil-hero-buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin:31px auto 14px}
.wtil-join-btn,.wtil-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:53px;padding:11px 29px;border-radius:13px;border:1px solid #b29bdf7f;text-decoration:none;line-height:1.2;font-weight:900;font-size:15px;transition:transform .18s,filter .18s,border-color .18s,box-shadow .18s;box-shadow:0 8px 20px #0007}
.wtil-join-btn{color:#fff;background:linear-gradient(109deg,#ce65ec 0%,#af70ef 48%,#16b9ee 100%);box-shadow:0 8px 30px #9d49ce75;border-color:#eabaff99}
.wtil-secondary-btn{background:#0b1126c9;color:#f2f8ff;border-color:#6d7aab;backdrop-filter:blur(13px)}
.wtil-join-btn:hover,.wtil-secondary-btn:hover{transform:translateY(-3px);filter:brightness(1.11);box-shadow:0 12px 35px #7e49d779}
.wtil-hero-micro{display:flex;justify-content:center;gap:23px;flex-wrap:wrap;font-size:11px;color:#d9ccfa;font-weight:800;margin-top:22px}
/* Three cinematic editorial cards, one row, as in the approved composition. */
.wtil-portal-feature-section{position:relative;max-width:1450px;width:100%;margin:-91px auto 0;z-index:3}
.wtil-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.wtil-editorial-card{--card-image:none;display:flex;flex-direction:column;justify-content:space-between;min-height:258px;border:1px solid #3f5678;border-radius:17px;position:relative;overflow:hidden;padding:17px 22px 20px;background:linear-gradient(0deg,#070e21f8 4%,#0c1321d9 51%,#15214243 100%),var(--card-image) center/cover no-repeat;box-shadow:0 14px 29px #0009,inset 0 0 0 1px #ffffff10;transition:transform .22s,border-color .22s,box-shadow .22s}
.wtil-editorial-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 33%,#050e26cb),linear-gradient(180deg,transparent 20%,#060f21dd 100%);z-index:0}
.wtil-editorial-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#9b5eff,#24c4fc,#ec67c9);z-index:1}
.wtil-editorial-card:hover{transform:translateY(-6px);border-color:#b88bff;box-shadow:0 22px 35px #000b,0 0 25px #9d72fa24}
.wtil-card-symbol{position:relative;z-index:1;align-self:flex-start;display:grid;place-items:center;font-size:25px;font-weight:900;width:48px;height:48px;border:1px solid #b67bf3bb;border-radius:12px;color:#fff;background:linear-gradient(140deg,#b636bf,#5838d6);box-shadow:0 0 28px #db4dd56e}
.wtil-editorial-card:nth-child(2) .wtil-card-symbol{background:linear-gradient(145deg,#7757f3,#328bf3);box-shadow:0 0 27px #4a98ff60}
.wtil-editorial-card:nth-child(3) .wtil-card-symbol{background:linear-gradient(140deg,#176add,#4c80ff);box-shadow:0 0 27px #366dfc60}
.wtil-card-content{position:relative;z-index:1}.wtil-card-eyebrow{font-size:9px;letter-spacing:1.4px;color:#a5dfff;font-weight:900;direction:ltr;display:inline-block}.wtil-card-content h2{font-size:clamp(21px,2vw,27px);font-weight:900;line-height:1.2;margin:3px 0 7px;color:#fefcff;text-shadow:0 2px 10px #000}.wtil-card-content p{font-size:13px;max-width:360px;line-height:1.65;color:#c5d7ee;margin:0 0 13px;text-shadow:0 2px 12px #000}
.wtil-card-cta{font-size:12px;letter-spacing:.1px;font-weight:900;color:#58dbff}
/* Preview photos from the actual server, uploaded via the same admin gallery data. */
.wtil-editorial-gallery{padding:34px 0 64px}.wtil-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.wtil-gallery-heading h2{font-size:clamp(23px,2.7vw,35px);line-height:1.2;margin:5px 0 0;font-weight:900}.wtil-mini-kicker{font-size:10px;color:#8bcef9;letter-spacing:1.7px;font-weight:900;direction:ltr;display:inline-block}.wtil-gallery-heading>a{font-size:13px;color:#8ccefb;font-weight:900}.wtil-gallery-heading>a:hover{color:#e6aaff}
.wtil-gallery-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.wtil-gallery-thumb{position:relative;overflow:hidden;border-radius:12px;border:1px solid #4c4779;background:#132137;aspect-ratio:1.85;box-shadow:0 13px 32px #0006;display:block;transition:border-color .18s,transform .18s}
.wtil-gallery-thumb:hover{transform:translateY(-4px);border-color:#ba83ff}.wtil-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.wtil-gallery-thumb:hover img{transform:scale(1.07)}.wtil-image-caption{position:absolute;bottom:0;right:0;left:0;padding:18px 10px 5px;background:linear-gradient(0deg,#05091cdb,transparent);color:#fff;font-weight:800;font-size:11px}
.home-account-section{border-top:1px solid #283a61;padding-top:80px}.home-account-section .section-head{margin-bottom:30px}.home-account-section .section-head h2{background:linear-gradient(105deg,#fff,#9fe5fe);background-clip:text;-webkit-background-clip:text;color:transparent}
.wtil-end-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:18px;border:1px solid #55527e;margin:55px auto 95px;padding:33px 38px;background:linear-gradient(110deg,#12132ce9,#171d33e0),url('/assets/wtil-cinematic-hero.webp') center/cover;box-shadow:0 15px 49px #0006}.wtil-end-cta h2{font-size:32px;line-height:1.2;margin:4px 0 9px;font-weight:900}.wtil-end-cta p{color:#c7d4ed;margin:0;max-width:560px}.wtil-end-cta>div:last-child{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.wtil-end-cta .wtil-join-btn,.wtil-end-cta .wtil-secondary-btn{font-size:12px;padding:12px 16px;min-height:44px}
/* Readable gallery and feature system pages use the existing templates and PHP-admin data. */
.page-head:before{background:linear-gradient(270deg,#080d19a8,#0a0d19ce 63%,#070b15d9),url('/assets/wtil-cinematic-hero.webp') center 53%/cover}
.connect{background:linear-gradient(110deg,#121527e5,#151128ba),url('/assets/wtil-cinematic-hero.webp') center/cover}
@media(min-width:1300px){main{max-width:1390px}.wtil-portal-feature-section{max-width:1370px}}
@media(max-width:1100px){.wtil-landing-hero{min-height:585px}.wtil-portal-feature-section{margin-top:-55px}.wtil-editorial-card{min-height:252px;padding:15px}.wtil-card-content h2{font-size:22px}.wtil-card-content p{font-size:12px}.wtil-hero-content h1{font-size:clamp(48px,6vw,70px)}}
@media(max-width:760px){.wtil-landing-hero{min-height:550px;padding:66px 20px 105px;background-position:49% 50%}.wtil-hero-content h1{font-size:clamp(41px,8.5vw,65px);letter-spacing:-1.5px}.wtil-hero-lead{font-size:19px}.wtil-hero-description{font-size:13px}.wtil-hero-micro{gap:10px}.wtil-portal-feature-section{margin-top:-58px}.wtil-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wtil-editorial-card{min-height:245px;padding:15px}.wtil-editorial-card:last-child{grid-column:span 2;min-height:190px}.wtil-editorial-card:last-child .wtil-card-content{max-width:420px}.wtil-gallery-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.wtil-editorial-gallery{padding:30px 0 42px}.wtil-end-cta{padding:25px;flex-direction:column;align-items:stretch}.home-account-section{padding-top:52px}}
@media(max-width:480px){.wtil-landing-hero{min-height:510px;padding:54px 14px 83px;background-position:center}.wtil-overline{font-size:9px;letter-spacing:1.2px}.wtil-hero-content h1{font-size:clamp(36px,9vw,44px);letter-spacing:-1.7px;margin:18px 0 8px}.wtil-hero-lead{font-size:16px}.wtil-hero-description{max-width:340px;font-size:12px}.wtil-hero-buttons{gap:8px;margin:24px 0}.wtil-hero-buttons a{min-height:47px;font-size:12px;padding:10px 16px}.wtil-hero-micro{font-size:9px;gap:7px}.wtil-portal-feature-section{margin-top:-38px}.wtil-editorial-grid{grid-template-columns:1fr}.wtil-editorial-card,.wtil-editorial-card:last-child{grid-column:span 1;min-height:205px}.wtil-gallery-heading{align-items:flex-end}.wtil-gallery-heading h2{font-size:22px}.wtil-gallery-heading>a{font-size:11px}.wtil-gallery-thumb{aspect-ratio:1.36}.wtil-end-cta h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.wtil-editorial-card,.wtil-gallery-thumb,.wtil-join-btn,.wtil-secondary-btn{transition:none!important}}