:root{--bg:var(--astro-defined-bg);--bg2:var(--astro-defined-bg2);--card:var(--astro-defined-card);--accent:var(--astro-defined-accent);--accent-dark:var(--accentDark);--gold:var(--astro-defined-gold);--text:var(--astro-defined-text);--muted:var(--astro-defined-muted);--radius:var(--astro-defined-radius);--font:var(--astro-defined-font);--body-font:var(--bodyFont);--gap:16px;--header-h:64px;--sidebar-w:216px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% -10%, var(--bg2) 0%, var(--bg) 55%);color:var(--text);font-family:var(--body-font), "Noto Sans", sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3{font-family:var(--font), sans-serif;text-transform:uppercase;letter-spacing:.02em}button{font-family:inherit}.site-header{height:var(--header-h);backdrop-filter:blur(6px);z-index:60;background:#0a0a0ae6;border-bottom:1px solid #d81f2a59;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:sticky;top:0}.logo-link{align-items:center;gap:10px;display:flex}.logo-icon{width:auto;height:36px;display:block}.logo-mark{font-family:var(--font), sans-serif;color:var(--text);font-size:1.4rem;font-weight:700}.logo-mark span{color:var(--gold)}.logo-tagline{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;display:none}@media (width>=640px){.logo-tagline{display:inline}}.btn-join{background:linear-gradient(135deg, var(--accent), var(--accent-dark));border-radius:var(--radius);padding:8px 18px;font-size:.85rem;box-shadow:0 0 0 1px #ffffff40;color:var(--text)!important;font-weight:700!important}.header-left{align-items:center;gap:14px;display:flex}.header-right{align-items:center;gap:10px;display:flex}.hamburger-btn{border-radius:var(--radius);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;justify-content:center;align-items:center;font-size:1.1rem;transition:border-color .15s,color .15s;display:flex}.hamburger-btn:hover{border-color:var(--gold);color:var(--gold)}.btn-ghost-small{color:var(--muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #ffffff24;padding:8px 16px;font-size:.8rem;font-weight:600;transition:border-color .15s,color .15s}.btn-ghost-small:hover{border-color:var(--gold);color:var(--gold)}@media (width<=480px){.btn-ghost-small{display:none}}.app-shell{min-height:calc(100vh - var(--header-h));display:flex}.side-nav{width:var(--sidebar-w);top:var(--header-h);height:calc(100vh - var(--header-h));background:#00000059;border-right:1px solid #ffffff0f;flex-shrink:0;padding:20px 12px;position:sticky;overflow-y:auto}.side-nav-list{flex-direction:column;gap:4px;list-style:none;display:flex}.side-nav-link{border-radius:var(--radius);color:var(--muted);align-items:center;gap:12px;padding:11px 14px;font-size:.85rem;font-weight:600;transition:background .15s,color .15s;display:flex}.side-nav-icon{width:1.1em;height:1.1em;font-size:1.1rem;line-height:1;display:inline-flex}.float-icon svg,.hero-card-icon svg,.game-icon svg,.game-card-fallback-icon svg,.row-icon svg,.title-icon svg,.side-nav-icon svg,.mobile-tab-icon svg{width:100%;height:100%;display:block}.side-nav-link:hover{color:var(--text);background:#ffffff0a}.side-nav-link.active{color:var(--gold);box-shadow:inset 3px 0 0 var(--accent);background:#d81f2a26}.side-nav-divider{border-top:1px solid #ffffff0f;margin:12px 10px}.nav-group-header{border-radius:var(--radius);width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:.85rem;font-weight:700;transition:background .15s,color .15s;display:flex}.nav-group-header:hover{color:var(--text);background:#ffffff0a}.nav-group-header.active{color:var(--gold);background:#e6222e2e}.nav-group-label{align-items:center;gap:12px;display:flex}.nav-group-chevron{font-size:.7rem;transition:transform .2s}.nav-group.collapsed .nav-group-chevron{transform:rotate(-90deg)}.nav-group-children{flex-direction:column;gap:4px;margin-top:4px;padding-left:14px;list-style:none;display:flex;overflow:hidden}.nav-group.collapsed .nav-group-children{display:none}body.sidebar-collapsed .side-nav{width:68px}body.sidebar-collapsed .side-nav-link span:not(.side-nav-icon){display:none}body.sidebar-collapsed .side-nav-link{justify-content:center}.content-col{flex:1;min-width:0;padding-bottom:56px}@media (width<=899px){.side-nav{display:none}.content-col{padding-bottom:84px}}.mobile-tabbar{display:none}@media (width<=899px){.mobile-tabbar{z-index:60;backdrop-filter:blur(6px);background:#0a0a0af2;border-top:1px solid #d81f2a59;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tab{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px 10px;font-size:.62rem;font-weight:600;display:flex}.mobile-tab-icon{width:1.2em;height:1.2em;font-size:1.2rem;display:inline-flex}.mobile-tab.active{color:var(--gold)}}main{max-width:1100px;margin:0 auto;padding:28px 24px}.disclaimer-bar{border-radius:var(--radius);max-width:1100px;color:var(--muted);text-align:center;background:#ffffff0f;border:1px solid #fff3;margin:20px auto 0;padding:10px 16px;font-size:.78rem}.disclaimer-bar strong{color:var(--gold)}.site-footer{text-align:center;max-width:1100px;color:var(--muted);border-top:1px solid #ffffff14;margin:40px auto 0;padding:24px;font-size:.8rem;line-height:1.6}