.drop-arena{--row-h:3.6rem;--road-h:calc(4 * var(--row-h) + .6rem);--dock-h:9rem;--ground-h:calc(var(--road-h) + var(--dock-h) + 1.75rem);--finish-x:88%;--crate-w:clamp(5.5rem, 9cqw, 9rem);--fall-to:calc(100% - var(--ground-h) - var(--crate-w) + 1.5rem);--cloud-fill:var(--fg-1);--hud-top:5.5rem;isolation:isolate;background:radial-gradient(60% 50% at 82% 36%, var(--accent-soft), transparent 70%), linear-gradient(180deg, var(--bg-0) 0%, var(--bg-3) 46%, var(--bg-2) 100%);height:100dvh;min-height:46rem;position:relative;overflow:hidden;container-type:inline-size}@media (width<=640px){.drop-arena{--row-h:3.2rem;--dock-h:13rem;--finish-x:86%;--crate-w:5.5rem;--hud-top:4.5rem;min-height:50rem}}.drop-fx{pointer-events:none;position:absolute;inset:0}.drop-arena__bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.drop-arena__ground{height:var(--ground-h);background:linear-gradient(180deg, transparent, var(--overlay-scrim) 95%);position:absolute;inset:auto 0 0}.drop-fx:not(:has(.drop-arena__bg)) .drop-arena__ground{background:linear-gradient(180deg, var(--bg-3), var(--bg-2));border-top:1px solid var(--glass-border-soft)}.drop-arena__finish{left:var(--finish-x);height:var(--ground-h);border-left:2px dashed var(--glass-border-hover);position:absolute;bottom:0}.drop-arena__finish:before{content:attr(data-label);letter-spacing:var(--tracking-label);color:var(--fg-1);font-size:10px;position:absolute;top:.4rem;left:.5rem}.drop-sky{opacity:0;animation-duration:calc(var(--fall-total-s,1) * 1s);animation-delay:calc(var(--fall-total-s,1) * var(--fall-progress,0) * -1s);animation-timing-function:linear;animation-fill-mode:both;position:absolute;inset:0}.drop-sky--dawn{background:linear-gradient(180deg, color-mix(in srgb, var(--purple) 55%, transparent), color-mix(in srgb, var(--blue) 22%, transparent) 55%, transparent);animation-name:drop-dawn}.drop-sky--dusk{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 48%, transparent), color-mix(in srgb, var(--yellow) 26%, transparent) 65%, transparent);animation-name:drop-dusk}.drop-fx.is-waiting .drop-sky{animation-play-state:paused}.drop-fx.is-landed .drop-sky{animation:none}.drop-fx.is-landed .drop-sky--dusk{opacity:.5}.drop-beacon{left:var(--finish-x);top:calc(var(--fall-to) + var(--crate-w));pointer-events:none;width:0;height:0;position:absolute}.drop-beacon__ring{border:2px solid var(--accent-line);opacity:0;border-radius:50%;width:16cqw;height:5cqw;animation:2.8s ease-out infinite drop-ring;position:absolute;top:-2.5cqw;left:-8cqw}.drop-beacon__ring--2{animation-delay:1.4s}.drop-beacon__smoke{--dx:1.5cqw;background:radial-gradient(closest-side, var(--accent-glow), transparent);opacity:0;border-radius:50%;width:4cqw;height:4cqw;animation:5s ease-out infinite drop-smoke;position:absolute;top:-2cqw;left:-2cqw}.drop-beacon__smoke--2{--dx:-1.2cqw;animation-delay:1.7s}.drop-beacon__smoke--3{--dx:.4cqw;animation-delay:3.3s}.drop-cloud{left:0;top:var(--y);width:var(--w);height:calc(var(--w) * .3);background:var(--cloud-fill);opacity:var(--o);animation:drop-drift var(--t) linear infinite;animation-delay:var(--d);will-change:transform;border-radius:999px;position:absolute}.drop-cloud:before,.drop-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.drop-cloud:before{width:44%;height:150%;bottom:28%;left:14%}.drop-cloud:after{width:32%;height:120%;bottom:34%;right:16%}.drop-cloud--1{--y:6%;--w:14cqw;--o:.1;--t:96s;--d:-10s}.drop-cloud--2{--y:17%;--w:11cqw;--o:.09;--t:110s;--d:-64s}.drop-cloud--3{--y:11%;--w:22cqw;--o:.16;--t:70s;--d:-34s}.drop-cloud--4{--y:25%;--w:19cqw;--o:.14;--t:78s;--d:-6s}.drop-cloud--5{--y:3%;--w:30cqw;--o:.22;--t:52s;--d:-22s}.drop-cloud--6{--y:31%;--w:26cqw;--o:.18;--t:58s;--d:-44s}.drop-crate{top:calc(3% + (var(--fall-to) - 3%) * var(--fall-progress,0));left:var(--finish-x);width:var(--crate-w);animation:drop-fall var(--fall-duration,1s) linear forwards;will-change:top;position:absolute;transform:translate(-50%)}.drop-crate__sway{transform-origin:50% 0;animation:4.5s ease-in-out infinite alternate drop-sway}.drop-crate img{width:100%;height:auto;display:block}.drop-crate__fallback{aspect-ratio:1;color:var(--accent);place-items:center;display:grid}.drop-dust{left:var(--finish-x);top:var(--fall-to);width:26cqw;height:9cqw;margin-top:calc(var(--crate-w) * .8);background:radial-gradient(closest-side, var(--accent-soft), transparent);opacity:0;border-radius:50%;position:absolute;transform:translate(-50%)scale(.4)}.drop-fx.is-waiting .drop-crate{animation:none}.drop-fx.is-landed .drop-crate{top:var(--fall-to);animation:none}.drop-fx.is-landed .drop-crate__sway{animation:.7s ease-out drop-impact}.drop-fx.is-landed .drop-dust{animation:1.4s ease-out forwards drop-dust}.drop-arena__lanes{z-index:3;height:var(--ground-h);padding:0 calc(100% - var(--finish-x)) calc(var(--dock-h) + 1rem) 1.25rem;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:auto 0 0}.drop-arena__empty{text-align:center;max-width:70%;color:var(--fg-1);margin:auto;font-size:13px}.drop-road{--runner-size:2.4rem;height:var(--road-h);border-radius:var(--r-glass);border:1px solid var(--glass-border-hover);background:linear-gradient(180deg, var(--accent-wash), transparent 40%), var(--overlay-scrim);box-shadow:0 0 0 1px var(--glass-border-soft), 0 14px 36px -14px var(--accent-glow);position:relative}.drop-road__trail{width:calc(1.2rem + (100% - 2.4rem - var(--runner-size)) * var(--lead,0) + var(--runner-size) / 2);border-radius:var(--r-glass) 0 0 var(--r-glass);background:linear-gradient(90deg, transparent, var(--accent-soft) 70%, var(--accent-line));pointer-events:none;transition:width 1.4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0}.drop-road__line{left:0;right:0;top:calc(var(--r) * var(--row-h) + .1rem);background:repeating-linear-gradient(90deg, var(--glass-border-hover) 0 .9rem, transparent .9rem 1.7rem);pointer-events:none;background-size:1.7rem 2px;height:2px;animation:5s linear infinite drop-track-scroll;position:absolute}.drop-road.is-sprinting .drop-road__line{animation-duration:.5s}.drop-mark{top:0;bottom:0;left:calc(1.2rem + (100% - 2.4rem - var(--runner-size)) * var(--p) + var(--runner-size) / 2);border-left:2px dotted var(--glass-border-hover);pointer-events:none;position:absolute}.drop-mark>b{border:1px solid var(--glass-border-hover);background:var(--bg-1);white-space:nowrap;color:var(--fg-1);font-variant-numeric:tabular-nums;border-radius:999px;padding:.1rem .55rem;font-size:10px;font-weight:700;position:absolute;top:-1.7rem;left:0;transform:translate(-50%)}.drop-finish{z-index:4;border:2px solid var(--fg);background:var(--accent);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--bg-0);pointer-events:none;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .7rem .2rem .55rem;font-size:11px;font-weight:800;animation:2.2s ease-in-out infinite drop-pulse;display:inline-flex;position:absolute;top:-1.9rem;right:-.35rem}.drop-finish>svg{transform-origin:20% 100%;animation:1.2s ease-in-out infinite alternate drop-wave}.drop-road:after{animation:2.2s ease-in-out infinite drop-glow-line}.drop-road:before{content:"";border-left:2px dotted var(--glass-border-hover);position:absolute;inset:.5rem auto .5rem .9rem}.drop-road:after{content:"";border-radius:0 var(--r-glass) var(--r-glass) 0;background:repeating-conic-gradient(var(--fg) 0% 25%, var(--bg-0) 0% 50%) 0 0 / .375rem .375rem;opacity:.6;width:.75rem;position:absolute;inset:0 0 0 auto}@media (width<=640px){.drop-road{--runner-size:2rem}}.drop-lane__runner{z-index:calc(var(--slot,0) + 1);top:calc(var(--slot,0) * var(--row-h) + .35rem);left:calc(1.2rem + (100% - 2.4rem - var(--runner-size)) * var(--p,0));width:var(--runner-size);height:var(--runner-size);transition:left 1.4s cubic-bezier(.22,1,.36,1);position:absolute}.drop-lane__shadow{z-index:0;background:radial-gradient(closest-side, var(--overlay-scrim), transparent);border-radius:50%;width:75%;height:.5rem;margin-left:-37.5%;animation:.46s ease-in-out infinite drop-shadow-hop;position:absolute;top:calc(100% + .3rem);left:50%}.drop-lane__feet{z-index:0;gap:.35rem;display:flex;position:absolute;top:calc(100% - .35rem);left:50%;transform:translate(-50%)}.drop-lane__feet>i{background:var(--fg);border:2px solid var(--bg-0);border-radius:50% 50% 45% 45%;width:.6rem;height:.5rem;animation:.46s ease-in-out infinite drop-step;display:block}.drop-lane__feet>i:last-child{animation-delay:-.23s}.drop-lane__badge{z-index:3;background:var(--bg-3);border:2px solid var(--fg);min-width:1.25rem;height:1.25rem;color:var(--fg);border-radius:999px;place-items:center;padding:0 .25rem;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:-.45rem;left:-.5rem}.drop-lane__badge--1{background:var(--yellow);color:var(--bg-0)}.drop-lane__badge--2{background:var(--blue);color:var(--bg-0)}.drop-lane__badge--3{background:var(--accent);color:var(--bg-0)}.drop-lane__crown{z-index:3;width:1.15rem;height:1.15rem;color:var(--yellow);animation:1.8s ease-in-out infinite drop-twinkle;position:absolute;top:-1.1rem;right:-.35rem}.drop-avatar{z-index:1;transform-origin:50% 100%;width:100%;height:100%;display:block;position:relative}.drop-avatar style,.drop-lane__runner style,.drop-run__rider style{display:none!important}.drop-avatar>div:not(.avatar-frame){border-radius:50%;width:100%;height:100%;display:block}.drop-avatar img,.drop-avatar>div:not(.avatar-frame)>div{border:3px solid var(--fg);width:100%;height:100%;box-shadow:0 3px 0 0 var(--bg-0), 0 6px 10px -4px var(--overlay-scrim);border-radius:50%}.drop-avatar .avatar-frame{width:150%;height:150%}.drop-avatar--row{width:1.75rem;height:1.75rem;margin:auto}.drop-avatar--row img,.drop-avatar--row>div:not(.avatar-frame)>div{box-shadow:0 2px 0 0 var(--bg-0);border-width:2px}.drop-lane__runner>.drop-avatar{animation:.46s cubic-bezier(.4,0,.6,1) infinite drop-hop}.drop-lane__runner.is-arrived>.drop-avatar img,.drop-lane__runner.is-arrived>.drop-avatar>div:not(.avatar-frame)>div{border-color:var(--green)}.drop-lane__runner.is-arrived>.drop-avatar{animation:1.1s ease-in-out infinite drop-cheer}.drop-lane__runner.is-arrived :is(.drop-lane__feet>i,.drop-lane__shadow){animation:none}.drop-lane__runner{cursor:pointer;outline:none}.drop-lane__runner:hover,.drop-lane__runner:focus-visible{z-index:20}.drop-lane__runner:hover>.drop-avatar,.drop-lane__runner:focus-visible>.drop-avatar{animation-duration:.28s}.drop-lane__runner:focus-visible>.drop-avatar img,.drop-lane__runner:focus-visible>.drop-avatar>div:not(.avatar-frame)>div{border-color:var(--accent)}.drop-lane__card{z-index:6;border-radius:var(--r-glass-sm);border:1px solid var(--accent-line);background:var(--bg-1);min-width:8rem;box-shadow:var(--glass-shadow);color:var(--fg-1);white-space:nowrap;opacity:0;pointer-events:none;gap:.15rem;padding:.5rem .7rem .55rem;font-size:11px;transition:opacity .15s,transform .15s;display:grid;position:absolute;bottom:calc(100% + .7rem);left:50%;transform:translate(-50%,6px)scale(.96)}.drop-lane__card>b{color:var(--fg);font-size:12px}.drop-lane__card>i{background:var(--glass-bg-active);border-radius:999px;height:4px;margin-top:.2rem;display:block;overflow:hidden}.drop-lane__card>i>u{background:var(--accent);height:100%;text-decoration:none;display:block}.drop-lane__card.is-start{left:0;transform:translateY(6px)scale(.96)}.drop-lane__card.is-end{left:auto;right:0;transform:translateY(6px)scale(.96)}.drop-lane__runner:hover>.drop-lane__card,.drop-lane__runner:focus-visible>.drop-lane__card{opacity:1;transform:translate(-50%)scale(1)}.drop-lane__runner:hover>.drop-lane__card.is-start,.drop-lane__runner:hover>.drop-lane__card.is-end,.drop-lane__runner:focus-visible>.drop-lane__card.is-start,.drop-lane__runner:focus-visible>.drop-lane__card.is-end{transform:translate(0)scale(1)}.drop-lane__burst{z-index:5;pointer-events:none;position:absolute;top:30%;left:50%}.drop-lane__burst>i{background:var(--yellow);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;width:.5rem;height:.5rem;margin:-.25rem 0 0 -.25rem;position:absolute}.drop-lane__burst>i:first-child{--a:-150deg}.drop-lane__burst>i:nth-child(2){--a:-110deg;background:var(--accent)}.drop-lane__burst>i:nth-child(3){--a:-70deg}.drop-lane__burst>i:nth-child(4){--a:-30deg;background:var(--accent)}.drop-lane__burst>i:nth-child(5){--a:-130deg;background:var(--fg)}.drop-lane__burst>i:nth-child(6){--a:-50deg;background:var(--fg)}.drop-lane__runner.is-poked>.drop-lane__burst>i{animation:.8s ease-out both drop-star}.drop-lane__runner.is-poked>.drop-avatar{animation:.6s cubic-bezier(.3,1.6,.5,1) drop-boing}.drop-lane__runner.is-leader>.drop-lane__shadow{background:radial-gradient(closest-side, var(--yellow), transparent);opacity:.8;width:150%;height:.7rem;margin-left:-75%}.drop-lane__runner>.drop-lane__nick{z-index:2;text-overflow:ellipsis;white-space:nowrap;background:var(--bg-1);border:1px solid var(--glass-border-hover);max-width:6.5rem;color:var(--fg);border-radius:999px;padding:0 .5rem;font-size:10px;font-weight:700;line-height:1.55;position:absolute;top:calc(100% + .6rem);left:50%;overflow:hidden;transform:translate(-50%)}.drop-lane__runner.has-frame>.drop-lane__nick{top:calc(100% + .9rem)}.drop-lane__nick.is-start{left:0;transform:none}.drop-lane__nick.is-end{left:auto;right:0;transform:none}.drop-lane__runner--me>.drop-lane__nick{color:var(--bg-0);background:var(--accent);border-color:var(--fg)}.drop-lane__runner--me>.drop-avatar img,.drop-lane__runner--me>.drop-avatar>div:not(.avatar-frame)>div{border-color:var(--accent);box-shadow:0 3px 0 0 var(--bg-0), 0 0 0 4px var(--accent-soft)}.drop-lane__runner--me .drop-lane__feet>i{background:var(--accent)}@media (width<=640px){.drop-lane__runner>.drop-lane__nick{max-width:4.2rem;font-size:9px;top:calc(100% + .5rem)}.drop-lane__runner:not(.drop-lane__runner--me):not(.drop-lane__runner--top)>.drop-lane__nick{display:none}.drop-arena__empty{max-width:90%}}.drop-lane__runner>.drop-lane__gain{white-space:nowrap;color:var(--accent);text-shadow:0 2px 8px var(--overlay-scrim);pointer-events:none;margin-bottom:2px;font-size:1.1rem;font-weight:800;line-height:1;animation:2.4s ease-out forwards drop-gain;position:absolute;bottom:100%;left:50%}.drop-lane__runner.is-sprinting{z-index:2}.drop-lane__runner.is-sprinting:before,.drop-lane__runner.is-sprinting:after{content:"";pointer-events:none;position:absolute}.drop-lane__runner.is-sprinting:before{background:linear-gradient(90deg, transparent, var(--accent-line)) 0 0 / 100% 2px no-repeat, linear-gradient(90deg, transparent, var(--accent-line)) 0 50% / 70% 2px no-repeat, linear-gradient(90deg, transparent, var(--accent-line)) 0 100% / 100% 2px no-repeat;transform-origin:100%;width:3.5rem;animation:1.4s ease-out both drop-streak;top:22%;bottom:22%;right:100%}.drop-lane__runner.is-sprinting:after{background:radial-gradient(closest-side, var(--accent-soft), transparent);border-radius:50%;width:1.75rem;height:1rem;animation:1.2s ease-out both drop-puff;bottom:-2px;right:80%}.drop-hud{z-index:5;top:var(--hud-top);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex;position:absolute;left:1rem;right:1rem}.drop-hud>*{pointer-events:auto}.drop-hud__title{align-items:center;gap:.85rem;min-width:0;max-width:min(32rem,100%);padding:.7rem 1.1rem .7rem .7rem;display:flex}.drop-hud__icon{border-radius:var(--r-glass);background:var(--accent-soft);border:1px solid var(--accent-line);width:3.25rem;height:3.25rem;color:var(--accent);flex:none;place-items:center;display:grid}.drop-hud__icon img{object-fit:contain;width:100%;height:100%;padding:3px}.drop-hud__back{color:var(--fg-2);font-size:11px;text-decoration:none}.drop-hud__back:hover{color:var(--accent)}.drop-hud__heading{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;font-weight:700;line-height:1.25;overflow:hidden}.drop-hud__pills{flex-wrap:wrap;gap:.35rem;margin-top:.3rem;display:flex}.drop-hud__clock{justify-items:end;gap:.55rem;padding:.7rem .9rem;display:grid}.drop-tools{z-index:5;right:1rem;top:calc(var(--hud-top) + 7.5rem);flex-direction:column;gap:.5rem;display:flex;position:absolute}.drop-tool{border-radius:var(--r-glass);border:1px solid var(--glass-border);background:var(--glass-bg-strong,var(--bg-1));width:2.75rem;height:2.75rem;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--fg-1);cursor:pointer;place-items:center;transition:border-color .15s,color .15s,transform .15s;display:grid;position:relative}.drop-tool:hover,.drop-tool.is-active{border-color:var(--accent-line);color:var(--accent)}.drop-tool:active{transform:scale(.95)}.drop-tool__dot{position:absolute;top:-3px;right:-3px}.drop-prize.drop-prize-slot{z-index:4;left:50%;top:calc(var(--hud-top) + 7.5rem);width:min(18rem,100% - 2rem);position:absolute;transform:translate(-50%)}.drop-prize.drop-prize-slot .drop-prize__art{width:8rem;height:8rem}.drop-prize.drop-prize-slot .drop-prize__name{font-size:1.5rem}.drop-dock{z-index:6;width:min(46rem,100% - 2rem);min-height:calc(var(--dock-h) - 1rem);grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:center;gap:1.25rem;padding:1rem 1.25rem;display:grid;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.drop-dock__solo{grid-column:1/-1;width:min(24rem,100%);margin:0 auto}.drop-dock__actions{grid-template-columns:minmax(10rem,1fr);gap:.6rem;display:grid}.drop-dock__actions.has-bonus{grid-template-columns:repeat(2,minmax(9rem,1fr))}@media (width<=640px){.drop-hud{top:var(--hud-top);flex-wrap:wrap;left:.5rem;right:.5rem}.drop-hud__title{flex:100%;max-width:100%;padding:.5rem .75rem .5rem .5rem}.drop-hud__icon{width:2.5rem;height:2.5rem}.drop-hud__clock{flex:100%;grid-template-columns:auto auto;justify-content:space-between;place-items:center start}.drop-clock__cell{min-width:2.5rem}.drop-tools{top:calc(var(--hud-top) + .5rem);flex-direction:row;right:.5rem}.drop-prize.drop-prize-slot{left:calc(var(--finish-x) / 2);top:calc(var(--hud-top) + 11.5rem);width:min(16rem, calc(var(--finish-x) - 1rem));text-align:left;flex-direction:row;gap:.6rem;padding:.5rem .8rem .5rem .5rem}.drop-prize.drop-prize-slot .drop-prize__art{width:3.5rem;height:3.5rem}.drop-prize.drop-prize-slot .drop-prize__name{font-size:1.05rem}.drop-dock{grid-template-columns:1fr;gap:.75rem;width:calc(100% - 1rem);padding:.8rem .9rem;bottom:.5rem}.drop-dock__actions.has-bonus{grid-template-columns:repeat(2,minmax(0,1fr))}.drop-dock__actions>div>:is(button,a){padding-inline:.4rem;font-size:12px}}.drop-arena:before,.drop-arena:after{content:"";z-index:2;pointer-events:none;position:absolute;inset-inline:0}.drop-arena:before{height:calc(var(--hud-top) + 9rem);background:linear-gradient(180deg, var(--overlay-scrim), transparent);top:0}.drop-arena:after{height:calc(var(--dock-h) + 5rem);background:linear-gradient(0deg, var(--overlay-scrim), transparent);bottom:0}.drop-arena .drop-hud__title,.drop-arena .drop-hud__clock,.drop-arena .drop-dock,.drop-arena .drop-prize.drop-prize-slot{border:1px solid var(--glass-border-hover);border-top-color:var(--accent-line);background:linear-gradient(180deg, var(--bg-2), var(--bg-1));-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 18px 40px -14px var(--overlay-scrim), 0 0 0 1px var(--glass-border-soft), inset 0 1px 0 var(--accent-soft)}.drop-arena .drop-hud__heading{font-size:1.35rem;font-weight:800}.drop-arena .drop-hud__icon{width:3.75rem;height:3.75rem;box-shadow:0 0 20px -4px var(--accent-glow);border-width:2px}.drop-arena .drop-hud__back{color:var(--fg-1);font-size:12px;font-weight:600}.drop-arena .drop-label{color:var(--fg-1);font-size:11px;font-weight:700}.drop-arena .drop-clock{gap:.5rem}.drop-arena .drop-clock__cell{border-color:var(--accent-line);background:linear-gradient(180deg, var(--accent-soft), var(--bg-0));min-width:3.5rem;padding:.5rem .45rem .4rem}.drop-arena .drop-clock__cell b{font-size:1.7rem;font-weight:800}.drop-arena .drop-clock__cell i{color:var(--accent);font-size:10px;font-weight:700}.drop-arena .drop-tool{border-color:var(--glass-border-hover);background:linear-gradient(180deg, var(--bg-2), var(--bg-1));-webkit-backdrop-filter:none;backdrop-filter:none;width:auto;height:2.9rem;box-shadow:0 12px 28px -12px var(--overlay-scrim);color:var(--fg);grid-auto-flow:column;gap:.5rem;padding:0 1rem 0 .85rem}.drop-arena .drop-tool__label{font-size:13px;font-weight:700}.drop-arena .drop-tool:hover,.drop-arena .drop-tool.is-active{background:var(--accent);border-color:var(--fg);color:var(--bg-0)}.drop-arena .drop-prize.drop-prize-slot{border-color:var(--accent-line);box-shadow:0 18px 40px -14px var(--overlay-scrim), 0 0 32px -6px var(--accent-glow), inset 0 1px 0 var(--accent-soft)}.drop-arena .drop-prize.drop-prize-slot .drop-prize__kind{color:var(--accent);font-weight:700}.drop-arena .drop-dock{border-color:var(--accent-line)}.drop-arena .drop-run__meters{font-size:1.9rem;font-weight:800}.drop-arena .drop-run__track{border-color:var(--glass-border-hover);background:var(--bg-0);height:14px}.drop-arena .drop-note{color:var(--fg-1);font-size:12px}@media (width<=640px){.drop-arena .drop-tool__label{display:none}.drop-arena .drop-tool{width:2.9rem;padding:0}.drop-arena .drop-hud__heading{font-size:1.1rem}.drop-arena .drop-clock__cell b{font-size:1.35rem}.drop-arena .drop-clock__cell{min-width:2.9rem}.drop-arena .drop-run__meters{font-size:1.5rem}}.drop-sprint__live{gap:.4rem;display:grid}.drop-sprint__game{border:2px solid var(--fg);border-radius:var(--r-glass-sm);background:var(--bg-0);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;box-shadow:0 0 0 4px var(--accent-soft), 0 0 28px -2px var(--accent-glow);position:relative;overflow:hidden}.drop-sprint__canvas{aspect-ratio:600/180;width:100%;display:block}.drop-sprint__over{text-align:center;letter-spacing:var(--tracking-label);color:var(--fg);background:var(--bg-0);opacity:.85;place-items:center;padding:.5rem;font-size:.9rem;font-weight:900;display:grid;position:absolute;inset:0}.drop-sprint__bar{border:1px solid var(--glass-border-hover);background:var(--bg-0);border-radius:999px;height:10px;display:block;overflow:hidden}.drop-sprint__bar>i{background:linear-gradient(90deg, var(--accent-line), var(--yellow));height:100%;transition:width .1s linear;display:block}.drop-sprint__hint{text-align:center;color:var(--fg-1);font-size:11px;font-weight:600}.drop-drawer{z-index:60;background:var(--bg-1);flex-direction:column;width:min(30rem,100vw - 2rem);display:flex;position:fixed;top:5.5rem;bottom:1rem;right:1rem;overflow:hidden}@media (width<=640px){.drop-drawer{border-radius:var(--r-glass-lg) var(--r-glass-lg) 0 0;width:100%;max-height:80dvh;inset:auto 0 0}}.drop-drawer__head{border-bottom:1px solid var(--glass-border-soft);flex:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.drop-drawer__body{overscroll-behavior:contain;flex:auto;min-height:0;padding:1.1rem 1.1rem 1.25rem;overflow-y:auto}.drop-label{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--fg-2);font-size:10px}.drop-clock{gap:.4rem;display:inline-flex}.drop-clock__cell{text-align:center;border-radius:var(--r-glass-sm);background:var(--glass-bg-active);border:1px solid var(--glass-border);min-width:3rem;padding:.4rem .4rem .3rem;display:grid}.drop-clock__cell b{color:var(--fg);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700;line-height:1.1}.drop-clock__cell i{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--fg-2);font-size:9px;font-style:normal}.drop-note{text-align:center;color:var(--fg-2);margin-top:.4rem;font-size:11px}.drop-count{background:var(--glass-bg-active);text-align:center;border-radius:999px;min-width:1.3rem;padding:0 .35rem;font-size:11px;line-height:1.3rem}.drop-dot{background:var(--accent);width:.55rem;height:.55rem;box-shadow:0 0 0 3px var(--accent-soft);border-radius:999px;animation:1.4s ease-in-out infinite drop-pulse}.drop-dock.is-bonus{border-color:var(--accent-line);animation:1.6s ease-in-out infinite drop-glow}.drop-run__meters{color:var(--fg);font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:1.4rem;font-weight:800}.drop-run__meters small{color:var(--fg-2);font-size:12px;font-weight:500}.drop-run__lane{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;margin-top:1.4rem;display:grid}.drop-run__track{border:1px solid var(--glass-border);background:var(--glass-bg-active);border-radius:999px;height:10px;position:relative}.drop-run__fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-line), var(--accent));transition:width 1.2s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0}.drop-run__tick{top:0;bottom:0;left:var(--at);background:var(--glass-border-hover);width:1px;position:absolute}.drop-run__flag{background:var(--green);width:1.6rem;height:1.6rem;color:var(--bg-0);border-radius:50%;place-items:center;display:grid}.drop-run__flag--finish{background:var(--yellow)}.drop-run__rider{z-index:2;left:var(--at);transform-origin:50% 100%;width:1.7rem;height:1.7rem;margin:0 0 -.4rem -.85rem;transition:left 1.2s cubic-bezier(.22,1,.36,1);animation:.46s cubic-bezier(.4,0,.6,1) infinite drop-hop;display:block;position:absolute;bottom:50%}.drop-run__rider>div{display:block}.drop-run__rider img,.drop-run__rider>div>div{border:2px solid var(--fg);border-radius:50%;width:1.7rem;height:1.7rem}.drop-run--bonus{animation:1.4s ease-in-out infinite drop-pulse}.drop-steps{gap:.75rem;display:grid}.drop-step{border:1px solid var(--glass-border-soft);border-radius:var(--r-glass);background:var(--glass-bg);align-items:center;gap:.9rem;padding:.75rem .9rem;display:flex}.drop-step__num{background:var(--accent-soft);border:1px solid var(--accent-line);width:2.25rem;height:2.25rem;color:var(--accent);border-radius:999px;flex:none;place-items:center;display:grid}.drop-step--bonus{border-color:var(--accent-line);background:var(--accent-wash)}.drop-step--bonus .drop-step__num{background:var(--accent);color:var(--bg-0)}.drop-schedule{border:1px solid var(--glass-border-soft);border-radius:var(--r-glass-sm);background:var(--glass-bg);padding:.6rem .8rem}.drop-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.75rem;max-width:30rem;margin:0 auto 1.5rem;padding-top:1.4rem;display:grid}.drop-podium__spot{justify-items:center;gap:.15rem;min-width:0;display:grid}.drop-podium__avatar{width:3.4rem;height:3.4rem;animation:1.4s ease-in-out infinite drop-cheer;position:relative}.drop-podium__spot--1 .drop-podium__avatar{width:4.4rem;height:4.4rem}.drop-podium__spot--2 .drop-podium__avatar{animation-delay:-.4s}.drop-podium__spot--3 .drop-podium__avatar{animation-delay:-.8s}.drop-podium__crown{width:1.5rem;height:1.5rem;color:var(--yellow);animation:1.8s ease-in-out infinite drop-twinkle;position:absolute;top:-1.3rem;right:-.4rem}.drop-podium__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--fg);font-size:12px;font-weight:700;overflow:hidden}.drop-podium__name.is-me{color:var(--accent)}.drop-podium__meters{color:var(--fg-2);font-variant-numeric:tabular-nums;font-size:11px}.drop-podium__block{border:1px solid var(--glass-border-hover);border-radius:var(--r-glass) var(--r-glass) 0 0;width:100%;box-shadow:inset 0 3px 0 0 color-mix(in srgb, var(--fg) 25%, transparent);border-bottom:0;place-items:center;margin-top:.3rem;display:grid}.drop-podium__block>b{color:var(--bg-0);font-size:1.5rem;font-weight:900}.drop-podium__spot--1 .drop-podium__block{background:var(--yellow);height:5rem}.drop-podium__spot--2 .drop-podium__block{background:var(--blue);height:3.6rem}.drop-podium__spot--3 .drop-podium__block{background:var(--accent);height:2.6rem}.drop-rank-list{gap:.25rem;display:grid}.drop-rank{border-radius:var(--r-glass-sm);grid-template-columns:1.9rem 2rem minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;display:grid}.drop-rank:nth-child(odd){background:var(--glass-bg)}.drop-rank--me{background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent-line)}.drop-rank__pos{width:1.6rem;height:1.6rem;color:var(--fg-2);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;font-size:12px;font-weight:700;display:grid}.drop-rank__bar{background:var(--glass-bg-active);border-radius:999px;height:4px;margin-top:4px;overflow:hidden}.drop-rank__bar>span{background:var(--accent);height:100%;display:block}.drop-winner{z-index:100;background:var(--overlay-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.drop-winner__card{isolation:isolate;text-align:center;border:1px solid var(--accent-line);width:min(26rem,100%);max-height:calc(100dvh - 2rem);padding:2.25rem 1.5rem 1.75rem;animation:.5s cubic-bezier(.22,1,.36,1) both drop-pop;position:relative;overflow:hidden auto}.drop-winner__close{border:1px solid var(--glass-border);background:var(--glass-bg-active);width:2.25rem;height:2.25rem;color:var(--fg-1);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:.75rem;right:.75rem}.drop-winner__close:hover{border-color:var(--accent-line);color:var(--accent)}.drop-winner__rays{z-index:-1;background:repeating-conic-gradient(var(--accent-soft) 0deg 10deg, transparent 10deg 24deg);width:24rem;height:24rem;margin-left:-12rem;animation:24s linear infinite drop-spin;position:absolute;top:-6rem;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000,#0000);mask-image:radial-gradient(closest-side,#000,#0000)}.drop-winner__crate{width:9rem;height:9rem;margin:0 auto .5rem;position:relative}.drop-winner__img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.drop-winner__img--closed{animation:1s ease-in-out both drop-crate-shake}.drop-winner__img--open{opacity:0;animation:.7s cubic-bezier(.22,1,.36,1) .9s forwards drop-crate-open}.drop-winner__img--solo{animation:1s ease-in-out both drop-crate-jolt}.drop-winner__burst{background:radial-gradient(closest-side, var(--accent-glow), transparent);opacity:0;border-radius:50%;animation:1s ease-out .85s both drop-burst;position:absolute;inset:-2.5rem}.drop-winner__reveal{animation:.6s ease-out 1.5s both drop-reveal}.drop-winner__avatar{margin-bottom:.9rem;display:inline-block;position:relative}.drop-winner__avatar--framed{margin-bottom:1.6rem}.drop-winner__avatar--framed>div{border-radius:50%}.drop-winner__avatar img{border:4px solid var(--fg);border-radius:50%}.drop-winner__avatar .avatar-frame{width:150%;height:150%}.drop-winner__trophy{background:var(--yellow);width:2.2rem;height:2.2rem;color:var(--bg-0);border:3px solid var(--bg-1);border-radius:999px;place-items:center;animation:1.1s ease-in-out infinite drop-cheer;display:grid;position:absolute;bottom:-.2rem;right:-.6rem}.drop-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.drop-confetti>i{top:-5%;left:var(--x);background:var(--c);opacity:0;width:10px;height:10px;animation:drop-confetti 3.4s ease-in var(--d) infinite;border-radius:50%;position:absolute}.drop-confetti>i:nth-child(2n){border-radius:2px;height:16px}.drop-confetti>i:nth-child(3n){--c:var(--accent)}.drop-confetti>i:nth-child(3n+1){--c:var(--yellow)}.drop-confetti>i:nth-child(3n+2){--c:var(--green)}.drop-banner{--cloud-fill:var(--fg-1);isolation:isolate;border-radius:var(--r-glass-lg);border:1px solid var(--accent-line);background:radial-gradient(50% 90% at 88% 20%, var(--accent-soft), transparent 70%), linear-gradient(180deg, var(--bg-1), var(--bg-3));position:relative;overflow:hidden;container-type:inline-size}.drop-banner__bg{object-fit:cover;z-index:-2;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.drop-banner__scrim{z-index:-1;background:linear-gradient(90deg, var(--overlay-scrim), transparent 85%);position:absolute;inset:0}.drop-banner .drop-cloud{z-index:-1}.drop-banner__crate{transform-origin:50% 0;animation:4.5s ease-in-out infinite alternate drop-sway}.drop-banner__step{border:1px solid var(--glass-border);background:var(--overlay-scrim);color:var(--fg-1);border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:12px;display:inline-flex}.drop-banner__step b{background:var(--accent-soft);width:1.25rem;height:1.25rem;color:var(--accent);border-radius:999px;place-items:center;font-size:11px;display:grid}.drop-banner__progress{background:var(--glass-bg-active);border-radius:999px;height:6px;overflow:hidden}.drop-banner__progress>span{background:var(--accent);height:100%;display:block}.drop-prize{isolation:isolate;border-radius:var(--r-glass-lg);border:1px solid var(--accent-line);background:radial-gradient(90% 80% at 50% 0%, var(--accent-soft), transparent 70%), var(--glass-bg-strong,var(--bg-1));box-shadow:var(--glass-shadow), 0 0 28px -6px var(--accent-glow);align-items:center;animation:3.2s ease-in-out infinite drop-glow;display:flex;position:relative;overflow:hidden}.drop-prize:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(105deg, transparent, var(--accent-tint) 45%, var(--glass-bg-active) 50%, transparent 70%);width:40%;animation:5.5s ease-in-out infinite drop-sweep;position:absolute;inset:-20% auto -20% 0;transform:translate(-130%)skew(-12deg)}.drop-prize__art{z-index:1;flex:none;place-items:center;display:grid;position:relative}.drop-prize__art>img,.drop-prize__art>.drop-prize__icon{z-index:1;object-fit:contain;width:100%;height:100%;color:var(--yellow);animation:3.2s ease-in-out infinite drop-float;position:relative}.drop-prize__halo{background:radial-gradient(closest-side, var(--accent-glow), transparent);border-radius:50%;animation:2.6s ease-in-out infinite drop-pulse;position:absolute;inset:-25%}.drop-prize__spark{z-index:2;background:var(--fg);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;width:.55rem;height:.55rem;animation:2.8s ease-in-out infinite drop-twinkle;position:absolute}.drop-prize__spark:first-of-type{animation-delay:0s;top:4%;left:8%}.drop-prize__spark:nth-of-type(2){width:.4rem;height:.4rem;animation-delay:.7s;top:14%;right:4%}.drop-prize__spark:nth-of-type(3){width:.4rem;height:.4rem;animation-delay:1.4s;bottom:10%;left:2%}.drop-prize__spark:nth-of-type(4){animation-delay:2.1s;bottom:4%;right:12%}.drop-prize__body{z-index:2;gap:.15rem;min-width:0;display:grid;position:relative}.drop-prize__kind{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--fg-1);font-size:10px}.drop-prize__name{background:linear-gradient(100deg, var(--fg) 20%, var(--yellow) 45%, var(--accent) 55%, var(--fg) 80%);-webkit-text-fill-color:transparent;color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1.15;animation:4.5s linear infinite drop-shimmer}.drop-prize--card{text-align:center;flex-direction:column;gap:.6rem;padding:1rem 1rem 1.1rem}.drop-prize--card .drop-prize__art{width:7rem;height:7rem}.drop-prize--card .drop-prize__name{font-size:1.3rem}.drop-prize--chip{text-align:left;gap:.75rem;padding:.5rem 1rem .5rem .6rem;animation:none;display:inline-flex}.drop-prize--chip .drop-prize__art{width:2.9rem;height:2.9rem}.drop-prize--chip .drop-prize__name{font-size:1.05rem}@keyframes drop-sweep{0%,55%{transform:translate(-130%)skew(-12deg)}to{transform:translate(330%)skew(-12deg)}}@keyframes drop-float{0%,to{transform:translateY(2px)}50%{transform:translateY(-5px)}}@keyframes drop-twinkle{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}@keyframes drop-shimmer{to{background-position:-220% 0}}@keyframes drop-fall{to{top:var(--fall-to)}}@keyframes drop-sway{0%{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}@keyframes drop-impact{0%{transform:translateY(0)scaleY(1)}30%{transform:translateY(6px)scaleY(.94)}60%{transform:translateY(-4px)scaleY(1.02)}to{transform:translateY(0)scaleY(1)}}@keyframes drop-dust{0%{opacity:0;transform:translate(-50%)scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(-50%)scale(1.6)}}@keyframes drop-drift{0%{transform:translate(-130%)}to{transform:translate(calc(100cqw + 30%))}}@keyframes drop-track-scroll{to{background-position-x:-1.7rem}}@keyframes drop-wave{0%{transform:rotate(-12deg)}to{transform:rotate(14deg)}}@keyframes drop-glow-line{0%,to{opacity:.55}50%{opacity:1}}@keyframes drop-star{0%{opacity:1;transform:translate(0)scale(.4)rotate(0)}to{opacity:0;transform:translate(calc(cos(var(--a)) * 2.4rem), calc(sin(var(--a)) * 2.4rem)) scale(1.1) rotate(200deg)}}@keyframes drop-boing{0%{transform:scale(1)}25%{transform:translateY(-.9rem)scale(.9,1.2)}55%{transform:translateY(0)scale(1.2,.8)}to{transform:scale(1)}}@keyframes drop-hop{0%,to{transform:translateY(0)scale(1.08,.9)}50%{transform:translateY(-.45rem)scale(.94,1.08)}}@keyframes drop-shadow-hop{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.7)}}@keyframes drop-step{0%,to{transform:translate(-.12rem)}50%{transform:translate(.12rem,-.25rem)}}@keyframes drop-cheer{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-.3rem)rotate(6deg)}}@keyframes drop-glow{0%,to{box-shadow:var(--glass-shadow), 0 0 0 0 var(--accent-soft)}50%{box-shadow:var(--glass-shadow), 0 0 0 8px var(--accent-tint)}}@keyframes drop-gain{0%{opacity:0;transform:translate(-50%,8px)scale(.8)}15%{opacity:1;transform:translate(-50%)scale(1.15)}70%{opacity:1;transform:translate(-50%,-14px)scale(1)}to{opacity:0;transform:translate(-50%,-28px)scale(1)}}@keyframes drop-streak{0%{opacity:0;transform:scaleX(.2)}20%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.3)}}@keyframes drop-puff{0%{opacity:0;transform:translate(0)scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(-1.5rem)scale(1.8)}}@keyframes drop-dawn{0%{opacity:.55}55%,to{opacity:0}}@keyframes drop-dusk{0%,55%{opacity:0}to{opacity:.5}}@keyframes drop-ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}@keyframes drop-smoke{0%{opacity:0;transform:translate(0)scale(.5)}15%{opacity:.8}to{opacity:0;transform:translate(var(--dx), -24cqw) scale(2.4)}}@keyframes drop-crate-shake{0%,to{transform:rotate(0)scale(1)}15%{transform:rotate(-7deg)scale(1.04)}30%{transform:rotate(7deg)scale(1.06)}45%{transform:rotate(-9deg)scale(1.08)}60%{transform:rotate(9deg)scale(1.1)}80%{opacity:1;transform:rotate(0)scale(1.15)}to{opacity:0;transform:scale(1.3)}}@keyframes drop-crate-jolt{0%,to{transform:rotate(0)scale(1)}15%{transform:rotate(-7deg)scale(1.04)}30%{transform:rotate(7deg)scale(1.06)}45%{transform:rotate(-9deg)scale(1.08)}60%{transform:rotate(9deg)scale(1.1)}80%{transform:rotate(0)scale(1.18)}}@keyframes drop-crate-open{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes drop-burst{0%{opacity:0;transform:scale(.2)}30%{opacity:1}to{opacity:0;transform:scale(1.8)}}@keyframes drop-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes drop-pop{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:none}}@keyframes drop-spin{to{transform:rotate(360deg)}}@keyframes drop-confetti{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(110dvh) rotate(var(--r))}}@keyframes drop-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.drop-crate,.drop-crate__sway,.drop-cloud,.drop-lane__runner>.drop-avatar,.drop-lane__shadow,.drop-lane__feet>i,.drop-lane__crown,.drop-road__line,.drop-road:after,.drop-finish,.drop-finish>svg,.drop-lane__burst>i,.drop-podium__avatar,.drop-podium__crown,.drop-run__rider,.drop-run--bonus,.drop-dock.is-bonus,.drop-dot,.drop-winner__rays,.drop-winner__trophy,.drop-winner__card,.drop-confetti>i,.drop-prize,.drop-prize:after,.drop-prize__art>img,.drop-prize__art>.drop-prize__icon,.drop-prize__halo,.drop-prize__spark,.drop-prize__name,.drop-sky,.drop-beacon__ring,.drop-beacon__smoke,.drop-lane__gain,.drop-lane__runner:before,.drop-lane__runner:after,.drop-winner__img,.drop-winner__burst,.drop-winner__reveal,.drop-banner__crate{animation:none}.drop-sky--dusk{opacity:.3}.drop-winner__img--open{opacity:1}.drop-winner__img--closed:not(:only-of-type){opacity:0}.drop-cloud{transform:translate(40cqw)}.drop-lane__runner,.drop-run__fill,.drop-run__rider{transition:none}}