@layer reset,tokens,base,layout;@layer components{.hub{--hub-tile:oklch(17% .018 280);--hub-tile-2:oklch(13% .012 280);--hub-ink:oklch(95% .01 85);--hub-dim:oklch(72% .02 272);gap:var(--tt-space-6);width:min(100%, var(--tt-content));margin:var(--tt-space-8) auto 0;grid-template-columns:minmax(0,1fr);display:grid}.hub-license{font:700 .78rem / 1.2 var(--tt-font-ui);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklch, var(--tt-accent-2) 62%, var(--tt-text));margin:0}.hub-pill{font:600 .68rem / 1 var(--tt-font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--tt-text-dim);background:color-mix(in oklch, var(--tt-text) 7%, transparent);clip-path:var(--tt-cut-path-sm);padding:.4rem .7rem}.hub-section-head{justify-content:space-between;align-items:center;gap:var(--tt-space-4);margin-bottom:var(--tt-space-4);display:flex}.hub-section-head h3,.hub-daily-head h3{font:800 1.1rem / 1.15 var(--tt-font-display);letter-spacing:.02em;text-transform:uppercase;margin:0}.hub-top{gap:var(--tt-space-5);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);display:grid}.hub-player,.hub-daily{padding:var(--tt-space-5) var(--tt-space-6);background:radial-gradient(28rem 14rem at 0% 0%, color-mix(in oklch, var(--tt-accent) 22%, transparent), transparent 70%), linear-gradient(160deg, color-mix(in oklch, var(--tt-surface-2) 92%, transparent), var(--tt-surface));min-height:13.5rem;clip-path:var(--tt-cut-path);position:relative}.hub-player{align-items:center;gap:var(--tt-space-4) var(--tt-space-5);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);display:grid}.hub-avatar{width:5.5rem;height:5.5rem;filter:drop-shadow(0 0 18px color-mix(in oklch, var(--tt-accent) 55%, transparent));place-items:center;display:grid;position:relative}.hub-avatar svg{width:100%;height:100%}.hub-level{min-width:2.1rem;font:800 .86rem / 1 var(--tt-font-display);text-align:center;color:var(--tt-accent-contrast);background:var(--tt-flow);clip-path:var(--tt-cut-path-sm);padding:.32rem .45rem;position:absolute;bottom:-.2rem;right:-.3rem}.hub-identity{gap:.55rem;display:grid}.hub-name{font:800 1.5rem / 1.1 var(--tt-font-display);margin:0}.hub-xp{background:color-mix(in oklch, var(--tt-text) 10%, transparent);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);height:8px;position:relative;overflow:hidden}.hub-xp-fill{transform-origin:0;background:var(--tt-flow);transition:transform .9s var(--tt-ease-out);position:absolute;inset:0;transform:scaleX(0)}.hub-xp-text{font:600 .74rem / 1 var(--tt-font-ui);letter-spacing:.06em;color:var(--tt-text-dim);margin:0}.hub-stats{padding-top:var(--tt-space-4);border-top:1px solid var(--tt-hairline);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.hub-stats>div{padding-inline:var(--tt-space-3);border-left:1px solid var(--tt-hairline);gap:.45rem;display:grid}.hub-stats>div:first-child{border-left:0;padding-left:0}.hub-stats dt{font:650 .72rem / 1 var(--tt-font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--tt-text-dim)}.hub-stats dd{font:700 1.25rem / 1 var(--tt-font-display);font-variant-numeric:tabular-nums;margin:0}.hub-streak{align-items:center;gap:.6rem;display:flex}.hub-rest{gap:.3rem;display:inline-flex}.hub-rest i{border:1px solid color-mix(in oklch, var(--tt-text) 32%, transparent);width:.5rem;height:.5rem;transform:rotate(45deg)}.hub-rest i.is-banked{border-color:var(--tt-accent-2);background:var(--tt-accent-2)}.hub-streak-note{min-block-size:2.8em;font:550 .86rem / 1.4 var(--tt-font-ui);color:var(--tt-text-dim);text-wrap:pretty;grid-column:1/-1;margin:0}.hub-streak-note strong{color:var(--tt-text);font-weight:700}.hub-daily{align-content:space-between;gap:var(--tt-space-4);background:radial-gradient(26rem 14rem at 100% 0%, color-mix(in oklch, var(--tt-accent-2) 20%, transparent), transparent 70%), linear-gradient(160deg, color-mix(in oklch, var(--tt-surface-2) 92%, transparent), var(--tt-surface));display:grid}.hub-daily-head{justify-content:space-between;align-items:center;gap:var(--tt-space-3);flex-wrap:wrap;display:flex}.hub-daily-body{max-width:46ch;color:var(--tt-text);margin:0}.hub-daily-body strong{font-family:var(--tt-font-display);color:var(--tt-accent-2)}.hub-daily-cta{justify-self:start}.hub-chevron{flex:none}.hub-recent,.hub-guides{padding:var(--tt-space-5) var(--tt-space-6) var(--tt-space-6);background:radial-gradient(70% 140% at 100% 0%, color-mix(in oklch, var(--tt-accent) 9%, transparent), transparent 60%), color-mix(in oklch, var(--tt-surface) 88%, transparent);clip-path:var(--tt-cut-path);position:relative}.hub-recent:before,.hub-guides:before{content:"";background:var(--tt-flow);height:2px;position:absolute;inset:0 0 auto}.hub-table-wrap{overflow-x:auto}.hub-table{border-collapse:separate;border-spacing:0 4px;width:100%;font-size:.95rem}.hub-table th{padding:0 var(--tt-space-3) var(--tt-space-2);font:650 .72rem / 1 var(--tt-font-ui);letter-spacing:.14em;text-transform:uppercase;text-align:left;color:var(--tt-text-dim)}.hub-table td{padding:.75rem var(--tt-space-3);background:color-mix(in oklch, var(--tt-text) 4%, transparent);white-space:nowrap}.hub-table tbody tr:hover td{background:color-mix(in oklch, var(--tt-text) 8%, transparent)}.hub-table tr.is-best td{background:color-mix(in oklch, var(--tt-pb) 9%, transparent)}.hub-table .num{text-align:right;font-variant-numeric:tabular-nums}.hub-table td.pos{width:2.5rem;font:400 .95rem / 1 var(--tt-font-typing);color:var(--tt-text-dim)}.hub-table td.session{white-space:normal}.hub-cell--session{flex-wrap:wrap;align-items:center;gap:.3rem .7rem;display:flex}.hub-chip{font:700 .72rem / 1 var(--tt-font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--tt-text);background:color-mix(in oklch, var(--tt-text) 10%, transparent);clip-path:var(--tt-cut-path-sm);padding:.32rem .6rem}.hub-chip--sprint{background:color-mix(in oklch, var(--tt-accent-2) 24%, transparent)}.hub-chip--grand-prix{background:color-mix(in oklch, var(--tt-accent) 28%, transparent)}.hub-chip--quali{background:color-mix(in oklch, var(--tt-down) 24%, transparent)}.hub-chip--drill{background:color-mix(in oklch, var(--tt-pb) 22%, transparent)}.hub-chip--time-attack{background:color-mix(in oklch, var(--tt-up) 24%, transparent)}.hub-detail{font:600 .82rem / 1.2 var(--tt-font-ui);color:var(--tt-text-dim)}.hub-cell--speed{justify-content:flex-end;align-items:baseline;gap:.5rem;display:flex}.hub-table td.speed b{font:800 1.2rem / 1 var(--tt-font-display)}.hub-table tr.is-best td.speed b,.hub-pb{color:var(--tt-pb)}.hub-pb{align-self:center;display:inline-flex}.hub-class{min-width:3.6rem;font:700 .68rem / 1 var(--tt-font-ui);letter-spacing:.12em;text-transform:uppercase;text-align:left;color:var(--tt-text-dim)}.hub-table td.when{color:var(--tt-text-dim)}.hub-table .hub-empty td{padding-block:var(--tt-space-5);text-align:center;white-space:normal;color:var(--tt-text-dim)}.hub-more{font:650 .78rem / 1 var(--tt-font-ui);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--tt-accent-2);align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}@media (width<=60rem){.hub-top{grid-template-columns:minmax(0,1fr)}}@media (width<=40rem){.hub-player{grid-template-columns:minmax(0,1fr);justify-items:start}.hub-stats{row-gap:var(--tt-space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.hub-stats>div:nth-child(3){border-left:0;padding-left:0}.hub-class,.hub-detail,.hub-table .pos,.hub-table .time{display:none}.hub-table th,.hub-table td{padding-inline:var(--tt-space-2)}.hub-recent,.hub-guides,.hub-player,.hub-daily{padding:var(--tt-space-4)}}@media (prefers-reduced-motion:reduce){.hub-xp-fill{transition:none}}}@layer utilities;