html,body{margin:0;padding:0;height:100%}body{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-deep);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}.hub-shell{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:max(var(--safe-t),16px) max(var(--safe-r),16px) calc(var(--tabbar-h) + var(--safe-b) + 20px) max(var(--safe-l),16px);overflow-y:auto;overscroll-behavior:contain}.tab-panel.hidden{display:none}.tab-title{margin:0 0 .25rem;font-family:var(--font-display);font-size:clamp(1.75rem,6vw,2.25rem);font-weight:800;letter-spacing:-.03em}.tab-intro{margin:0 0 1.25rem;color:var(--ink-muted);font-size:.92rem;line-height:1.5}.hub-header{margin-bottom:clamp(1.5rem,5vw,2.5rem)}.hub-mark img{width:48px;height:48px;border-radius:14px;box-shadow:var(--shadow-sm)}.hub-kicker{margin:.75rem 0 .35rem;font-size:.68rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-cool)}.hub-wordmark{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,10vw,3.5rem);font-weight:800;letter-spacing:-.04em;line-height:1}.hub-tagline{margin:.75rem 0 0;max-width:36ch;color:var(--ink-muted);font-size:.95rem;line-height:1.55}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.game-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--panel);box-shadow:var(--depth-sm);text-decoration:none;color:inherit;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}@media(hover:hover){.game-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--depth-md)}}.game-card:focus-visible{outline:none;box-shadow:var(--ring),var(--depth-md)}.game-card:active{transform:scale(.99)}.game-card.is-soon{opacity:.55;pointer-events:none}.game-thumb{position:relative;aspect-ratio:16 / 10;background-size:cover;background-position:center;isolation:isolate}.game-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(5,7,13,.75))}.game-badge{position:absolute;top:10px;right:10px;z-index:1;padding:4px 10px;border-radius:var(--r-pill);font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#05070da6;border:1px solid var(--line-strong);color:var(--ink-muted)}.game-badge.is-live{background:var(--accent);border-color:transparent;color:var(--accent-ink)}.game-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}.game-card-body h2{margin:0;font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.game-card-body p{margin:0;color:var(--ink-muted);font-size:.85rem;line-height:1.45}.game-cta{margin-top:4px;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-cool)}.hub-footer{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:2rem;color:var(--ink-dim);font-size:.78rem}.install-button{display:none;padding:10px 16px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--panel-2);color:var(--ink);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.install-button.is-available{display:inline-flex}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-tabbar);display:grid;grid-template-columns:repeat(3,1fr);gap:4px;min-height:calc(var(--tabbar-h) + var(--safe-b));padding:6px 10px calc(6px + var(--safe-b));border-top:1px solid var(--line);background:var(--panel);box-shadow:0 -8px 32px #00000059}body.game-open .tab-bar{display:none}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;padding:4px 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink-dim);font:inherit;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.tab-item svg{opacity:.85}.tab-item.is-active{color:var(--ink);background:var(--elevated)}.tab-item.is-active svg{color:var(--accent-cool);opacity:1}.score-group{margin-bottom:14px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}.score-group h2{margin:0 0 10px;font-size:1rem;font-weight:800}.score-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}.score-list li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-xs);background:var(--panel-2);font-size:13px;font-weight:600}.score-list li.is-top{background:#ffc93a1a;border:1px solid rgba(255,201,58,.15)}.score-list .rank{color:var(--ink-dim);font-variant-numeric:tabular-nums}.score-list .val{color:var(--accent);font-weight:800;font-variant-numeric:tabular-nums}.score-empty,.score-status{color:var(--ink-muted);font-size:13px}.score-subhead{margin:12px 0 6px;color:var(--ink-dim);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.settings-tab{display:grid;gap:10px;max-width:420px}.settings-tab .row-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.settings-tab .about{margin:8px 0 0;color:var(--ink-dim);font-size:13px;line-height:1.5}