[data-view=hub]{overflow:hidden}[data-view=hub] .scene img{opacity:.55;object-position:50% 0}[data-view=hub] .scene:after{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 40%, transparent), var(--bg) 60%)}[data-view=hub] .hub{grid-template-rows:auto auto auto auto;grid-template-columns:repeat(12,1fr);gap:18px;display:grid;position:relative}[data-view=hub] .hub__head{grid-area:1/1/auto/7;align-content:start;gap:2px;min-height:96px;padding-top:10px;display:grid}[data-view=hub] .hub__sub{font-family:var(--font-display);letter-spacing:.14em;color:var(--muted);font-size:14px;font-weight:600}[data-view=hub] .hub__quote{max-width:20ch;color:var(--text);grid-area:1/7/auto/10;place-self:start;margin-top:24px;font-size:17px;font-style:italic;line-height:1.4}[data-view=hub] .hub__char{z-index:0;pointer-events:none;grid-area:1/10/3/13;place-self:start end;width:auto;height:420px;margin-top:-24px;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}[data-view=hub] .hub__quote{z-index:1;position:relative}[data-view=hub] .rank{grid-area:2/1/auto/7}[data-view=hub] .rank__tiers{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding:8px 0 16px;display:flex}[data-view=hub] .tier{flex:1;justify-items:center;gap:8px;display:grid;position:relative}[data-view=hub] .tier__name{letter-spacing:.12em;color:var(--muted);font-size:12px}[data-view=hub] .tier.is-current .tier__name{font-size:15px}[data-view=hub] .tier__chev{color:var(--faint);position:absolute;top:22px;right:-7px}[data-view=hub] .rank__row{align-items:center;gap:24px;display:flex}[data-view=hub] .rank__cur{align-items:center;gap:12px;font-size:18px;line-height:1.2;display:flex}[data-view=hub] .rank__small{letter-spacing:.14em;font-size:11px}[data-view=hub] .rank__sr{border-inline:1px solid var(--line);flex:1;gap:6px;padding:0 20px;display:grid}[data-view=hub] .rank__sr .num{font-size:28px;line-height:1}[data-view=hub] .rank__sr small{font:500 14px var(--font);color:var(--muted)}[data-view=hub] .rank__delta{align-items:center;gap:6px;font-size:20px;display:inline-flex}[data-view=hub] .quests{z-index:1;grid-area:2/7/auto/10}[data-view=hub] .quests__list{gap:10px;display:grid}[data-view=hub] .quest{--c:8px;background:var(--well);align-items:center;gap:12px;padding:10px 12px;display:flex}[data-view=hub] .quest__body{flex:1;gap:4px;font-size:13px;display:grid}[data-view=hub] .quest__rewards{white-space:nowrap;gap:4px;font-size:11px;display:grid}[data-view=hub] .quest__rewards span{align-items:center;gap:4px;display:inline-flex}[data-view=hub] .streak{grid-area:3/1/auto/5}[data-view=hub] .streak__days{justify-content:space-between;padding:0 4px;display:flex}[data-view=hub] .streak__days li{justify-items:center;gap:6px;display:grid;position:relative}[data-view=hub] .streak__day{letter-spacing:.1em;font-size:11px}[data-view=hub] .streak__link{background:var(--line-2);width:26px;height:2px;position:absolute;top:37px;left:calc(50% + 20px)}[data-view=hub] .streak__link.is-done{background:var(--good)}[data-view=hub] .streak__row{border-top:1px solid var(--line);align-items:center;gap:12px;padding-top:12px;display:flex}[data-view=hub] .streak__small{letter-spacing:.14em;font-size:11px}[data-view=hub] .streak__count{align-items:center;gap:8px;margin-inline-end:auto;line-height:1.2;display:flex}[data-view=hub] .streak__count b{font-size:16px}[data-view=hub] .streak__mult{font-family:var(--font-display);font-size:14px}[data-view=hub] .miles{grid-area:3/5/auto/9}[data-view=hub] .miles__row{display:flex}[data-view=hub] .mile{text-align:center;border-inline-start:1px solid var(--line);flex:1;justify-items:center;gap:6px;padding:0 14px;display:grid}[data-view=hub] .mile:first-child{border:0}[data-view=hub] .mile b{letter-spacing:.08em;font-size:15px}[data-view=hub] .mile__sub{letter-spacing:.12em;font-size:11px}[data-view=hub] .mile .meter{width:100%}[data-view=hub] .mile__n{font-size:13px}[data-view=hub] .mile__n small{font:500 12px var(--font)}[data-view=hub] .store{grid-area:3/9/auto/13}[data-view=hub] .store__row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}[data-view=hub] .item{--c:8px;background:var(--well);gap:3px;padding:8px;font-size:11px;line-height:1.3;text-decoration:none;display:grid}[data-view=hub] .item b{letter-spacing:.04em;margin-top:4px;font-size:11px}[data-view=hub] .item .pill{justify-self:start;margin-top:4px}[data-view=hub] .hub__brand{grid-area:4/1/auto/5;align-items:center;gap:14px;font-size:12px;line-height:1.4;display:flex}[data-view=hub] .hub__brand b{letter-spacing:.1em;font-size:14px}@media (max-width:1100px){[data-view=hub] .hub{grid-template-columns:1fr}[data-view=hub] .hub>*{grid-area:auto/1/auto/-1!important}[data-view=hub] .hub__char{display:none}}@media (max-width:600px){[data-view=hub] .rank__tiers{flex-wrap:wrap;align-items:center;row-gap:16px}[data-view=hub] .tier{flex:0 0 33.333%}[data-view=hub] .tier__chev{display:none}[data-view=hub] .tier__name{white-space:nowrap}[data-view=hub] .rank__row{flex-wrap:wrap;row-gap:14px}[data-view=hub] .rank__sr{border-inline:0;flex-basis:100%;order:3;padding:0}[data-view=hub] .rank__delta{margin-inline-start:auto}}