@font-face{font-family:'Cinzel';font-style:normal;font-weight:400;font-display:swap;src:url('assets/cinzel-400.ttf') format('truetype')}
@font-face{font-family:'Cinzel';font-style:normal;font-weight:500;font-display:swap;src:url('assets/cinzel-500.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('assets/manrope-400.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('assets/manrope-600.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('assets/manrope-800.ttf') format('truetype')}
:root{color-scheme:dark;--bg:#08050e;--surface:#120a1e;--text:#f5eefc;--muted:#b3a8c3;--violet:#ae64ff;--line:rgba(199,151,255,.23);--font:'Manrope',Arial,sans-serif;--display:'Cinzel',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d4a7ff;outline-offset:5px}::selection{background:#7b35c4;color:white}.container{width:min(1240px,calc(100% - 100px));margin:auto}.skip-link{position:fixed;top:10px;left:10px;z-index:200;background:#4b1c70;padding:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.navbar{position:fixed;inset:18px 28px auto;z-index:50;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 22px 0 12px;border:1px solid var(--line);background:rgba(11,6,19,.85);backdrop-filter:blur(24px);box-shadow:0 8px 45px #0005;border-radius:5px;opacity:0;transform:translateY(-120px);transition:transform .45s ease,opacity .35s ease;pointer-events:none}.navbar.visible{opacity:1;transform:none;pointer-events:auto}.nav-brand{display:flex;align-items:center;gap:17px}.menu-toggle{width:44px;height:44px;border:1px solid #ffffff20;background:#ffffff04;display:grid;align-content:center;gap:7px;padding:12px;border-radius:3px}.menu-toggle span{display:block;width:100%;height:1px;background:#eee2ff}.menu-toggle span:last-child{width:70%}.brand{width:168px;height:62px;display:grid;place-items:center}.brand img{width:100%;height:100%;object-fit:contain}.nav-links{display:flex;gap:34px;margin-left:-28px;font-size:14px}.nav-links a{color:var(--muted);padding:18px 0;position:relative}.nav-links a:hover,.nav-links a.active{color:white}.nav-links a.active:after{content:'';position:absolute;bottom:8px;left:25%;right:25%;height:1px;background:var(--violet);box-shadow:0 0 9px var(--violet)}.account-button{background:none;border:0;display:flex;align-items:center;gap:10px;font-size:14px}.account-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.5}.hero{position:relative;isolation:isolate;min-height:680px;height:100svh;display:grid;place-items:center;overflow:hidden;background:#020104}.hero-wallpaper{position:absolute;inset:0;z-index:-2;background:url('assets/wallpaperhero1.webp') center/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 44%,transparent 20%,#03010724 65%,#03010770),linear-gradient(0deg,#08050e 0%,transparent 18%)}.hero-brand{width:min(560px,74vw);text-align:center;transform:translateY(-8px)}.hero-logo{width:100%;height:auto;filter:drop-shadow(0 0 30px #a543ff30);animation:logo-arrive 1.3s ease both}.hero h1{font-family:var(--display);font-size:14px;font-weight:400;letter-spacing:.55em;display:flex;align-items:center;justify-content:center;gap:19px;margin:-6px 0 0 8px;white-space:nowrap;color:#e9d8f8}.hero h1 span{height:1px;width:62px;background:linear-gradient(90deg,transparent,#b67ded)}.hero h1 span:last-child{transform:rotate(180deg)}.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:13px;font-size:10px;letter-spacing:.3em;color:#d2bfe5;white-space:nowrap}.scroll-line{height:35px;width:1px;background:linear-gradient(#a457f5,transparent);animation:scroll-pulse 2s ease-in-out infinite}.featured{min-height:640px;display:flex;align-items:center;background:linear-gradient(#07071180,#070711b0),url('assets/walpapertelajogodestaque.png') center/cover}.catalog{padding:105px 0;background:#090610}.studio{padding:100px 0;border-top:1px solid var(--line)}.eyebrow{font-family:var(--display);font-size:13px;letter-spacing:.26em;color:#c8a8ec}.featured .eyebrow{color:#e4c486}h2{font-family:var(--display);font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.25;margin:15px 0 28px}.text-link{font-size:14px;border-bottom:1px solid #bf85f8;padding-bottom:8px}.text-link span{margin-left:18px}@keyframes logo-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes scroll-pulse{50%{opacity:.35;transform:translateY(5px)}}
.hero-wallpaper{background-image:url('assets/wallpaperhero1.webp')}.hero-logo{animation:logo-arrive 1.3s ease both,logo-breathe 7s ease-in-out 1.3s infinite}.featured{position:relative;min-height:780px;background-image:linear-gradient(0deg,#08050e 0%,#06090618 30%,#03070445 85%,#08050e 100%),url('assets/walpapertelajogodestaque.webp');padding:120px 0 100px}.featured-layout{display:grid;grid-template-columns:.83fr 1.5fr;gap:70px;align-items:center}.decorated{display:flex;align-items:center;gap:15px;white-space:nowrap}.decorated:before{content:'✦';font-size:15px;text-shadow:0 0 12px #efbd6f}.decorated:after{content:'';width:70px;height:1px;background:linear-gradient(90deg,#e4c486,transparent)}.featured h2{font-family:var(--font);font-weight:900;letter-spacing:-.035em;font-size:clamp(38px,4.1vw,62px);line-height:1.07;margin:25px 0 16px;text-shadow:3px 3px 0 #020203,0 0 30px #000}.featured h2>span{display:block;color:#ffba46;font-size:1.3em}.game-divider{color:#d9ad5b;display:flex;align-items:center;justify-content:center;gap:12px;width:130px;margin:22px 0}.game-divider:before,.game-divider:after{content:'';width:45px;height:1px;background:#c4a36477}.featured-description{font-size:16px;line-height:1.8;color:#d9d2c0;max-width:370px;margin:0 0 28px}.gold-button,.purple-button{border:1px solid #eeaf4880;background:linear-gradient(120deg,#ce7b20,#f2b649);color:#110a05;padding:15px 24px;display:flex;justify-content:space-between;align-items:center;gap:28px;font-weight:800;font-size:15px;box-shadow:0 0 26px #f8a53726;transition:filter .2s,transform .2s;border-radius:3px}.gold-button:hover,.purple-button:hover{filter:brightness(1.12);transform:translateY(-2px)}.featured-catalog-link{display:inline-block;font-size:13px;color:#d4c5ab;margin-top:20px;border-bottom:1px solid #d4c5ab50}.featured-art{position:relative;padding:7px;border:1px solid #ecac4880;background:#1c170b70;border-radius:3px;box-shadow:0 0 0 5px #d2973210,0 30px 55px #0007;transition:transform .35s,box-shadow .35s}.featured-art:hover{transform:translateY(-5px);box-shadow:0 0 30px #cb7c2620,0 35px 55px #0009}.featured-art img{width:100%;height:auto;border-radius:1px}.art-corner{position:absolute;width:32px;height:32px;pointer-events:none}.top-left{left:-3px;top:-3px;border-top:3px solid #edbd70;border-left:3px solid #edbd70}.bottom-right{right:-3px;bottom:-3px;border-bottom:3px solid #edbd70;border-right:3px solid #edbd70}.featured-bottom{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:min(1240px,calc(100% - 100px));display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:#bfa371}.catalog{position:relative;padding:90px 0 105px;background:radial-gradient(ellipse at 50% 0%,#43225b2e,transparent 70%),#090610}.catalog:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#090610cf,#090610ee),url('assets/wallpaperhero1.webp') center/cover;opacity:.55}.catalog>.container{position:relative}.section-heading{display:flex;align-items:center;gap:25px;margin-bottom:35px}.section-heading h2{font-family:var(--display);font-size:24px;letter-spacing:.12em;text-transform:uppercase;margin:0;white-space:nowrap;font-weight:500}.heading-line{flex:1;height:1px;background:linear-gradient(90deg,#b875f877,#b875f80a);position:relative}.heading-line:before{content:'✦';position:absolute;left:0;top:-14px;color:#c884ff;text-shadow:0 0 15px #a453eb;font-size:18px}.view-all{font-size:12px;color:#c1b1d6;white-space:nowrap}.view-all span{font-size:19px;margin-left:12px}.games-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:24px;align-items:center}.game-card{position:relative;text-align:left;display:block;padding:6px;border:1px solid #9e59e77a;background:linear-gradient(135deg,#4c236549,#170d24);border-radius:7px;min-width:0;box-shadow:0 0 16px #9e47f11c;transition:transform .3s,border-color .3s,box-shadow .3s}.game-card:hover{transform:translateY(-7px);border-color:#d0a2ff;box-shadow:0 0 28px #ab54ff45}.game-image{display:block;aspect-ratio:1.15;overflow:hidden;border-radius:3px}.game-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.game-card:hover img{transform:scale(1.045)}.game-card-main{border-color:#c48afb;box-shadow:0 0 24px #a958f92c;padding:7px}.game-card-main .game-image{aspect-ratio:1.58}.game-card-info{display:block;padding:17px 15px 14px}.game-title{display:block;font-size:17px;font-weight:700;line-height:1.3}.game-status{display:block;font-size:12px;color:#b5a4ca;margin-top:5px}.card-arrow{position:absolute;bottom:25px;right:20px;color:#cba3ed;font-size:22px}.card-tag{position:absolute;right:17px;top:17px;z-index:1;border:1px solid #dfb9ff7a;background:#281339de;padding:4px 9px;border-radius:3px;font-size:10px;letter-spacing:.1em;box-shadow:0 0 18px #8c24e866}.development-heading{margin-top:72px}.development-heading h2{font-size:20px}.section-count{font-size:11px;letter-spacing:.1em;color:#a491b8;white-space:nowrap}.development-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.development-card{min-width:0;display:block;text-align:left;border:1px solid #8759b46b;padding:5px;background:#100b19;border-radius:5px;overflow:hidden;transition:border-color .3s,transform .3s}.development-card:not(.mystery):hover{border-color:#bb85ee;transform:translateY(-4px)}.development-card img{width:100%;aspect-ratio:2.05;object-fit:cover;border-radius:2px}.development-caption{display:block;padding:13px 9px 9px}.development-caption strong{font-size:14px;font-weight:600;display:block}.development-caption>span{font-size:12px;color:#a293b3;display:block;margin-top:3px}.mystery{opacity:.65}.studio{background:radial-gradient(ellipse at 20% 50%,#58247825,transparent 55%),#09060f;padding:95px 0}.studio-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;width:min(970px,calc(100% - 100px))}.studio-mark{display:flex;justify-content:center}.studio-mark img{width:240px;height:270px;object-fit:contain;filter:drop-shadow(0 0 28px #742fc733)}.studio h2{font-size:37px;line-height:1.3;margin:14px 0 20px}.studio-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--muted);max-width:540px;margin:0 0 25px}.studio .text-link{font-size:14px;color:#d3b0f1}.footer{border-top:1px solid var(--line);padding:25px 50px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#9a8ca9;font-size:12px}.footer img{width:155px;height:58px;object-fit:contain}.back-top{font-size:13px}.back-top span{padding-left:12px;color:#d9b0fb}
dialog{color:var(--text);background:#100a1a;border:1px solid #6b3d954d;padding:0;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#030107aa;backdrop-filter:blur(8px)}body.modal-open{overflow:hidden}.close-button{background:#ffffff06;border:1px solid #ffffff1c;color:#e9dff4;border-radius:3px;width:38px;height:38px;font-size:27px;line-height:1;display:grid;place-items:center}.close-button:hover{background:#743b8d40}.menu-dialog{position:fixed;inset:0 auto 0 0;margin:0;width:min(410px,100%);max-width:100%;max-height:100svh;height:100svh;border:0;border-right:1px solid #9d61d555;padding:22px 32px;overflow-y:auto;background:radial-gradient(ellipse at 0% 100%,#50226350,transparent 65%),#0d0815}.menu-dialog[open]{display:flex;flex-direction:column;animation:drawer-arrive .28s ease-out}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.drawer-head img{width:185px;height:72px;object-fit:contain}.drawer-label{font-family:var(--font);font-size:11px;letter-spacing:.25em;color:#9e88b5;margin:60px 0 20px}.drawer-nav{display:flex;flex-direction:column}.drawer-nav>a{display:flex;align-items:center;padding:18px 0;font-size:23px;border-bottom:1px solid #ffffff0d}.drawer-nav>a:hover{color:#d4a6fc}.drawer-nav>a>span{font-size:11px;color:#9372b1;align-self:center;margin-right:20px}.drawer-nav i{margin-left:auto;font-size:20px;font-style:normal}.drawer-account{border-top:1px solid var(--line);margin-top:55px;padding-top:22px}.drawer-account>p{font-size:11px;letter-spacing:.2em;color:#b8a1ca}.purple-button{background:linear-gradient(110deg,#6930a2,#9752cd);color:#fff;border-color:#b378e269;box-shadow:0 0 23px #9148ce22;font-weight:600;width:100%}.drawer-login{background:none;border:0;padding:18px 0;font-size:13px;color:#a998ba;text-align:center;width:100%}.drawer-login span{color:#dbc5f3;margin-left:3px}.drawer-footer{display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding-top:45px;color:#7a628e;font-size:10px;letter-spacing:.17em}.account-dialog{position:fixed;width:min(460px,calc(100% - 32px));max-height:calc(100svh - 32px);margin:auto;padding:30px 36px;border-radius:8px;background:radial-gradient(ellipse at 50% 0%,#52257750,transparent 50%),#100a1a}.account-dialog>.close-button{position:absolute;right:18px;top:18px}.account-mark{width:75px;height:82px;object-fit:contain;margin:0 auto 8px}.account-dialog>.eyebrow{text-align:center;font-family:var(--font);font-size:10px;letter-spacing:.16em;margin:3px 0 10px}.account-dialog h2{font-size:26px;text-align:center;line-height:1.4;margin:0 0 24px}.account-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:22px}.account-tabs button{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px;font-size:14px;color:#a994be}.account-tabs [aria-selected=true]{border-color:#b774ea;color:white}.account-notice{font-size:12px;color:#cbb1e3;background:#9c5ed10e;border:1px solid #b77cec22;border-radius:3px;padding:10px 12px;margin:0 0 18px}form label{font-size:13px;color:#dbcfe6;display:block;margin-bottom:7px}form input{background:#07050c8f;border:1px solid #9b71bc36;border-radius:3px;padding:12px 14px;min-height:46px;width:100%;color:white;font-size:14px;margin-bottom:17px}form input::placeholder{color:#756382}.password-label{display:flex;align-items:center;justify-content:space-between}.password-label button{background:none;border:0;color:#b794d1;font-size:12px;padding:0 0 7px}.account-dialog .purple-button{margin-top:7px}.form-feedback{font-size:13px;color:#d6bbed;min-height:0;margin:14px 0 0}.game-dialog{width:min(740px,calc(100% - 32px));max-height:calc(100svh - 40px);border-radius:7px;overflow-y:auto}.game-dialog>.close-button{position:absolute;top:15px;right:15px;z-index:1;background:#100819e0}.game-dialog>img{width:100%;max-height:390px;object-fit:cover}.game-dialog-content{padding:28px 35px 35px}.game-dialog .eyebrow{font-family:var(--font);font-size:11px;letter-spacing:.15em;margin:0 0 8px}.game-dialog h2{font-size:31px;margin:0 0 16px}.game-dialog-content>p:not(.eyebrow){font-size:15px;color:#c9bbd5}.release-note{padding:12px 15px;border-left:2px solid #9f5cce;background:#6f369a15;font-size:13px!important;margin:22px 0}.outline-button{border:1px solid #9963c269;background:transparent;border-radius:3px;padding:10px 18px;font-size:13px;color:#dcc8ed}.outline-button:hover{background:#8856ad21}@keyframes logo-breathe{50%{filter:drop-shadow(0 0 37px #ab4dff50)}}@keyframes drawer-arrive{from{transform:translateX(-100%);opacity:.5}to{transform:none;opacity:1}}
@media(min-width:1500px){.hero-brand{width:650px}.featured{min-height:850px}}
@media(max-width:1050px){.container{width:calc(100% - 64px)}.featured-layout{gap:35px;grid-template-columns:.85fr 1.3fr}.featured h2{font-size:38px}.featured-description{font-size:14px}.games-grid{gap:16px}.game-title{font-size:15px}.game-card-info{padding:14px 8px}.card-arrow{right:15px;bottom:23px;font-size:18px}.game-status{font-size:11px}.development-grid{gap:12px}.development-caption{padding:10px 5px}.development-caption strong{font-size:13px}.section-heading h2{font-size:20px}.nav-links{gap:26px;margin-left:0}.studio-layout{gap:40px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.navbar{inset:12px 14px auto;height:66px;padding:0 15px 0 9px}.nav-brand{gap:10px}.brand{width:125px;height:52px}.nav-links{display:none}.account-button span{display:none}.account-button{padding:12px}.hero{min-height:580px}.hero-brand{width:min(560px,90vw)}.hero h1{font-size:12px;letter-spacing:.38em;gap:12px}.hero h1 span{width:35px}.scroll-cue{font-size:9px}.featured{min-height:0;padding:100px 0 85px}.featured-layout{grid-template-columns:1fr;gap:36px}.featured-copy{text-align:center}.featured-copy .eyebrow{justify-content:center;font-size:12px}.decorated:after{display:none}.featured h2{font-size:45px}.game-divider{margin:20px auto}.featured-description{margin:0 auto 25px;max-width:380px;font-size:15px}.gold-button{margin:auto;min-width:235px}.featured-art{width:min(640px,100%);justify-self:center}.featured-bottom{width:calc(100% - 40px);bottom:23px;font-size:9px}.catalog,.studio{padding:65px 0}.section-heading{gap:14px;margin-bottom:25px}.section-heading h2{font-size:19px;letter-spacing:.06em}.view-all{font-size:11px}.games-grid{grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.game-card-main{grid-column:1/-1;grid-row:1}.game-card-main .game-image{aspect-ratio:1.9}.game-title{font-size:16px}.game-status{font-size:12px}.game-card-info{padding:14px 9px}.game-card-main .game-card-info{padding:16px 12px}.development-heading{margin-top:45px}.development-heading h2{font-size:16px}.section-count{font-size:10px}.development-grid{grid-template-columns:1fr 1fr;gap:18px}.development-caption strong{font-size:14px}.development-caption>span{font-size:12px}.studio-layout{grid-template-columns:.55fr 1fr;gap:25px}.studio-mark img{width:150px;height:190px}.studio h2{font-size:27px}.studio-copy>p:not(.eyebrow){font-size:14px}.studio .eyebrow{font-size:10px}.footer{padding:20px;flex-wrap:wrap;justify-content:center;gap:10px 30px}.footer img{width:135px;height:53px}.footer>span{font-size:11px}.back-top{display:none}}
@media(max-width:480px){.hero h1{font-size:11px;letter-spacing:.35em}.hero h1 span{width:28px}.hero-brand{transform:translateY(-5px)}.scroll-cue{bottom:26px;font-size:8px;letter-spacing:.2em}.hero-wallpaper{background-position:50% 50%}.featured h2{font-size:41px}.games-grid{gap:12px}.game-title{font-size:14px}.game-status{font-size:10px}.card-arrow{display:none}.view-all{font-size:10px}.view-all span{margin-left:4px}.section-heading h2{font-size:17px}.development-heading h2{font-size:14px}.section-count{font-size:9px}.development-grid{gap:12px}.development-caption strong{font-size:12px}.development-caption>span{font-size:10px}.studio-layout{grid-template-columns:1fr;text-align:center;gap:20px}.studio-mark img{width:155px;height:175px}.studio-copy>p:not(.eyebrow){font-size:15px}.studio h2{font-size:30px}.studio .eyebrow{font-size:11px}.account-dialog{padding:28px 25px}.game-dialog-content{padding:22px}.game-dialog h2{font-size:25px}.menu-dialog{padding:20px 25px}.drawer-label{margin-top:45px}.drawer-account{margin-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Navigation follows the reference: one quiet horizontal line. */
.navbar{--nav-accent:#be83ef;inset:0 0 auto;height:88px;padding:0 36px 0 24px;gap:28px;border:0;border-bottom:1px solid #b781e846;border-radius:0;box-shadow:none;background:#0a0611e0}.navbar.gold-theme{--nav-accent:#e2b56f;border-bottom-color:#e4af574d;background:#070c08e3}.nav-brand{gap:15px;flex-shrink:0}.menu-toggle{border:0;background:none;width:38px;padding:9px}.menu-toggle:hover{background:#ffffff08}.brand{width:174px;height:65px}.nav-rule{flex:1;height:1px;max-width:190px;min-width:20px;background:linear-gradient(90deg,transparent,var(--nav-accent),transparent);opacity:.65}.nav-rule:after{content:'✦';float:right;line-height:0;font-size:13px;color:var(--nav-accent);text-shadow:0 0 12px var(--nav-accent)}.nav-links{font-family:var(--display);font-size:13px;text-transform:uppercase;letter-spacing:.16em;gap:34px;margin:0;flex-shrink:0}.nav-links a{color:#e4d6ed;padding:22px 0}.nav-links a.active:after{left:-15%;right:-15%;bottom:9px;background:linear-gradient(90deg,transparent,var(--nav-accent),transparent);box-shadow:none}.nav-links a.active:before{content:'✦';position:absolute;left:calc(50% - 7px);bottom:-3px;color:var(--nav-accent);font-size:17px;text-shadow:0 0 15px var(--nav-accent)}.nav-account{display:flex;align-items:center;gap:19px;flex-shrink:0}.nav-login,.nav-signup{font-size:13px;white-space:nowrap;background:none;color:#efe5f8}.nav-login{border:0;padding:10px 0}.nav-signup{border:1px solid #b984dd66;padding:10px 17px;border-radius:2px}.gold-theme .nav-signup{border-color:#dba85c6b}.nav-login:hover,.nav-signup:hover{color:white;background:#ffffff07}.featured-game-title{margin:25px 0 0!important;max-width:420px;mix-blend-mode:screen}.featured-game-title img{width:100%;height:auto}.featured .game-divider{margin:17px 0}.featured-layout{grid-template-columns:.83fr 1.65fr;gap:45px}.featured-art{padding:6px;box-shadow:0 0 0 3px #d2973215,0 25px 55px #0008}.menu-dialog{width:min(350px,100%);background:#100b18;padding:22px 28px}.drawer-head img{width:168px;height:65px}.drawer-label{margin:43px 0 20px;letter-spacing:.18em}.drawer-nav>a{font-size:19px;padding:14px 0;border:0}.drawer-nav>a:hover{color:#d3aaf1}.drawer-account{display:flex;flex-direction:column;gap:10px;padding-top:24px;margin-top:34px;border-top:1px solid #ffffff10}.drawer-enter,.drawer-create{padding:12px 16px;text-align:left;font-size:14px;line-height:1.4;border:1px solid #ffffff19;border-radius:2px;background:none;color:#eaddf5}.drawer-enter{border-color:transparent;padding-left:0}.drawer-create{border-color:#ae75d65e}.drawer-enter:hover,.drawer-create:hover{color:white;background:#ffffff04}.drawer-footer{justify-content:flex-start;gap:10px;font-size:9px;color:#8b739e}.footer{display:block;padding:40px 50px 22px}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px}.footer-main>a img{width:190px;height:70px}.footer-social{display:flex;align-items:center;gap:28px}.footer-social>span{font-size:10px;letter-spacing:.18em;color:#ad97be}.social-icons{display:flex;align-items:center;gap:23px}.social-icons button{border:0;padding:0;background:none;width:24px;height:28px;display:grid;place-items:center;opacity:.75;cursor:default}.social-icons img{width:22px;height:22px;object-fit:contain;filter:invert(86%) sepia(20%) saturate(792%) hue-rotate(222deg) brightness(100%)}.footer-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid #ffffff0a;padding-top:22px;font-size:11px}.footer-channel-note{color:#8c789c;font-size:11px}.footer .back-top{display:block;font-size:12px}
@media(max-width:1100px){.navbar{padding:0 22px;gap:18px}.nav-rule{min-width:10px}.nav-links{font-size:12px;gap:25px;letter-spacing:.1em}.nav-account{gap:14px}.brand{width:140px}.nav-brand{gap:9px}}
@media(max-width:900px){.navbar{height:75px;gap:18px}.nav-rule{display:none}.nav-links{gap:23px}.nav-links a{font-size:11px}.nav-signup{padding:9px 12px}.nav-account{gap:12px}.nav-brand{gap:5px}.brand{width:122px}.nav-login,.nav-signup{font-size:12px}.featured-layout{grid-template-columns:1fr;gap:36px}.featured-game-title{margin:25px auto 0!important;max-width:380px}.featured .game-divider{margin:16px auto}.featured-copy{text-align:center}.featured-copy .eyebrow{justify-content:center}.featured-description{margin:0 auto 25px}.gold-button{margin:auto}.featured-art{width:min(640px,100%);justify-self:center}}
@media(max-width:800px){.navbar{height:72px;padding:0 18px 0 12px;gap:12px}.nav-links{display:none}.nav-brand{gap:6px}.brand{width:126px;height:55px}.nav-account{margin-left:auto;gap:17px}.nav-login,.nav-signup{font-size:12px}.nav-signup{padding:9px 13px}.footer{padding:28px 22px 20px}.footer-main{gap:15px}.footer-main>a img{width:145px;height:58px}.footer-social{gap:13px}.footer-social>span{display:none}.social-icons{gap:17px}.social-icons img{width:20px;height:20px}.footer-bottom{flex-wrap:wrap;font-size:10px;gap:13px}.footer-channel-note{font-size:10px}.footer .back-top{font-size:11px}.featured-game-title{max-width:350px}}
@media(max-width:400px){.brand{width:106px}.navbar{padding-right:14px}.nav-account{gap:10px}.nav-signup{padding:8px 10px}.nav-login,.nav-signup{font-size:11px}.footer-main>a img{width:125px}.social-icons{gap:12px}.social-icons img{width:19px;height:19px}.featured-game-title{max-width:300px}.footer .back-top{display:none}}
/* Preserve the official SVG artwork while compensating for its canvas margins. */
.brand img{transform:scale(1.55)}.drawer-head img{transform:scale(1.45);transform-origin:left center}.footer-main>a img{transform:scale(1.5);transform-origin:left center}.footer-main>a{display:block;min-width:200px}.menu-dialog .drawer-head{overflow:visible}.featured-description{padding:10px 0;text-shadow:0 1px 10px #000}.featured-copy{position:relative;isolation:isolate}.featured-copy:before{content:'';position:absolute;inset:-25px -20px;z-index:-1;background:radial-gradient(ellipse,#030804aa,transparent 75%);pointer-events:none}
@media(max-width:800px){.brand img{transform:scale(1.5)}.footer-main>a{min-width:0}.footer-main>a img{transform:scale(1.4)}}
.featured-game-title{mix-blend-mode:lighten;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 96%,transparent);mask-composite:intersect}.account-dialog{padding:24px 32px}.account-mark{width:52px;height:58px;margin-bottom:6px}.account-dialog h2{font-size:24px;margin-bottom:17px}.account-dialog>.eyebrow{margin-bottom:9px}.account-tabs{margin-bottom:15px}.account-notice{margin-bottom:14px;padding:8px 11px}.account-dialog form input{min-height:42px;padding:10px 12px;margin-bottom:12px}.account-dialog form label{margin-bottom:5px}.account-dialog .purple-button{padding:12px 20px}.form-feedback:empty{display:none}
.navbar{transition:transform .45s ease,opacity .35s ease,background-color .4s,border-color .4s,box-shadow .4s}.navbar.gold-theme{--nav-accent:#e6bd72;background:rgba(26,22,9,.91);border-bottom-color:#e2bd704d;box-shadow:0 1px 24px #d7a5480c}.gold-theme .nav-links a{color:#e7d7b6}.gold-theme .nav-links a.active,.gold-theme .nav-login,.gold-theme .nav-signup{color:#f1dfb8}.gold-theme .menu-toggle span{background:#e6d5b1}.gold-theme .nav-signup{border-color:#e1bc6f66;background:#dba55204}.featured-game-title{perspective:900px;mix-blend-mode:normal;mask-image:none;transform-style:preserve-3d}.featured-game-title img{transform:rotateX(5deg) rotateY(-5deg) translateZ(10px);filter:drop-shadow(0 3px 0 #060b13) drop-shadow(4px 9px 2px #030508a6) drop-shadow(0 18px 15px #0009);transition:transform .7s ease,filter .7s ease}.featured-copy:hover .featured-game-title img{transform:rotateX(2deg) rotateY(-2deg) translateZ(18px);filter:drop-shadow(0 3px 0 #060b13) drop-shadow(3px 11px 2px #030508a6) drop-shadow(0 23px 20px #000b)}
@media(prefers-reduced-motion:reduce){.featured-game-title img,.featured-copy:hover .featured-game-title img{transform:none}}
/* The studio opens into a distinct cosmic scene with an interactive project rail. */
.studio-universe{position:relative;isolation:isolate;overflow:hidden;padding:80px 0 76px;background:#06040e;border-top:1px solid #a66ce132}.studio-universe-background{position:absolute;inset:0;z-index:-2;background:url('assets/wallpaperhero1.webp') center/cover no-repeat}.studio-universe:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#06040efa,transparent 25%,#06040e38 80%,#06040e),linear-gradient(90deg,#05030e16,#06040e45)}.studio-about-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:54px;align-items:center}.studio-identity{position:relative;min-height:425px;display:grid;place-items:center;padding-bottom:38px}.studio-identity>img{width:540px;max-width:110%;height:auto;filter:drop-shadow(0 0 34px #ac4fff34);position:relative;z-index:1}.studio-identity-caption{font-family:var(--display);position:absolute;bottom:85px;font-size:12px;letter-spacing:.45em;color:#dfc9f0}.studio-orbit{position:absolute;inset:25px 0 36px;border:1px solid #bb7deb50;border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 22px #9a51ff10}.studio-orbit:before{content:'✦';position:absolute;top:14px;left:25%;font-size:32px;line-height:1;color:#dfafff;text-shadow:0 0 30px #b05aff,0 0 9px #a148d7}.studio-orbit:after{content:'✦';position:absolute;right:30px;bottom:18px;font-size:23px;color:#dbb4f8;text-shadow:0 0 25px #b454ff}.studio-orbit-caption{position:absolute;bottom:14px;left:13%;right:13%;display:flex;align-items:center;justify-content:center;gap:16px;border-top:1px solid #ab78d044;padding-top:12px;font-size:10px;letter-spacing:.22em;color:#c1a3d6}.studio-section-heading{display:flex;align-items:center;gap:17px;border-bottom:1px solid #c4a5dd5c;padding-bottom:12px;position:relative;margin-bottom:24px}.studio-section-heading:after{content:'✧';position:absolute;bottom:-14px;right:-7px;color:#c8a3e6;font-size:21px}.studio-section-heading h2{font-family:var(--display);text-transform:uppercase;font-size:21px;letter-spacing:.18em;font-weight:500;margin:0;line-height:1.4}.studio-section-heading>span{font-size:16px;color:#d1a4f6;text-shadow:0 0 16px #bf61f9}.studio-story{position:relative;padding:23px 25px 25px;background:linear-gradient(110deg,#06040ba1,#06040b61);border:1px solid #b58bd625;border-top:0}.studio-story:after{content:'✧';position:absolute;bottom:-13px;left:-8px;font-size:21px;color:#c8a3e6}.studio-story-text>p{font-size:15px;line-height:1.8;color:#ded0e7;margin:0 0 12px}.studio-values{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:24px}.studio-value{position:relative;border-left:1px solid #c0a0d366;padding-left:14px;min-width:0}.studio-value:after{content:'◇';position:absolute;left:-4px;bottom:-9px;font-size:10px;color:#ceb0e1}.value-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #b99bd255;background:radial-gradient(#6639905c,#120c214a);clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}.value-icon svg{width:27px;height:27px;fill:none;stroke:#e0c8f6;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #be6bfa80)}.studio-value h3{font-family:var(--display);font-weight:500;font-size:12px;letter-spacing:.03em;text-transform:uppercase;line-height:1.45;margin:11px 0 5px;color:#f4eaf9}.studio-value p{font-size:12px;line-height:1.55;color:#baa4c9;margin:0}.projects-heading{margin-top:43px;margin-bottom:20px}.projects-heading h2{font-size:18px;letter-spacing:.16em}.projects-heading>p{margin:0 0 0 auto;font-size:12px;color:#baa0cc;letter-spacing:.025em}.studio-project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.studio-project{position:relative;display:block;padding:5px 5px 0;min-width:0;background:#080610dc;border:1px solid #a384ba80;text-align:left;border-radius:2px;box-shadow:inset 0 0 0 3px #ba93da08;transition:transform .3s,border-color .3s,box-shadow .3s}.studio-project:before,.studio-project:after{content:'';position:absolute;width:11px;height:11px;pointer-events:none}.studio-project:before{top:-1px;left:-1px;border-top:2px solid #b798d0;border-left:2px solid #b798d0}.studio-project:after{right:-1px;bottom:-1px;border-right:2px solid #b798d0;border-bottom:2px solid #b798d0}.project-cover{display:block;aspect-ratio:2.05;overflow:hidden}.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .65s;filter:saturate(.93)}.studio-project:hover{transform:translateY(-5px);border-color:#d8b1f6;box-shadow:0 8px 25px #894ad72e}.studio-project:hover .project-cover img{transform:scale(1.045)}.studio-project.is-selected{border-color:#d0a4f2;box-shadow:0 0 23px #ab59ff2a,inset 0 0 0 3px #a967de0c}.studio-project.is-selected:before,.studio-project.is-selected:after{border-color:#e0bdff}.project-label{display:block;padding:12px 11px 9px}.project-label strong{display:block;font-size:14px;line-height:1.4;font-weight:600}.project-label>span{display:block;font-size:11px;color:#b099c3;margin-top:4px}.project-explore{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-top:1px solid #ba93da20;font-size:12px;color:#ceb4e4}.project-explore>span{font-size:17px}.is-selected .project-explore{background:#8840be19;color:#efdbff}.information-heading{margin-top:30px;margin-bottom:18px;padding-bottom:9px}.information-heading h2{font-size:15px;letter-spacing:.16em}.studio-information{display:grid;grid-template-columns:1.14fr 1fr;gap:22px}.project-insight,.community-panel{position:relative;display:flex;align-items:center;gap:20px;padding:21px 23px;border:1px solid #b499cb70;background:#07050bc9;min-width:0;box-shadow:inset 0 0 0 3px #af80d009}.insight-icon{display:grid;place-items:center;border:1px solid #a77bc852;background:radial-gradient(#4a256d66,#110a1c);width:57px;height:60px;flex-shrink:0;clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}.insight-icon svg{width:31px;height:31px;stroke:#ddbbf6;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px #bf74ff65)}.community-panel .insight-icon svg{fill:#cda1f3;stroke:none;width:33px}.insight-overline{font-size:10px;letter-spacing:.1em;line-height:1.5;color:#a47bbf;margin:0 0 5px}.project-insight h3,.community-panel h3{font-family:var(--display);font-size:16px;font-weight:500;line-height:1.35;margin:0 0 6px;color:#f4e9fc}.project-insight>div>p:last-child,.community-panel>div>p:last-child{font-size:13px;line-height:1.6;color:#c1adcF;margin:0;max-width:330px}.insight-open{margin-left:auto;width:35px;height:40px;flex-shrink:0;border:0;background:none;font-size:26px;color:#d8b8ee}.insight-open:hover{color:white;transform:translate(2px,-2px)}.community-arrow{margin-left:auto;font-size:25px;color:#d8b8ee}.community-panel{transition:background .25s,border-color .25s}.community-panel:hover{background:#160a23d9;border-color:#d0a4f2}.insight-changed>div{animation:insight-arrive .3s ease-out}@keyframes insight-arrive{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.studio-about-grid{gap:30px;grid-template-columns:.92fr 1fr}.studio-story{padding:20px}.studio-story-text>p{font-size:14px;line-height:1.75}.studio-values{gap:11px}.studio-value{padding-left:10px}.studio-value h3{font-size:11px}.studio-value p{font-size:11px}.studio-identity-caption{bottom:96px}.studio-project-grid{gap:12px}.project-label strong{font-size:13px}.studio-information{gap:16px}.project-insight,.community-panel{padding:18px 17px;gap:14px}.insight-icon{width:47px;height:50px}.project-insight h3,.community-panel h3{font-size:14px}.project-insight>div>p:last-child,.community-panel>div>p:last-child{font-size:12px}}
@media(max-width:800px){.studio-universe{padding:45px 0 55px}.studio-about-grid{grid-template-columns:1fr;gap:20px}.studio-identity{min-height:350px;max-width:530px;justify-self:center;width:100%;padding-bottom:30px}.studio-identity>img{width:470px;max-width:100%}.studio-identity-caption{bottom:65px;font-size:11px}.studio-orbit{inset:16px 0 20px}.studio-orbit-caption{bottom:0;font-size:9px;left:10%;right:10%}.studio-story{padding:22px 20px}.studio-section-heading h2{font-size:20px}.studio-story-text>p{font-size:15px}.studio-values{gap:15px;margin-top:24px}.studio-value{padding-left:12px}.studio-value h3{font-size:12px}.studio-value p{font-size:12px}.studio-project-grid{grid-template-columns:1fr 1fr;gap:16px}.projects-heading{margin-top:35px}.projects-heading>p{font-size:11px}.projects-heading h2{font-size:17px}.project-cover{aspect-ratio:2}.project-label strong{font-size:14px}.project-label>span{font-size:11px}.project-explore{font-size:12px}.studio-information{grid-template-columns:1fr;gap:14px}.project-insight,.community-panel{padding:20px}.project-insight h3,.community-panel h3{font-size:16px}.project-insight>div>p:last-child,.community-panel>div>p:last-child{font-size:13px}.insight-icon{width:54px;height:57px}}
@media(max-width:480px){.studio-identity{min-height:280px}.studio-identity>img{width:365px;max-width:105%}.studio-identity-caption{bottom:55px;font-size:10px}.studio-orbit-caption{font-size:8px;letter-spacing:.15em}.studio-story{padding:20px 15px}.studio-section-heading h2{font-size:17px;letter-spacing:.12em}.studio-values{gap:10px}.studio-value{padding-left:8px}.value-icon{width:39px;height:39px}.value-icon svg{width:24px;height:24px}.studio-value h3{font-size:10px;letter-spacing:0}.studio-value p{font-size:11px}.projects-heading h2{font-size:15px;letter-spacing:.08em}.projects-heading>p{max-width:115px;font-size:10px;line-height:1.5;text-align:right}.studio-project-grid{gap:12px}.project-label{padding:10px 7px 8px}.project-label strong{font-size:12px}.project-label>span{font-size:10px}.project-explore{font-size:11px;padding:7px}.information-heading h2{font-size:13px}.project-insight,.community-panel{gap:13px;padding:16px 14px}.insight-icon{width:43px;height:48px}.insight-icon svg{width:26px;height:26px}.insight-overline{font-size:9px}.project-insight h3,.community-panel h3{font-size:14px}.project-insight>div>p:last-child,.community-panel>div>p:last-child{font-size:12px}.insight-open{width:25px;font-size:22px}.community-arrow{font-size:22px}}
/* A compact translucent navbar, with the section colour visible through the glass. */
html{scroll-padding-top:82px}.navbar{height:62px;padding:0 27px 0 18px;gap:24px;background:rgba(9,6,16,.40);backdrop-filter:blur(20px) saturate(115%);border-bottom:1px solid #c19ae32c;box-shadow:0 1px 0 #ffffff02}.navbar.gold-theme{background:rgba(39,30,10,.30);border-bottom-color:#e6c27435;box-shadow:0 1px 20px #dcae4310}.nav-brand{gap:10px}.brand{width:149px;height:51px}.brand img{transform:scale(1.55)}.nav-rule{max-width:170px;opacity:.55}.nav-links{gap:31px;font-size:12px;letter-spacing:.15em}.nav-links a{padding:15px 0}.nav-links a.active:after{bottom:7px}.nav-links a.active:before{bottom:-4px;font-size:15px}.nav-account{gap:18px}.nav-login,.nav-signup{font-size:12px}.nav-signup{padding:8px 14px;border-color:#c599e344;background:#ffffff02}.gold-theme .nav-signup{border-color:#e1bc6f42}.menu-toggle{width:33px;height:36px;padding:8px;gap:6px}.menu-toggle span{opacity:.8}.studio-universe-background{background-image:url('assets/studio-universe-bg.webp');background-position:center top}.hero-wallpaper{transform:scale(1.04);will-change:transform}.hero-logo-scene{perspective:1000px;transform:perspective(1000px) translate3d(var(--shift-x,0px),var(--shift-y,0px),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;will-change:transform}.hero-logo{animation:logo-arrive 1.3s ease both,logo-breathe 7s ease-in-out 1.3s infinite;filter:drop-shadow(0 8px 15px #070011) drop-shadow(0 0 28px #ab42ff3d)}.hero-aura{--aura-x:50%;--aura-y:50%;position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 260px 230px at var(--aura-x) var(--aura-y),#a448ff29,#7a2cdc0a 45%,transparent 75%);opacity:.2;transition:opacity .6s}.hero-aura.is-active{opacity:1}.hero-stars{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.featured-game-title img,.featured-copy:hover .featured-game-title img{transform:perspective(850px) translate3d(var(--shift-x,0px),var(--shift-y,0px),12px) rotateX(calc(3deg + var(--tilt-x,0deg))) rotateY(calc(-3deg + var(--tilt-y,0deg)));transition:filter .6s;will-change:transform}.hero h1{position:relative;z-index:2}.studio-identity>img{transition:filter .6s}.studio-identity:hover>img{filter:drop-shadow(0 0 45px #b566ff59)}
@media(max-width:1100px){.navbar{padding:0 20px;gap:18px}.brand{width:128px;height:46px}.nav-links{font-size:11px;gap:25px;letter-spacing:.12em}.nav-account{gap:14px}.nav-rule{min-width:10px}.nav-brand{gap:7px}}
@media(max-width:900px){.nav-rule{display:none}.nav-links{gap:20px}.navbar{height:60px}}
@media(max-width:800px){.navbar{height:58px;padding:0 16px 0 10px;gap:10px}.nav-brand{gap:6px}.brand{width:118px;height:45px}.nav-account{gap:15px}.nav-login,.nav-signup{font-size:12px}.nav-signup{padding:7px 12px}.menu-toggle{width:32px;height:35px}.hero-logo-scene{will-change:auto}.hero-wallpaper{will-change:auto}.featured-game-title img{will-change:auto}}
@media(max-width:400px){.brand{width:105px}.nav-account{gap:10px}.nav-signup{padding:7px 10px}.nav-login,.nav-signup{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-wallpaper,.hero-logo-scene,.featured-game-title img,.featured-copy:hover .featured-game-title img{transform:none!important}.hero-stars,.hero-aura{display:none}}
.hero-logo-scene{position:relative;isolation:isolate}.hero-logo-scene:before{content:'';position:absolute;inset:12% 14% 10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#a048e832,#843cc923 40%,transparent 72%);filter:blur(20px);transform:translateZ(-35px);opacity:.85}.hero-logo{filter:drop-shadow(0 10px 13px #070011) drop-shadow(0 0 38px #b947ff55)}
.project-cover img{object-fit:contain;background:#07050d}.studio-value h3{font-size:13px}.studio-value p{font-size:12px}.studio-story-text>p{font-size:16px}
@media(max-width:800px){.studio-value h3{font-size:13px}.studio-story-text>p{font-size:16px}}
@media(max-width:480px){.studio-values{grid-template-columns:1fr;gap:17px}.studio-value{display:grid;grid-template-columns:42px 1fr;column-gap:13px;border-left:0;padding-left:0;align-items:center}.studio-value:after{display:none}.value-icon{grid-column:1;grid-row:1/3;width:42px;height:42px}.studio-value h3{grid-column:2;font-size:14px;margin:0}.studio-value p{grid-column:2;font-size:13px;margin-top:3px}.studio-value p br{display:none}.studio-value p br:after{content:' '}.studio-values .studio-value p{max-width:270px}.project-label strong{font-size:14px}.project-label>span,.project-explore{font-size:12px}.insight-overline{font-size:10px}.project-insight h3,.community-panel h3{font-size:15px}.project-insight>div>p:last-child,.community-panel>div>p:last-child{font-size:13px}}
/* Final navbar direction: no logo, clear glass and quiet frosted blur. */
.navbar{height:56px;background:rgba(8,5,13,.035);backdrop-filter:blur(7px) saturate(100%);border-bottom:1px solid #e2c9fc12;box-shadow:none}.navbar.gold-theme{background:rgba(188,145,54,.025);border-bottom-color:#eac9771a;box-shadow:none}.nav-brand{gap:0}.nav-links{position:absolute;left:50%;transform:translateX(-50%);gap:34px}.nav-account{margin-left:auto}.nav-rule{position:absolute;max-width:none;min-width:0;opacity:.4;pointer-events:none}.nav-rule-left{left:76px;right:calc(50% + 220px)}.nav-rule-right{left:calc(50% + 220px);right:220px}.nav-login,.nav-signup{font-size:13px}.nav-signup{border-color:#c9a2e130;background:transparent}.gold-theme .nav-signup{border-color:#e1c17538;background:transparent}.nav-links a{padding:13px 0;font-size:12px}.nav-links a.active:before{font-size:13px;bottom:-3px}.nav-links a.active:after{opacity:.75;bottom:7px}.navbar .menu-toggle{width:34px;height:36px}
@media(max-width:1100px){.nav-links{gap:28px}.nav-rule-left{right:calc(50% + 203px)}.nav-rule-right{left:calc(50% + 203px);right:200px}}
@media(max-width:900px){.nav-rule{display:none}.nav-links{gap:26px}.nav-links a{font-size:11px}.nav-login,.nav-signup{font-size:12px}}
@media(max-width:800px){.navbar{height:54px;padding:0 17px 0 13px}.nav-links{display:none}.nav-account{gap:18px}.nav-login,.nav-signup{font-size:12px}.nav-signup{padding:7px 13px}}

/* Neon originals: one large universe and two companion tiles. */
.catalog-neon{isolation:isolate;overflow:hidden;padding:64px 0 66px;background:#040815}
.catalog-neon:before{z-index:-1;opacity:1;background:linear-gradient(0deg,#06040ef7,transparent 23%,#03061010 72%,#06040e),linear-gradient(90deg,#03071412,#02051037 50%,#03071412)}
.catalog-city{position:absolute;inset:0;z-index:-2;background:url('assets/catalog-neon-bg.webp') center/cover no-repeat}
.catalog-heading,.catalog-development-heading{display:flex;align-items:center;gap:26px;margin-bottom:24px}
.catalog-overline{display:flex;align-items:center;gap:9px;color:#b9b9de;font-size:10px;letter-spacing:.19em;margin:0 0 9px}
.catalog-overline>span{width:5px;height:5px;background:#c177ff;box-shadow:0 0 10px #b554ff}
.catalog-heading h2,.catalog-development-heading h3{font-family:var(--font);font-weight:800;font-size:30px;line-height:1.2;letter-spacing:.015em;text-transform:uppercase;white-space:nowrap;margin:0;color:#f3f3ff}
.catalog-heading h2>span,.catalog-development-heading h3>span{font-weight:400;font-size:.9em;color:#ba65ff;letter-spacing:.08em;margin-left:11px}
.catalog-intro,.catalog-development-heading>p{color:#b0b0d3;font-size:11px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;margin:17px 0 0}
.catalog-heading-line{height:1px;flex:1;background:linear-gradient(90deg,#b263ffc2,#598ff5a6);box-shadow:0 0 8px #924aff3b}
.catalog-jump{align-self:flex-end;border-bottom:1px solid #6774c596;padding:7px 11px;font-size:12px;white-space:nowrap;color:#d4d9ff;background:#070c2580}
.catalog-jump>span{margin-left:15px;color:#cba2ff;font-size:19px}
.catalog-jump:hover{background:#5f299641;color:white}
.catalog-mosaic{display:grid;grid-template-columns:1.95fr 1fr;grid-template-rows:215px 215px;gap:20px}
.showcase-tile{--tile-accent:#b770ff;position:relative;display:block;min-width:0;padding:0;overflow:hidden;text-align:left;border:1px solid var(--tile-accent);border-radius:2px 18px 2px 18px;background:#040817;box-shadow:inset 0 0 0 4px #a74aff12,0 0 18px #9c45ff22;transition:transform .35s,box-shadow .35s,border-color .35s}
.showcase-main{grid-row:1/3}
.showcase-ring{--tile-accent:#678dff}
.showcase-team{--tile-accent:#c878ee}
.showcase-art{position:absolute;inset:0;display:block;overflow:hidden}
.showcase-art img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s;filter:saturate(.95)}
.showcase-main .showcase-art{bottom:101px}
.showcase-main .showcase-art:after{content:'';position:absolute;inset:0;background:linear-gradient(#0306114d,transparent 30%,transparent 72%,#030711)}
.showcase-tile:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 4px #a74aff18,0 0 27px #ae56ff4a}
.showcase-tile:hover .showcase-art img{transform:scale(1.035);filter:saturate(1.08)}
.showcase-tile:focus-visible{outline:2px solid #fff;outline-offset:-7px;box-shadow:0 0 28px #c784ff80}
.showcase-topline{position:absolute;top:19px;left:23px;right:23px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.showcase-number{font-size:9px;letter-spacing:.13em;color:#dfd9fa;background:#02071690;padding:4px 7px;border-left:1px solid var(--tile-accent)}
.showcase-badge{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.1em;border:1px solid #d094ff6e;background:#150926b5;color:#f1ddff;padding:5px 8px}
.showcase-badge>span{width:4px;height:4px;border-radius:50%;background:#d9a0ff;box-shadow:0 0 7px #ba68ff}
.showcase-content{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:21px 26px 24px;background:linear-gradient(0deg,#020712f5 65%,#020712c9 90%,transparent)}
.showcase-copy{display:block;max-width:410px;min-width:0}
.showcase-copy>strong{display:block;font-weight:800;font-size:30px;letter-spacing:.015em;line-height:1.2;text-transform:uppercase;color:#f2f2ff;text-shadow:0 2px 9px #000}
.showcase-description{display:block;font-size:12px;line-height:1.6;color:#c2c8e3;margin-top:8px;max-width:365px}
.showcase-genres{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.showcase-genres>span{font-size:10px;line-height:1.5;padding:2px 9px;border:1px solid #9657d470;border-radius:20px;color:#d5d3f0;background:#0b0d2080}
.showcase-genres>span:last-child{border-color:#529cf16b}
.showcase-action{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-shrink:0;min-width:157px;font-size:16px;font-weight:600;padding:14px 20px;border:1px solid #b26fff;background:linear-gradient(120deg,#431268c2,#1e113a);box-shadow:0 0 17px #ba50ff37;color:#f3e8ff}
.showcase-action>span{font-size:23px;color:#d3a5ff}
.showcase-side>.showcase-number{position:absolute;top:15px;left:18px;z-index:1}
.showcase-side .showcase-art{bottom:44px}
.showcase-side .showcase-art img{object-fit:contain;background:#050819}
.showcase-side .showcase-art:after{content:'';position:absolute;inset:0;background:linear-gradient(#01041135,transparent 30%,transparent 65%,#030611d4)}
.showcase-side-content{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;padding:11px 17px 13px;gap:12px;background:linear-gradient(0deg,#030817,#030817ed 85%,transparent)}
.showcase-side-content strong{display:block;font-size:15px;line-height:1.3;font-weight:800}
.showcase-side-status{display:block;font-size:11px;line-height:1.4;color:#b6bcd7;margin-top:3px}
.showcase-arrow{display:grid;place-items:center;width:29px;height:29px;font-size:21px;color:#ddd1ff;border:1px solid var(--tile-accent);border-radius:50%;flex-shrink:0;background:#0f0a20}
.tile-corner{position:absolute;z-index:2;width:39px;height:16px;pointer-events:none;color:var(--tile-accent);border-color:var(--tile-accent);filter:drop-shadow(0 0 4px var(--tile-accent))}
.tile-corner-start{top:3px;left:3px;border-top:2px solid;border-left:2px solid}
.tile-corner-end{bottom:3px;right:3px;border-bottom:2px solid;border-right:2px solid}
.catalog-development-heading{margin-top:35px;margin-bottom:19px;gap:25px}
.catalog-development-heading h3{font-size:21px;letter-spacing:.025em}
.catalog-development-heading>p{margin:0;font-size:9px;letter-spacing:.12em}
.catalog-lab{font-size:10px;letter-spacing:.15em;color:#b7c6ed;white-space:nowrap}
.catalog-lab>span{color:#b070ff;margin-left:12px;text-shadow:0 0 12px #ad50ff}
.catalog-neon .development-grid{gap:16px}
.catalog-neon .development-card{position:relative;padding:4px;border:1px solid #677fe09e;border-radius:14px 2px 14px 2px;background:#040814e8;box-shadow:0 0 13px #577df520}
.catalog-neon .development-card:nth-child(3){border-color:#a967daba;box-shadow:0 0 13px #8e41ca21}
.catalog-neon .development-card img{height:auto;aspect-ratio:2.2;border-radius:10px 0 0 0;object-fit:cover}
.catalog-neon .development-card:not(.mystery):hover{border-color:#a6cbff;box-shadow:0 0 20px #66a9ff4a}
.catalog-neon .development-card.mystery{opacity:.83}
.development-index{position:absolute;top:12px;left:12px;background:#050815b8;border-left:1px solid #83a9ff;padding:1px 6px;color:#d5ddfc;font-size:9px;letter-spacing:.15em;z-index:1}
.catalog-neon .development-caption{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px 11px 9px}
.catalog-neon .development-caption strong{font-size:12px;line-height:1.4;color:#e2e7ff}
.catalog-neon .development-caption>span>span{display:block;font-size:10px;line-height:1.5;color:#a4b0cf;margin-top:3px}
.development-arrow,.development-lock{flex-shrink:0;font-size:19px!important;color:#9ac7ff!important;margin-top:0!important}
.catalog-baseline{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #9382d02d;margin-top:26px;padding-top:15px;font-size:8px;letter-spacing:.18em;color:#7986b0}

/* Match the hero's pointer-driven depth and light on the studio logo. */
.studio-identity{isolation:isolate}
.studio-logo-scene{position:relative;z-index:1;width:540px;max-width:110%;transform:perspective(1000px) translate3d(var(--shift-x,0px),var(--shift-y,0px),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;will-change:transform}
.studio-logo-scene:before{content:'';position:absolute;inset:12% 14% 10%;z-index:-1;background:radial-gradient(ellipse,#a048e832,#843cc923 40%,transparent 72%);filter:blur(20px);transform:translateZ(-35px);pointer-events:none}
.studio-logo-scene img{width:100%;height:auto;filter:drop-shadow(0 10px 13px #070011) drop-shadow(0 0 38px #b947ff55)}
.studio-logo-aura{--aura-x:50%;--aura-y:50%;position:absolute;inset:-15px;z-index:0;pointer-events:none;background:radial-gradient(ellipse 190px 180px at var(--aura-x) var(--aura-y),#a448ff36,#7a2cdc0a 45%,transparent 75%);opacity:.2;transition:opacity .6s}
.studio-logo-aura.is-active{opacity:1}
.studio-identity-caption,.studio-orbit-caption{z-index:2;pointer-events:none}

/* Stronger ornaments, with the same very light frosted navbar. */
html{scroll-padding-top:56px}
.nav-rule{opacity:.8;background:linear-gradient(90deg,transparent,var(--nav-accent) 35%,var(--nav-accent) 90%,transparent);box-shadow:0 0 8px #ae62e722}
.nav-rule:after{font-size:15px;text-shadow:0 0 9px var(--nav-accent),0 0 18px var(--nav-accent)}
.nav-links a.active:after{opacity:1;height:1px;box-shadow:0 0 9px var(--nav-accent)}
.nav-links a.active:before{font-size:15px;color:#e1baff;text-shadow:0 0 8px var(--nav-accent),0 0 18px var(--nav-accent)}
.gold-theme .nav-links a.active:before{color:#ffe0a1}
.navbar{border-bottom-color:#dcb8fa32}
.navbar.gold-theme{border-bottom-color:#eac9773d}
@media(max-width:1100px){
  .catalog-heading{gap:20px}.catalog-heading h2{font-size:25px}.catalog-intro{font-size:9px}.catalog-mosaic{grid-template-rows:195px 195px;gap:16px}
  .showcase-content{padding:20px;gap:16px}.showcase-copy>strong{font-size:25px}.showcase-action{min-width:125px;font-size:14px;padding:12px 15px;gap:15px}.showcase-description{font-size:11px}.showcase-genres>span{font-size:9px}
  .catalog-development-heading h3{font-size:18px}.catalog-development-heading{gap:20px}.catalog-development-heading>p{font-size:8px}.catalog-lab{font-size:9px}
  .catalog-neon .development-caption{padding:10px 7px 8px}.catalog-neon .development-caption strong{font-size:11px}.catalog-neon .development-caption>span>span{font-size:9px}
}
@media(max-width:800px){
  .catalog-neon{padding:75px 0 48px}.catalog-heading{gap:16px}.catalog-intro{display:none}.catalog-heading h2{font-size:25px}.catalog-jump{font-size:11px}.catalog-jump>span{margin-left:9px}
  .catalog-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:390px 210px;gap:17px}.showcase-main{grid-column:1/-1;grid-row:1}.showcase-main .showcase-art{bottom:96px}.showcase-content{padding:20px 23px}.showcase-copy>strong{font-size:27px}.showcase-description{font-size:12px}.showcase-action{min-width:150px;font-size:15px}.showcase-side-content strong{font-size:14px}
  .catalog-development-heading>p,.catalog-lab{display:none}.catalog-development-heading h3{font-size:19px}.catalog-neon .development-grid{gap:17px}
  .catalog-neon .development-caption strong{font-size:13px}.catalog-neon .development-caption>span>span{font-size:11px}.catalog-baseline{font-size:7px}
  .studio-logo-scene{width:470px;max-width:100%;will-change:auto}
}
@media(max-width:550px){
  .catalog-heading h2{font-size:24px}.catalog-heading h2>span{margin-left:5px;font-size:.75em}.catalog-heading-line{min-width:10px}.catalog-heading{gap:10px}.catalog-overline{font-size:8px}.catalog-jump{padding:6px;font-size:10px}.catalog-jump>span{margin-left:4px;font-size:16px}
  .catalog-mosaic{grid-template-columns:1fr;grid-template-rows:350px 215px 215px;gap:17px}.showcase-main{grid-column:auto}.showcase-main .showcase-art{bottom:155px}.showcase-main .showcase-art img{object-fit:cover}.showcase-topline{top:16px;left:16px;right:16px}.showcase-number,.showcase-badge{font-size:8px}
  .showcase-content{display:block;padding:18px}.showcase-copy{max-width:none}.showcase-copy>strong{font-size:24px}.showcase-description{font-size:12px;max-width:300px;margin-top:7px}.showcase-genres{margin-top:9px;gap:6px}.showcase-genres>span{font-size:9px;padding:1px 8px}.showcase-action{position:absolute;right:18px;bottom:18px;min-width:0;gap:13px;padding:7px 10px;font-size:12px}.showcase-action>span{font-size:17px}.showcase-genres{padding-right:112px}.showcase-genres>span:last-child{display:none}
  .showcase-side-content{padding:13px 18px}.showcase-side-content strong{font-size:16px}.showcase-side-status{font-size:12px}.showcase-side .showcase-art{bottom:43px}
  .catalog-development-heading h3{font-size:17px}.catalog-development-heading h3>span{margin-left:5px}.catalog-development-heading{gap:14px;margin-top:32px}.catalog-neon .development-grid{gap:12px}.catalog-neon .development-caption{padding:10px 6px 7px;gap:4px}.catalog-neon .development-caption strong{font-size:12px}.catalog-neon .development-caption>span>span{font-size:10px}.development-index{top:9px;left:9px;font-size:8px}.development-arrow,.development-lock{font-size:17px!important}.catalog-baseline>span:last-child{display:none}
  .studio-logo-scene{width:365px;max-width:105%}
}
@media(prefers-reduced-motion:reduce){
  .studio-logo-scene{transform:none!important}.studio-logo-aura{display:none}.showcase-tile,.showcase-art img{transition:none}.showcase-tile:hover,.showcase-tile:hover .showcase-art img{transform:none}
}

/* Direct studio and project support, without the former information panels. */
.studio-support{display:flex;align-items:center;justify-content:center;gap:26px;margin:30px 0 0}
.studio-support:before,.studio-support:after{content:'';height:1px;width:155px;background:linear-gradient(90deg,transparent,#b681e965)}
.studio-support:after{transform:rotate(180deg)}
.studio-support-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:49px;padding:11px 23px;border:1px solid #c48ded8c;border-radius:3px;background:linear-gradient(125deg,#5b278483,#27113e9c);color:#f0dcff;font-size:14px;box-shadow:0 0 22px #ad51e722;transition:background .25s,border-color .25s,transform .25s}
.studio-support-button:hover{border-color:#e0b8ff;background:linear-gradient(125deg,#7836ad9c,#35154fba);transform:translateY(-2px)}
.studio-support-button svg,.project-support svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.support-button-arrow{font-size:18px;color:#d8b3f5;margin-left:10px}
.projects-heading{margin-top:35px}
.studio-project{cursor:default}
.project-label h3{margin:0;font-family:var(--font);font-size:14px;font-weight:600;line-height:1.4}
.project-actions{padding:0 10px 12px}
.project-actions .project-explore{width:100%;min-height:43px;border:0;border-top:1px solid #ba93da20;background:transparent;font-size:12px;padding:10px 1px;color:#dfc8ef;transition:color .2s}
.project-actions .project-explore:hover{color:#fff}
.project-actions .project-explore>span{font-size:18px;transition:transform .2s}
.project-actions .project-explore:hover>span{transform:translate(2px,-2px)}
.project-support{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;padding:10px 8px;border:1px solid #be87e34f;border-radius:2px;background:#7a3b9c18;color:#d5b0f0;font-size:11px;line-height:1.5;text-align:left;transition:border-color .25s,background .25s,color .25s}
.project-support:hover{color:#f4e4ff;border-color:#ca97ebc4;background:#8343aa30}
.project-support svg{width:15px;height:15px}
.support-dialog{position:fixed;width:min(460px,calc(100% - 32px));margin:auto;padding:42px 35px 26px;border-radius:5px;background:radial-gradient(ellipse at 50% 0%,#61318a55,transparent 65%),#100919;max-height:calc(100svh - 32px);overflow-y:auto;text-align:center;border-color:#b680df56}
.support-dialog>.close-button{position:absolute;right:16px;top:16px}
.support-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border:1px solid #c699ee56;background:radial-gradient(#823ca862,#291039);clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%)}
.support-mark svg{width:29px;height:29px;fill:#c491e642;stroke:#dfb6ff;stroke-width:1.2;stroke-linejoin:round;filter:drop-shadow(0 0 10px #c87bff65)}
.support-overline{font-size:9px;letter-spacing:.17em;color:#b693d0;margin:0 0 11px}
.support-dialog h2{font-size:26px;line-height:1.4;margin:0 0 15px}
#support-description{font-size:14px;line-height:1.8;color:#c8b4d6;margin:0 auto 23px;max-width:330px}
.support-notice{font-size:12px;line-height:1.7;color:#d5bae8;background:#aa6bd914;border:1px solid #c399df2b;padding:13px 17px;border-radius:3px;margin:0 0 19px}
.support-destination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;background:linear-gradient(120deg,#6b3398,#9352b8);border:1px solid #c488e58c;border-radius:3px;font-size:13px;color:#fff;margin-bottom:18px}
.support-destination>span{font-size:20px}
.support-destination:hover{filter:brightness(1.15)}
.support-destination[hidden],.support-notice[hidden]{display:none}
.support-back{min-height:42px;border:0;background:none;color:#bda2d0;font-size:12px;padding:9px 18px}
.support-back:hover{color:#ead5fc}
.game-dialog-actions{display:flex;align-items:stretch;gap:14px;flex-wrap:wrap;margin-top:23px}
.game-dialog-actions .project-support{width:auto;padding:10px 16px;font-size:12px}
@media(max-width:1100px){.project-label h3{font-size:13px}.project-actions{padding:0 7px 10px}.project-support{font-size:11px;padding:10px 7px;gap:7px}}
@media(max-width:800px){.studio-support{margin-top:24px;gap:20px}.studio-support:before,.studio-support:after{width:100px}.project-label h3{font-size:14px}.project-actions{padding:0 11px 12px}.project-support{font-size:12px}.project-actions .project-explore{font-size:13px}}
@media(max-width:480px){.studio-support{gap:14px;margin-top:25px}.studio-support:before,.studio-support:after{width:35px}.studio-support-button{padding:10px 15px;font-size:13px;gap:9px}.support-button-arrow{margin-left:2px}.project-actions{padding:0 7px 9px}.project-support{font-size:12px;justify-content:flex-start;min-height:49px;line-height:1.4;padding:9px 7px}.project-label h3{font-size:14px}.project-actions .project-explore{font-size:12px;min-height:43px}.support-dialog{padding:42px 24px 22px}.support-dialog h2{font-size:24px}.support-notice{padding:12px}.game-dialog-actions{gap:10px}.game-dialog-actions .project-support,.game-dialog-actions .outline-button{font-size:12px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.studio-support-button,.project-support,.project-actions .project-explore>span{transition:none}.studio-support-button:hover,.project-actions .project-explore:hover>span{transform:none}}

/* A project-first Pix flow; only confirmed support contributes to progress. */
.project-funding{padding:5px 11px 11px}
.funding-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;line-height:1.5;color:#bda8ce;margin-bottom:7px}
.funding-goal{flex-shrink:0;color:#d8b3f4}
.funding-track{height:4px;border-radius:5px;background:#cb9dff18;overflow:hidden}
.funding-track>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#8245cb,#c787ff);box-shadow:0 0 8px #a657df55;border-radius:inherit;transition:width .6s}
.funding-caption{font-size:9px;line-height:1.5;color:#9883aa;margin:7px 0 0}
.support-pix-dialog{width:min(830px,calc(100% - 32px));padding:29px 34px 32px;text-align:left;background:radial-gradient(ellipse at 85% 0%,#71369a2e,transparent 62%),#100a19}
.support-pix-dialog>.close-button{width:32px;height:32px;top:15px;right:15px;font-size:23px}
.support-pix-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:35px;margin-bottom:14px}
.support-pix-header .support-overline{font-size:9px;letter-spacing:.17em;margin:0}
.pix-label{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.12em;color:#c7b6d3;white-space:nowrap}
.pix-label>span{font-size:18px;color:#bfb1d1}
.support-pix-dialog h2{font-size:28px;margin:0 0 8px;line-height:1.35}
.support-lead{font-size:13px;line-height:1.6;color:#bda9cd;margin:0}
.support-steps{display:flex;gap:24px;padding:17px 0 13px;margin-bottom:21px;border-bottom:1px solid #bc8ce62a;font-size:10px;letter-spacing:.1em;color:#78628a}
.support-steps>span{display:flex;align-items:center;gap:7px}
.support-steps>span>span{font-size:11px;letter-spacing:0}
.support-steps .is-current{color:#e2c4f7}
.support-pix-layout{display:grid;grid-template-columns:1.06fr .95fr;gap:30px;align-items:start}
.support-form-column{min-width:0}
#support-form label{font-size:12px;line-height:1.5;color:#dccbe9;margin:18px 0 8px}
#support-form>label:first-child{margin-top:0}
#support-form>input,#support-form>select{width:100%;background:#08060c99;color:#ede1f7;border:1px solid #b38ac13d;padding:11px 13px;min-height:44px;border-radius:3px;margin:0;font-size:13px}
#support-form>select{appearance:auto;font-family:var(--font);cursor:pointer}
#support-form>select option{background:#140c1e;color:#ede1f7}
.support-amount-field{display:flex;align-items:center;border:1px solid #b38ac13d;background:#08060c99;border-radius:3px;overflow:hidden;min-height:57px}
.support-amount-field:focus-within{border-color:#be85e5}
.support-amount-field>span{font-size:15px;color:#baa1cd;padding:0 0 0 15px}
.support-amount-field>#support-amount{min-height:55px;height:55px;padding:7px 13px;margin:0;border:0;border-radius:0;background:transparent;font-size:25px;font-weight:600;letter-spacing:.01em;outline-offset:-4px}
.support-amount-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}
.support-amount-options>button{min-height:34px;padding:6px 3px;font-size:11px;border:1px solid #a478c03b;border-radius:2px;background:transparent;color:#bca6cc}
.support-amount-options>button[aria-pressed=true]{color:#efdbff;border-color:#bc82e091;background:#a759dd1c}
.support-amount-options>button:hover{color:white;border-color:#cf99f0a8}
.field-optional{float:right;color:#947aa6;font-size:10px}
.support-field-help{font-size:10px;line-height:1.6;color:#927aa4;margin:7px 0 0}
#support-form .support-consent{display:flex;align-items:flex-start;gap:9px;margin:17px 0 22px;color:#bda7cd;font-size:11px;line-height:1.6;cursor:pointer}
#support-form .support-consent input{width:15px;height:15px;min-height:15px;margin:2px 0 0;flex-shrink:0;padding:0;accent-color:#b979e8;cursor:pointer}
.support-generate,.support-copy{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:46px;border:1px solid #c48bed91;border-radius:3px;padding:11px 17px;background:linear-gradient(115deg,#6c3198,#8545ae);color:#fff;font-size:13px;box-shadow:0 0 17px #9b4ad722;transition:filter .2s}
.support-generate>span,.support-copy>span{font-size:18px}
.support-generate:hover,.support-copy:hover{filter:brightness(1.12)}
.support-generate:disabled{cursor:wait;opacity:.65}
.support-feedback{font-size:12px;line-height:1.6;color:#e5c0fa;margin:11px 0 0}
.support-feedback:empty{display:none}
.support-availability{font-size:10px;line-height:1.5;color:#9277a6;margin:11px 0 0;text-align:center}
.support-availability[hidden],#support-form[hidden],.support-payment[hidden]{display:none}
.support-project-preview{min-width:0;padding:13px 13px 16px;border:1px solid #ae7cc734;border-radius:3px;background:linear-gradient(145deg,#4b226120,#08060ca6)}
.support-preview-image{height:138px;background:radial-gradient(ellipse,#622b8633,transparent);overflow:hidden;margin-bottom:17px}
.support-preview-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 13px #9b46b625)}
.support-preview-kicker{font-size:8px;line-height:1.5;letter-spacing:.15em;color:#a586b9;margin:0 2px 5px}
.support-project-preview h3{font-family:var(--font);font-size:16px;font-weight:600;line-height:1.5;margin:0 2px 15px;color:#eadcf5}
.support-project-funding{padding:0 2px 20px}
.support-project-funding .funding-meta{font-size:10px}
.support-project-funding .funding-track{height:5px}
.support-project-funding .funding-caption{font-size:10px}
.support-name-preview{display:flex;align-items:center;gap:9px;padding:14px 2px;border-top:1px solid #bb8cdc26;border-bottom:1px solid #bb8cdc26}
.support-preview-avatar{display:grid;place-items:center;width:29px;height:29px;font-size:16px;color:#c693e7;background:#9b54bd1e;border:1px solid #c080e737;border-radius:50%;flex-shrink:0}
.support-name-preview>div{min-width:0}
.support-name-preview>div>span{display:block;font-size:9px;line-height:1.5;color:#9377a6}
.support-name-preview strong{font-size:12px;line-height:1.5;display:block;overflow-wrap:anywhere;color:#cdb4dc;font-weight:600;margin-top:3px}
.supporters-panel{padding:16px 2px 0}
.supporters-panel h4{font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.01em;color:#baa0cc;margin:0 0 8px}
#supporters-empty{font-size:10px;line-height:1.8;margin:0;color:#8e769e}
#supporters-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
#supporters-list>li{font-size:10px;color:#ccb0df;padding:3px 8px;border:1px solid #b184d135;border-radius:20px;max-width:100%;overflow-wrap:anywhere}
.support-payment{display:block;text-align:center}
.payment-instruction{font-size:12px;color:#cbb5dc;margin:0 0 14px}
.pix-qr-frame{display:inline-block;padding:17px;background:white;border-radius:5px;line-height:0}
#pix-qrcode img,#pix-qrcode canvas{max-width:100%;width:232px;height:232px;image-rendering:pixelated;filter:none}
.payment-amount{font-size:26px;font-weight:600;line-height:1.3;margin:15px 0 3px;color:#f3e7fc}
.payment-project{font-size:12px;margin:0 0 20px;color:#b398c7}
.support-payment>label{display:block;font-size:11px;color:#bfa4d2;text-align:left;margin-bottom:7px}
#pix-code{display:block;width:100%;resize:none;border:1px solid #b080c54b;background:#08050d91;color:#ad98bb;font:10px/1.6 monospace;padding:10px;border-radius:3px;margin-bottom:9px}
.support-copy{font-size:12px;background:#5c2b8180;box-shadow:none;min-height:43px}
.pix-copy-feedback{font-size:11px;line-height:1.6;color:#d5b9e8;margin:8px 0 0}
.pix-copy-feedback:empty{display:none}
.payment-reference{margin:18px 0 13px}
.payment-reference>span{display:block;font-size:9px;color:#896e9c;margin-bottom:4px}
.payment-reference code{font-size:10px;color:#b598c9;overflow-wrap:anywhere}
.payment-status{font-size:12px;line-height:1.6;color:#c6a7dd;margin:0;background:#a15fc512;padding:10px;border:1px solid #ba88d535;border-radius:2px}
.payment-status.is-confirmed{color:#a6e2c0;border-color:#71cb9b45;background:#4d9e751c}
.payment-publish-note{font-size:10px;line-height:1.6;color:#9478a7;margin:10px 0 0}
.support-edit{min-height:40px;border:0;background:transparent;color:#b999d0;font-size:11px;padding:10px;margin-top:9px}
.support-edit:hover{color:#ead8f6}
@media(max-width:1100px){.project-funding{padding:5px 8px 11px}.funding-meta,.funding-caption{font-size:9px}}
@media(max-width:800px){.project-funding{padding:5px 12px 11px}.funding-meta,.funding-caption{font-size:10px}.support-pix-dialog{padding:27px 27px 30px;width:min(730px,calc(100% - 28px))}.support-pix-layout{gap:24px}.support-pix-header{gap:12px}.support-pix-header .support-overline{font-size:8px}}
@media(max-width:620px){.support-pix-dialog{padding:27px 23px 27px;width:min(460px,calc(100% - 24px))}.support-pix-layout{grid-template-columns:1fr;gap:23px}.support-pix-dialog h2{font-size:25px;max-width:280px}.support-pix-header .pix-label{font-size:8px;letter-spacing:.05em}.support-pix-header .support-overline{font-size:8px;max-width:140px;line-height:1.7}.support-pix-header{padding-right:25px;margin-bottom:13px}.support-project-preview{display:grid;grid-template-columns:92px 1fr;gap:0 13px;padding:15px}.support-preview-image{grid-row:1/4;grid-column:1;height:82px;margin-bottom:0;align-self:center}.support-preview-kicker{grid-column:2;font-size:7px;margin-top:2px}.support-project-preview h3{grid-column:2;font-size:14px;margin-bottom:9px}.support-project-funding{grid-column:2;padding-bottom:0}.support-project-funding .funding-meta{font-size:8px}.support-project-funding .funding-caption{font-size:8px}.support-name-preview,.supporters-panel{grid-column:1/-1}.support-name-preview{margin-top:18px;padding:13px 0}.supporters-panel{padding-top:13px}.support-steps{margin-bottom:21px}.support-lead{font-size:12px;max-width:270px}.pix-qr-frame{padding:16px}}
@media(max-width:480px){.project-funding{padding:4px 8px 10px}.funding-meta{font-size:9px;align-items:flex-start}.funding-raised{max-width:120px}.funding-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.funding-track>span{transition:none}}
.project-support[data-support="bomba"]{border-color:#e4b76e4f;color:#e5c38b;background:#bc832114}
.project-support[data-support="bomba"]:hover{border-color:#edc5819c;background:#bc832125;color:#fbe0b0}
.voluntary-tax{background:radial-gradient(ellipse at 85% 0%,#a8682427,transparent 65%),#100a15}
.voluntary-tax .pix-label{color:#d9b57b}
.voluntary-tax .support-lead{color:#cbbba6;max-width:650px}
.voluntary-tax .support-generate{background:linear-gradient(115deg,#995824,#c58a3f);border-color:#e9b87291;box-shadow:0 0 17px #bc8a2722}
.voluntary-tax .support-project-funding .funding-track>span{background:linear-gradient(90deg,#a37435,#e8bc6d)}
@media(min-width:621px){
  .support-pix-dialog{padding-top:23px;padding-bottom:24px}
  .support-pix-header{margin-bottom:11px}
  .support-pix-dialog h2{font-size:26px}
  .support-steps{padding:12px 0 10px;margin-bottom:18px}
  #support-form label{margin-top:14px}
  #support-form .support-consent{margin:15px 0 17px}
  .support-preview-image{height:126px;margin-bottom:14px}
}
.support-dialog-controls{position:sticky;top:18px;height:0;z-index:5}
.support-dialog-controls>.close-button{position:absolute;right:-18px;top:-10px;width:32px;height:32px;font-size:23px;background:#170e21e8;backdrop-filter:blur(8px)}
@media(max-width:620px){.support-dialog-controls>.close-button{right:-10px;top:-11px}}

/* Pointer-responsive glass, with account actions visible over every wallpaper. */
.navbar{--nav-pointer-x:50%;--nav-pointer-y:50%}
.navbar:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse 220px 65px at var(--nav-pointer-x) var(--nav-pointer-y),#b86afc25,transparent 75%);transition:opacity .35s}
.navbar.gold-theme:before{background:radial-gradient(ellipse 220px 65px at var(--nav-pointer-x) var(--nav-pointer-y),#e5bd772a,transparent 75%)}
.navbar.is-pointer-active:before{opacity:1}
.nav-brand,.nav-links,.nav-rule,.nav-account{z-index:1}
.navbar .nav-links a,.navbar .nav-login,.navbar .nav-signup,.navbar .menu-toggle{transform:translate3d(var(--nav-item-x,0px),var(--nav-item-y,0px),0);transition:transform .16s ease,color .2s,background .2s,border-color .2s,box-shadow .2s}
.nav-links a:hover{color:#fff;text-shadow:0 0 14px var(--nav-accent)}
.navbar.is-pointer-active .nav-rule{opacity:.92}
.nav-account{gap:11px}
.navbar .nav-login{display:flex;align-items:center;justify-content:center;min-height:37px;padding:8px 15px;border:1px solid #d6b0f454;border-radius:3px;color:#f3eafa;font-size:13px;font-weight:600;background:#180e2c9c;box-shadow:inset 0 1px 0 #ffffff05}
.navbar .nav-signup{display:flex;align-items:center;justify-content:center;min-height:37px;padding:8px 17px;border:1px solid #c894ecb0;border-radius:3px;color:#fff;font-size:13px;font-weight:600;background:linear-gradient(120deg,#602f91cf,#854bacd9);box-shadow:0 0 18px #ac60e31c,inset 0 1px 0 #ffffff0d}
.navbar .nav-login:hover{border-color:#e2bbff99;background:#3c205994;color:#fff}
.navbar .nav-signup:hover{border-color:#e0b9ff;background:linear-gradient(120deg,#7b3bb1e8,#a264cddd);box-shadow:0 0 22px #ae61e93d}
.navbar.gold-theme .nav-login{color:#fae6c2;border-color:#e8c17b69;background:#30230fac}
.navbar.gold-theme .nav-signup{color:#fff0d0;border-color:#edc57cad;background:linear-gradient(120deg,#82602acc,#a8813fd4);box-shadow:0 0 18px #d9af4718}
.navbar.gold-theme .nav-login:hover{background:#4d3618b3;border-color:#f1d198a3}
.navbar.gold-theme .nav-signup:hover{background:linear-gradient(120deg,#a17635e3,#c0954edf);border-color:#ffdf9c}
@media(max-width:1100px){.nav-rule-right{right:230px}}
@media(max-width:800px){.nav-account{gap:9px}.navbar .nav-login,.navbar .nav-signup{font-size:12px;min-height:36px;padding:8px 13px}}
@media(max-width:400px){.navbar .nav-login,.navbar .nav-signup{font-size:12px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.navbar:before{display:none}.navbar .nav-links a,.navbar .nav-login,.navbar .nav-signup,.navbar .menu-toggle{transform:none!important;transition:none}}

/* The official cover and the playable bomb are independent layers. */
.featured-art{isolation:isolate;cursor:default;min-width:0;user-select:none}
.featured-art .trailer-cover{filter:brightness(.64) saturate(.96);transition:filter .55s ease}
.featured-art:hover{transform:none;box-shadow:0 0 0 5px #d2973210,0 30px 55px #0007}
.trailer-play{position:absolute;left:50%;top:48%;width:24%;min-width:100px;max-width:190px;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);z-index:1;isolation:isolate}
.trailer-play:before{content:'';position:absolute;inset:25% 7% 4%;z-index:-1;border-radius:50%;background:radial-gradient(#ffd97935,transparent 70%);filter:blur(15px);opacity:.45;transition:opacity .4s}
.trailer-play>img{width:100%;height:auto;filter:drop-shadow(0 7px 8px #000b);transition:transform .4s,filter .4s;-webkit-user-drag:none}
.trailer-play-label{position:absolute;left:50%;top:100%;transform:translateX(-50%);font-size:9px;letter-spacing:.12em;white-space:nowrap;color:#ffe0a0;text-shadow:0 1px 5px #000;padding:4px 7px;background:#0a0704b3;border:1px solid #eac17433;border-radius:2px}
.featured-art:has(.trailer-play:hover) .trailer-cover,.featured-art:has(.trailer-play:focus-visible) .trailer-cover{filter:brightness(1) saturate(1)}
.trailer-play:hover>img,.trailer-play:focus-visible>img{transform:translateY(-4px) scale(1.06);filter:drop-shadow(0 9px 9px #000b) drop-shadow(0 0 13px #ffb94c50)}
.trailer-play:hover:before,.trailer-play:focus-visible:before{opacity:1}
.trailer-play:focus-visible{outline:2px solid #ffe0a0;outline-offset:6px;border-radius:50%}
.trailer-dialog{width:min(1050px,calc(100% - 36px));max-height:calc(100svh - 36px);padding:0;border:1px solid #e4ba6854;border-radius:6px;background:#08060b;overflow:auto;box-shadow:0 25px 100px #000b}
.trailer-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;background:linear-gradient(110deg,#36220e66,#110b1a)}
.trailer-dialog-head>div{min-width:0}
.trailer-dialog-head p{font-size:9px;letter-spacing:.2em;color:#d4b479;margin:0 0 5px}
.trailer-dialog-head h2{font-family:var(--font);font-size:19px;font-weight:600;line-height:1.5;margin:0;overflow-wrap:anywhere}
.trailer-dialog-head h2>span{font-size:12px;color:#af94bf;font-weight:400;margin-left:13px}
.trailer-dialog-head>.close-button{position:static;flex-shrink:0;width:36px;height:36px;background:#ffffff07;border-color:#e8d0b328}
#trailer-video{display:block;width:100%;height:auto;max-height:calc(100svh - 160px);background:#000;object-fit:contain}
.trailer-error{font-size:13px;padding:15px 24px;color:#cfb6dc;margin:0}
.trailer-error a{color:#e9c17c;text-decoration:underline}
.trailer-error[hidden]{display:none}

/* Width belongs to the viewport; decorative glows never add a sideways canvas. */
html{width:100%;max-width:100%;overflow-x:clip}
body{width:100%;max-width:100%;min-width:0;overflow-x:clip}
main{width:100%;min-width:0;overflow-x:clip}
main>section,.featured-copy,.studio-about-grid>div{min-width:0;max-width:100%}
.featured-layout{grid-template-columns:minmax(0,.83fr) minmax(0,1.5fr)}
.catalog-heading-line{min-width:0}
.studio-project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:5px 3px 9px}

/* Support cards use lit frames, image badges and paired actions. */
.studio-project{--project-accent:#c070ff;--project-glow:#a640f838;position:relative;padding:5px 5px 0;border:1px solid var(--project-accent);border-radius:4px;background:linear-gradient(160deg,#1c0b30e8,#080512f5 48%,#100620f5);box-shadow:0 0 13px var(--project-glow),inset 0 0 0 3px #d199ff0d;overflow:visible;transition:transform .3s,border-color .3s,box-shadow .3s}
.studio-project[data-project="bomba"]{--project-accent:#edbd5e;--project-glow:#e5a52b40;background:linear-gradient(160deg,#36250ddd,#110b12f5 52%,#211309f5)}
.studio-project[data-project="poke"]{--project-accent:#849aff;--project-glow:#5c6fff35}
.studio-project:before,.studio-project:after{width:16px;height:16px;border-color:var(--project-accent);filter:drop-shadow(0 0 5px var(--project-accent))}
.studio-project:hover{transform:translateY(-4px);border-color:var(--project-accent);box-shadow:0 0 25px var(--project-glow),inset 0 0 0 3px #d199ff17}
.studio-project .project-cover{position:relative;aspect-ratio:1.77;overflow:hidden;border-radius:2px}
.studio-project .project-cover:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#090513c9)}
.studio-project .project-cover img{width:100%;height:100%;object-fit:cover;background:transparent;filter:saturate(1.03);transition:transform .6s}
.project-status{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 8px;background:#130922df;border:1px solid var(--project-accent);border-radius:2px;color:#dfc5f4;box-shadow:0 0 8px var(--project-glow);font-size:8px;line-height:1.5;text-transform:uppercase;letter-spacing:.015em;max-width:calc(100% - 20px)}
.project-status svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.studio-project[data-project="bomba"] .project-status{background:#211602e8;color:#ffe2a0}
.studio-project[data-project="poke"] .project-status{color:#c0cdff}
.studio-project .project-label{padding:11px 9px 5px}
.studio-project .project-label h3{font-family:var(--font);font-size:15px;font-weight:600;line-height:1.4;margin:0 0 5px;color:#f1e8fa}
.studio-project .project-label p{font-size:12px;line-height:1.5;color:#bba4cc;margin:0;min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.studio-project .project-funding{padding:10px 9px 12px}
.studio-project .funding-meta{font-size:9px;gap:4px;align-items:center;margin-bottom:6px}
.studio-project .funding-raised{font-size:8px;letter-spacing:.025em;text-transform:uppercase;max-width:none}
.studio-project .funding-goal{font-size:11px;color:var(--project-accent);font-weight:600}
.studio-project .funding-track{height:6px;background:#965bc326;box-shadow:inset 0 0 0 1px #b97ce520}
.studio-project .funding-track>span{background:linear-gradient(90deg,#8d36da,var(--project-accent));box-shadow:0 0 12px var(--project-accent)}
.studio-project[data-project="bomba"] .funding-track{background:#b8872f25;box-shadow:inset 0 0 0 1px #c9a24d25}
.studio-project[data-project="bomba"] .funding-track>span{background:linear-gradient(90deg,#bf8427,#f6d077)}
.studio-project .funding-caption{font-size:10px;margin-top:5px}
.studio-project .project-actions{display:grid;grid-template-columns:.92fr 1.22fr;gap:9px;padding:0 9px 12px;border:0}
.studio-project .project-explore,.studio-project .project-support{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;min-height:37px;padding:8px 5px;font-family:var(--font);font-size:11px;line-height:1.5;border:1px solid #c0a0e25e;border-radius:3px;background:#0a0714cf;color:#d3bbe4;box-shadow:inset 0 1px 0 #ffffff05;transition:background .25s,border-color .25s,box-shadow .25s}
.studio-project .project-explore>span{font-size:inherit;transform:none}
.studio-project .project-explore svg,.studio-project .project-support svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.studio-project .project-support{border-color:#b464eead;background:linear-gradient(115deg,#681cbc,#8025ce);color:#f6eaff;box-shadow:0 0 13px #a647e63a,inset 0 1px 0 #e2b5ff17}
.studio-project .project-explore:hover{border-color:#ddc2ff;background:#322042b0;color:#fff}
.studio-project .project-support:hover{border-color:#e0b4ff;background:linear-gradient(115deg,#8330d8,#a445e0);box-shadow:0 0 17px #b355eb55}
.studio-project[data-project="bomba"] .project-support{border-color:#eabe66;background:linear-gradient(115deg,#885616,#b67d24);color:#fff0b7;box-shadow:0 0 14px #d396263c,inset 0 1px 0 #ffdf9e1f}
.studio-project[data-project="bomba"] .project-support:hover{background:linear-gradient(115deg,#ad7323,#d19838);box-shadow:0 0 18px #e2ad4255}
@media(max-width:1100px){.studio-project-grid{gap:15px}.studio-project .project-label{padding-inline:8px}.studio-project .project-actions{padding-inline:7px;gap:7px}.studio-project .project-funding{padding-inline:8px}.project-status{font-size:7px;gap:4px}.studio-project .project-explore,.studio-project .project-support{font-size:10px;gap:4px}}
@media(max-width:980px){.studio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.studio-project .project-label h3{font-size:18px}.studio-project .project-label p{font-size:14px;min-height:42px}.studio-project .project-actions{gap:12px;padding:0 12px 14px}.studio-project .project-explore,.studio-project .project-support{font-size:14px;min-height:43px;gap:8px}.studio-project .project-label,.studio-project .project-funding{padding-inline:12px}.project-status{font-size:10px;gap:6px}.project-status svg{width:14px;height:14px}.studio-project .funding-raised{font-size:10px}.studio-project .funding-caption{font-size:11px}}
@media(max-width:800px){.featured-layout{grid-template-columns:minmax(0,1fr)}.trailer-play{width:26%;min-width:100px;max-width:155px}.trailer-play-label{font-size:9px}.trailer-dialog-head{padding:15px 17px}.trailer-dialog-head h2{font-size:17px}.trailer-dialog-head h2>span{font-size:11px;margin-left:9px}}
@media(max-width:540px){.studio-project-grid{grid-template-columns:minmax(0,1fr);gap:22px}.studio-project .project-label,.studio-project .project-funding{padding-inline:14px}.studio-project .project-actions{padding-inline:14px}.studio-project .project-label p{min-height:0;display:block;overflow:visible}.studio-project .project-funding{padding-top:14px}.project-status{font-size:10px}.projects-heading{flex-wrap:wrap;column-gap:12px}.projects-heading>p{max-width:none;flex-basis:100%;text-align:left;margin:3px 0 0;font-size:12px}.trailer-dialog{width:calc(100% - 20px)}.trailer-dialog-head h2{font-size:16px}.trailer-dialog-head h2>span{display:block;margin:0}.trailer-play-label{font-size:8px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.featured-art .trailer-cover,.trailer-play>img,.trailer-play:before,.studio-project{transition:none}.trailer-play:hover>img,.trailer-play:focus-visible>img,.studio-project:hover{transform:none}}

/* Dedicated grid slots protect the account actions at every width. */
.navbar{display:grid;grid-template-columns:minmax(44px,1fr) max-content minmax(190px,1fr);gap:20px;inset:0 0 auto;width:auto;max-width:100%;padding:0 22px;height:56px;overflow:visible;transition:transform .32s ease,opacity .28s ease,background-color .4s,border-color .4s}
.nav-brand{grid-column:1;justify-self:start;min-width:0}
.nav-links{grid-column:2;position:static;left:auto;transform:none;margin:0;gap:30px;min-width:0;white-space:nowrap}
.nav-account{grid-column:3;justify-self:end;margin:0;width:max-content;max-width:100%;display:flex;flex-shrink:0;gap:11px}
.navbar .nav-login,.navbar .nav-signup{white-space:nowrap;flex-shrink:0;line-height:1.4;min-height:37px;padding:9px 15px}
.nav-rule-left{left:76px;right:calc(50% + 210px)}
.nav-rule-right{left:calc(50% + 210px);right:228px}
.game-dialog-actions .project-support[hidden]{display:none}
@media(max-width:1000px){.navbar{grid-template-columns:minmax(34px,1fr) max-content minmax(175px,1fr);gap:14px;padding-inline:18px}.nav-links{gap:21px}.nav-links a{font-size:11px;letter-spacing:.09em}.navbar .nav-login,.navbar .nav-signup{font-size:12px;padding-inline:12px}.nav-account{gap:9px}.nav-rule{display:none}}
@media(max-width:800px){.navbar{grid-template-columns:minmax(0,1fr) max-content;gap:14px;height:54px;padding-inline:14px}.nav-links{display:none}.nav-account{grid-column:2}.navbar .nav-login,.navbar .nav-signup{min-height:36px;padding:8px 13px}}
@media(max-width:360px){.navbar{padding-inline:11px}.navbar .nav-login,.navbar .nav-signup{padding-inline:10px}}

/* The catalog follows the supplied angular arcade composition. */
.catalog-neon{padding:68px 0 65px}
.catalog-neon>.container{width:min(1320px,calc(100% - 120px))}
.catalog-heading{gap:25px;margin-bottom:18px}
.catalog-heading h2{font-size:clamp(23px,2.15vw,34px);letter-spacing:.06em}
.catalog-intro{margin:0;font-size:10px;letter-spacing:.12em;line-height:1.5}
.catalog-jump{padding:4px 11px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;border-top:1px solid #52a9ed65;border-bottom:1px solid #7c62ff7d;background:#020b2099}
.catalog-heading-line{flex:1;min-width:15px;height:1px}
.catalog-mosaic{grid-template-columns:minmax(0,2.05fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:18px;aspect-ratio:2.84}
.showcase-tile{border:0;border-radius:0;background:#030816;box-shadow:none;clip-path:polygon(8.8% 0,100% 0,95% 100%,0 100%);overflow:visible;filter:drop-shadow(0 0 4px #9640e660)}
.showcase-main{clip-path:polygon(3.6% 0,100% 0,94% 100%,0 100%);min-width:0}
.catalog-frame{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:2;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 4px #ae52f4a0);z-index:3}
.catalog-frame path{vector-effect:non-scaling-stroke}
.showcase-main .showcase-art{inset:2px 3px 28%;overflow:hidden}
.showcase-main .showcase-art img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:none}
.showcase-main .showcase-art:after{background:linear-gradient(transparent 82%,#040614)}
.showcase-content{inset:auto 5.5% 3.5% 6%;padding:0;gap:16px;align-items:flex-end;background:transparent}
.showcase-copy{max-width:62%;min-width:0}
.showcase-copy h3{font-family:var(--font);font-size:clamp(18px,2.03vw,31px);font-weight:800;letter-spacing:.025em;line-height:1.15;text-transform:uppercase;margin:0;color:#f3f3ff;text-shadow:0 2px 5px #000}
.showcase-description{font-size:clamp(9px,.83vw,12px);line-height:1.4;letter-spacing:.1em;text-transform:uppercase;margin:8px 0 0;color:#cad6eb}
.showcase-genres{margin-top:10px;gap:7px;flex-wrap:nowrap}
.showcase-genres>span{font-size:9px;line-height:1.5;padding:2px 10px;background:#060a168f;border-color:#8452be;border-radius:20px}
.showcase-action{justify-content:center;min-width:0;width:31%;padding:12px 11px;gap:17px;border:1px solid #bd6dff;clip-path:polygon(0 0,94% 0,100% 22%,100% 100%,6% 100%,0 78%);background:linear-gradient(130deg,#8530c64a,#34145ba8 62%,#120627);box-shadow:inset 0 0 17px #a835ec56,0 0 22px #c16aff88;color:#f2dcff;text-transform:uppercase;font-size:clamp(16px,1.75vw,27px);font-weight:600;letter-spacing:.13em;line-height:1.4}
.showcase-action>svg{width:25px;height:25px;fill:#f5d7ff;filter:drop-shadow(0 0 5px #d682ff);flex-shrink:0}
.showcase-action>span{font-size:inherit;color:inherit}
.showcase-action:hover{background:linear-gradient(130deg,#b451ff6b,#622ca8bd 62%,#1d0c36);box-shadow:inset 0 0 18px #c761ff80}
.showcase-side .showcase-art{inset:1px 2px 15%;overflow:hidden}
.showcase-side .showcase-art img{filter:none;object-fit:cover;object-position:center}
.showcase-side-content{inset:auto 7% 3.5% 7%;padding:0;display:flex;justify-content:flex-end;align-items:center;gap:10px;background:transparent}
.showcase-side-status{font-size:clamp(9px,.85vw,13px);letter-spacing:.025em;text-transform:uppercase;margin:0;padding:2px 9px;background:#030711cf;border-block:1px solid #6d5dbc5c}
.showcase-arrow,.development-arrow{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid #8ad2ff;border-radius:50%;color:#aadfff;background:#030817b0;padding:0;font-size:0!important;box-shadow:0 0 6px #299be536}
.showcase-arrow svg,.development-arrow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.showcase-team .showcase-arrow{border-color:#c58aff;color:#d7b0ff}
.showcase-tile:hover{transform:none;box-shadow:none;filter:drop-shadow(0 0 7px #b976ff9c)}
.showcase-tile:hover .showcase-art img{transform:scale(1.018);filter:brightness(1.05)}
.catalog-development-heading{gap:24px;margin:24px 0 15px}
.catalog-development-heading h3{font-size:clamp(18px,1.85vw,28px);letter-spacing:.04em}
.catalog-development-heading>p{font-size:9px;letter-spacing:.13em}
.catalog-neon .development-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.catalog-neon .development-card{padding:0;min-width:0;aspect-ratio:1.95;position:relative;clip-path:polygon(8.8% 0,100% 0,95% 100%,0 100%);border:0;border-radius:0;background:#030817;box-shadow:none;filter:drop-shadow(0 0 4px #4189ff50)}
.catalog-neon .development-card>img{position:absolute;inset:2px 2px 21%;width:calc(100% - 4px);height:calc(79% - 2px);object-fit:cover;aspect-ratio:auto;border-radius:0;filter:none}
.catalog-neon .development-caption{position:absolute;inset:auto 7% 4% 8%;padding:0;justify-content:flex-end;gap:7px;background:none}
.catalog-neon .development-caption>span:first-child{font-size:clamp(8px,.79vw,12px);line-height:1.5;letter-spacing:.025em;text-transform:uppercase;border-block:1px solid #4784cb54;background:#030816d6;padding:2px 6px}
.catalog-neon .development-arrow{width:23px;height:23px;border-color:#72c5ff}
.catalog-neon .development-arrow svg{width:13px;height:13px}
.catalog-neon .development-card:nth-child(3) .development-arrow{color:#d4a7ff;border-color:#ba78ef}
.catalog-neon .development-card:nth-child(3){filter:drop-shadow(0 0 4px #a13aff60)}
.catalog-neon .development-card:hover{transform:none;filter:drop-shadow(0 0 7px #ae6dff90);box-shadow:none}
.catalog-neon .development-card:focus-visible,.showcase-tile:focus-visible{outline:3px solid #fff;outline-offset:-7px}
@media(max-width:1100px){.catalog-neon>.container{width:calc(100% - 80px)}.catalog-heading,.catalog-development-heading{gap:18px}.catalog-intro{font-size:9px}.catalog-mosaic{gap:14px}.showcase-genres{gap:5px}.showcase-genres>span{font-size:8px;padding:1px 7px}.showcase-description{letter-spacing:.035em}.showcase-action{gap:10px;padding:9px 7px}.showcase-action>svg{width:20px;height:20px}.showcase-side-content{gap:7px}.showcase-arrow{width:23px;height:23px}.catalog-neon .development-grid{gap:12px}.catalog-development-heading>p{font-size:8px}.catalog-jump{font-size:10px}}
@media(max-width:800px){.catalog-neon>.container{width:calc(100% - 40px)}.catalog-heading{gap:13px;flex-wrap:wrap}.catalog-heading h2{font-size:25px}.catalog-intro{display:none}.catalog-heading-line{display:block}.catalog-mosaic{aspect-ratio:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:17px}.showcase-main{grid-column:1/-1;grid-row:1;aspect-ratio:1.92}.showcase-side{grid-row:2;aspect-ratio:1.86}.showcase-content{gap:14px}.showcase-copy h3{font-size:clamp(18px,3.4vw,25px)}.showcase-description{font-size:10px;letter-spacing:.03em}.showcase-genres{margin-top:8px}.showcase-genres>span{font-size:9px}.showcase-action{font-size:21px;padding:11px 9px;gap:12px}.showcase-side-status{font-size:10px}.showcase-side-content{inset-inline:8%;gap:6px}.catalog-development-heading{gap:14px;flex-wrap:wrap}.catalog-development-heading h3{font-size:21px}.catalog-development-heading>p{display:none}.catalog-neon .development-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.catalog-neon .development-caption>span:first-child{font-size:10px}.catalog-neon .development-arrow{width:24px;height:24px}}
@media(max-width:480px){.catalog-neon{padding:44px 0 45px}.catalog-neon>.container{width:calc(100% - 28px)}.catalog-heading h2{font-size:22px}.catalog-heading h2>span{margin-left:5px}.catalog-heading-line{display:none}.catalog-heading{justify-content:space-between}.catalog-jump{font-size:9px;padding:4px 7px}.catalog-jump>span{font-size:16px;margin-left:8px}.showcase-main{aspect-ratio:1.5}.showcase-main .showcase-art{bottom:38%}.showcase-content{inset:auto 7% 5% 7%;gap:8px}.showcase-copy{max-width:64%}.showcase-copy h3{font-size:18px}.showcase-description{font-size:9px;line-height:1.45;margin-top:5px}.showcase-description br{display:none}.showcase-genres{gap:4px;flex-wrap:wrap;margin-top:7px}.showcase-genres>span{font-size:8px;padding-inline:6px}.showcase-action{font-size:14px;width:32%;gap:6px;padding:10px 5px;letter-spacing:.06em}.showcase-action>svg{width:15px;height:15px}.showcase-side{aspect-ratio:1.6}.showcase-side .showcase-art{bottom:24%}.showcase-side-content{bottom:6%;gap:4px}.showcase-side-status{font-size:8px;letter-spacing:0;padding-inline:3px}.showcase-arrow{width:19px;height:19px}.showcase-arrow svg{width:11px;height:11px}.catalog-development-heading{justify-content:space-between;gap:10px;margin-top:25px}.catalog-development-heading h3{font-size:16px;white-space:normal}.catalog-development-heading h3>span{margin-left:5px}.catalog-development-heading .catalog-heading-line{display:none}.catalog-neon .development-grid{gap:12px}.catalog-neon .development-caption>span:first-child{font-size:8px;padding-inline:3px}.catalog-neon .development-arrow{width:20px;height:20px}.catalog-neon .development-arrow svg{width:11px;height:11px}}
@media(prefers-reduced-motion:reduce){.navbar{transition:none}.showcase-tile,.showcase-art img,.catalog-neon .development-card{transition:none}.showcase-tile:hover .showcase-art img{transform:none}}

/* Preserve the supplied artwork; individual card crops are set below. */
.showcase-main .showcase-art{inset:2px 3px;background:#07050f}
.showcase-main .showcase-art img{object-fit:contain;filter:none}
.showcase-main .showcase-art:after{background:linear-gradient(transparent 58%,#030714c9 77%,#030714f5)}
.showcase-team .showcase-art{background:radial-gradient(ellipse at 50% 40%,#7e235752,#170b2b 60%,#050816)}
.showcase-team .showcase-art img{object-fit:contain;filter:none}
.studio-project[data-project="bomba"] .project-cover img,.studio-project[data-project="team"] .project-cover img{object-fit:contain;filter:none;background:#090610}
.studio-project[data-project="bomba"]:hover .project-cover img,.studio-project[data-project="team"]:hover .project-cover img,.showcase-main:hover .showcase-art img,.showcase-team:hover .showcase-art img{transform:none;filter:none}
.studio-project[data-project="bomba"] .project-cover:after,.studio-project[data-project="team"] .project-cover:after{display:none}
.game-dialog>img{object-fit:contain;max-height:48svh;width:100%;height:auto;background:#070510}
@media(max-width:480px){.showcase-main .showcase-art{inset:2px}.showcase-main .showcase-art:after{background:linear-gradient(transparent 48%,#030714de 68%,#030714fa)}}

.studio-project{isolation:isolate;border:0;background:none;box-shadow:none}
.studio-project[data-project="bomba"]{background:none}
.studio-project:before,.studio-project:after{display:none}
.project-frame{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:visible;fill:#10071cea;stroke:var(--project-accent);stroke-width:2;filter:drop-shadow(0 0 5px var(--project-accent))}
.project-frame path{vector-effect:non-scaling-stroke}
.project-frame .frame-inner{fill:none;stroke-width:.6;opacity:.6}
.studio-project[data-project="bomba"] .project-frame{fill:#1c110cea}
.studio-project:hover{border:0;box-shadow:none}
.studio-project .project-cover img{object-fit:contain;filter:none;background:#090610}
.studio-project:hover .project-cover img{transform:none;filter:none}

/* Steel plates and warm edge lights follow the newest catalog reference. */
.catalog-material{padding:45px 0 55px;background:#060611}
.catalog-material:before{background:linear-gradient(0deg,#06040ef8,transparent 22%,#03051016 70%,#080711b0),linear-gradient(90deg,#d6a32617,transparent 20%,transparent 83%,#c987151c)}
.catalog-material>.container{width:min(1460px,calc(100% - 120px))}
.catalog-toolbar{display:flex;align-items:center;gap:25px;min-width:0;margin-bottom:28px;padding:11px 18px;border:1px solid #8e818d66;border-bottom-color:#d4b77191;background:linear-gradient(115deg,#24212cdb,#080913e8 70%,#332716bb);clip-path:polygon(1.4% 0,100% 0,98.6% 100%,0 100%);box-shadow:inset 0 1px 0 #d1c3e72c,inset 0 -2px 0 #d7a52b32}
.catalog-toolbar nav{display:flex;gap:12px;align-items:center;flex:1;min-width:0}
.catalog-toolbar nav a{display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:11px;letter-spacing:.04em;white-space:nowrap;padding:7px 13px;color:#c9c0dc}
.catalog-toolbar nav a.is-selected{color:#ffe178;background:linear-gradient(#4234118c,#14100b);border:1px solid #dba4309c;clip-path:polygon(8% 0,94% 0,100% 25%,100% 100%,8% 100%,0 75%,0 20%);box-shadow:inset 0 0 10px #e1a43325}
.catalog-toolbar svg,.catalog-heading h2>svg,.catalog-development-heading h3>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}
.catalog-search{display:flex;align-items:center;gap:9px;max-width:220px;min-width:150px;width:20%;padding:7px 10px;background:#020510c7;border:1px solid #a996b169;border-radius:3px;color:#cbb8df}
.catalog-search svg{width:18px;height:18px}
#catalog-search{width:100%;min-width:0;padding:0;border:0;background:none;color:#ece5fa;font-size:11px;line-height:1.6;outline-offset:5px}
#catalog-search::placeholder{color:#bcb0d1}
.catalog-language{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;color:#cbc0df}
.catalog-language svg{width:20px;height:20px}
.catalog-material .catalog-heading{gap:25px;margin-bottom:19px}
.catalog-material .catalog-heading h2{display:flex;align-items:center;gap:11px;font-family:var(--font);font-weight:800;font-size:clamp(28px,3.2vw,49px);letter-spacing:.015em;text-shadow:0 2px 0 #716b7c,0 5px 0 #24212d,0 9px 12px #000;text-transform:uppercase}
.catalog-material .catalog-heading h2>span{color:#ffc536;font-weight:800;margin:0;font-size:inherit;letter-spacing:inherit;text-shadow:0 2px 0 #b68114,0 5px 0 #4a3108,0 0 15px #b8791636}
.catalog-material .catalog-heading h2>svg{width:27px;height:27px;color:#ffda58;filter:drop-shadow(0 0 6px #eab33b80)}
.catalog-material .catalog-intro{font-size:11px;letter-spacing:.05em;line-height:1.5;color:#d4c6e5}
.catalog-material .catalog-heading-line{background:linear-gradient(90deg,#e9bd38,#93782490);box-shadow:0 0 6px #e1a7323a;position:relative}
.catalog-material .catalog-heading-line:before{content:'';position:absolute;left:0;top:-2px;width:5px;height:5px;background:#ffd94f;border-radius:50%;box-shadow:0 0 8px #ffc933}
.catalog-material .catalog-jump{display:flex;align-items:center;justify-content:center;gap:15px;white-space:nowrap;padding:9px 17px;border:1px solid #f0cb7187;background:linear-gradient(150deg,#33313edc,#090914);color:#f3e9d6;clip-path:polygon(6% 0,96% 0,100% 15%,100% 90%,96% 100%,0 100%,0 17%);font-size:12px;font-weight:800;letter-spacing:.035em;box-shadow:inset 0 0 0 3px #c5a06126,inset 0 1px 0 #eee0b38c}
.catalog-material .catalog-jump svg{width:21px;height:21px;fill:none;stroke:#ffdb67;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.catalog-material .catalog-jump:hover{background:linear-gradient(150deg,#635132,#17111d);color:#fff}
.catalog-material .catalog-mosaic{grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);aspect-ratio:3.15;gap:17px}
.catalog-material .showcase-tile{--steel-accent:#edbb53;border:0;border-radius:0;background:#050711;filter:drop-shadow(0 0 5px #de9d3a40);clip-path:polygon(8.5% 0,98% 0,100% 6%,95% 95%,92.8% 100%,2.4% 100%,0 94%,6.4% 6%)}
.catalog-material .showcase-main{clip-path:polygon(4% 0,97.5% 0,100% 5%,94% 95%,92% 100%,2.3% 100%,0 95%,2.1% 41%)}
.steel-frame{position:absolute;inset:0;width:100%;height:100%;z-index:5;fill:none;pointer-events:none;overflow:visible}
.steel-frame path{vector-effect:non-scaling-stroke}
.steel-frame .steel-outer{stroke-width:9;filter:drop-shadow(0 0 2px #bba6cb50)}
.steel-frame .steel-edge{stroke:var(--steel-accent,#ecba59);stroke-width:1.5;filter:drop-shadow(0 0 4px var(--steel-accent,#e9b845))}
.steel-frame .steel-etch{stroke:#c6b8d96b;stroke-width:.7}
.steel-frame circle{fill:#15131b;stroke:#d3c8dc8a;stroke-width:1}
.catalog-material .showcase-main .showcase-art{inset:4px 4px;background:#070710}
.catalog-material .showcase-main .showcase-art img{width:100%;height:100%;object-fit:contain;filter:none}
.catalog-material .showcase-main .showcase-art:after{background:linear-gradient(transparent 54%,#05071169 69%,#04050de8 86%,#04050df5),linear-gradient(90deg,#03061099,transparent 30%)}
.steel-featured-badge{position:absolute;top:12px;left:7%;display:flex;gap:12px;align-items:center;padding:7px 15px;color:#ffe372;font-size:12px;font-weight:800;letter-spacing:.025em;text-transform:uppercase;background:linear-gradient(#1e190ae3,#090709);border:1px solid #e0ad3b9e;box-shadow:0 0 12px #dcb23f36;z-index:6;clip-path:polygon(4% 0,100% 0,100% 90%,97% 100%,4% 100%,0 70%)}
.steel-featured-badge svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.steel-index{position:absolute;right:5.5%;top:17px;padding:2px 7px;background:#090811cf;border:1px solid #c1b4d053;color:#e1d6ec;font-size:11px;font-weight:600;letter-spacing:.04em;z-index:6}
.tile-genres{position:absolute;left:6.5%;top:28%;display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;z-index:2;max-width:34%;text-align:left}
.tile-genres li{display:flex;align-items:center;gap:8px;color:#d8cce8;text-transform:uppercase;font-size:10px;letter-spacing:.03em;line-height:1.4;white-space:nowrap}
.tile-genres svg{width:18px;height:18px;fill:none;stroke:#ffd866;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;filter:drop-shadow(0 0 3px #e3a92835)}
.showcase-main .tile-genres{top:auto;bottom:24%;left:6.5%;gap:6px}
.showcase-main .tile-genres li{background:#05050c9e;padding:2px 7px 2px 0}
.catalog-material .showcase-content{inset:auto 6% 5.3% 6.5%;align-items:flex-end;gap:14px}
.catalog-material .showcase-copy{max-width:58%}
.catalog-material .showcase-copy h3{font-size:clamp(20px,2.05vw,30px);line-height:1.2;letter-spacing:.015em;text-shadow:0 2px 0 #726d80,0 4px 0 #13101b;font-weight:800}
.catalog-material .showcase-description{font-size:clamp(9px,.82vw,12px);letter-spacing:.03em;line-height:1.5;margin-top:5px}
.catalog-material .showcase-action{position:static;width:40%;min-height:65px;padding:13px 17px;gap:16px;background:radial-gradient(ellipse at 20% 0%,#fff788,#f5b819 60%,#b87513);border:3px solid #baad92;color:#150d02;font-size:clamp(20px,2.5vw,36px);font-weight:800;letter-spacing:.06em;clip-path:polygon(7% 0,94% 0,100% 15%,95% 92%,90% 100%,0 100%,0 82%);box-shadow:inset 0 0 0 3px #ffe397,inset 0 -5px 0 #a57019,0 0 25px #e0a72a65;text-shadow:0 1px 0 #ffeeaf}
.catalog-material .showcase-action>svg{width:31px;height:31px;fill:#130c01;stroke:none;filter:none}
.catalog-material .showcase-action:hover{background:radial-gradient(ellipse at 20% 0%,#fff9b2,#ffd244 60%,#d49b33);box-shadow:inset 0 0 0 3px #fff3b7,inset 0 -5px 0 #ac7a23,0 0 30px #f0c0577f}
.catalog-material .showcase-side .showcase-art{inset:5px 5px 13%;background:linear-gradient(110deg,#050913,#0e0824 55%,#3b18412b)}
.catalog-material .showcase-ring .showcase-art img{width:85%;height:100%;margin-left:auto;object-fit:contain;object-position:right center;filter:none}
.catalog-material .showcase-team .showcase-art img{width:100%;height:100%;object-fit:contain;object-position:right center;filter:none}
.catalog-material .showcase-side .showcase-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050711cf,transparent 35%,transparent 85%,#08030d33);pointer-events:none}
.catalog-material .showcase-side-content{inset:auto 7% 4% 7%;gap:0}
.catalog-material .showcase-side-status{display:flex;align-items:center;gap:9px;padding:5px 11px;color:#e4bbfa;border:1px solid #b772de;background:linear-gradient(120deg,#240f36,#080917);font-size:10px;font-weight:600;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);letter-spacing:0}
.catalog-material .showcase-side-status svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.catalog-material .showcase-arrow{width:35px;height:29px;padding:4px;border:1px solid #d3b677;border-radius:0;color:#ffde89;background:linear-gradient(145deg,#4e3b22,#0d0b10);clip-path:polygon(10% 0,100% 0,100% 68%,76% 100%,0 100%);box-shadow:inset 0 0 8px #e0b33830}
.catalog-material .showcase-arrow svg{width:20px;height:20px}
.catalog-material .showcase-team{--steel-accent:#d47bef}
.catalog-material .showcase-team .showcase-arrow{color:#df9cff;border-color:#cc80e8;background:linear-gradient(145deg,#532563,#100717)}
.catalog-material .showcase-tile:hover{transform:none;filter:drop-shadow(0 0 7px #ebc77977);box-shadow:none}
.catalog-material .showcase-tile:hover .showcase-art img{transform:none;filter:none}
.catalog-material .catalog-development-heading{gap:20px;margin:24px 0 15px}
.catalog-material .catalog-development-heading h3{display:flex;align-items:center;gap:13px;font-size:clamp(19px,1.9vw,28px);font-weight:800;letter-spacing:.015em;text-shadow:0 2px 0 #5e586c,0 4px 0 #17131e}
.catalog-material .catalog-development-heading h3>svg{width:28px;height:28px;color:#ffda53;filter:drop-shadow(0 0 5px #f2c54540)}
.catalog-material .development-grid{gap:16px}
.catalog-material .development-card{--steel-accent:#e8bf69;aspect-ratio:1.97;clip-path:polygon(8.5% 0,98% 0,100% 6%,95% 95%,92.8% 100%,2.4% 100%,0 94%,6.4% 6%);background:#080911;filter:drop-shadow(0 0 5px #ae852b30)}
.catalog-material .development-card>img{inset:4px 4px 20%;width:calc(100% - 8px);height:calc(80% - 4px);object-fit:cover}
.catalog-material .poke-card>img{width:64%;height:calc(84% - 5px);inset:5px auto auto 5px;object-fit:contain;object-position:left center;filter:none}
.catalog-material .poke-card .tile-genres{left:66%;top:15%;gap:7px;max-width:28%}
.catalog-material .poke-card .tile-genres li{font-size:9px;gap:5px;letter-spacing:0}
.catalog-material .poke-card .tile-genres svg{width:14px;height:14px}
.catalog-material .development-caption{inset:auto 8% 5% 9%;gap:0;z-index:2}
.catalog-material .development-caption>span:first-child{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #a366d1;color:#e6bff7;background:linear-gradient(120deg,#22102e,#050811);clip-path:polygon(7% 0,100% 0,95% 100%,0 100%);font-size:9px;letter-spacing:0}
.catalog-material .development-caption>span:first-child>svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
.catalog-material .development-arrow{width:25px;height:25px;border:1px solid #dfbf75;border-radius:0;clip-path:polygon(10% 0,100% 0,100% 75%,75% 100%,0 100%);color:#f1d89c;background:linear-gradient(#3d2b23,#0c0a10)}
.catalog-material .secret-card>img{filter:grayscale(1) brightness(.47);object-fit:cover}
.secret-note{position:absolute;left:10%;right:8%;bottom:24%;display:flex;gap:9px;align-items:center;z-index:2;color:#c9c5ce;text-align:left}
.secret-note>svg{width:20px;height:20px;fill:none;stroke:#a6a0ad;stroke-width:1.5;flex-shrink:0}
.secret-note>span>strong{display:block;font-size:10px;font-weight:400;line-height:1.4;text-transform:uppercase;letter-spacing:.035em}
.secret-note>span>span{display:block;font-size:8px;line-height:1.5;color:#a99eb9;margin-top:3px}
.catalog-material .secret-card .development-caption>span:first-child{font-size:8px;padding:3px 6px}
.catalog-empty{padding:28px 20px;border:1px solid #ae936449;background:#080911b0;text-align:center;color:#c8bbd6;font-size:14px}
.catalog-empty button{border:0;border-bottom:1px solid #d9ae54;background:none;color:#f6d58b;font-size:13px;margin-left:10px;padding:2px 0}
.catalog-material [hidden]{display:none!important}
.catalog-material .catalog-mosaic.is-filtering{aspect-ratio:auto;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));grid-template-rows:auto}
.catalog-material .is-filtering .showcase-main{grid-row:auto;grid-column:auto;aspect-ratio:1.9}
.catalog-material .is-filtering .showcase-side{grid-row:auto;aspect-ratio:2.1;min-height:190px}
.navbar.catalog-theme{--nav-accent:#e3b85b;border-bottom-color:#eac97739}
.navbar.catalog-theme .nav-links a{color:#e0d4b9}
.navbar.catalog-theme .nav-links a.active:before{color:#ffdd7c}
.navbar.catalog-theme .nav-login{color:#fae6c2;border-color:#e8c17b69;background:#30230fac}
.navbar.catalog-theme .nav-signup{color:#fff0d0;border-color:#edc57cad;background:linear-gradient(120deg,#82602acc,#a8813fd4)}
@media(max-width:1100px){.catalog-material>.container{width:calc(100% - 80px)}.catalog-toolbar{gap:14px;padding:9px 14px}.catalog-toolbar nav{gap:7px}.catalog-toolbar nav a{font-size:10px;padding:6px 9px}.catalog-language{font-size:9px}.catalog-material .catalog-intro{font-size:9px}.catalog-material .catalog-heading{gap:17px}.catalog-material .catalog-jump{font-size:10px;padding:7px 12px;gap:10px}.catalog-material .catalog-jump svg{width:18px;height:18px}.tile-genres{gap:6px}.tile-genres li{font-size:8px;gap:6px}.tile-genres svg{width:14px;height:14px}.steel-featured-badge{font-size:10px;padding:5px 10px;gap:8px}.steel-featured-badge svg{width:17px;height:17px}.steel-index{font-size:9px;top:13px}.catalog-material .showcase-action{min-height:54px;padding:9px 13px;gap:12px}.catalog-material .showcase-action>svg{width:24px;height:24px}.catalog-material .showcase-side-status{font-size:8px;padding:4px 8px;gap:6px}.catalog-material .showcase-arrow{width:28px;height:25px}.catalog-material .showcase-arrow svg{width:16px;height:16px}.catalog-material .poke-card .tile-genres li{font-size:7px;gap:4px}.catalog-material .poke-card .tile-genres svg{width:11px;height:11px}.catalog-material .poke-card .tile-genres{gap:5px}.catalog-material .development-caption>span:first-child{font-size:7px;padding:3px 6px}.catalog-material .development-caption>span:first-child>svg{width:11px;height:11px}.catalog-material .development-arrow{width:22px;height:22px}.secret-note>span>strong{font-size:9px}.secret-note>span>span{font-size:7px}.catalog-material .secret-card .development-caption>span:first-child{font-size:7px}}
@media(max-width:800px){.catalog-material{padding-top:35px}.catalog-material>.container{width:calc(100% - 40px)}.catalog-toolbar{flex-wrap:wrap;gap:12px;padding:12px 15px;margin-bottom:25px}.catalog-toolbar nav{flex:1;gap:10px}.catalog-toolbar nav a{font-size:10px}.catalog-search{width:100%;order:3;max-width:none;min-width:0;padding:9px 11px}#catalog-search{font-size:13px}.catalog-language{margin-left:auto;font-size:10px}.catalog-material .catalog-heading h2{font-size:30px}.catalog-material .catalog-intro{display:none}.catalog-material .catalog-heading-line{display:none}.catalog-material .catalog-heading{justify-content:space-between;flex-wrap:wrap}.catalog-material .catalog-mosaic{aspect-ratio:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.catalog-material .showcase-main{grid-column:1/-1;grid-row:1;aspect-ratio:1.92}.catalog-material .showcase-side{grid-row:2;aspect-ratio:1.85}.tile-genres li{font-size:9px}.tile-genres svg{width:16px;height:16px}.steel-featured-badge{font-size:11px}.catalog-material .showcase-copy h3{font-size:clamp(20px,3.6vw,28px)}.catalog-material .showcase-action{font-size:28px;min-height:62px}.catalog-material .showcase-side .tile-genres{gap:5px;left:8%;top:26%}.catalog-material .showcase-side .tile-genres li{font-size:8px;gap:5px}.catalog-material .showcase-side .tile-genres svg{width:13px;height:13px}.catalog-material .showcase-side-status{font-size:8px}.catalog-material .development-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.catalog-material .development-caption>span:first-child{font-size:9px}.catalog-material .poke-card .tile-genres li{font-size:9px}.catalog-material .poke-card .tile-genres svg{width:14px;height:14px}.catalog-material .secret-card .development-caption>span:first-child{font-size:8px}.secret-note>span>strong{font-size:11px}.secret-note>span>span{font-size:9px}.catalog-material .catalog-development-heading h3{font-size:21px;white-space:normal}.catalog-material .catalog-development-heading{flex-wrap:wrap;gap:15px}.catalog-material .catalog-development-heading .catalog-heading-line{display:none}}
@media(max-width:480px){.catalog-material>.container{width:calc(100% - 26px)}.catalog-toolbar nav{gap:5px}.catalog-toolbar nav a{font-size:9px;padding:5px 6px}.catalog-toolbar nav a svg{width:16px;height:16px}.catalog-language{font-size:8px;gap:4px}.catalog-language svg{width:16px;height:16px}.catalog-material .catalog-heading h2{font-size:27px;gap:7px}.catalog-material .catalog-heading h2>svg{width:20px;height:20px}.catalog-material .catalog-jump{font-size:9px;gap:7px;padding:6px 10px}.catalog-material .catalog-heading{gap:12px}.catalog-material .showcase-main{aspect-ratio:1.46}.catalog-material .showcase-main .showcase-art:after{background:linear-gradient(transparent 38%,#0406139c 62%,#03040cf2),linear-gradient(90deg,#0306108c,transparent 38%)}.steel-featured-badge{font-size:9px;padding:5px 8px;top:10px;gap:5px}.steel-featured-badge svg{width:15px;height:15px}.steel-index{font-size:8px;top:11px;right:7%}.showcase-main .tile-genres{bottom:30%;gap:3px}.showcase-main .tile-genres li{font-size:8px;gap:5px;padding-block:0}.showcase-main .tile-genres svg{width:13px;height:13px}.catalog-material .showcase-copy h3{font-size:18px}.catalog-material .showcase-description{font-size:8px;letter-spacing:0;line-height:1.5}.catalog-material .showcase-content{gap:9px;inset:auto 7% 6% 7%}.catalog-material .showcase-copy{max-width:60%}.catalog-material .showcase-action{width:37%;font-size:18px;min-height:50px;padding:9px 6px;gap:7px;border-width:2px}.catalog-material .showcase-action>svg{width:18px;height:18px}.catalog-material .showcase-side{aspect-ratio:1.32}.catalog-material .showcase-side .showcase-art{bottom:19%}.catalog-material .showcase-ring .showcase-art img{width:100%}.catalog-material .showcase-side .tile-genres{top:22%;max-width:33%;gap:4px}.catalog-material .showcase-side .tile-genres li{font-size:6px;gap:3px}.catalog-material .showcase-side .tile-genres svg{width:10px;height:10px}.catalog-material .showcase-side-status{font-size:7px;padding:4px 5px;gap:4px}.catalog-material .showcase-side-status svg{width:10px;height:10px}.catalog-material .showcase-arrow{width:20px;height:21px;padding:3px}.catalog-material .showcase-arrow svg{width:13px;height:13px}.catalog-material .showcase-side-content{inset:auto 8% 6% 8%}.catalog-material .development-card{aspect-ratio:1.55}.catalog-material .development-caption>span:first-child{font-size:7px;padding:3px 4px;gap:4px}.catalog-material .development-caption>span:first-child>svg{width:10px;height:10px}.catalog-material .development-arrow{width:19px;height:20px}.catalog-material .development-arrow svg{width:11px;height:11px}.catalog-material .poke-card .tile-genres{left:63%;top:18%;gap:5px}.catalog-material .poke-card .tile-genres li{font-size:6px;gap:3px}.catalog-material .poke-card .tile-genres svg{width:10px;height:10px}.secret-note{left:11%;right:7%;bottom:30%;gap:5px}.secret-note>svg{width:14px;height:14px}.secret-note>span>strong{font-size:8px;letter-spacing:0}.secret-note>span>span{font-size:6px;margin-top:2px}.catalog-material .secret-card .development-caption>span:first-child{font-size:6px;padding:3px}.catalog-material .catalog-development-heading h3{font-size:18px;gap:8px}.catalog-material .catalog-development-heading h3>svg{width:23px;height:23px}.catalog-material .catalog-development-heading{justify-content:space-between;gap:12px}.catalog-material .catalog-development-heading .catalog-jump{font-size:8px;padding:5px 8px}}
@media(max-width:480px){.catalog-toolbar nav a{font-size:12px}.catalog-language{display:none}.catalog-material .catalog-mosaic,.catalog-material .development-grid{grid-template-columns:minmax(0,1fr)}.catalog-material .showcase-side{grid-row:auto;aspect-ratio:1.85}.catalog-material .showcase-side .tile-genres{top:22%;gap:7px}.catalog-material .showcase-side .tile-genres li{font-size:11px;gap:7px}.catalog-material .showcase-side .tile-genres svg{width:16px;height:16px}.catalog-material .showcase-side-status{font-size:11px;padding:5px 9px;gap:7px}.catalog-material .showcase-side-status svg{width:14px;height:14px}.catalog-material .showcase-arrow{width:29px;height:29px}.catalog-material .showcase-arrow svg{width:19px;height:19px}.catalog-material .development-card{aspect-ratio:1.97}.catalog-material .development-caption>span:first-child,.catalog-material .secret-card .development-caption>span:first-child{font-size:11px;padding:5px 8px;gap:6px}.catalog-material .development-caption>span:first-child>svg{width:14px;height:14px}.catalog-material .development-arrow{width:29px;height:28px}.catalog-material .development-arrow svg{width:18px;height:18px}.catalog-material .poke-card .tile-genres li{font-size:10px;gap:6px}.catalog-material .poke-card .tile-genres svg{width:15px;height:15px}.catalog-material .poke-card .tile-genres{gap:7px;left:66%;top:14%}.secret-note{bottom:28%;gap:9px}.secret-note>svg{width:22px;height:22px}.secret-note>span>strong{font-size:12px}.secret-note>span>span{font-size:11px}.catalog-material .showcase-main .tile-genres li{font-size:10px;gap:6px}.catalog-material .showcase-main .tile-genres svg{width:15px;height:15px}.catalog-material .showcase-main .tile-genres{bottom:31%;gap:4px}.catalog-material .showcase-description{font-size:10px}.catalog-material .catalog-jump,.catalog-material .catalog-development-heading .catalog-jump{font-size:11px}}

/* The fixed Team V artwork fills its frames, matching the adjacent game card. */
.catalog-material .showcase-team .showcase-art{inset:5px 5px 13%;overflow:hidden;background:#120a22}
.catalog-material .showcase-team .showcase-art:before{content:'';position:absolute;inset:-10px;background:url('assets/team-v-official.png') center 35%/cover;filter:blur(9px);opacity:.5;pointer-events:none}
.catalog-material .showcase-team .showcase-art img{position:relative;z-index:1;width:65%;height:100%;object-fit:cover;object-position:50% 50%;margin-left:auto;filter:none;transform:none}
.catalog-material .showcase-team .showcase-art:after{z-index:2;background:linear-gradient(90deg,#050711d9, #05071166 30%,transparent 55%)}
.studio-project[data-project="team"] .project-cover img{object-fit:cover;object-position:50% 60%;background:#090610;filter:none;transform:none}
.catalog-material .showcase-main .tile-genres{bottom:29%;gap:4px}

/* A compact footer keeps the studio signature and social links on one line. */
.footer{padding:12px 32px 11px}
.footer-main{padding-bottom:9px;gap:18px}
.footer-main>a{min-width:0;flex-shrink:0;width:165px;height:40px;display:flex;align-items:center}
.footer-main>a img{width:165px;height:65px;transform:scale(1.5);transform-origin:left center;object-fit:contain}
.footer-social{gap:19px}
.footer-social>span{font-size:9px;letter-spacing:.13em}
.footer .social-icons{gap:17px}
.footer .social-icons button{width:28px;height:28px;padding:3px}
.footer .social-icons img{width:22px;height:22px;transform:none}
.footer-bottom{padding-top:9px;gap:16px;font-size:10px}
.footer-channel-note,.footer .back-top{font-size:10px}
@media(max-width:800px){.footer{padding:12px 20px}.footer-main>a{width:135px;height:36px}.footer-main>a img{width:135px;height:57px}.footer-social>span{display:none}.footer .social-icons{gap:12px}.footer-bottom{gap:10px}.footer-channel-note{display:none}}
@media(max-width:480px){.catalog-material .showcase-main .tile-genres{bottom:38%;gap:3px}.footer{padding:11px 14px}.footer-main{gap:10px;padding-bottom:8px}.footer-main>a{width:115px;height:34px}.footer-main>a img{width:115px;height:54px}.footer .social-icons{gap:7px}.footer .social-icons button{width:26px;height:26px}.footer .social-icons img{width:20px;height:20px}.footer-bottom{padding-top:8px;font-size:9px}.footer .back-top{display:block;font-size:9px}}

/* Wider Team V composition uses only crops of the owner's fixed image. */
.catalog-material .showcase-team .showcase-art img{width:85%;height:100%;object-fit:cover;object-position:50% 35%;mask-image:linear-gradient(#000 0 60%,transparent 75%)}
.team-wordmark{position:absolute;right:7%;bottom:20%;width:60%;height:34%;overflow:hidden;z-index:3;pointer-events:none;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
.team-wordmark img{display:block;width:100%;height:auto;transform:translateY(-62%)}
.catalog-material .showcase-team .showcase-side-content{z-index:4}

/* Development actions share an actual flex row and centered arrow controls. */
.catalog-material .development-caption{display:flex;align-items:center;justify-content:flex-end;gap:3px;inset:auto 8% 5% 9%;margin:0;max-width:83%}
.catalog-material .development-caption>span{margin:0}
.catalog-material .development-caption>span:first-child{display:flex;align-items:center;gap:6px;height:29px;min-width:0;padding:5px 7px;line-height:1.15;font-size:clamp(8px,.72vw,11px);white-space:nowrap}
.catalog-material .development-caption>span:first-child svg{width:13px;height:13px;flex-shrink:0}
.catalog-material .development-arrow{display:grid;place-items:center;width:29px;height:29px;padding:0;margin:0;line-height:1;flex-shrink:0}
.catalog-material .development-arrow svg{display:block;width:18px;height:18px;margin:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.catalog-material .poke-card>img,.catalog-material .nanuki-card>img{inset:5px 5px 17%;width:calc(100% - 10px);height:calc(83% - 5px);object-fit:cover;object-position:center}
.catalog-material .poke-card .tile-genres{display:none}
.catalog-material .nanuki-card{--steel-accent:#83dff8;background:#08111e}
.catalog-material .nanuki-card .development-arrow{border-color:#92dce7;color:#b9edf4;background:linear-gradient(#183d46,#0c111d)}
.catalog-material .secret-note{bottom:26%}
@media(max-width:900px){.catalog-material .development-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-material .development-caption>span:first-child{font-size:10px}}
@media(max-width:480px){
  .catalog-material .development-grid{grid-template-columns:minmax(0,1fr)}
  .catalog-material .development-caption>span:first-child{font-size:11px;height:31px}
  .catalog-material .development-arrow{width:31px;height:31px}
  .catalog-material .showcase-main{aspect-ratio:auto;min-height:0;padding-bottom:17px}
  .catalog-material .showcase-main .showcase-art{inset:4px 4px auto;height:auto;aspect-ratio:1.77}
  .catalog-material .showcase-main .showcase-art:after{background:linear-gradient(90deg,#030610b3,transparent 48%),linear-gradient(transparent 60%,#04050d)}
  .catalog-material .showcase-main .tile-genres{top:clamp(78px,24vw,115px);bottom:auto;gap:3px}
  .catalog-material .showcase-content{position:relative;inset:auto;margin-top:61%;padding:5px 8% 0;display:flex;flex-direction:column;align-items:stretch;gap:12px}
  .catalog-material .showcase-copy{max-width:none;width:100%}
  .catalog-material .showcase-copy h3{font-size:21px}
  .catalog-material .showcase-description{font-size:11px;line-height:1.5}
  .catalog-material .showcase-action{width:100%;font-size:24px;min-height:49px;padding:9px 12px}
  .team-wordmark{height:34%;bottom:20%;width:60%}
}
.catalog-material .nanuki-card>img{inset:5px 5px 20%;width:calc(100% - 10px);height:calc(80% - 5px);object-fit:contain;object-position:center;background:#0a1930}
.catalog-material .nanuki-card .development-caption>span:first-child{background:linear-gradient(120deg,#092835ed,#061420f5);border-color:#7fbacb;color:#c5f3ff}

/* An icy reflection gives NANUKI its own accent without obscuring the cover. */
.catalog-material .nanuki-card:after{content:'';position:absolute;inset:5px;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 55% 0%,#89eaff40,transparent 60%);opacity:0;transition:opacity .3s ease}
.catalog-material .nanuki-card:hover,.catalog-material .nanuki-card:focus-visible{filter:drop-shadow(0 0 10px #74dcff90);box-shadow:inset 0 0 24px #7bdbff26}
.catalog-material .nanuki-card:hover:after,.catalog-material .nanuki-card:focus-visible:after{opacity:1}
.catalog-material .nanuki-card:hover .development-arrow,.catalog-material .nanuki-card:focus-visible .development-arrow{color:#fff;border-color:#c5f7ff;background:linear-gradient(#246274,#0b1a2c)}
@media(prefers-reduced-motion:reduce){.catalog-material .nanuki-card:after{transition:none}}