.hub-app{max-width:1180px}.hub-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hub-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:54px 0 46px;border-bottom:1px solid var(--line)}.hub-hero h2{font:clamp(42px,6vw,76px)/1.03 Georgia,serif;margin:16px 0 20px;max-width:720px}.hub-hero h2 em{color:var(--gold-light);font-weight:normal}.hub-hero p{color:var(--muted);max-width:520px;line-height:1.7}.beta-pill{display:inline-flex;border:1px solid #d9b77966;border-radius:99px;padding:5px 11px;color:var(--gold-light);font-size:11px;letter-spacing:.06em}.hero-castle{height:300px;display:grid;place-content:center;position:relative;background:radial-gradient(ellipse,#d9b77913,transparent 65%);border:1px solid var(--line);border-radius:50% 50% 14px 14px;color:var(--gold-light)}.hero-castle>span{font:140px Georgia;text-align:center;text-shadow:0 15px 70px #d9b77925}.hero-castle small{font:12px Georgia;text-align:center;letter-spacing:.18em}.hub-account-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;color:var(--muted);font-size:13px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0 40px}.mode-card{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:22px;background:linear-gradient(145deg,var(--panel-raised),var(--panel));transition:border-color .2s,transform .2s}.mode-card:hover{border-color:var(--gold);transform:translateY(-2px)}.mode-card .mode-icon{font:30px Georgia;color:var(--gold-light)}.mode-card h3{font:23px Georgia;margin:14px 0 8px}.mode-card p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 20px}.mode-card small{margin-top:auto;color:var(--gold-light);font-size:11px}.mode-card.primary-mode{border-color:#d9b77966}.hub-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:20px}.hub-section-heading h2{font:30px Georgia;margin:0}.hub-tabs{display:flex;gap:6px;flex-wrap:wrap}.hub-tabs button[aria-pressed=true]{background:var(--gold-light);color:var(--paper-ink)}.leaderboard-panel{padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin-bottom:40px}.leaderboard-scroll{overflow-x:auto}.leaderboard{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.leaderboard th{text-align:left;color:var(--muted);font-size:11px;font-weight:normal;padding:12px}.leaderboard td{border-top:1px solid var(--line);padding:15px 12px}.leaderboard td:nth-child(2){white-space:normal;overflow-wrap:anywhere;min-width:140px}.leaderboard-note{font-size:12px;color:var(--muted);line-height:1.6}.hub-empty{padding:28px;text-align:center;color:var(--muted)}.account-card{max-width:540px;margin:32px auto 64px;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:30px}.account-card h2{font:36px Georgia;margin:0 0 12px}.account-card p{color:var(--muted);line-height:1.6}.account-form{display:grid;gap:16px;margin-top:24px}.account-form label{display:grid;gap:7px;font-size:12px;color:var(--muted)}.account-form input{width:100%;box-sizing:border-box}.account-social{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 12px}.account-social button:disabled{opacity:.4;cursor:not-allowed}.account-status{font-size:13px;line-height:1.6;color:var(--gold-light);overflow-wrap:anywhere}.account-status.error{color:#f0b4a0}.account-subtle{font-size:12px;color:var(--muted)}.account-divider{border:0;border-top:1px solid var(--line);margin:24px 0}.queue-status{padding:24px;border:1px solid var(--line);border-radius:14px;text-align:center}.queue-pulse{width:36px;height:36px;border:2px solid var(--line);border-top-color:var(--gold-light);border-radius:50%;margin:0 auto 20px;animation:queue-spin 1.6s linear infinite}@keyframes queue-spin{to{transform:rotate(360deg)}}.guide-content{max-width:760px;margin:35px auto;line-height:1.7}.guide-content h2,.guide-content h3{font-family:Georgia,serif;color:var(--gold-light)}.guide-content .lead{font-size:21px} .hub-app [hidden]{display:none!important}
@media(max-width:680px){.hub-hero{grid-template-columns:1fr;padding:30px 0;gap:16px}.hero-castle{display:none}.hub-hero h2{font-size:44px}.hub-account-strip{align-items:flex-start}.mode-grid{grid-template-columns:1fr 1fr;gap:10px}.mode-card{padding:17px}.mode-card h3{font-size:21px}.mode-card p{font-size:12px}.mode-card .mode-icon{font-size:25px}.leaderboard-panel{padding:16px}.leaderboard th,.leaderboard td{padding:12px 8px}.account-card{padding:23px 18px;margin-top:20px}.hub-app .masthead{align-items:flex-start}.hub-nav .button{font-size:11px;padding:9px}.hub-account-strip{font-size:12px}.beta-pill{font-size:10px}}
@media(max-width:360px){.mode-grid{grid-template-columns:1fr}.hub-nav{gap:5px}}
@media(prefers-reduced-motion:reduce){.queue-pulse{animation:none}.mode-card{transition:none}}