@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,900&family=DM+Serif+Display&display=swap");.hub{--bg:#f9f8f5;--surface:#fff;--border:#e4e2db;--border-2:#ccc9be;--text:#111110;--text-2:#444440;--muted:#88877f;--accent:#d4a017;--shadow:0 1px 3px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.07);--shadow-hover:0 4px 12px rgba(0,0,0,.1),0 12px 32px rgba(0,0,0,.1)}.hub--dark{--bg:#111110;--surface:#1c1c1a;--border:#2e2e2a;--border-2:#3e3e3a;--text:#f0ede6;--text-2:#b0ad9f;--muted:#6b6860;--accent:#e8c547;--shadow:0 1px 4px rgba(0,0,0,.35),0 4px 20px rgba(0,0,0,.28);--shadow-hover:0 2px 12px rgba(0,0,0,.45),0 12px 36px rgba(0,0,0,.32)}@media (prefers-color-scheme:dark){.hub:not(.hub--light){--bg:#111110;--surface:#1c1c1a;--border:#2e2e2a;--border-2:#3e3e3a;--text:#f0ede6;--text-2:#b0ad9f;--muted:#6b6860;--accent:#e8c547;--shadow:0 1px 4px rgba(0,0,0,.35),0 4px 20px rgba(0,0,0,.28);--shadow-hover:0 2px 12px rgba(0,0,0,.45),0 12px 36px rgba(0,0,0,.32)}}.hub{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100dvh;-webkit-font-smoothing:antialiased;transition:background .22s,color .22s}.hub *{box-sizing:border-box;margin:0;padding:0}.hub-inner{max-width:1100px;margin:0 auto;padding:0 24px 72px}.hub-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0 20px;border-bottom:1px solid var(--border);margin-bottom:36px}.hub-nav-logo{font-family:"DM Serif Display",serif;font-size:22px;color:var(--text);letter-spacing:-.3px}.hub-nav-logo-c{color:var(--accent)}.hub-theme-btn{background:none;border:1px solid var(--border-2);border-radius:100px;color:var(--muted);font-size:14px;width:34px;height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s;line-height:1;flex-shrink:0}.hub-theme-btn:hover{border-color:var(--text-2);color:var(--text)}.hub-date-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.hub-date{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.hub-date-divider{width:3px;height:3px;border-radius:50%;background:var(--border-2);flex-shrink:0}.hub-refresh{font-size:11px;color:var(--muted)}.hub-refresh strong{font-variant-numeric:tabular-nums;color:var(--text-2);font-weight:700}.hub-headline{font-family:"DM Serif Display",serif;font-size:40px;font-weight:400;color:var(--text);letter-spacing:-.8px;line-height:1.1;margin-bottom:28px}.hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}@media (max-width:900px){.hub-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hub-grid{grid-template-columns:1fr;gap:12px}}.tile{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s,border-color .18s;animation:tileIn .35s cubic-bezier(.22,1,.36,1) var(--tile-delay,0ms) both}.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--border-2)}.tile:active{transform:scale(.985)}.tile--done{opacity:.78}.tile-swatch{height:4px;background:var(--tile-color,#e8c547);flex-shrink:0}.tile-body{padding:18px 16px 16px;display:flex;flex-direction:column;flex:1;gap:0}.tile-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.tile-icon{font-size:26px;line-height:1;border-radius:10px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tile-icon,.tile-tag{background:var(--tile-bg)}.tile-tag{font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--tile-color);border-radius:100px;padding:4px 8px;align-self:flex-start}.tile-name{font-family:"DM Serif Display",serif;font-size:22px;font-weight:400;color:var(--text);letter-spacing:-.2px;line-height:1;margin-bottom:2px}.tile-subtitle{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.6px;text-transform:uppercase;margin-bottom:10px}.tile-desc{font-size:12px;color:var(--text-2);line-height:1.55;flex:1;margin-bottom:16px}.tile-status{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border);margin-top:auto;gap:6px}.tile-badge{font-size:11px;font-weight:700;border-radius:100px;padding:4px 10px;white-space:nowrap}.tile-badge--ready{background:var(--tile-color);color:#111110}.tile-badge--won{background:rgba(52,211,153,.15);color:#10b981;border:1px solid rgba(52,211,153,.28)}.tile-badge--lost{background:hsla(0,91%,71%,.1);color:#ef4444;border:1px solid hsla(0,91%,71%,.22)}.tile-guesses{font-size:10px;font-weight:600;color:var(--muted);white-space:nowrap}.hub-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;color:var(--muted);flex-wrap:wrap;gap:8px}.hub-footer-link{color:var(--muted);text-decoration:underline;text-underline-offset:3px;transition:color .12s}.hub-footer-link:hover{color:var(--text-2)}@keyframes tileIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.hub-inner{padding:0 16px 48px}.hub-headline{font-size:30px;margin-bottom:20px}.hub-nav{margin-bottom:24px}}.hub-nav-right{display:flex;align-items:center;gap:16px}.hub-nav-link{font-size:14px;font-weight:600;color:var(--muted);text-decoration:none;transition:color .12s}.hub-nav-link:hover{color:var(--text)}