.hero-pegboard-backdrop{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;transform:translateZ(-30px)scale(1.035)}.hero-pegboard-recess{fill:var(--story-pegboard-recess)}.hero-pegboard-gradient-stop-start{stop-color:var(--story-pegboard-gradient-start)}.hero-pegboard-gradient-stop-middle{stop-color:var(--story-pegboard-gradient-middle)}.hero-pegboard-gradient-stop-end{stop-color:var(--story-pegboard-gradient-end)}.hero-pegboard-gradient-track{transform-box:fill-box;transform-origin:0;will-change:transform;animation:12s cubic-bezier(.45,0,.55,1) infinite alternate hero-pegboard-gradient-flow}@keyframes hero-pegboard-gradient-flow{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.hero-pegboard-gradient-track{will-change:auto;animation:none;transform:translate(-25%)}}.hero-pegboard-panel-surface{fill:var(--story-pegboard-surface-a);stroke:var(--story-pegboard-stroke);stroke-width:.55px;vector-effect:non-scaling-stroke}.hero-pegboard-panel{--pegboard-sidewall:var(--story-pegboard-sidewall-a)}.hero-pegboard-panel-b,.hero-pegboard-panel-e{--pegboard-sidewall:var(--story-pegboard-sidewall-b)}.hero-pegboard-panel-c{--pegboard-sidewall:var(--story-pegboard-sidewall-c)}.hero-pegboard-panel-d{--pegboard-sidewall:var(--story-pegboard-sidewall-d)}.hero-pegboard-panel-sidewall-shell{fill:var(--pegboard-sidewall);stroke:var(--story-pegboard-stroke);stroke-width:.45px;vector-effect:non-scaling-stroke}.hero-pegboard-panel-b .hero-pegboard-panel-surface,.hero-pegboard-panel-e .hero-pegboard-panel-surface{fill:var(--story-pegboard-surface-b)}.hero-pegboard-panel-c .hero-pegboard-panel-surface{fill:var(--story-pegboard-surface-c)}.hero-pegboard-panel-d .hero-pegboard-panel-surface{fill:var(--story-pegboard-surface-d)}.hero-pegboard-panel-bevel{fill:none;stroke-linecap:round;stroke-width:.72px;vector-effect:non-scaling-stroke}.hero-pegboard-panel-bevel-light{stroke:var(--story-pegboard-bevel-light)}.hero-pegboard-panel-bevel-shade{stroke:var(--story-pegboard-bevel-shade)}.hero-pegboard-panel-grain{opacity:var(--story-pegboard-grain-opacity);mix-blend-mode:var(--story-pegboard-grain-blend)}.hero-pegboard-panel-slots{opacity:.86}.hero-pegboard-slot-pattern{--peg-hole-edge:var(--story-pegboard-hole-edge);--peg-hole-wall-light:var(--story-pegboard-hole-light);--peg-hole-wall-shadow:var(--story-pegboard-hole-shadow)}.hero-pegboard-slot-edge{fill:none;stroke:var(--peg-hole-edge);stroke-width:.28px;vector-effect:non-scaling-stroke}.hero-pegboard-slot-wall-light,.hero-pegboard-slot-wall-shadow{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hero-pegboard-slot-wall-light{stroke:var(--peg-hole-wall-light);stroke-width:.42px}.hero-pegboard-slot-wall-shadow{stroke:var(--peg-hole-wall-shadow);stroke-width:.72px}
.pegboard-magnet-mount{--pegboard-magnet-offset-x:0px;--pegboard-magnet-offset-y:0px;z-index:7;transform:translate3d(var(--pegboard-magnet-offset-x), var(--pegboard-magnet-offset-y), 0);will-change:transform;position:absolute}.incubator-magnet-mount{width:clamp(96px,8vw,124px);top:650px;right:clamp(118px,8vw,164px)}.robomaster-magnet-mount{z-index:8;width:clamp(92px,7vw,112px);top:342px;right:clamp(72px,6vw,102px)}.iterx-download-magnet-mount{z-index:10;width:128px;top:624px;left:226px}.trae-champion-magnet-mount{width:196px;top:178px;left:clamp(100px,12vw,230px)}.trae-champion-magnet-mount .pegboard-magnet-image{filter:grayscale(1) brightness(.16) drop-shadow(1px 3px 2px color-mix(in srgb, var(--story-object-shadow-neutral) 24%, transparent));transition:transform .18s,filter .18s;transform:rotate(-8deg)}.trae-champion-magnet-mount .pegboard-magnet:hover .pegboard-magnet-image,.trae-champion-magnet-mount .pegboard-magnet:focus-visible .pegboard-magnet-image{transform:translateY(-2px)rotate(-5deg)}.trae-champion-magnet-mount[data-magnet-drag-state=dragging] .pegboard-magnet-image{filter:grayscale(1) brightness(.16) drop-shadow(2px 8px 5px color-mix(in srgb, var(--story-object-shadow-neutral) 28%, transparent))}.iterx-download-magnet-art{width:100%;display:block;position:relative}.iterx-download-magnet-image{width:100%;height:auto;filter:drop-shadow(0 4px 3px color-mix(in srgb, var(--story-metal-small-shadow) 32%, transparent)) drop-shadow(1px 1px 1px color-mix(in srgb, var(--story-object-shadow-neutral) 12%, transparent));pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .16s;display:block}.iterx-download-magnet-control{z-index:2;cursor:pointer;touch-action:manipulation;border-radius:20%;outline:none;display:block;position:absolute;inset:25% 23% 24%}.iterx-download-magnet-cta{border:2px solid var(--story-ink);background:var(--story-yellow);width:max-content;min-height:28px;box-shadow:3px 3px 0 var(--story-ink);color:var(--story-ink);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:6px 10px 5px;font-size:12px;font-weight:800;line-height:1;transition:background .14s,box-shadow .14s,transform .14s;display:inline-flex;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.iterx-download-magnet-control:hover .iterx-download-magnet-cta,.iterx-download-magnet-control:focus-visible .iterx-download-magnet-cta{background:var(--story-orange);box-shadow:2px 2px 0 var(--story-ink);transform:translate(calc(1px - 50%),1px)}.iterx-download-magnet-control:focus-visible{outline:3px solid var(--story-focus);outline-offset:-1px}.iterx-download-magnet-mount .pegboard-magnet:focus-within .iterx-download-magnet-image{filter:drop-shadow(0 0 4px var(--story-focus)) drop-shadow(0 4px 3px color-mix(in srgb, var(--story-metal-small-shadow) 32%, transparent))}.iterx-download-magnet-mount[data-magnet-drag-state=dragging] .iterx-download-magnet-image{filter:drop-shadow(0 11px 8px color-mix(in srgb, var(--story-metal-small-shadow) 38%, transparent)) drop-shadow(2px 3px 2px color-mix(in srgb, var(--story-object-shadow-neutral) 14%, transparent))}.easter-egg-magnet-mount{z-index:9;width:clamp(132px,8.5vw,164px);top:clamp(244px,36%,324px);left:68%}.pegboard-magnet{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;display:block;position:relative}.incubator-magnet-mount .pegboard-magnet{filter:drop-shadow(0 18px 14px color-mix(in srgb, var(--story-object-shadow-warm) 18%, transparent)) drop-shadow(3px 5px 2px color-mix(in srgb, var(--story-object-shadow-warm) 14%, transparent))}.robomaster-magnet-mount .pegboard-magnet{filter:drop-shadow(0 9px 8px color-mix(in srgb, var(--story-object-shadow-neutral) 16%, transparent)) drop-shadow(2px 3px 1px color-mix(in srgb, var(--story-object-shadow-neutral) 10%, transparent))}.easter-egg-magnet-mount .pegboard-magnet{filter:drop-shadow(0 18px 16px color-mix(in srgb, var(--story-object-shadow-deep) 18%, transparent)) drop-shadow(2px 5px 2px color-mix(in srgb, var(--story-object-shadow-deep) 10%, transparent))}.pegboard-magnet-mount[data-magnet-drag-state=dragging]{z-index:14}.pegboard-magnet-mount[data-magnet-drag-state=dragging] .pegboard-magnet{cursor:grabbing}.incubator-magnet-mount[data-magnet-drag-state=dragging] .pegboard-magnet{filter:drop-shadow(0 24px 18px color-mix(in srgb, var(--story-object-shadow-warm) 22%, transparent)) drop-shadow(4px 7px 3px color-mix(in srgb, var(--story-object-shadow-warm) 16%, transparent))}.robomaster-magnet-mount[data-magnet-drag-state=dragging] .pegboard-magnet{filter:drop-shadow(0 15px 12px color-mix(in srgb, var(--story-object-shadow-neutral) 20%, transparent)) drop-shadow(3px 5px 2px color-mix(in srgb, var(--story-object-shadow-neutral) 12%, transparent))}.easter-egg-magnet-mount[data-magnet-drag-state=dragging] .pegboard-magnet{filter:drop-shadow(0 26px 20px color-mix(in srgb, var(--story-object-shadow-deep) 23%, transparent)) drop-shadow(4px 8px 3px color-mix(in srgb, var(--story-object-shadow-deep) 13%, transparent))}.pegboard-magnet-mount[data-magnet-drag-state=settling]{transition:transform .23s cubic-bezier(.18,.86,.2,1.08)}.pegboard-magnet-image{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.pegboard-magnet:focus-visible{outline:none}.incubator-magnet-mount .pegboard-magnet:focus-visible .pegboard-magnet-image{filter:drop-shadow(0 0 1px var(--story-yellow)) drop-shadow(0 0 5px var(--story-object-highlight))}.robomaster-magnet-mount .pegboard-magnet:focus-visible .pegboard-magnet-image{filter:drop-shadow(0 0 1px var(--story-blue)) drop-shadow(0 0 6px var(--story-object-secondary-glow))}.pegboard-magnet-tooltip{z-index:4;border:1px solid var(--story-object-tooltip-border);background:var(--story-object-tooltip-surface);width:max-content;max-width:240px;box-shadow:0 10px 24px var(--story-object-tooltip-shadow);color:var(--story-object-tooltip-ink);letter-spacing:.01em;opacity:0;pointer-events:none;transform-origin:100%;border-radius:4px;padding:10px 13px;font-size:12px;font-weight:650;line-height:1.45;transition:opacity .15s,transform .18s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;right:calc(100% + 10px);transform:translate(8px,-50%)scale(.97)}.pegboard-magnet:hover .pegboard-magnet-tooltip,.pegboard-magnet:focus-visible .pegboard-magnet-tooltip,.pegboard-magnet:focus-within .pegboard-magnet-tooltip{opacity:1;transform:translateY(-50%)scale(1)}.pegboard-magnet-mount:is([data-magnet-drag-state=armed],[data-magnet-drag-state=dragging]) .pegboard-magnet-tooltip{opacity:0;transform:translate(8px,-50%)scale(.97)}@media (min-width:821px){.pegboard-magnet-mount[data-magnet-tooltip-side=right] .pegboard-magnet-tooltip{transform-origin:0;left:calc(100% + 10px);right:auto;transform:translate(-8px,-50%)scale(.97)}.pegboard-magnet-mount[data-magnet-tooltip-side=right] .pegboard-magnet:hover .pegboard-magnet-tooltip,.pegboard-magnet-mount[data-magnet-tooltip-side=right] .pegboard-magnet:focus-visible .pegboard-magnet-tooltip,.pegboard-magnet-mount[data-magnet-tooltip-side=right] .pegboard-magnet:focus-within .pegboard-magnet-tooltip{transform:translateY(-50%)scale(1)}.pegboard-magnet-mount[data-magnet-tooltip-side=right]:is([data-magnet-drag-state=armed],[data-magnet-drag-state=dragging]) .pegboard-magnet-tooltip{transform:translate(-8px,-50%)scale(.97)}}@media (min-width:821px) and (max-width:1180px){.trae-champion-magnet-mount{width:164px;top:162px;left:8%}}@media (max-width:820px){.incubator-magnet-mount,.robomaster-magnet-mount,.iterx-download-magnet-mount,.trae-champion-magnet-mount,.easter-egg-magnet-mount{z-index:7;position:relative;inset:auto}.incubator-magnet-mount{order:4;width:112px;margin:-10px 0 -2px 18px}.robomaster-magnet-mount{order:5;width:104px;margin:12px auto 22px}.iterx-download-magnet-mount{order:4;width:120px;margin:18px 0 42px 28px}.easter-egg-magnet-mount{width:124px;margin:0;position:absolute;top:184px;left:calc(50% - 62px)}.pegboard-magnet-tooltip{transform-origin:bottom;max-width:min(250px,100vw - 40px);inset:auto 50% calc(100% + 4px) auto;transform:translate(50%,8px)scale(.97)}.pegboard-magnet:hover .pegboard-magnet-tooltip,.pegboard-magnet:focus-visible .pegboard-magnet-tooltip,.pegboard-magnet:focus-within .pegboard-magnet-tooltip{transform:translate(50%)scale(1)}}@media (max-width:460px){.iterx-download-magnet-mount{width:112px;margin-left:18px}.incubator-magnet-mount{width:104px}.robomaster-magnet-mount{width:92px}.easter-egg-magnet-mount{width:112px;left:calc(50% - 56px)}}@media (prefers-reduced-motion:reduce){.trae-champion-magnet-mount .pegboard-magnet-image,.iterx-download-magnet-image,.iterx-download-magnet-cta,.pegboard-magnet-mount[data-magnet-drag-state=settling],.pegboard-magnet-tooltip{transition:none}}
