:root{--navy:#19193c;--deep:#050817;--deep-2:#07152b;--cyan:#4bbec8;--cyan-bright:#38e4ef;--white:#f8fcff;--muted:#afc5d5;--mx:50%;--my:45%}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--deep)}body{margin:0;overflow-x:hidden;color:var(--white);font-family:"Segoe UI",system-ui,-apple-system,sans-serif;background:var(--deep)}a{color:inherit}.webp-picture{display:contents}
.launcher-header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:22px clamp(20px,4vw,62px);pointer-events:none}.launcher-header a{display:inline-flex;pointer-events:auto}.launcher-header img{display:block;width:clamp(86px,8vw,118px);height:auto;opacity:.88;filter:drop-shadow(0 7px 14px #0008)}
.launcher-hero{position:relative;display:grid;min-height:100svh;place-items:center;padding:112px 24px 92px;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 46%,#0b486580 0 9%,#081a35 33%,#050817 69%)}.hero-atmosphere,.hero-glow,.particles{position:absolute;inset:0;pointer-events:none}.hero-atmosphere{z-index:-1;overflow:hidden}.hero-glow{left:50%;top:44%;width:min(660px,72vw);height:min(660px,72vw);inset:auto;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#34dae742 0 2%,#1fb8d224 19%,transparent 68%);animation:glow-breathe 5.5s ease-in-out infinite}.orbit{position:absolute;left:50%;top:44%;border:1px solid #4bbec83b;border-radius:50%;translate:-50% -50%;transform-origin:center}.orbit:before,.orbit:after{position:absolute;width:6px;height:6px;content:"";border-radius:50%;background:#8bf7ff;box-shadow:0 0 14px 4px #20ddec}.orbit:before{left:12%;top:17%}.orbit:after{right:7%;bottom:27%}.orbit-a{width:min(980px,91vw);height:min(480px,49vw);rotate:-8deg;animation:orbit-spin 38s linear infinite}.orbit-b{width:min(720px,72vw);height:min(720px,72vw);rotate:18deg;animation:orbit-spin-reverse 46s linear infinite}.orbit-c{width:min(1180px,112vw);height:min(760px,74vw);rotate:-28deg;border-color:#3889c52d;animation:orbit-spin 66s linear infinite}.perspective-grid{position:absolute;left:-20%;right:-20%;bottom:-24%;height:48%;opacity:.32;background-image:linear-gradient(#38dae823 1px,transparent 1px),linear-gradient(90deg,#38dae823 1px,transparent 1px);background-size:58px 42px;transform:perspective(420px) rotateX(62deg);transform-origin:center bottom;mask-image:linear-gradient(to bottom,transparent,#000 35%,#000)}.particle{position:absolute;width:var(--s);height:var(--s);border-radius:50%;opacity:var(--o);background:#6cecf5;box-shadow:0 0 8px #35dbe8;animation:particle-drift var(--d) ease-in-out var(--delay) infinite alternate}
.hero-content{position:relative;z-index:2;display:flex;width:min(950px,100%);flex-direction:column;align-items:center;text-align:center}.hero-logo-wrap{position:relative;width:min(500px,58vw);margin-bottom:18px;perspective:900px}.hero-logo{position:relative;z-index:2;display:block;width:100%;height:auto;filter:drop-shadow(0 28px 25px #000a) drop-shadow(0 0 22px #28cfd64a);animation:logo-wow 4.8s ease-in-out infinite;will-change:transform,filter}.hero-logo-shine{position:absolute;z-index:3;inset:0;display:block;width:100%;height:auto;opacity:0;pointer-events:none;filter:brightness(2.25) saturate(1.25) drop-shadow(0 0 10px #aefcff);clip-path:polygon(-28% 0,-8% 0,-35% 100%,-55% 100%);animation:logo-shine 4.8s ease-in-out infinite}.logo-energy{position:absolute;z-index:0;left:50%;top:52%;width:87%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 12%,#59edf27d 15%,transparent 18% 48%,#228dbb70 52%,transparent 56% 82%,#73f7ff72 85%,transparent 89%);mask:radial-gradient(circle,transparent 0 64%,#000 65% 67%,transparent 68%);animation:energy-spin 13s linear infinite}.logo-pulse{position:absolute;z-index:0;left:50%;top:54%;width:78%;aspect-ratio:1;translate:-50% -50%;border:1px solid #54ecf26b;border-radius:50%;box-shadow:0 0 55px #38e4ef24,inset 0 0 55px #38e4ef16;animation:pulse-ring 4s ease-out infinite}.launcher-hero h1{margin:0;font-size:clamp(38px,5.4vw,72px);line-height:1.04;letter-spacing:-.052em;text-shadow:0 7px 24px #000b}.launcher-hero h1 em{color:var(--cyan-bright);font-style:normal}.launcher-hero p{max-width:720px;margin:18px 0 0;color:#d5e4ec;font-size:clamp(16px,1.6vw,20px);line-height:1.55}
.launcher-cta,.play-cta{position:relative;display:inline-flex;align-items:center;justify-content:space-between;overflow:hidden;border:1px solid #55ecf5;border-radius:16px;text-transform:uppercase;text-decoration:none;box-shadow:0 0 0 1px #34d7e329 inset,0 0 26px #26cfdf45;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.launcher-cta:before,.play-cta:before{position:absolute;top:-80%;left:-45%;width:34%;height:260%;content:"";background:linear-gradient(90deg,transparent,#fff7,transparent);rotate:18deg;animation:cta-sheen 4.5s ease-in-out infinite}.launcher-cta{min-width:min(310px,90vw);margin-top:31px;padding:17px 19px 17px 28px;background:#0a2949b8;font-size:17px;font-weight:900;letter-spacing:.05em}.launcher-cta b,.play-cta b{display:grid;width:42px;height:42px;place-items:center;color:var(--cyan-bright);font-size:28px;font-weight:400}.launcher-cta:hover,.play-cta:hover{transform:translateY(-3px);background:#123859;box-shadow:0 0 0 1px #79f7ff55 inset,0 0 38px #26cfdf72}.scroll-cue{position:absolute;z-index:2;left:50%;bottom:28px;display:grid;width:42px;height:45px;place-items:center;translate:-50% 0;text-decoration:none}.scroll-cue i{position:absolute;width:17px;height:17px;border-right:2px solid var(--cyan-bright);border-bottom:2px solid var(--cyan-bright);rotate:45deg;animation:cue-down 2s ease-in-out infinite}.scroll-cue i:last-child{translate:0 11px;animation-delay:.18s}
.game-showcase{position:relative;min-height:100svh;padding:80px clamp(22px,5vw,70px) 100px;background:radial-gradient(circle at 50% 0,#11435b55,transparent 34%),linear-gradient(#050817,#07152b 48%,#050817)}.game-showcase:before{position:absolute;top:-2px;left:12%;right:12%;height:2px;content:"";background:linear-gradient(90deg,transparent,var(--cyan-bright),transparent);box-shadow:0 0 24px 5px #25d5e47d}.section-kicker{display:flex;align-items:center;justify-content:center;gap:17px;margin:0 auto 28px;color:var(--cyan-bright);font-size:11px;letter-spacing:.34em;text-transform:uppercase}.section-kicker span{width:min(170px,20vw);height:1px;background:linear-gradient(90deg,transparent,#48dce7)}.section-kicker span:last-child{rotate:180deg}
.game-stage{--rx:0deg;--ry:0deg;position:relative;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(460px,1.28fr);align-items:center;width:min(1380px,100%);min-height:min(690px,75vw);margin:auto;overflow:hidden;border:1px solid #36dbe880;clip-path:polygon(30px 0,calc(100% - 54px) 0,100% 45px,100% calc(100% - 70px),calc(100% - 44px) 100%,38px 100%,0 calc(100% - 38px),0 32px);background:#061326;box-shadow:0 30px 90px #0009,0 0 34px #22cddd24;transform:perspective(1500px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .3s ease}.game-stage:hover{box-shadow:0 38px 100px #000b,0 0 46px #22cddd3d}.stage-art{position:absolute;inset:0 0 0 28%;background-image:linear-gradient(90deg,#061326 0%,#061326de 8%,transparent 46%),linear-gradient(0deg,#041020a8,transparent 48%),url('assets/factory-bg-desktop.png');background-image:linear-gradient(90deg,#061326 0%,#061326de 8%,transparent 46%),linear-gradient(0deg,#041020a8,transparent 48%),image-set(url('assets/factory-bg-desktop.webp') type('image/webp'),url('assets/factory-bg-desktop.png') type('image/png'));background-position:center;background-size:cover;transform:translate3d(calc((var(--mx) - 50%) * -.035),calc((var(--my) - 50%) * -.025),0) scale(1.045);transition:transform .18s ease-out}.stage-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),#4beaf01f 0,transparent 28%),linear-gradient(90deg,#061326f7 0 31%,#061326bd 45%,transparent 72%)}.stage-worker{position:absolute;z-index:1;right:17%;bottom:-3%;width:min(170px,13vw);height:auto;filter:drop-shadow(0 18px 17px #000c) drop-shadow(0 0 12px #37dbe360);transform:translate3d(calc((var(--mx) - 50%) * .04),calc((var(--my) - 50%) * .025),30px);transition:transform .18s ease-out}.stage-content{position:relative;z-index:3;align-self:stretch;display:flex;max-width:590px;flex-direction:column;justify-content:center;padding:clamp(42px,6vw,92px)}.stage-logo{display:block;width:min(440px,100%);height:auto;margin-bottom:24px;filter:drop-shadow(0 14px 18px #000c)}.stage-content h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stage-content>p{max-width:450px;margin:0;color:#e2edf2;font-size:clamp(17px,1.65vw,22px);line-height:1.55;text-shadow:0 3px 12px #000}.game-traits{display:flex;margin:36px 0 0;padding:0;list-style:none}.game-traits li{display:grid;min-width:112px;padding:0 22px;border-left:1px solid #4bbec84c}.game-traits li:first-child{padding-left:0;border-left:0}.game-traits i{color:var(--cyan-bright);font-size:10px;font-style:normal;font-weight:850;letter-spacing:.12em}.game-traits span{margin-top:7px;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.play-cta{width:min(310px,100%);margin-top:40px;padding:15px 17px 15px 28px;background:#092746e8;font-size:27px;font-weight:950;letter-spacing:.06em}
.launcher-footer{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:20px;padding:28px clamp(22px,5vw,70px);border-top:1px solid #4bbec81f;color:#8fa8b7;background:#040713;font-size:12px}.launcher-footer img{display:block;width:74px;height:auto;opacity:.86}.launcher-footer p{margin:0 0 3px}.launcher-footer a{color:var(--cyan);text-decoration:none}.footer-meta{display:flex;align-items:center;justify-self:end;gap:22px}.launcher-footer small{color:#506878}.launcher-footer small strong{color:#7894a4}.project-trigger{padding:0;border:0;color:#89cfd6;background:transparent;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.project-trigger:hover{color:#fff}
.project-modal{width:min(850px,calc(100% - 28px));max-height:min(86dvh,760px);padding:0;overflow:auto;border:1px solid #b9dce1;border-radius:22px;color:#19193c;background:radial-gradient(circle at 12% 18%,#4bbec81f,transparent 30%),#fff;box-shadow:0 35px 110px #000c}.project-modal::backdrop{background:#02050bd9;backdrop-filter:blur(8px)}.project-modal[open]{display:grid;grid-template-columns:minmax(210px,.58fr) minmax(0,1.42fr);align-items:center;gap:clamp(35px,6vw,70px);padding:clamp(35px,6vw,64px)}.project-modal-close{position:absolute;top:15px;right:16px;display:grid;width:40px;height:40px;place-items:center;padding:0;border:1px solid #8fbcc3;border-radius:50%;color:#19193c;background:#fff;font-size:26px;line-height:1;cursor:pointer}.project-modal-close:hover{color:#fff;background:#167f89}.project-modal-brand{text-align:center}.project-modal-brand img{display:block;width:min(290px,92%);max-height:112px;margin:0 auto 23px;object-fit:contain}.project-modal-brand span{display:block;padding:0;border:0;color:#506b74;background:transparent;font-size:15px;font-style:italic;font-weight:750;line-height:1.45}.project-kicker{margin:0 0 10px;color:#167f89;font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.project-modal-copy h2{margin:0 0 19px;color:#19193c;font-size:clamp(31px,4vw,50px);line-height:1.04;letter-spacing:-.04em}.project-modal-copy>p:not(.project-kicker){margin:9px 0;color:#50636f;font-size:16px;line-height:1.65}.project-modal-copy a{display:inline-flex;align-items:center;gap:16px;margin-top:18px;color:#167f89;font-weight:850;text-decoration:none}.project-modal-copy a b{font-size:22px;font-weight:400;transition:translate .2s}.project-modal-copy a:hover{color:#0c626b}.project-modal-copy a:hover b{translate:5px 0}
@keyframes logo-wow{0%,100%{transform:translateY(0) rotateY(-1.1deg) scale(1);filter:drop-shadow(0 28px 25px #000a) drop-shadow(0 0 18px #28cfd640)}50%{transform:translateY(-10px) rotateY(1.1deg) scale(1.025);filter:drop-shadow(0 37px 29px #000b) drop-shadow(0 0 35px #43e7ef82)}}@keyframes logo-shine{0%,38%{opacity:0;clip-path:polygon(-28% 0,-8% 0,-35% 100%,-55% 100%)}45%{opacity:.65}62%{opacity:.08;clip-path:polygon(135% 0,155% 0,128% 100%,108% 100%)}63%,100%{opacity:0}}@keyframes energy-spin{to{rotate:360deg}}@keyframes glow-breathe{50%{scale:1.12;opacity:.75}}@keyframes pulse-ring{0%{scale:.72;opacity:.75}75%,100%{scale:1.28;opacity:0}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-spin-reverse{to{transform:rotate(-360deg)}}@keyframes particle-drift{to{translate:var(--tx) var(--ty);opacity:.18}}@keyframes cta-sheen{0%,62%{translate:-160% 0}82%,100%{translate:470% 0}}@keyframes cue-down{0%,100%{opacity:.25;translate:0 -3px}50%{opacity:1;translate:0 4px}}
@media(min-width:701px) and (max-height:850px){.launcher-hero{padding-top:68px;padding-bottom:62px}.hero-logo-wrap{width:min(430px,47vw);margin-bottom:12px}.launcher-hero h1{font-size:clamp(38px,4.7vw,61px)}.scroll-cue{bottom:10px}}
@media(max-width:900px){.launcher-header img{width:82px}.hero-logo-wrap{width:min(440px,70vw)}.game-stage{grid-template-columns:minmax(280px,.88fr) minmax(340px,1.12fr);min-height:640px;transform:none!important}.stage-content{padding:48px 38px}.stage-art{inset:0 0 0 22%;transform:none}.stage-worker{right:12%;width:150px;transform:none}.stage-light{background:linear-gradient(90deg,#061326f8 0 35%,#061326ba 58%,transparent 83%)}.project-about-inner{grid-template-columns:1fr}.project-brand{max-width:440px}.project-brand img{margin-left:0}.project-brand span{text-align:left}}
@media(max-width:700px){.launcher-header{padding:15px 16px}.launcher-header img{width:72px;opacity:.74}.launcher-hero{min-height:100svh;padding:86px 18px 82px;background:radial-gradient(circle at 50% 35%,#0b486580,#081a35 34%,#050817 72%)}.hero-logo-wrap{width:min(340px,85vw);margin-bottom:23px}.launcher-hero h1{max-width:420px;font-size:clamp(37px,11vw,53px)}.launcher-hero h1 em{display:block}.launcher-hero p{max-width:430px;font-size:16px}.launcher-cta{width:min(330px,94vw);min-height:62px;margin-top:28px}.scroll-cue{bottom:20px}.orbit-a{width:130vw;height:66vw}.orbit-b{width:98vw;height:98vw}.orbit-c{display:none}.perspective-grid{bottom:-10%;height:33%;opacity:.22;background-size:38px 30px}.particle:nth-child(n+18){display:none}.game-showcase{min-height:0;padding:64px 14px 74px}.section-kicker{gap:10px;margin-bottom:21px;letter-spacing:.24em}.section-kicker span{width:14vw}.game-stage{display:block;min-height:780px;border-radius:0;clip-path:polygon(20px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 34px),calc(100% - 26px) 100%,20px 100%,0 calc(100% - 20px),0 20px)}.stage-art{inset:41% 0 0;background-image:linear-gradient(0deg,#061326cc 0,transparent 47%),url('assets/factory-bg-mobile.png');background-image:linear-gradient(0deg,#061326cc 0,transparent 47%),image-set(url('assets/factory-bg-mobile.webp') type('image/webp'),url('assets/factory-bg-mobile.png') type('image/png'));background-position:center 39%;background-size:cover}.stage-light{background:linear-gradient(180deg,#061326 0 37%,#061326e6 43%,transparent 63%)}.stage-worker{right:50%;bottom:2%;width:118px;translate:50% 0}.stage-content{display:flex;align-items:center;min-height:445px;padding:37px 24px 28px;text-align:center}.stage-logo{width:min(340px,90%);margin-bottom:20px}.stage-content>p{font-size:16px}.game-traits{width:100%;justify-content:center;margin-top:27px}.game-traits li{min-width:0;flex:1;padding:0 8px}.game-traits span{font-size:10px}.play-cta{width:min(300px,100%);min-height:62px;margin-top:30px;font-size:24px;text-align:left}.project-about{padding:58px 20px}.project-about-inner{gap:39px}.project-brand{margin:auto}.project-brand img{width:min(270px,80%);margin:0 auto 18px}.project-brand span{text-align:center}.project-copy{text-align:center}.project-copy h2{font-size:36px}.project-copy a{justify-content:center}.launcher-footer{grid-template-columns:auto 1fr;gap:14px;padding:24px 20px}.launcher-footer img{width:60px}.launcher-footer small{grid-column:1/-1;justify-self:start;padding-left:74px}}
@media(max-width:380px){.game-stage{min-height:740px}.stage-content{min-height:430px;padding-inline:17px}.stage-logo{width:280px}.game-traits span{font-size:9px}.launcher-footer small{padding-left:0}}
@media(max-width:700px){.footer-meta{grid-column:1/-1;justify-self:stretch;justify-content:space-between;gap:14px;padding-left:74px}.launcher-footer small{padding-left:0}.project-modal[open]{display:block;padding:55px 22px 30px}.project-modal-brand{margin-bottom:30px}.project-modal-brand img{width:min(250px,75%);margin-bottom:17px}.project-modal-copy{text-align:center}.project-modal-copy h2{font-size:34px}.project-modal-copy a{justify-content:center}}
@media(max-width:380px){.footer-meta{padding-left:0;flex-wrap:wrap}.project-modal[open]{padding-inline:17px}.project-modal-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-logo,.hero-logo-shine,.logo-energy,.hero-glow,.logo-pulse,.orbit,.particle,.launcher-cta:before,.play-cta:before,.scroll-cue i{animation:none!important}.hero-logo-shine{display:none}.game-stage,.stage-art,.stage-worker{transform:none!important;transition:none!important}}

/* Compact game card */
.game-showcase{min-height:auto;padding:62px clamp(22px,5vw,70px) 84px}
.game-stage{display:block;width:min(1080px,100%);min-height:360px;aspect-ratio:3/1}
.stage-art{inset:0;background-image:linear-gradient(90deg,#061326f7 0 34%,#061326b8 51%,#06132624 77%),linear-gradient(0deg,#041020b5,transparent 58%),url('assets/factory-bg-desktop.png');background-image:linear-gradient(90deg,#061326f7 0 34%,#061326b8 51%,#06132624 77%),linear-gradient(0deg,#041020b5,transparent 58%),image-set(url('assets/factory-bg-desktop.webp') type('image/webp'),url('assets/factory-bg-desktop.png') type('image/png'));background-position:center;background-size:cover}
.stage-light{background:radial-gradient(circle at var(--mx) var(--my),#4beaf021 0,transparent 29%),linear-gradient(90deg,#061326e8 0 25%,transparent 70%)}
.stage-worker{right:5%;bottom:-4%;width:clamp(105px,10vw,142px)}
.stage-content{display:grid;grid-template-columns:minmax(210px,.92fr) minmax(320px,1.35fr) minmax(105px,.46fr);grid-template-rows:1fr 1fr;column-gap:clamp(26px,4vw,58px);width:100%;max-width:none;min-height:360px;padding:38px clamp(34px,4.5vw,62px)}
.stage-logo{grid-column:2;grid-row:1;align-self:end;justify-self:center;width:min(355px,100%);margin:0 0 10px}
.stage-content>p{grid-column:1;grid-row:1;align-self:end;max-width:280px;margin:0 0 6px;font-size:clamp(15px,1.25vw,18px);line-height:1.5}
.game-traits{grid-column:2;grid-row:2;align-self:start;justify-self:stretch;justify-content:center;width:100%;margin:14px 0 0}
.game-traits li{min-width:0;flex:1;padding:0 14px}
.game-traits span{font-size:10px}
.play-cta{grid-column:1;grid-row:2;align-self:start;width:min(235px,100%);min-height:55px;margin:22px 0 0;padding:10px 12px 10px 22px;border-radius:13px;font-size:21px}
.play-cta b{width:36px;height:36px;font-size:24px}

@media(max-width:900px) and (min-width:701px){.game-stage{min-height:350px}.stage-content{grid-template-columns:minmax(190px,.9fr) minmax(280px,1.3fr) 95px;min-height:350px;padding:34px 32px;column-gap:24px}.stage-logo{width:min(315px,100%)}.stage-worker{right:3.5%;width:105px}.game-traits li{padding-inline:8px}}
@media(max-width:700px){.game-showcase{padding:52px 14px 64px}.section-kicker{margin-bottom:18px}.game-stage{display:block;width:min(520px,100%);min-height:500px;aspect-ratio:auto}.stage-art{inset:0;background-image:linear-gradient(180deg,#061326f2 0 42%,#0613268f 70%,#0613263d),url('assets/factory-bg-mobile.png');background-image:linear-gradient(180deg,#061326f2 0 42%,#0613268f 70%,#0613263d),image-set(url('assets/factory-bg-mobile.webp') type('image/webp'),url('assets/factory-bg-mobile.png') type('image/png'));background-position:center 44%;background-size:cover}.stage-light{background:radial-gradient(circle at 50% 30%,#4beaf01d,transparent 40%),linear-gradient(180deg,#061326b3,transparent 75%)}.stage-content{display:grid;grid-template-columns:minmax(0,1fr) 84px;grid-template-rows:auto auto auto 1fr;gap:0;min-height:500px;padding:27px 22px 25px;text-align:center}.stage-logo{grid-column:1/-1;grid-row:1;width:min(300px,86%);margin:0 auto 15px}.stage-content>p{grid-column:1/-1;grid-row:2;justify-self:center;max-width:370px;margin:0;font-size:15px;line-height:1.45}.game-traits{grid-column:1/-1;grid-row:3;width:100%;margin:18px 0 0}.game-traits li{padding-inline:7px}.game-traits span{font-size:9px}.play-cta{grid-column:1;grid-row:4;align-self:end;justify-self:start;width:min(230px,100%);margin:25px 0 0;text-align:left}.stage-worker{right:5%;bottom:2%;width:78px;translate:0;transform:none}}
@media(max-width:380px){.game-stage{min-height:485px}.stage-content{grid-template-columns:minmax(0,1fr) 70px;min-height:485px;padding-inline:17px}.stage-logo{width:260px}.stage-worker{right:4%;width:70px}.play-cta{font-size:19px}.game-traits span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.game-stage,.stage-art,.stage-worker{transform:none!important;transition:none!important}}

/* Pexeso card */
.games-catalog{background:linear-gradient(#050817,#07152b 50%,#050817)}
.games-catalog .game-showcase{background:transparent}
.pexeso-showcase{padding-top:18px}
.pexeso-stage .stage-art{background-image:linear-gradient(90deg,#061326 0%,#061326e0 8%,transparent 52%),radial-gradient(circle at 76% 40%,#12dbea24,transparent 32%),linear-gradient(0deg,#04102088,transparent 50%),url('assets/ibp-pexeso-back.webp'),linear-gradient(125deg,#071b33,#0a2f5c 58%,#08182f);background-position:0 0,0 0,0 0,center bottom,0 0;background-size:cover;background-repeat:no-repeat}
.pexeso-stage .stage-light{background:radial-gradient(circle at var(--mx) var(--my),#4beaf022,transparent 29%),linear-gradient(90deg,#061326e8 0 25%,transparent 72%)}
.portal-cards{position:absolute;z-index:2;right:5%;top:50%;width:250px;height:270px;translate:0 -50%;perspective:900px}
.portal-cards i{position:absolute;width:135px;height:165px;border:2px solid #41e4ee;border-radius:16px;background:repeating-linear-gradient(135deg,#073582 0 12px,#062766 12px 24px);box-shadow:0 22px 38px #0009,0 0 22px #24d9e533}
.portal-cards i:after{position:absolute;inset:0;display:grid;place-items:center;content:"iBP";color:#52c8ed80;font:900 italic 32px "Segoe UI",sans-serif}
.portal-cards i:nth-child(1){left:3px;top:52px;rotate:-13deg}.portal-cards i:nth-child(2){right:0;top:68px;rotate:16deg}.portal-cards i:nth-child(3){left:58px;top:4px;display:grid;place-items:center;rotate:4deg;background:#f8fdff}.portal-cards i:nth-child(3):after{display:none}.portal-cards img{width:78%;height:78%;object-fit:contain}
/* Pexeso používa rovnaké mask-image ikony ako Piktodrob (trait-vision/speed/brain). */
@media(max-width:700px){.pexeso-showcase{padding-top:0}.pexeso-stage .stage-art{background-image:linear-gradient(180deg,#061326 0 26%,#0613269c 52%,transparent),url('assets/ibp-pexeso-back.webp'),linear-gradient(160deg,#071b33,#0a2f5c);background-position:center bottom;background-size:cover;background-repeat:no-repeat}.portal-cards{right:50%;top:auto;bottom:16px;width:190px;height:150px;translate:50% 0}.portal-cards i{width:92px;height:112px;border-radius:12px}.portal-cards i:nth-child(1){left:4px;top:25px}.portal-cards i:nth-child(2){right:2px;top:30px}.portal-cards i:nth-child(3){left:49px;top:0}.pexeso-stage .stage-content{padding-bottom:174px}.pexeso-stage .play-cta{position:absolute;left:50%;bottom:19px;translate:-50% 0;z-index:4}.pexeso-stage .portal-cards{bottom:65px;opacity:.82}}

/* Game trait cards */
.game-traits{gap:9px}
.game-traits li{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:1fr 1fr;min-height:66px;padding:9px 11px;border:1px solid #4be0e73d;border-radius:10px;background:linear-gradient(135deg,#123452c9,#091b32b8);box-shadow:inset 0 1px #a9fbff17,0 8px 22px #0003;overflow:hidden}
.game-traits li:first-child{padding-left:11px;border-left:1px solid #4be0e73d}
.game-traits li:after{position:absolute;right:-17px;bottom:-23px;width:54px;height:54px;content:"";border:1px solid #4be0e72b;border-radius:50%;box-shadow:0 0 25px #34dce72c}
.trait-icon{grid-column:1;grid-row:1/3;align-self:center;width:30px;height:30px;padding:5px;border:1px solid #55e7ed73;border-radius:9px;color:#58e7ed;background:#07162a99;filter:drop-shadow(0 0 7px #35dae554);fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.game-traits i{grid-column:2;grid-row:1;align-self:end;color:#58e7ed;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.16em;line-height:1}
.game-traits span{grid-column:2;grid-row:2;align-self:start;margin-top:5px;color:#f8fcff;font-size:9px;font-weight:900;letter-spacing:.065em;line-height:1;text-transform:uppercase}

@media(max-width:700px){.game-traits{gap:7px}.game-traits li,.game-traits li:first-child{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;min-height:83px;padding:9px 4px 10px;border-left:1px solid #4be0e73d}.trait-icon{grid-column:1;grid-row:1;justify-self:center;width:32px;height:32px}.game-traits i{position:absolute;top:7px;right:7px;font-size:7px}.game-traits span{grid-column:1;grid-row:2;justify-self:center;margin-top:7px;font-size:8px;line-height:1.1}.game-traits li:after{right:-25px;bottom:-30px}}
@media(max-width:350px){.game-traits{gap:5px}.game-traits li,.game-traits li:first-child{min-height:78px;padding-inline:2px}.trait-icon{width:29px;height:29px}.game-traits span{font-size:7px}}

/* Refined connected trait panels */
.game-traits{position:relative;gap:12px;margin-top:8px}
.game-traits:before{position:absolute;z-index:0;top:50%;left:7%;right:7%;height:2px;content:"";translate:0 -50%;background:linear-gradient(90deg,transparent,#3de3ed 13% 87%,transparent);box-shadow:0 0 10px #3de3ed}
.game-traits li,.game-traits li:first-child{z-index:1;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;min-height:94px;padding:11px 9px 12px;border:1px solid #53e5ecad;border-left:1px solid #53e5ecad;border-radius:0;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);background:linear-gradient(145deg,#103452ec,#07172dda);box-shadow:inset 0 0 22px #26d9e51b,0 9px 26px #0005}
.game-traits li:after{right:50%;bottom:7px;width:38px;height:1px;translate:50% 0;border:0;border-radius:0;background:linear-gradient(90deg,transparent,#48e5ed,transparent);box-shadow:0 0 7px #48e5ed}
.trait-icon{grid-column:1;grid-row:1;justify-self:center;width:44px;height:44px;padding:6px;border:0;border-radius:0;background:transparent;filter:drop-shadow(0 0 8px #35dae582);stroke-width:1.45}
.game-traits i{position:absolute;top:9px;right:10px;grid-column:auto;grid-row:auto;font-size:7px}
.game-traits span{grid-column:1;grid-row:2;justify-self:center;align-self:start;margin-top:4px;padding-bottom:7px;font-size:10px;line-height:1}

@media(max-width:700px){.game-traits{gap:7px;margin-top:18px}.game-traits:before{left:5%;right:5%}.game-traits li,.game-traits li:first-child{min-height:86px;padding:9px 3px 10px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.trait-icon{width:38px;height:38px;padding:5px}.game-traits i{top:7px;right:7px;font-size:6px}.game-traits span{margin-top:3px;padding-bottom:5px;font-size:8px}.game-traits li:after{bottom:6px;width:28px}.play-cta{z-index:4;grid-column:1/-1;justify-self:center;width:min(250px,82%);margin-top:25px}.stage-worker{z-index:3;right:auto;left:50%;bottom:20px;width:76px;translate:-50% 0}}
@media(max-width:350px){.game-traits li,.game-traits li:first-child{min-height:80px}.trait-icon{width:34px;height:34px}.game-traits span{font-size:7px}.stage-worker{bottom:18px;width:70px}.play-cta{width:84%}}

/* Supplied WebP trait icons */
.game-traits .trait-icon{display:block;grid-column:1;grid-row:1;align-self:center;justify-self:center;margin:0;padding:0;border:0;background:#58e7ed;filter:drop-shadow(0 0 8px #35dae58c);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}
.trait-vision{-webkit-mask-image:url('assets/traits/vision.webp');mask-image:url('assets/traits/vision.webp')}
.trait-speed{-webkit-mask-image:url('assets/traits/speed.webp');mask-image:url('assets/traits/speed.webp')}
.trait-brain{-webkit-mask-image:url('assets/traits/brain.webp');mask-image:url('assets/traits/brain.webp')}

/* Pexeso: dodaný vzor na dekoratívnych kartách. */
.pexeso-stage .portal-cards i:nth-child(-n+2){background-color:#07396c;background-image:linear-gradient(rgba(7,57,108,.72),rgba(7,57,108,.72)),url("assets/ibp-pexeso-kart-back.webp");background-position:center;background-size:cover;background-repeat:no-repeat}
.pexeso-stage .portal-cards i:nth-child(-n+2):after{content:none}