@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";.roadmap .phase-rail{gap:.75rem;margin-bottom:1.5rem;display:grid}@media (width>=900px){.roadmap .phase-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}.phase-node{text-align:left;border:1px solid var(--border);color:inherit;cursor:pointer;border-radius:var(--radius-sm);background:#1d2229e6;padding:1rem}.phase-node.is-active{border-color:var(--accent);box-shadow:inset 0 0 0 1px #c9893a59}.phase-top{justify-content:space-between;gap:.5rem;margin-bottom:.6rem;display:flex}.phase-node strong{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.75rem;font-size:1.35rem;display:block}.progress-track{background:var(--border);height:3px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));height:100%}.phase-detail h3{font-size:2rem}.filters{gap:.75rem;margin:1.25rem 0 1.5rem;display:grid}@media (width>=800px){.filters{grid-template-columns:2fr 1fr 1fr}}.item-grid{gap:.85rem;display:grid}@media (width>=800px){.item-grid{grid-template-columns:1fr 1fr}}.item-card{text-align:left;background:var(--bg-elevated);border:1px solid var(--border);color:inherit;cursor:pointer;padding:1rem 1.1rem}.item-card:hover{border-color:var(--accent)}.item-card-head{gap:.5rem;margin-bottom:.55rem;display:flex}.item-card strong{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.35rem;font-size:1.25rem;display:block}.drawer-backdrop{z-index:20;background:#080a0cb8;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--bg-panel);border-left:1px solid var(--border-strong);width:min(420px,100%);height:100%;box-shadow:var(--shadow-panel);padding:1.5rem}:root{--bg:#0e1013;--bg-elevated:#171a1f;--bg-panel:#1d2229;--surface:#242a33;--border:#343b46;--border-strong:#4a5360;--text:#f2eee6;--text-secondary:#a7b0bc;--text-muted:#7a8492;--accent:#c9893a;--accent-strong:#e0a04a;--accent-dim:#c9893a29;--danger:#b54a3c;--steel:#9aa5b3;--status-done:#9aa5b3;--status-active:#c9893a;--status-planned:#5c6673;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius-sm:2px;--radius-md:4px;--shadow-panel:0 12px 40px #00000059;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E")}.skeleton{border:1px solid var(--border);border-radius:var(--radius-md);background:#242a33eb;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#c9893a14 35%,#e0a04a29 50%,#c9893a14 65%,#0000 100%);animation:1.35s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-line{border-radius:2px;height:.75rem;margin:.45rem 0;display:block}.skeleton-line.lg{width:72%;height:1.15rem}.skeleton-line.md{width:88%;height:.85rem}.skeleton-line.sm{width:54%;height:.65rem}.skeleton-line.full{width:100%}.skeleton-card{min-height:6.5rem;padding:1.25rem 1.35rem}.skeleton-media-card{padding:0;overflow:hidden}.skeleton-media-frame{aspect-ratio:16/9;border:0;border-bottom:1px solid var(--border);border-radius:0}.skeleton-phase{min-height:5.5rem;padding:.9rem 1rem}.skeleton-item{min-height:5.2rem;padding:.9rem 1rem}.skeleton-press{background:0 0;border:0;padding:1.25rem 0}.skeleton-press:after{display:none}.skeleton-press .skeleton{margin:.55rem 0}.fade-image-wrap{aspect-ratio:16/9;background:#12151b;width:100%;position:relative;overflow:hidden}.fade-image-wrap img{object-fit:cover;opacity:0;filter:blur(12px);width:100%;height:100%;transition:opacity .55s,filter .55s,transform .55s;transform:scale(1.03)}.fade-image-wrap.is-loaded img{opacity:1;filter:blur();transform:scale(1)}.fade-image-wrap .fade-image-ph{pointer-events:none;position:absolute;inset:0}.brand-loader{color:var(--text-secondary);place-items:center;gap:.85rem;padding:2.5rem 1rem;display:grid}.brand-loader-mark{object-fit:cover;border-radius:12px;width:72px;height:72px;animation:1.6s ease-in-out infinite brand-pulse;box-shadow:0 0 0 1px #c9893a59,0 0 24px #c9893a2e}.brand-loader-lines{opacity:.7;width:120px;height:18px;position:relative;overflow:hidden}.brand-loader-lines span{background:linear-gradient(90deg, transparent, var(--accent), transparent);height:1px;animation:1.8s linear infinite contour-scan;position:absolute;left:0;right:0}.brand-loader-lines span:first-child{animation-delay:0s;top:2px}.brand-loader-lines span:nth-child(2){opacity:.7;animation-delay:.25s;top:8px}.brand-loader-lines span:nth-child(3){opacity:.45;animation-delay:.5s;top:14px}.brand-loader-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@keyframes brand-pulse{0%,to{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes contour-scan{0%{opacity:.2;transform:translate(-40%)}50%{opacity:1}to{opacity:.2;transform:translate(40%)}}@media (prefers-reduced-motion:reduce){.skeleton:after,.brand-loader-mark,.brand-loader-lines span,body:before,body:after{animation:none!important}.fade-image-wrap img{filter:none;transition:none;transform:none}.fade-image-wrap.is-loaded img,.fade-image-wrap img{opacity:1}}.hero-copy-skeleton{min-height:11.5rem}.hero-copy-skeleton .skeleton-line{margin:.55rem 0}.hero-copy-skeleton .skeleton{display:inline-block}.hero-art .fade-image-wrap.fade-image-fill{aspect-ratio:auto;width:100%;height:100%}.hero-art .fade-image-wrap img{animation:none}.hero-art .fade-image-wrap.is-loaded img{animation:18s ease-in-out infinite alternate bg-drift}.hero-art-ph{border:0;border-radius:0;width:100%;height:100%}.home-phase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=900px){.home-phase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-phase-card{min-height:5.5rem}.home-phase-card .progress{border:1px solid var(--border);background:#242a33f2;border-radius:2px;height:.35rem;margin-top:.85rem;overflow:hidden}.home-phase-card .progress>span{background:linear-gradient(90deg,#c9893a8c,#e0a04ad9);height:100%;display:block}.section-head .section-link{font-family:var(--font-mono);letter-spacing:.06em;color:var(--accent);font-size:.8rem;text-decoration:none}.section-head .section-link:hover{color:var(--accent-strong)}@media (prefers-reduced-motion:reduce){.hero-art .fade-image-wrap.is-loaded img,.hero-art img{animation:none!important}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg);margin:0;line-height:1.5;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}body:before{opacity:1;background:linear-gradient(#0e10138c,#0e1013e0 45%,#0e1013f5),url(/media/bg-horizon.png) top/cover no-repeat;animation:28s ease-in-out infinite alternate bg-drift}body:after{background-image:url(/media/bg-grid.svg), var(--grain);opacity:.45;mix-blend-mode:soft-light;background-size:200px 200px,auto;animation:40s linear infinite grid-pan}@keyframes bg-drift{0%{transform:scale(1.05)translate(0,0)}to{transform:scale(1.12)translate(-1.5%,-1%)}}@keyframes grid-pan{0%{background-position:0 0,0 0}to{background-position:200px 120px,0 0}}#root{z-index:1;position:relative}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .5rem;font-weight:700}p{color:var(--text-secondary);margin:0 0 1rem}.shell{width:min(1120px,100% - 2rem);margin-inline:auto}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;display:flex}.brand{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:1.6rem;display:inline-flex}.brand-mark{object-fit:cover;border-radius:6px;width:36px;height:36px}.brand-text{line-height:1}.header-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1.25rem;display:flex}.nav{color:var(--text-secondary);flex-wrap:wrap;gap:1rem;font-size:.95rem;display:flex}.lang-switch{font-family:var(--font-mono);letter-spacing:.08em;gap:.55rem;font-size:.78rem;display:inline-flex}.lang-switch a{color:var(--text-muted)}.lang-switch a.is-current,.lang-switch a.active,.nav a:hover,.nav a.active{color:var(--accent-strong)}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:1rem;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent-strong)}.btn-primary{border-color:var(--accent);color:var(--text);background:linear-gradient(#c9893a47,#c9893a1f)}.btn-primary:hover{background:linear-gradient(#e0a04a59,#c9893a2e)}.hero{align-items:end;min-height:calc(100vh - 5rem);padding:4rem 0 5rem;display:grid;position:relative}.hero-art{aspect-ratio:16/9;border:1px solid var(--border);width:min(54vw,640px);box-shadow:var(--shadow-panel);opacity:.9;position:absolute;inset:8% 0 auto auto;overflow:hidden}.hero-art img{object-fit:cover;width:100%;height:100%;animation:18s ease-in-out infinite alternate bg-drift}.hero-panel{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1013b8;border:1px solid #4a5360b3;max-width:40rem;padding:1.25rem 1.35rem;position:relative}@media (width<=900px){.hero-art{width:100%;margin-bottom:1.25rem;position:relative;inset:auto}}.hero-kicker{font-family:var(--font-mono);color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem;font-size:.85rem}.hero h1{margin-bottom:1rem;font-size:clamp(3rem,8vw,5.5rem);line-height:.95}.hero p{max-width:36rem;font-size:1.1rem}.cta-row{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.section{border-top:1px solid var(--border);padding:4rem 0}.section-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.75rem;display:flex}.section-head h2{font-size:2.2rem}.meta{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;font-size:.8rem}.card-list{gap:1rem;display:grid}.card{border:1px solid var(--border);box-shadow:var(--shadow-panel);background:#1d2229e0;padding:1.25rem 1.35rem}.media-card{padding:0;overflow:hidden}.media-card img{aspect-ratio:16/9;object-fit:cover;background:#12151b;width:100%}.media-card .media-body{padding:1rem 1.15rem 1.2rem}.media-frame{position:relative}.wip-badge{z-index:2;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);border:1px solid var(--accent);background:#0e1013e0;padding:.2rem .45rem;font-size:.68rem;position:absolute;top:.65rem;left:.65rem}.hero-art .wip-badge{top:.75rem;left:.75rem}.card h3{font-size:1.45rem}.badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-strong);color:var(--text-secondary);padding:.2rem .45rem;font-size:.72rem;display:inline-block}.badge.active{color:var(--status-active);border-color:var(--status-active);background:var(--accent-dim)}.badge.done{color:var(--status-done)}.badge.planned{color:var(--status-planned)}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);background:#0a0c10b8;margin-top:2rem;padding:2.5rem 0 2rem;font-size:.9rem}.site-footer-inner,.footer-grid{gap:1.5rem;display:grid}@media (width>=900px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}.footer-col{align-content:start;gap:.45rem;display:grid}.footer-col a{color:var(--text-secondary)}.footer-col a:hover{color:var(--accent-strong)}.footer-brand{align-items:center;gap:.85rem;margin-bottom:.35rem;display:flex}.footer-logo{object-fit:cover;border-radius:8px;flex-shrink:0;width:72px;height:72px}.footer-studio{font-family:var(--font-display);color:var(--text);letter-spacing:.1em;text-transform:uppercase;font-size:1.05rem}.footer-game{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-top:.15rem;font-size:.75rem}.footer-heading{font-family:var(--font-mono);color:var(--text);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem}.footer-note,.footer-age{margin:0;line-height:1.45}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.25rem;padding-top:1.25rem;font-size:.82rem;display:flex}.footer-bottom-links{flex-wrap:wrap;gap:.85rem;display:flex}.footer-bottom-links a{color:var(--text-secondary)}.footer-bottom-links a:hover{color:var(--accent-strong)}.legal-doc h3{margin-top:1.75rem;font-size:1.25rem}.legal-doc ul{color:var(--text-secondary);padding-left:1.2rem}.legal-doc a{color:var(--accent-strong)}.grid-2{gap:1rem;display:grid}@media (width>=800px){.grid-2{grid-template-columns:1fr 1fr}}.input{background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;border-radius:var(--radius-sm);padding:.75rem .9rem}.input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.prose{max-width:46rem}.prose h2{margin-top:2rem}.consent-banner{z-index:20;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#121418f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1rem;padding:1rem 1.1rem;display:flex;position:fixed;bottom:1rem;left:1rem;right:1rem}.consent-banner p{max-width:46rem;color:var(--text-secondary);margin:0}.coming-soon-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06080bb8;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.coming-soon-modal{width:min(22rem,100%);color:var(--text);background:#12151bfa;border:1px solid #c9893a8c;padding:1.75rem 1.5rem 1.5rem;position:relative;box-shadow:0 18px 50px #0000008c,0 0 0 1px #4a536059}.coming-soon-modal-close{box-sizing:border-box;appearance:none;border:1px solid var(--border);width:2rem;height:2rem;color:var(--accent);cursor:pointer;background:#242a33f2;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.25rem;line-height:1;display:inline-flex;position:absolute;top:.65rem;right:.65rem}.coming-soon-modal-close span{line-height:1;display:block;transform:translateY(-.05em)}.coming-soon-modal-close:hover,.coming-soon-modal-close:focus-visible{border-color:var(--accent);color:var(--accent-strong);outline:none}.coming-soon-modal-body{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding-top:.35rem;display:flex}.coming-soon-icon-wrap{width:3.5rem;height:3.5rem;color:var(--accent);place-items:center;display:grid}.coming-soon-icon{shape-rendering:geometricprecision;width:56px;height:56px;display:block}.coming-soon-caption{max-width:18rem;color:var(--text-secondary);text-wrap:balance;margin:0;font-size:.98rem;line-height:1.5}.header-social{align-items:center;gap:.4rem;display:flex}.header-social .btn{padding:.35rem .65rem;font-size:.75rem}.footer-social{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}@media (width<=480px){.coming-soon-modal{padding:1.5rem 1.15rem 1.25rem}.coming-soon-caption{font-size:.92rem}}@media (prefers-reduced-motion:reduce){.coming-soon-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}
