.hub-hero{text-align:center;padding:6px 0 4px}.hub-title{font:700 clamp(30px, 8vw, 40px) / 1.05 var(--font-display);letter-spacing:.01em;margin:8px 0 0}.hub-sub{color:var(--ink-2);margin:8px 0 0;font-weight:700}.hub-countdown{font-variant-numeric:tabular-nums;color:var(--gold-text)}.hub-all-streak{background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--chip-ink);font:700 14px/1 var(--font-display);border-radius:999px;margin:14px 0 0;padding:8px 14px;display:inline-block}.hub-list{gap:14px;margin:22px 0 0;padding:0;list-style:none;display:grid}.hub-game{border-radius:var(--radius-lg);background:var(--card);color:var(--card-ink);box-shadow:0 5px 0 var(--card-edge), var(--card-shadow);overflow:hidden}.hub-main{color:inherit;transition:transform .18s var(--ease-out);align-items:center;gap:14px;padding:16px 16px 12px;text-decoration:none;display:flex}.hub-main:active{transform:scale(.985)}.hub-main:focus-visible{outline:3px solid var(--violet);outline-offset:-3px;border-radius:var(--radius-lg)}.hub-mark{filter:drop-shadow(0 2px #0000002e);flex:none;width:52px;height:52px}.hub-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hub-name{font:700 22px/1.1 var(--font-display)}.hub-num{font:700 14px/1 var(--font-display);color:var(--card-ink-2);margin-left:8px}.hub-tag{font:700 14px/1.3 var(--font-body);color:var(--card-ink-2)}.hub-state{font:700 15px/1 var(--font-display);white-space:nowrap;border-radius:999px;flex:none;padding:10px 16px 9px}.hub-state.is-new{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:var(--gold-ink);box-shadow:0 3px 0 var(--gold-edge)}.hub-state.is-going{background:var(--violet);color:#fff;box-shadow:0 3px 0 var(--violet-edge)}.hub-state.is-done{background:linear-gradient(180deg, var(--ok), var(--ok-2));color:#03311a}.hub-state.is-done.is-lost{color:var(--card-ink-2);background:#ebe6f7}.hub-more{font:700 13.5px/1.2 var(--font-body);color:var(--card-ink-2);border-top:1px solid #1a144014;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;padding:10px 16px 14px;display:flex}.hub-more a{color:var(--value-ink);text-decoration:none}.hub-more a:hover{text-decoration:underline}.hub-grid{letter-spacing:1px}.hub-streak{color:var(--card-ink)}.hub-links{flex-wrap:wrap;gap:6px 14px;margin-left:auto;display:flex}.hub-links a{margin:-12px -6px;padding:12px 6px}.hub-soon{margin-top:30px}.hub-soon-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.hub-soon-item{border-radius:var(--radius-lg);border:1px dashed var(--panel-border);background:var(--panel);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;display:flex}.hub-soon-item .hub-mark{opacity:.6;width:40px;height:40px}.hub-soon-item .hub-name{font-size:17px}.hub-soon-item .hub-tag{color:var(--ink-3);font-size:13px}@media (prefers-reduced-motion:reduce){.hub-main{transition:none}}@media (min-width:760px){.app:has(.hub-list){max-width:980px}.hub-hero{padding:28px 0 10px}.hub-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}.hub-main{gap:18px;padding:22px 22px 16px}.hub-mark{width:64px;height:64px}.hub-name{font-size:26px}.hub-more{padding:12px 22px 18px}.hub-soon-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hub-game{flex-direction:column;display:flex}.hub-main{flex:1}}@media (min-width:1100px){.app:has(.hub-list){max-width:1120px}.hub-title{font-size:48px}}