body[data-page="home"]{background:#f5f7fa}.home-page{width:min(1180px,calc(100% - 32px));margin:auto;padding:44px 0 88px}.home-intro{max-width:850px;margin:0 auto 70px;text-align:center}.home-live-pill{display:inline-flex;align-items:center;gap:10px;min-height:34px;margin-bottom:36px;padding:7px 15px;color:#64748b;background:#ffffffd9;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 1px 2px #0f172a08;font-size:.72rem;font-weight:500}.home-live-pill strong{color:#1e293b;font-weight:700;font-variant-numeric:tabular-nums}.home-live-pill>b{color:#cbd5e1}.home-live-pill__status,.home-section-head__live{display:inline-flex;align-items:center;gap:6px}.home-live-pill__status i,.home-section-head__live i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e21}.home-intro__eyebrow{margin:0 0 14px;color:#2563eb;font-size:.72rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.home-intro h1{margin:0;color:#0f172a;font-size:clamp(2.6rem,6.3vw,5.35rem);font-weight:760;letter-spacing:-.065em;line-height:.98}.home-intro h1 span{color:#64748b}.home-intro__copy{max-width:610px;margin:24px auto 30px;color:#64748b;font-size:clamp(.95rem,1.8vw,1.08rem)}
.home-upload-wrap{max-width:720px;margin:auto}.home-upload{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:76px;padding:9px 10px 9px 18px;text-align:left;background:#fff;border:1px solid #dbe3ee;border-radius:999px;box-shadow:0 16px 42px -24px #0f172a57;cursor:pointer;transition:.18s}.home-upload:hover,.home-upload.is-dragover{border-color:#93b4f7;box-shadow:0 20px 48px -24px #2563eb57,0 0 0 4px #2563eb12;transform:translateY(-1px)}.home-upload__icon{display:grid;width:42px;height:42px;place-items:center;color:#2563eb;background:#eff6ff;border-radius:50%}.home-upload__icon svg{width:21px}.home-upload__text strong,.home-upload__text small{display:block}.home-upload__text strong{color:#0f172a;font-size:.9rem}.home-upload__text small{margin-top:2px;color:#94a3b8;font-size:.68rem}.home-upload__button{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 25px;color:#fff;background:#2563eb;border-radius:999px;font-size:.82rem;font-weight:700;white-space:nowrap}.home-upload:hover .home-upload__button{background:#1d4ed8}.home-upload-wrap .upload-status{min-height:18px;margin:8px 0;color:#64748b;font-size:.75rem}
.home-board-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,3fr);gap:26px;align-items:start}.home-leaderboard,.home-widget{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 30px -24px #0f172a38}.home-leaderboard{padding:24px}.home-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.home-section-head>div{display:flex;align-items:baseline;gap:10px}.home-section-head h2{margin:0;font-size:1.18rem}.home-section-head__live{color:#16a34a;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.home-count-filter{position:relative}.home-count-filter select{padding:8px 28px 8px 12px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;appearance:none;font-size:.72rem;font-weight:650}.home-count-filter>span:last-child{position:absolute;right:9px;pointer-events:none}.home-ranking-list{display:flex;flex-direction:column;gap:12px}
.home-rank-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:15px;align-items:center;min-height:112px;padding:20px;color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:.16s}.home-rank-card:hover{color:inherit;border-color:#b9c6d8;box-shadow:0 12px 30px -22px #0f172a5c;transform:translateY(-1px)}.home-rank-card--top{margin-top:7px}.home-rank-badge{position:absolute;top:-9px;left:16px;display:flex;align-items:center;gap:4px;height:20px;padding:0 8px;border:1px solid;border-radius:999px;font-size:.55rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.home-rank-badge svg{width:10px}.home-rank-badge--1{color:#92400e;background:#fef3c7;border-color:#f6d365}.home-rank-badge--2{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.home-rank-badge--3{color:#9a3412;background:#ffedd5;border-color:#fdba74}.home-rank-number{color:#94a3b8;font-size:.8rem;font-weight:750;text-align:center}.home-rank-title-row{display:flex;align-items:center;gap:7px;min-width:0}.home-rank-title-row h3{overflow:hidden;margin:0;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.home-rank-title-row svg{width:13px;color:#94a3b8}.home-rank-description{overflow:hidden;margin:4px 0 10px;color:#64748b;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.home-rank-meta{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:.65rem}.home-role-pill{max-width:180px;overflow:hidden;padding:3px 7px;color:#475569;background:#f1f5f9;border-radius:999px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.home-rank-meta__views{display:flex;align-items:center;gap:4px}.home-rank-meta__views svg{width:13px}.home-top-divider{display:flex;align-items:center;gap:12px;margin:7px 0 2px;color:#94a3b8;font-size:.56rem;font-weight:750;letter-spacing:.1em}.home-top-divider:before,.home-top-divider:after{content:"";height:1px;flex:1;background:#e2e8f0}
.home-sidebars{display:flex;flex-direction:column;gap:18px;position:sticky;top:84px}.home-widget{padding:20px}.home-widget__head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.home-widget__head p{margin:0;color:#94a3b8;font-size:.58rem;font-weight:750;text-transform:uppercase}.home-widget__head h2{margin:0;font-size:.92rem}.home-widget__icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;font-size:1.2rem}.home-widget__icon.hot{color:#ea580c;background:#fff7ed}.home-widget__icon.recent{color:#2563eb;background:#eff6ff}.home-mini-row{display:grid;grid-template-columns:20px 31px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;min-height:51px;padding:8px 0;background:none;border:0;border-top:1px solid #f1f5f9;text-align:left}.home-mini-row:first-child{border-top:0}.home-mini-rank{color:#94a3b8;font-size:.64rem;font-weight:750;text-align:center}.home-mini-rank.first{color:#d97706}.home-avatar{display:grid;place-items:center;color:#fff;background:var(--avatar-bg);border:2px solid #fff;border-radius:9px;box-shadow:0 0 0 1px #0f172a14;font-size:.55rem;font-weight:800}.home-mini-avatar{width:31px;height:31px}.home-mini-copy{min-width:0}.home-mini-copy strong,.home-mini-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-mini-copy strong{color:#334155;font-size:.7rem}.home-mini-copy span{color:#94a3b8;font-size:.58rem}.home-mini-value{color:#64748b;font-size:.61rem;font-weight:650;white-space:nowrap}.home-mini-state,.home-feed-state{padding:28px;color:#94a3b8;font-size:.75rem;text-align:center}.home-feed-state{display:flex;justify-content:center;align-items:center;gap:9px;min-height:200px}.home-feed-state .spinner{width:18px;height:18px}.home-rules-card{position:relative;display:block;padding:18px 48px 18px 20px;color:#dbeafe;background:#172554;border-radius:16px}.home-rules-card:hover{color:#fff}.home-rules-card span{display:block;color:#93c5fd;font-size:.6rem;text-transform:uppercase}.home-rules-card strong{font-size:.82rem}.home-rules-card b{position:absolute;right:18px;top:50%;transform:translateY(-50%)}
body[data-page="home"] #waitingPage:not(.hidden){position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#f5f7faf0;backdrop-filter:blur(8px)}@media(max-width:900px){.home-board-layout{grid-template-columns:1fr}.home-sidebars{position:static;display:grid;grid-template-columns:1fr 1fr}.home-rules-card{grid-column:1/-1}}@media(max-width:640px){.home-page{width:calc(100% - 24px);padding-top:28px}.home-intro{margin-bottom:48px}.home-live-pill{gap:7px;margin-bottom:28px;font-size:.64rem}.home-intro h1{font-size:clamp(2.55rem,13vw,4rem)}.home-upload{grid-template-columns:auto 1fr;padding:10px 12px;border-radius:18px}.home-upload__button{grid-column:1/-1;justify-content:center;min-height:46px}.home-leaderboard{padding:17px}.home-rank-card{grid-template-columns:39px minmax(0,1fr);padding:19px 14px 15px;gap:10px}.home-sidebars{grid-template-columns:1fr}.home-rules-card{grid-column:auto}}@media(max-width:420px){.home-live-pill>b,.home-live-pill>span:nth-of-type(2){display:none}.home-rank-meta time{display:none}}

/* Homepage leaderboard controls and commerce actions. */
.home-board-filters{display:flex;align-items:center;gap:8px}.home-school-filter{position:relative}.home-school-filter select{width:150px;padding:8px 28px 8px 12px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;appearance:none;font-size:.72rem;font-weight:650}.home-school-filter>span{position:absolute;right:9px;pointer-events:none}.home-rank-card{grid-template-columns:76px minmax(0,1fr) auto}.home-rank-identity{display:flex;align-items:center;gap:7px}.home-character{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;background:var(--avatar-bg);border:2px solid #fff;border-radius:12px;box-shadow:0 0 0 1px #0f172a14,0 5px 12px -8px #0f172a66;font-size:1.2rem;line-height:1}.home-rank-description{display:flex;align-items:center;gap:6px}.home-school-logo{width:19px;height:19px;flex:0 0 19px;object-fit:contain}.home-unlock-btn{align-self:center;padding:9px 12px;color:#fff;background:#2563eb;border:0;border-radius:9px;font-size:.66rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px -7px #1d4ed8}.home-unlock-btn:hover{background:#1d4ed8}.home-unlock-btn--owned{color:#1d4ed8;background:#eff6ff;box-shadow:none}.home-unlock-btn--owned:hover{background:#dbeafe}.home-avatar{font-size:1rem}
@media(max-width:640px){.home-section-head{align-items:flex-start}.home-board-filters{align-items:stretch;flex-direction:column}.home-school-filter select{width:126px}.home-rank-card{grid-template-columns:66px minmax(0,1fr)}.home-rank-identity{gap:5px}.home-character{width:33px;height:33px;flex-basis:33px;font-size:1rem}.home-unlock-btn{grid-column:2;width:max-content}}