@layer components{.launch-box{position:relative;width:100%}@media (min-width:1024px){.launch-box{width:clamp(320px,calc((100svh - 462px) * .75 + 40px),460px)}}.box-slot{position:absolute;left:50%;top:7px;width:52px;height:7px;margin-left:-26px;border-radius:2px;background:var(--well);box-shadow:var(--well-shadow);pointer-events:none}.box-bubble{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-tile)}.box-bubble>.box-ground{background:radial-gradient(60% 50% at 50% 40%,rgb(var(--bg-rgb)/.9),transparent 72%),var(--color-surface-2)}.box-bubble>.box-ground,.box-bubble>.box-rim{position:absolute;inset:0;pointer-events:none}.box-bubble>.box-rim{z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(var(--fg-rgb)/.08),inset 0 1px 0 rgb(255 255 255/.55),inset 0 -14px 24px -22px rgb(var(--fg-rgb)/.35)}[data-theme=dark] .box-bubble>.box-rim{box-shadow:inset 0 0 0 1px rgb(255 255 255/.1),inset 0 1px 0 rgb(255 255 255/.16),inset 0 -14px 24px -22px rgb(255 255 255/.12)}.box-bubble>.box-streak{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(118deg,transparent 18%,rgb(255 255 255/.55) 27%,rgb(255 255 255/.12) 36%,transparent 44%),linear-gradient(118deg,transparent 47%,rgb(255 255 255/.85) 48.4%,transparent 50%);mix-blend-mode:screen}[data-theme=dark] .box-bubble>.box-streak{background:linear-gradient(118deg,transparent 18%,rgb(255 255 255/.1) 27%,rgb(255 255 255/.03) 36%,transparent 44%),linear-gradient(118deg,transparent 47%,rgb(255 255 255/.16) 48.4%,transparent 50%)}.box-flange{position:relative;border-radius:calc(var(--radius-tile) + 3px);padding:3px;background:linear-gradient(180deg,rgb(var(--fg-rgb)/.05),rgb(var(--fg-rgb)/.015));box-shadow:inset 0 0 0 1px rgb(var(--fg-rgb)/.06),0 1px 0 rgb(255 255 255/.6)}[data-theme=dark] .box-flange{background:linear-gradient(180deg,rgb(255 255 255/.06),rgb(255 255 255/.02));box-shadow:inset 0 0 0 1px rgb(255 255 255/.07),0 1px 0 rgb(255 255 255/.04)}.box-seal{position:absolute;left:-16px;right:-16px;top:-10px;z-index:6;height:20px;transform-origin:0 50%;pointer-events:none;box-shadow:0 1px 0 rgb(var(--fg-rgb)/.12),inset 0 1px 0 rgb(255 255 255/.45)}.drop-zone{border-style:dashed;border-color:var(--color-line-3);transition:border-color .15s var(--ease-out),transform .2s var(--ease-out)}.drop-zone[data-over]{border-style:solid;border-color:var(--color-text);transform:scale(1.01)}.drop-zone[data-invalid]:not([data-over]){border-color:var(--color-red-soft-line)}@media (prefers-reduced-motion:no-preference){.drop-zone[data-over] .drop-toy{animation:launch-drop-bob 1.2s ease-in-out infinite}}@keyframes launch-drop-bob{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(-4deg)}}.skin-wheel{background:conic-gradient(from 210deg at 50% 50%,#ff5f6d,#ffc371,#f7f06d,#6dd5a0,#4fa8ff,#9b6dff,#ff6dc8,#ff5f6d)}.launch-viewer{background:rgb(var(--bg-rgb)/.94)}.launch-viewer img{box-shadow:var(--glass-shadow-3)}}@media (prefers-reduced-motion:reduce){.drop-zone,.drop-zone[data-over]{transform:none;transition:none}}