/* Zaniflow identity based on the supplied crew artwork. */
:root{--muted:#cfcae9;--shadow:0 14px 40px #09051d55}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 90% 10%,#472071 0,transparent 45%),radial-gradient(ellipse at 0 40%,#063e68 0,transparent 40%),#100d25;color:#fff8f5}.site-header{background:transparent}.nav{background:#17132be8;border:1px solid #655277;border-radius:24px}.brand{gap:9px}.brand-mark{background:#f7e632;color:#151127;transform:rotate(-8deg);box-shadow:3px 3px 0 #e92aaa}.brand-name{font-weight:1000;font-size:1.4rem;letter-spacing:-1px}.brand-name>span{color:#19d8ed}.navlinks a:hover,.navlinks a.active{background:#f7e632;color:#17132b}.account-link{background:#27203b;border:1px solid #a88dc7}.crew-hero{position:relative;display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;min-height:590px;padding:38px 0 30px;isolation:isolate}.crew-hero:before{content:"";position:absolute;inset:7% -3%;background:radial-gradient(ellipse at 72% 50%,#922bcb44,transparent 62%);z-index:-1}.crew-copy{padding:12px 0 24px 10px;z-index:1}.crew-label{display:inline-block;color:#f7e632;font-size:.8rem;font-weight:900;letter-spacing:2.5px}.crew-copy h1{font-size:clamp(3rem,5.4vw,5.8rem);letter-spacing:-3px;line-height:1.02;margin:22px 0}.crew-copy h1 em{font-style:normal;color:#22dcf2}.crew-copy p{font-size:1.08rem;line-height:1.7;max-width:400px;color:#d4cde3}.crew-cta{display:inline-flex;gap:26px;align-items:center;background:#f7e632;color:#17132b;font-weight:950;font-size:1.12rem;border:2px solid #100d25;border-radius:16px;padding:16px 24px;box-shadow:5px 5px 0 #eb2aaf;transition:transform .15s}.crew-cta:hover{transform:translateY(-3px)}.crew-tags{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;font-size:.8rem;color:#ded3ef}.crew-tags span:nth-child(2){color:#f0a3ed}.crew-picture{position:relative;min-width:0}.crew-picture img{display:block;width:100%;max-width:100%;height:auto;margin-left:0;filter:drop-shadow(0 20px 28px #0006)}.crew-sticker{position:absolute;right:0;top:0;background:#f7e632;color:#191027;border:3px solid #191027;border-radius:50%;padding:20px 14px;text-align:center;font-weight:1000;font-size:.82rem;transform:rotate(12deg);box-shadow:4px 4px 0 #ed32b6}.modern-arcade{padding-top:26px;border-top:1px solid #584060;scroll-margin-top:30px}.modern-badge{color:#ffe74b}.modern-game,.game-item{background:#211a36;border:1px solid #594264;border-radius:24px;box-shadow:0 9px 0 #09071666}.modern-game:hover,.game-item:hover{border-color:#22d9ee}.modern-game .primary,.game-item .primary{background:#f7e632;color:#161025;border-radius:12px;box-shadow:0 4px 0 #aa8d12}.modern-art{border-radius:17px;border:1px solid #ffffff30}.modern-snake{background:linear-gradient(135deg,#14464a,#50c482);color:#c8ff38}.modern-memory{background:linear-gradient(135deg,#6c247c,#eb47b7);color:#ffe735}.modern-whac-a-mole{background:linear-gradient(135deg,#974417,#e8a633)}.modern-labyrinth{background:linear-gradient(135deg,#134b9c,#28d4ed)}.quick{border-color:#ffffff50;border-radius:20px}.panel{background:#211a36;border-color:#584164}.filter-btn{background:#2a203d;border-color:#735887}.filter-btn.active{background:#22d9ee;color:#151027}.section-head h2{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-1px}footer{background:#0c091a;border-color:#3b2b50}.arcade-page.playing .crew-hero{display:none}:focus-visible{outline:3px solid #ffe632;outline-offset:5px}.crew-picture img{object-fit:contain}
@media(max-width:1000px){.crew-hero{grid-template-columns:1fr 1.2fr;min-height:480px}.crew-copy h1{font-size:3.5rem}.crew-picture img{width:100%;margin:0}.crew-sticker{top:-20px;padding:15px 10px}}
@media(max-width:760px){.crew-hero{grid-template-columns:1fr;padding:28px 0 8px;min-height:0;overflow:hidden}.crew-copy{padding:0 8px}.crew-copy h1{font-size:3.4rem;letter-spacing:-2px;margin:16px 0}.crew-copy p{max-width:100%}.crew-picture{margin-top:26px}.crew-picture img{width:100%}.crew-sticker{right:8px;top:0;font-size:.7rem;padding:13px 9px}.crew-tags{gap:12px;margin-top:22px}.navlinks{background:#211a36}.brand-name{font-size:1.3rem}.modern-grid{gap:20px}.crew-label{font-size:.7rem}.section-head h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.crew-cta{transition:none}}

/* User-provided Paris rooftop background. */
body{background:#100d25;isolation:isolate}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(12,9,29,.83),rgba(12,9,29,.48)),url("assets/rooftop-paris.png") center center / cover no-repeat}.crew-hero:before{background:linear-gradient(90deg,#100d2522,transparent)}.crew-copy p,.crew-tags{color:#fff;text-shadow:0 2px 5px #000}.crew-copy h1{text-shadow:0 3px 16px #08051480}.section-head{ text-shadow:0 2px 8px #000 }.modern-arcade{border-top-color:#ffffff55}@media(max-width:760px){body::before{background-position:center;background-image:linear-gradient(rgba(12,9,29,.72),rgba(12,9,29,.62)),url("assets/rooftop-paris.png")}}

.official-release{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;margin:12px 0 24px;background:#20142eed;border:2px solid #e92aaa;border-radius:24px}.official-release h2{font-size:2rem;margin:10px 0}.official-release p{color:#fff}.official-clip{border:2px solid #e92aaa;background:#211a36}.official-clip .game-art{background:linear-gradient(135deg,#145b41,#779a16);border-radius:15px;margin-bottom:18px}.official-release .crew-cta{flex-shrink:0}@media(max-width:760px){.official-release{align-items:flex-start;flex-direction:column;padding:22px}.official-release h2{font-size:1.7rem}}
.video-gallery h1{font-size:clamp(2.2rem,5vw,4rem);margin:12px 0}.video-filters{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.video-filters button{padding:12px 24px;border:1px solid #ad83be;border-radius:30px;background:#211a36;color:white;font-weight:800;cursor:pointer}.video-filters button[aria-pressed=true]{background:#ffe632;color:#151025}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.video-card{overflow:hidden;border:1px solid #8c618c;border-radius:24px;background:#211a36}.video-card[hidden]{display:none}.video-poster{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;gap:30px;font-size:5rem;background:radial-gradient(circle at 25% 20%,#a2d937,#075444)}.video-poster span{color:#fff337}.series-poster{background:linear-gradient(135deg,#8f36a8,#ec6b9c)}.stories-poster{background:linear-gradient(135deg,#204b9d,#21beca)}.video-copy{padding:24px}.video-copy h2{font-size:1.45rem}.video-soon{display:inline-block;padding:10px 16px;border-radius:20px;background:#ffffff15;color:#dcd0e8}#video-dialog{width:min(960px,94vw);max-height:92vh;overflow:auto;padding:20px;border:1px solid #9e71b1;border-radius:22px;background:#151025;color:white}#video-dialog::backdrop{background:#080412dd}.video-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.video-dialog-head h2{margin:0 0 16px}#video-close{border:0;border-radius:12px;background:#ffe632;color:#151025;padding:12px 16px;font-size:1.2rem;cursor:pointer}#video-frame iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}.video-player-note{font-size:.85rem;color:#dcd0e8;line-height:1.5}@media(max-width:760px){.video-grid{grid-template-columns:1fr}#video-dialog{padding:12px}.video-filters button{padding:10px 16px}}