.dock{--face:88px;--lip:44px;--dock-head:112px;--dock-pull:56px;z-index:1}.dock,.dock-row{position:relative}.dock-row{display:flex;margin:0;padding:0;list-style:none}.dock-tile{position:relative;flex:none;width:var(--face);height:var(--face)}.dock-face{position:relative;display:block;transform-origin:50% 100%;outline-offset:3px;-webkit-tap-highlight-color:transparent}.dock-face,.dock-img{width:100%;height:100%;border-radius:10px}.dock-img{position:absolute;inset:0;object-fit:cover;background:var(--color-surface-2);box-shadow:inset 0 0 0 1px var(--color-line)}.dock-refl{position:absolute;top:100%;left:0;right:0;height:var(--lip);overflow:hidden;border-radius:10px 10px 0 0;opacity:.35;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000,transparent 40px);mask-image:linear-gradient(180deg,#000,transparent 40px)}[data-theme=dark] .dock-refl{opacity:.62}.dock-refl>*{position:absolute;left:0;top:0;width:100%;height:auto;aspect-ratio:1;border-radius:10px;object-fit:cover;transform:scaleY(-1)}.dock-lip{bottom:0;height:var(--lip);border-radius:0 0 12px 12px;pointer-events:none;z-index:2;--glass-2-tint:rgb(var(--bg-rgb)/0.3)}.dock-lip,.dock-lip:before{position:absolute;left:0;right:0}.dock-lip:before{content:"";top:-1px;height:1px;background:var(--color-line-3);box-shadow:0 1px 0 rgba(255,255,255,.55)}:where([data-theme=dark]) .dock-lip:before{box-shadow:0 1px 0 rgba(255,255,255,.1)}.dock-plate{white-space:nowrap;pointer-events:none}.dock-head{transition:opacity .22s cubic-bezier(.2,.8,.2,1)}@media (min-width:1280px) and (hover:hover) and (pointer:fine){.dock-wrap[data-hot] .dock-head{opacity:.28}}@media (prefers-reduced-motion:no-preference){.dock-tile{animation:dock-deal .56s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 40ms)}}@keyframes dock-deal{0%{translate:0 18px;opacity:.6}to{translate:0 0;opacity:1}}.dock[data-still] .dock-face[data-active]{outline:2px solid var(--color-text);outline-offset:3px}.dock-shelf-plate{display:flex;justify-content:center;height:40px;margin-bottom:4px}.dock-row{gap:28px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:52px calc(50% - var(--face) / 2) var(--lip)}.dock-row::-webkit-scrollbar{display:none}.dock-row>.dock-tile{scroll-snap-align:center}.dock-band{display:none}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.dock-row .dock-face{animation:dock-centre linear both;animation-timeline:view(inline);animation-range:cover}}}@keyframes dock-centre{0%,29%{scale:1}50%{scale:1.5}71%,to{scale:1}}@media (min-width:1280px) and (hover:hover) and (pointer:fine){.dock{margin-inline:calc(-1 * var(--gutter));margin-top:calc(-1 * var(--dock-pull));padding-inline:var(--gutter);overflow-x:clip;pointer-events:none}.dock-band,.dock-tile{pointer-events:auto}.dock-band{display:block;position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;height:calc(var(--face) + var(--lip) + 32px)}.dock-shelf-plate{display:none}.dock-row{--face:min(88px,calc((100% - 78px) / 14));justify-content:center;gap:6px;overflow:visible;scroll-snap-type:none;padding:var(--dock-head) 0 var(--lip);clip-path:polygon(-400px -400px,calc(100% + 400px) -400px,calc(100% + 400px) calc(100% - var(--lip)),100% calc(100% - var(--lip)),100% 100%,0 100%,0 calc(100% - var(--lip)),-400px calc(100% - var(--lip)))}.dock-row .dock-face{animation:none}.dock-lip{left:var(--gutter);right:var(--gutter)}.dock-tile{height:auto;aspect-ratio:1}}.race-track{position:relative;height:44px;border-radius:6px;overflow:clip;--rider:200px}@media (max-width:639px){.race-track{--rider:176px}}.race-ruler{position:absolute;inset-block:0;left:8px;right:calc(var(--rider) + 8px)}.race-tick{position:absolute;top:9px;bottom:9px;width:1px;background:var(--color-line-2)}.race-trail{position:absolute;top:50%;height:2px;margin-top:-1px;border-radius:1px;transform-origin:0 50%}.race-trail[data-dir=down]{transform-origin:100% 50%}.race-carriage{position:absolute;inset:0}.race-rider{position:absolute;left:0;top:6px;width:var(--rider)}.rail{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--gutter));padding:20px var(--gutter);scroll-padding-inline:var(--gutter)}.rail::-webkit-scrollbar{display:none}.rail>*{flex:none;scroll-snap-align:start}@media (max-width:767px){.rail{gap:12px}.rail>*{scroll-snap-align:center}}@media (hover:hover) and (pointer:fine){.rail{cursor:grab}}.rail[data-drag]{scroll-snap-type:none;cursor:grabbing;user-select:none}.rail[data-drag] *{pointer-events:none}.rail-card{width:220px;height:390px}@media (max-width:767px){.rail-card{width:64vw;height:calc(64vw * 390 / 220)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.rail-card{animation:rail-centre linear both;animation-timeline:view(inline);animation-range:cover}}}@keyframes rail-centre{0%{scale:1}50%{scale:1.06}to{scale:1}}@media (max-width:1023px){.toolbar-scroll{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}}.coin-wall{container-type:inline-size}.coin-wall>li{content-visibility:auto;contain-intrinsic-size:auto calc((100cqi - 12px) / 2 * 1.25)}@media (width >= 768px){.coin-wall>li{contain-intrinsic-size:auto calc((100cqi - 24px) / 3 * 1.25)}}@media (width >= 1024px){.coin-wall>li{contain-intrinsic-size:auto calc((100cqi - 32px) / 3 * 1.25)}}@media (width >= 1280px){.coin-wall>li{contain-intrinsic-size:auto calc((100cqi - 48px) / 4 * 1.25)}}