.lab{--lab-cta-h:96px;max-width:880px;padding:calc(var(--bar-h) + 32px) 16px calc(var(--lab-cta-h) + 64px);margin:0 auto}.lab :where(p){margin:0}.lab-cta{z-index:35;min-height:var(--lab-cta-h);padding:20px var(--tank-inset);border-top:1px solid var(--line);background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.lab-cta p{margin:0}.lab-cta-line{font-size:24px;line-height:1.4}.lab-cta-actions{gap:8px;display:flex}.lab-cta .btn{border-radius:10px;padding:14px 28px;font-size:24px}.lab-table{--lab-glide-ms:.32s;--lab-marked:var(--shrimp-red);--lab-slot-h:128px;--lab-eggs-h:144px;--lab-clutch-h:202px;--lab-offers-h:216px;--lab-offers-gap:16px;--lab-floor-spare:70.4px;--lab-floor-h:calc(var(--lab-offers-h) + var(--lab-floor-spare));--lab-clutch-gap:8px;--lab-clutch-cell:100px;--lab-ring-room:8px;--lab-confirm-gap:8px;--lab-face-h:100px;--lab-face-border:2px;--lab-keep:var(--kelp-bright);border:var(--rim-w) solid var(--edge);background:var(--tank);color:var(--cream);-webkit-user-select:none;user-select:none;border-radius:26px;padding:40px 24px 24px;position:relative}.lab-label{color:var(--amber)}.lab-head{align-items:center;gap:16px;margin-bottom:8px;display:flex}.lab-sim{color:#fff;margin-left:auto;font-size:16px;line-height:1.6}.lab-project{border-bottom:2px solid color-mix(in srgb, var(--cream) 15%, transparent);margin-bottom:16px;padding-bottom:16px}.lab-head [hidden],.lab-offers[hidden],.lab-expired[hidden]{display:none}.lab-side{z-index:30;right:16px;bottom:calc(var(--lab-cta-h) + 16px);flex-direction:column;gap:8px;display:flex;position:fixed}.lab-side[hidden],.lab-side [hidden]{display:none}@media (min-width:1120px){.lab-side{inset:50% auto auto calc(50% + 456px);transform:translateY(-50%)}}#lab-cull[aria-pressed=true]{border-color:var(--lab-marked);color:var(--lab-marked)}#lab-cull.is-held{cursor:default}.lab-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.lab-buttons{flex-wrap:wrap;gap:8px;display:flex}.lab-table .btn:disabled{opacity:.4;cursor:not-allowed}.lab-table .btn-ghost.is-quiet{opacity:.25}.lab-lines{margin:16px 0 .8em;display:grid}.lab-lines>p{grid-area:1/1;min-height:1.6em}:is(.lab-lines:has(.lab-error:not(:empty)) .lab-hint,.lab-lines:has(.lab-error:not(:empty)) .lab-note,.lab-lines:has(.lab-note:not(:empty)) .lab-hint){visibility:hidden}.lab-hint{color:color-mix(in srgb, var(--cream) 70%, transparent)}.lab-count{min-height:1.6em}.lab-note{color:color-mix(in srgb, var(--cream) 70%, transparent)}.lab-error{color:var(--amber)}.lab-project-name{min-height:1.4em;font-size:24px;line-height:1.4}.lab-project-sprite{width:96px;height:96px;line-height:0}.lab-progress{border:2px solid color-mix(in srgb, var(--cream) 25%, transparent);border-radius:8px;height:16px;overflow:hidden}.lab-progress-fill{background:var(--amber);width:0;height:100%;transition:width var(--lab-glide-ms) cubic-bezier(.2, .8, .2, 1);display:block}.lab-progress[data-step=far] .lab-progress-fill{width:25%}.lab-progress[data-step=getting_there] .lab-progress-fill{width:50%}.lab-progress[data-step=close] .lab-progress-fill{width:75%}.lab-progress[data-step=acquired] .lab-progress-fill{width:100%}.lab-offers{box-sizing:border-box;height:var(--lab-offers-h);margin:var(--lab-offers-gap) 0 0;border:2px dashed color-mix(in srgb, var(--amber) 60%, transparent);border-radius:16px;padding:16px}.lab-offers .lab-slots{margin:8px 0 16px}.lab-clutch{height:0;transition:height .24s steps(6,end);overflow:visible clip}.lab-clutch.is-open{height:calc(var(--lab-eggs-h) + var(--lab-clutch-gap))}.lab-clutch.is-open.is-keeping{height:calc(var(--lab-clutch-h) + var(--lab-clutch-gap))}.lab-grid{padding-bottom:var(--lab-floor-h)}.lab-clutch.is-open~.lab-grid{padding-bottom:calc(var(--lab-floor-h) - var(--lab-eggs-h) - var(--lab-clutch-gap))}.lab-clutch.is-open.is-keeping~.lab-grid{padding-bottom:calc(var(--lab-floor-h) - var(--lab-clutch-h) - var(--lab-clutch-gap))}.lab-offers:not([hidden])~.lab-grid{padding-bottom:calc(var(--lab-floor-h) - var(--lab-offers-h) - var(--lab-offers-gap))}.lab-grid .lab-slot{transition:opacity .24s steps(4,end),filter .24s steps(4,end)}.lab-clutch.is-open~.lab-grid .lab-slot{opacity:.45;filter:grayscale(.6)}.lab-slots.lab-clutch-row{grid-template-columns:repeat(4, minmax(0, var(--lab-clutch-cell)));grid-template-rows:var(--lab-slot-h);padding-top:var(--lab-ring-room);justify-content:center;margin-top:0}.lab-clutch-actions{margin-top:var(--lab-confirm-gap);justify-content:center;align-items:center;gap:12px;display:flex}.lab-keep-timer{background:color-mix(in srgb, var(--cream) 15%, transparent);border-radius:4px;width:min(240px,100%);height:8px;overflow:hidden}.lab-keep-timer[hidden],#lab-keep-done[hidden]{display:none}.lab-keep-timer span{background:var(--lab-keep);transform-origin:0;height:100%;animation:10s linear forwards lab-keep-drain;display:block}@keyframes lab-keep-drain{0%{background:var(--lab-keep);transform:scaleX(1)}50%{background:var(--amber)}to{background:#e5412f;transform:scaleX(0)}}.lab-slots{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:16px 8px;margin-top:8px;display:grid}.lab-grid{--lab-cols:6;--lab-row-gap:16px;grid-template-columns:repeat(var(--lab-cols), minmax(0, 1fr));grid-template-rows:repeat(var(--lab-rows), var(--lab-slot-h));row-gap:var(--lab-row-gap);height:calc(var(--lab-rows) * var(--lab-slot-h) + (var(--lab-rows) - 1) * var(--lab-row-gap));transition:height var(--lab-glide-ms) cubic-bezier(.2, .8, .2, 1), padding-bottom .24s steps(6);margin-top:0}@media (prefers-reduced-motion:reduce){.lab-grid{transition:none}}.lab-slot{flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;display:flex}.lab-face.lab-egg-face{width:100%;height:var(--lab-face-h);justify-content:center;align-items:center;display:flex}.lab-egg{image-rendering:pixelated;display:block}.lab-slot.is-hatching .lab-egg{animation:.24s steps(2,end) infinite lab-wobble}@keyframes lab-wobble{50%{transform:rotate(8deg)}}.lab-slot.is-clutch .lab-slot-label{color:color-mix(in srgb, var(--cream) 50%, transparent)}.lab-slot.is-mutant .lab-slot-label:after{content:" *";color:var(--amber)}.lab-slot.is-flash .lab-face{animation:.7s ease-in-out 2 lab-flash}@keyframes lab-flash{50%{background:color-mix(in srgb, var(--amber) 22%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--amber) 45%, transparent)}}.lab-face{border:var(--lab-face-border) solid transparent;cursor:pointer;touch-action:pan-y;-webkit-touch-callout:none;background:0 0;border-radius:8px;padding:0;line-height:0;display:block}.lab-face:disabled{cursor:default}.lab-table .btn:focus-visible,.lab-face:focus-visible,.lab-cta .btn:focus-visible,.lab-table .btn.is-aimed,.lab-face.is-aimed{outline:3px solid var(--amber);outline-offset:3px}@media (hover:hover){.lab-face:not(:disabled):hover{border-color:color-mix(in srgb, var(--cream) 30%, transparent)}}.lab-slot.is-hatched-in .lab-sprite,.lab-offer-slots .lab-sprite{animation:.28s ease-out lab-hatch-in}@keyframes lab-hatch-in{0%{opacity:0;transform:scale(.7)rotate(0)}35%{opacity:1;transform:scale(1.06)rotate(-7deg)}60%{transform:scale(1)rotate(5deg)}80%{transform:scale(1)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.lab-slot.is-hatching .lab-egg,.lab-slot.is-hatched-in .lab-sprite,.lab-offer-slots .lab-sprite{animation:none}}.lab-sprite{width:96px;height:96px;image-rendering:pixelated;display:block}.lab-slot.is-sire .lab-face,.lab-slot.is-pick .lab-face{border-color:var(--amber)}.lab-slot.is-pick .lab-face:focus-visible,.lab-slot.is-pick .lab-face.is-aimed{outline:none}.lab-slot.is-dam .lab-face{border-color:var(--kelp-bright)}.lab-slot.is-keep .lab-face{border-color:var(--lab-keep)}.lab-slot.is-keep .lab-slot-label{color:var(--lab-keep)}.lab-slot.is-marked .lab-face{border-color:var(--lab-marked);box-shadow:inset 0 0 0 2px var(--lab-marked)}.lab-slot.is-marked .lab-slot-label{color:var(--lab-marked)}.lab-slot.is-give .lab-face{border-color:var(--cream);border-style:dashed}.lab-slot-label{color:color-mix(in srgb, var(--cream) 70%, transparent);line-height:1.6}.lab-slot.is-sire .lab-slot-label{color:var(--amber)}.lab-slot.is-dam .lab-slot-label{color:var(--kelp-bright)}.lab-slot.is-fresh .lab-slot-label:after,.lab-slot.is-fading .lab-slot-label:after{content:" new";color:var(--amber)}.lab-slot.is-fading .lab-slot-label:after{animation:.48s steps(4,end) forwards lab-fresh-fade}@keyframes lab-fresh-fade{to{opacity:0}}.lab-expired{margin-top:16px}@media (max-width:560px){.lab,.lab-cta{--lab-cta-lift:16px;--lab-cta-h:calc(108px + var(--lab-cta-lift) + env(safe-area-inset-bottom,0px))}.lab{--lab-gutter:8px;height:calc(var(--view-h) - var(--lab-cta-h));padding:calc(var(--bar-h) + var(--lab-gutter)) var(--lab-gutter) var(--lab-gutter)}.lab-cta{padding:12px var(--tank-inset) calc(8px + var(--lab-cta-lift) + env(safe-area-inset-bottom,0px));flex-flow:column;justify-content:center;align-items:stretch}.lab-cta-line{text-align:center;font-size:16px}.lab-cta .btn{flex:1;justify-content:center;padding:14px 20px}.lab-table{--lab-slot-h:68px;--lab-face-h:68px;--lab-clutch-cell:68px;--lab-eggs-h:84px;--lab-offers-h:0px;--lab-floor-h:0px;--lab-head-sprite:64px;--lab-phone-gap:8px;height:100%;padding:var(--lab-phone-gap);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:16px;grid-template:"head head""project project""lines count""offers offers""clutch clutch""slots slots"minmax(0,1fr)"controls controls"/minmax(0,1fr) auto;display:grid}.lab-head{gap:var(--lab-phone-gap);margin-bottom:var(--lab-phone-gap);grid-area:head}.lab-head .lab-label,.lab-sim{white-space:nowrap;flex:none}.lab-project-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;min-height:0;font-size:16px;line-height:1.6;overflow:hidden}.lab-project-sprite,.lab-head .lab-sprite{width:var(--lab-head-sprite);height:var(--lab-head-sprite);flex:none}.lab-project{margin:0 0 var(--lab-phone-gap);border:0;grid-area:project;padding:0}.lab-bar{display:contents}.lab-count{margin-left:var(--lab-phone-gap);grid-area:count}.lab-lines{grid-area:lines;margin:0 0 .8em}.lab-table .lab-buttons{margin-top:var(--lab-phone-gap);flex-wrap:wrap;grid-area:controls}.lab-table .lab-buttons .btn{justify-content:center;min-height:48px}#lab-trade-back,#lab-trade-close,#lab-trade,#lab-cull{flex:1 1 0}#lab-mute{display:none}#lab-cull{order:-1}#lab-trade,#lab-cull-confirm,#lab-undo{min-width:104px}.lab-offers:not([hidden]){display:contents}#lab-offers-title{display:none}.lab-offers .lab-slots.lab-offer-slots{grid-area:offers;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:var(--lab-slot-h);margin:0 0 var(--lab-phone-gap);border:2px dashed color-mix(in srgb, var(--amber) 60%, transparent);border-radius:16px;padding:6px}.lab-table:has(.lab-offers:not([hidden])) .lab-bar .lab-buttons{display:none}.lab-table:has(.lab-clutch.is-keeping) .lab-bar .lab-buttons{display:none}.lab-table:has(.lab-offers:not([hidden])) .lab-side{display:none}.lab-clutch{display:contents}.lab-slots.lab-clutch-row{grid-area:clutch;grid-template-rows:var(--lab-slot-h);align-content:center;height:0;padding:0;transition:height .24s steps(6,end);overflow:visible clip}.lab-clutch.is-open .lab-clutch-row{height:var(--lab-eggs-h)}.lab-clutch-actions{display:none}.lab-clutch.is-keeping .lab-clutch-actions{min-height:48px;margin-top:var(--lab-phone-gap);grid-area:controls;align-items:center;display:flex}.lab-keep-timer{flex:auto;width:auto}#lab-keep-done{flex:none;min-width:104px}.lab-clutch-actions .btn{justify-content:center;min-height:48px}.lab-slots{gap:var(--lab-phone-gap) 4px}.lab-grid{--lab-cols:4;--lab-row-gap:var(--lab-phone-gap);height:auto;min-height:0;padding:var(--lab-phone-gap) 6px;outline-offset:-2px;grid-area:slots;transition:none;overflow-y:auto}.lab-grid .lab-slot-label,.lab-clutch-row .lab-slot-label{display:none}.lab-sprite{width:64px;height:64px}.lab-side{margin-top:var(--lab-phone-gap);grid-area:controls;justify-self:end;position:static}.lab-side .btn{justify-content:center;min-height:48px}.lab-table:has(.lab-side:not([hidden])) #lab-trade{visibility:hidden}.lab-expired{grid-area:slots;align-self:start;margin:0}}@media (max-width:560px) and (max-height:600px){.lab-table{--lab-slot-h:52px;--lab-face-h:52px;--lab-clutch-cell:52px;--lab-eggs-h:68px;--lab-head-sprite:48px}.lab-sprite{width:48px;height:48px}}.lab-win,.lab-wipe{z-index:80;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.lab-win .tank-card,.lab-wipe .tank-card{font-size:24px;line-height:28px}.lab-wipe .tank-card-title{text-align:center;color:var(--cream)}.lab-wipe .tank-pill,.lab-win .tank-pill{font-size:16px;line-height:20px}.lab-win .tank-card-pair{flex-wrap:nowrap}.lab-win .tank-pill{white-space:nowrap}.lab-win .tank-card-title{text-align:center;color:var(--cream);-webkit-font-smoothing:none;font-family:Yowza,ui-sans-serif,sans-serif;font-size:26px;line-height:1.5}
