:root{--background: #ffffff;--secondary-background: #f8f5e5;--foreground: #000000;--card: oklch(99.226% .00608 75.126);--card-foreground: oklch(28.472% .01315 41.556);--muted-foreground: oklch(.5 .025 50);--border: oklch(.8 .03 60);--primary: #2e6bcc;--primary-foreground: oklch(.98 .01 70);--accent: oklch(.55 .2 25);--radius: 6px;--font-primary: "IM Fell English", Georgia, serif;--font-secondary: "Inter", system-ui, -apple-system, sans-serif;--container: 1280px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100svh;display:flex;flex-direction:column;font-family:var(--font-secondary);font-weight:500;color:var(--foreground);background:var(--background);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-weight:500;line-height:1.2}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 1rem}@media(min-width:1200px){.container{padding:0 5rem}}.site-header{position:sticky;top:0;z-index:50;background:var(--background)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:4.5rem}.brand{display:inline-flex;align-items:baseline;gap:.5rem}.brand img{align-self:center;flex-shrink:0}.brand-name{font-family:var(--font-primary);font-weight:700;font-size:1.875rem;line-height:1}.brand-sub{font-size:.95rem;font-weight:500;color:var(--muted-foreground)}.site-nav{display:flex;align-items:center;gap:.5rem}.site-nav a{font-size:.875rem;font-weight:500;padding:.5rem .75rem;border-radius:2px;transition:background .15s,color .15s}.site-nav a:hover{background:var(--accent);color:var(--primary-foreground)}.btn{font:inherit;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border:0;border-radius:2px;background:var(--primary);color:var(--primary-foreground);cursor:pointer;transition:background .15s}.btn:hover{background:color-mix(in oklch,var(--primary) 90%,white)}.hub{flex:1;padding-top:2rem;padding-bottom:3rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.card{display:flex;flex-direction:column;background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s,border-color .15s}.card:hover{border-color:var(--primary);box-shadow:0 4px 16px #00000014}.cover{aspect-ratio:16 / 10;background:var(--secondary-background);overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-fallback{display:grid;place-items:center;font-family:var(--font-primary);font-size:3rem;color:var(--primary)}.card-body{padding:.9rem 1rem}.card-body h2{font-size:1.05rem;font-weight:600}.status{color:var(--muted-foreground);text-align:center;padding:3rem 1rem;grid-column:1 / -1;margin:0}.play-meta{flex:1;min-width:0;text-align:center}.play-meta h1{font-size:1.05rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage{flex:1;display:grid;place-items:center;background:#0d0d10;min-height:60svh}.stage .status{color:#b9b1a3}.game-frame{width:100%;height:100%;border:0;display:block}.site-footer{background:var(--secondary-background);padding:1.5rem 0;font-size:.875rem;color:var(--muted-foreground)}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.footer-links{display:flex;gap:.5rem;font-size:.75rem}.footer-links a:hover{text-decoration:underline}@media(max-width:640px){.header-inner{flex-wrap:wrap;height:auto;padding:.75rem 0}.play-meta{order:3;width:100%;text-align:left}.brand-sub{display:none}}