#onb .onb-foot{gap:14px}.kit-row{justify-content:center;align-items:center;gap:calc(var(--unit) * 4);min-height:0;display:flex}.kit-part{width:clamp(150px, calc(var(--unit) * 30), 380px);aspect-ratio:1;object-fit:contain;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 10px 0 color-mix(in srgb, var(--text) 7%, transparent));display:block}.kit-side{width:clamp(110px, calc(var(--unit) * 22), 280px)}.kit-float{animation:2.4s ease-in-out infinite kit-float}@keyframes kit-float{50%{transform:translateY(-12px)}}.kit-alt{--btn-bg:var(--panel);--btn-line:var(--line-strong);--btn-fg:var(--text)}.kit-box{width:clamp(130px, calc(var(--unit) * 22), 250px);aspect-ratio:1.45;flex:none;position:relative}.kit-box b{background:#f3c07a;border-radius:10px 10px 22px 22px;position:absolute;inset:32% 0 0;box-shadow:inset 0 -14px #78460a21}.kit-box b:before{content:"";background:#a8692a;border-radius:0 0 14px 14px;height:22%;position:absolute;top:0;left:6%;right:6%}.kit-box i{background:#e8a95a;border-radius:12px;width:56%;height:28%;position:absolute;top:10%}.kit-box i:first-child{left:-14%;transform:rotate(-22deg)}.kit-box i:nth-child(2){right:-14%;transform:rotate(22deg)}.kit-hubwrap{flex:none;position:relative}.kit-led{aspect-ratio:1;opacity:0;pointer-events:none;background:radial-gradient(circle,#fffffff2 0%,#fff0 70%);border-radius:50%;width:24%;position:absolute;top:23%;left:65%;transform:translate(-50%,-50%)}.kit-led.blink{animation:.7s ease-in-out infinite kit-blink}.kit-led.on{opacity:1;background:radial-gradient(circle,#50a5fff2 0%,#50a5ff00 70%)}@keyframes kit-blink{0%,to{opacity:.1}50%{opacity:1}}.kit-finger{pointer-events:none;width:30%;animation:1.2s ease-in-out infinite kit-poke;position:absolute;top:30%;left:70%;translate:-58% -97%}@keyframes kit-poke{50%{transform:translate(-8%,-10%)}}.kit-hubwrap.searching .kit-finger,.kit-hubwrap.awake .kit-finger{opacity:0;transition:opacity .2s;animation:none}.kit-press{aspect-ratio:1;border:5px solid var(--act);cursor:pointer;background:0 0;border-radius:30%;width:22%;padding:0;animation:1.3s ease-in-out infinite kit-pulse;position:absolute;top:23%;left:65%;transform:translate(-50%,-50%)}.kit-hubwrap.awake .kit-press{display:none}.kit-waves{pointer-events:none;width:0;height:0;display:none;position:absolute;top:23%;left:65%}.kit-waves i{width:calc(var(--unit,6px) * 16);aspect-ratio:1;opacity:0;border:5px solid #50a5ffd9;border-radius:50%;animation:1.8s ease-out infinite kit-wave;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.2)}.kit-waves i:nth-child(2){animation-delay:.6s}.kit-waves i:nth-child(3){animation-delay:1.2s}@keyframes kit-wave{0%{opacity:.9;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.kit-connecting .kit-waves{display:block}.kit-connecting .onb-title{font-size:clamp(34px, calc(var(--unit,6px) * 7), 64px);animation:1.4s ease-in-out infinite kit-breathe}@keyframes kit-breathe{50%{opacity:.55}}.kit-failed .kit-hubwrap{display:none}.kit-check{justify-content:center;align-items:center;gap:calc(var(--unit,6px) * 3);margin:0;padding:0;list-style:none;display:flex}.kit-check[hidden]{display:none}.kit-check li{align-items:center;display:flex;position:relative}.kit-check li+li:before{content:"";left:calc(var(--unit,6px) * -2.3);border-top:5px solid var(--line-strong);border-right:5px solid var(--line-strong);width:12px;height:12px;position:absolute;transform:translate(-50%)rotate(45deg)}.kit-check-pic{width:clamp(110px, calc(var(--unit,6px) * 22), 200px);aspect-ratio:1;background:var(--panel);border:var(--bw) solid var(--line);border-radius:var(--r-tile);box-shadow:var(--shadow);color:var(--text);place-items:center;display:grid;position:relative}.kit-check-pic img{object-fit:contain;width:82%;height:82%}.kit-check-pic svg{width:62%;height:62%}.kit-check-pic .kit-check-finger{width:44%;height:auto;animation:1.2s ease-in-out infinite kit-poke;position:absolute;top:28%;left:58%;translate:-58% -97%}.kit-check-again{color:var(--act)}@media (width<=600px) and (orientation:portrait){.kit-check{gap:18px}.kit-check-pic{width:27vw}}.is-doors .kit-hubwrap .kit-part{width:clamp(220px, calc(var(--unit) * 42), 480px)}.is-doors .kit-side{width:clamp(100px, calc(var(--unit) * 18), 220px)}.kit-sock{left:var(--x);top:var(--y);aspect-ratio:1;border:5px solid var(--act);background:color-mix(in srgb, var(--act) 14%, transparent);color:#0000;border-radius:50%;place-items:center;width:15%;min-width:40px;padding:0;animation:1.3s ease-in-out infinite kit-pulse;display:grid;position:absolute;transform:translate(-50%,-50%)}button.kit-sock{cursor:pointer}button.kit-sock:before{content:"";border-radius:50%;position:absolute;inset:-10px}.kit-sock svg{width:60%;height:60%}.kit-sock.plugged{background:var(--act);color:var(--on-act);animation:none}.kit-sock.idle{opacity:.25;animation:none}@keyframes kit-pulse{50%{transform:translate(-50%,-50%)scale(1.12)}}.nudge{animation:.5s ease-in-out 2 kit-nudge}@keyframes kit-nudge{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.kit-wheel{width:clamp(150px, calc(var(--unit) * 26), 300px);aspect-ratio:1;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}.kit-wheel-rim{background:repeating-conic-gradient(#ff8a5c 0 30deg, #ffb08f 30deg 60deg);border:clamp(10px, calc(var(--unit) * 1.6), 18px) solid #3b4a5a;border-radius:50%;position:absolute;inset:0;box-shadow:0 8px #00000024}.kit-wheel-rim:after{content:"";background:#fbf6ea;border:6px solid #3b4a5a;border-radius:50%;position:absolute;inset:34%}.kit-wheel.run .kit-wheel-rim{animation:.9s linear infinite kit-spin}.kit-wheel.run.fast .kit-wheel-rim{animation-duration:.3s}.kit-wheel .kit-finger{width:42%;top:50%;left:50%}.kit-wheel.run .kit-finger{opacity:0;animation:none}.kit-wheel:focus-visible{outline:4px solid var(--place-path);outline-offset:6px}@keyframes kit-spin{to{transform:rotate(360deg)}}.kit-speed{flex-direction:column;gap:14px;display:flex}.kit-spd{border:var(--bw) solid var(--line-strong);background:var(--panel);width:88px;height:64px;color:var(--place-path);cursor:pointer;box-shadow:0 var(--lift) 0 var(--line-strong);border-radius:20px;place-items:center;display:grid}.kit-spd.on{border-color:var(--place-path);box-shadow:0 var(--lift) 0 var(--place-path)}.kit-spd:active{transform:translateY(var(--lift));box-shadow:none}.kit-eye{--close:0;transform:scale(calc(1 + var(--close) * .45));transition:transform .15s ease-out}.kit-seen{background:var(--panel);font-size:clamp(22px, calc(var(--unit) * 3.4), 34px);box-shadow:0 5px 0 var(--line-strong);opacity:0;border-radius:24px;margin:0;padding:14px 24px;font-weight:900;transition:opacity .2s,transform .2s cubic-bezier(.2,1.3,.5,1);transform:scale(.7)}.kit-seen.on{opacity:1;transform:none}.kit-hand{gap:6px;width:min(520px,90%);display:grid}.kit-hand[hidden]{display:none}.kit-range{width:100%;height:48px;accent-color:var(--place-path);cursor:pointer;margin:0}.kit-meter{font-size:clamp(16px, calc(var(--unit) * 2.4), 20px);color:var(--muted);justify-content:space-between;font-weight:900;display:flex}.kit-meter span{align-items:center;gap:6px;display:inline-flex}.kit-meter svg{width:24px;height:24px}.kit-tiles{justify-content:center;align-items:center;gap:calc(var(--unit) * 1.2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.kit-tiles li:not(.kit-plus){width:clamp(96px, calc(var(--unit) * 16), 170px);background:var(--panel);box-shadow:0 5px 0 var(--line-strong);border-radius:24px;justify-items:center;gap:6px;padding:12px 8px;animation:.4s cubic-bezier(.23,1,.32,1) backwards onb-scene;display:grid}.kit-tiles li:nth-child(3){animation-delay:.12s}.kit-tiles li:nth-child(5){animation-delay:.24s}.kit-tiles li:nth-child(7){animation-delay:.36s}.kit-tiles img{aspect-ratio:1;object-fit:contain;width:80%}.kit-tiles b{font-size:clamp(15px, calc(var(--unit) * 2.2), 22px);font-weight:900}.kit-plus{color:var(--muted);font-size:34px;font-weight:900}.kit-twin{aspect-ratio:1;justify-content:center;align-items:center;gap:8%;width:80%;display:flex}.kit-twin i{aspect-ratio:1.3;background:#5d6772;border:5px solid #efe4cc;border-radius:10px;width:38%;box-shadow:inset 0 -8px #e6b84a}.kit-badge{background:var(--panel);box-shadow:0 5px 0 var(--line-strong);font-size:clamp(18px, calc(var(--unit) * 2.8), 26px);border-radius:999px;align-items:center;gap:10px;margin:0;padding:6px 22px 6px 6px;font-weight:900;display:inline-flex}.kit-badge img{object-fit:contain;width:64px;height:64px}@media (width<=600px) and (orientation:portrait){.kit-row{flex-direction:column;gap:10px}.kit-part{width:min(58vw,36dvh)}.kit-side{width:min(34vw,22dvh)}.kit-box{width:34vw}.is-doors .kit-hubwrap .kit-part{width:min(80vw,42dvh)}.is-doors .kit-side{width:min(30vw,18dvh)}.kit-wheel{width:min(52vw,30dvh)}.kit-speed{flex-direction:row}.kit-alt span{display:none}.kit-alt{min-width:76px;padding-inline:18px}}@media (height<=520px) and (orientation:landscape){.kit-part{width:34dvh}.kit-side{width:26dvh}.kit-box{width:30dvh}.is-doors .kit-hubwrap .kit-part{width:58dvh}.is-doors .kit-side{width:22dvh}.kit-wheel{width:34dvh}.kit-tiles li:not(.kit-plus){width:19dvh;padding:6px}.kit-badge img{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.kit-float,.kit-finger,.kit-sock,.kit-press,.kit-led.blink,.kit-waves i,.kit-check-finger,.kit-connecting .onb-title{animation:none!important}.kit-led.blink{opacity:.8}}