:root{color-scheme:dark;--color-bg: #080c18;--color-surface: #101728;--color-surface-raised: #151f34;--color-surface-soft: #1a2540;--color-border: #273452;--color-border-strong: #3a4a70;--color-text: #f4f7ff;--color-text-muted: #a9b4ca;--color-accent: #7c9cff;--color-accent-strong: #9fb4ff;--color-accent-soft: rgba(124, 156, 255, .12);--color-success: #72d8b2;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--radius-sm: .5rem;--radius-md: .8rem;--radius-lg: 1.15rem;--shadow-sm: 0 12px 36px rgba(0, 0, 0, .2);--shadow-focus: 0 0 0 3px rgba(124, 156, 255, .34);--content-max: 72rem;--content-narrow: 48rem}*,*:before,*:after{box-sizing:border-box}html{min-width:20rem;background:var(--color-bg);scroll-behavior:smooth}body{margin:0;min-width:20rem;min-height:100vh;color:var(--color-text);background:radial-gradient(circle at 80% -10%,rgba(86,112,211,.13),transparent 28rem),var(--color-bg);font-family:var(--font-sans);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit}img,iframe{display:block;max-width:100%}:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:3px}::selection{color:var(--color-bg);background:var(--color-accent-strong)}.site-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;min-height:100vh}.skip-link{position:fixed;z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-bg);font-weight:700;text-decoration:none;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;z-index:10;top:0;border-bottom:1px solid rgba(39,52,82,.75);background:#080c18e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-header__inner,.site-footer__inner,.site-main{width:calc(100% - 2rem);max-width:var(--content-max);margin-inline:auto}.site-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:4.75rem;gap:var(--space-5)}.brand{display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--space-3);font-size:1.15rem;font-weight:800;letter-spacing:-.02em;text-decoration:none}.brand__mark{display:block;overflow:hidden;width:2rem;height:2rem;border:1px solid var(--color-border-strong);border-radius:.55rem;background:var(--color-surface)}.brand__mark img{display:block;width:100%;height:100%;object-fit:cover}.main-navigation ul{display:flex;align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none}.nav-link{display:block;padding:.45rem .7rem;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.875rem;font-weight:650;text-decoration:none;transition:color .14s ease,background-color .14s ease}.nav-link:hover{color:var(--color-text);background:var(--color-surface)}.nav-link.is-active{color:var(--color-text);background:var(--color-accent-soft)}.site-main{display:flex;padding-block:var(--space-8)}.site-main>*{width:100%}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted)}.site-footer__inner{display:flex;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-5);font-size:.8rem}.site-footer__inner>:first-child{color:var(--color-text);font-weight:700}.home-hero{align-self:center;max-width:47rem;padding-block:clamp(2rem,8vw,6rem)}.home-hero h1,.page-header h1,.simple-page h1,.not-found-page h1{margin:0;font-size:clamp(2.75rem,8vw,5.5rem);line-height:.98;letter-spacing:-.065em}.home-hero>p:not(.eyebrow){max-width:38rem;margin:var(--space-5) 0 var(--space-6);color:var(--color-text-muted);font-size:clamp(1.05rem,2vw,1.3rem)}.coming-soon-line{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.coming-soon-line>span{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 .3rem #72d8b21a}.eyebrow{margin:0 0 var(--space-4);color:var(--color-accent-strong);font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-section{display:flex;flex-direction:column;gap:var(--space-7)}.page-section--narrow{max-width:var(--content-narrow);margin-inline:auto}.page-header{max-width:48rem}.page-header h1{font-size:clamp(2.5rem,6vw,4.5rem)}.page-header>p:last-child{max-width:42rem;margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:1.1rem}.empty-state{display:grid;justify-items:center;padding:clamp(2.5rem,7vw,5rem) var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:#1017288c;text-align:center}.empty-state__icon{display:grid;width:3.25rem;height:3.25rem;margin-bottom:var(--space-5);place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-accent-strong);font-family:var(--font-mono);font-weight:700}.empty-state h2{margin:0;font-size:1.25rem;letter-spacing:-.02em}.empty-state p{max-width:34rem;margin:var(--space-2) 0 0;color:var(--color-text-muted)}.game-list{display:grid;gap:var(--space-5)}.game-card{display:grid;grid-template-columns:minmax(18rem,.9fr) minmax(20rem,1.1fr);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.game-card__preview{min-height:20rem;background:#050812}.game-card__preview iframe,.media-placeholder{width:100%;height:100%;min-height:20rem;border:0}.media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:linear-gradient(rgba(124,156,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(124,156,255,.04) 1px,transparent 1px),#090e1d;background-size:2rem 2rem;color:var(--color-text-muted)}.media-placeholder>span{display:grid;width:3.5rem;height:3.5rem;place-items:center;border:1px solid var(--color-border-strong);border-radius:50%;color:var(--color-accent-strong)}.media-placeholder strong{font-size:.8rem}.game-card__content{display:flex;flex-direction:column;padding:clamp(1.5rem,4vw,2.5rem)}.game-card__heading{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4)}.game-card h2,.utility-card h2{margin:var(--space-3) 0 0;font-size:1.5rem;line-height:1.2;letter-spacing:-.025em}.game-card__content>p:not(.release-meta),.utility-card>p{margin:var(--space-4) 0;color:var(--color-text-muted)}.status-badge,.version-badge{display:inline-flex;align-items:center;min-height:1.6rem;padding:.15rem .5rem;border-radius:999px;font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-badge{background:var(--color-accent-soft);color:var(--color-accent-strong)}.status-badge--available{background:#72d8b21f;color:var(--color-success)}.version-badge{flex:0 0 auto;border:1px solid var(--color-border);color:var(--color-text-muted)}.release-meta{margin:auto 0 var(--space-5);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.75rem}.card-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;padding:.65rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.85rem;font-weight:750;text-decoration:none}.button--primary{background:var(--color-accent);color:#081020}.button--primary:hover{background:var(--color-accent-strong)}.button--secondary{border-color:var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text)}.button--secondary:hover{border-color:var(--color-accent)}.button--disabled{border-color:var(--color-border);color:#77839a;cursor:not-allowed}.utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.utility-card{display:flex;min-height:17rem;flex-direction:column;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.utility-card__topline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.utility-card__glyph{color:var(--color-accent-strong);font-family:var(--font-mono);font-weight:700}.utility-card .text-link{margin-top:auto}.text-link{width:fit-content;color:var(--color-accent-strong);font-size:.85rem;font-weight:750;text-decoration:none}.text-link:hover{text-decoration:underline;text-underline-offset:.25rem}.text-link--repository{display:inline-flex;align-items:center;gap:.45rem}.text-link--repository svg{width:1rem;height:1rem;flex:0 0 auto;fill:currentColor}.back-link{align-self:center}.simple-page{align-self:center;max-width:var(--content-narrow);padding-block:var(--space-8)}.simple-page h1{font-size:clamp(2.5rem,7vw,4.75rem)}.simple-page>p:last-child{margin-top:var(--space-5);color:var(--color-text-muted);font-size:1.1rem}.not-found-page{align-self:center;max-width:38rem;margin-inline:auto;text-align:center}.not-found-page__code{margin:0 0 var(--space-4);color:var(--color-accent-strong);font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.18em}.not-found-page h1{font-size:clamp(2.4rem,6vw,4rem)}.not-found-page>p:not(.not-found-page__code){margin:var(--space-4) 0 var(--space-6);color:var(--color-text-muted)}@media(max-width:53rem){.site-header__inner{align-items:flex-start;flex-direction:column;gap:var(--space-3);padding-block:var(--space-3)}.main-navigation{width:100%;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:thin}.main-navigation ul{width:max-content}.game-card{grid-template-columns:1fr}.game-card__preview,.game-card__preview iframe,.media-placeholder{min-height:auto;aspect-ratio:16 / 9}}@media(max-width:38rem){.site-header__inner,.site-footer__inner,.site-main{width:calc(100% - 1.25rem)}.site-main{padding-block:var(--space-7)}.site-footer__inner{align-items:flex-start;flex-direction:column}.utility-grid{grid-template-columns:1fr}.game-card__heading,.card-actions{flex-direction:column}.card-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
