/* Centro de Criação (Breed) — janela própria, 10/10/2026. Prefixo ubc-. */
.ubc-root{
  --ubc-bg:#0a1a2c;--ubc-panel:#0f2338;--ubc-card:#11294a;--ubc-card-2:#0c2036;--ubc-line:#264a6c;--ubc-line-2:#3c74a6;
  --ubc-text:#ecf4f8;--ubc-muted:#9db3c6;--ubc-faint:#6f8aa1;--ubc-teal:#5fe0b8;--ubc-teal-2:#2fb98f;--ubc-gold:#f4c95d;
  --ubc-red:#f07b7b;--ubc-safe:#86a7c4;--ubc-male:#69b7ff;--ubc-female:#ff8cc6;--ubc-radius:12px;
  position:fixed;inset:0;z-index:100520;display:grid;place-items:center;padding:clamp(6px,2vw,28px);
  background:rgb(1 7 13 / 72%);-webkit-backdrop-filter:blur(3px) saturate(.8);backdrop-filter:blur(3px) saturate(.8);
  color:var(--ubc-text);font:14px/1.35 "Segoe UI",Arial,sans-serif;box-sizing:border-box;pointer-events:auto;
}
.ubc-root[hidden]{display:none!important}
.ubc-root *,.ubc-root *::before,.ubc-root *::after{box-sizing:border-box}
.ubc-root button{font:inherit;color:inherit;cursor:pointer}
.ubc-root button:disabled{cursor:not-allowed}
.ubc-root img{image-rendering:pixelated}
.ubc-root :focus-visible{outline:2px solid var(--ubc-teal);outline-offset:2px}

.ubc-window{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1500px,100%);height:min(960px,100%);
  border:2px solid #2f6391;border-radius:18px;background:linear-gradient(180deg,#0e2540 0%,#0a1a2c 34%,#081626 100%);
  box-shadow:0 24px 70px rgb(0 0 0 / 55%),inset 0 1px 0 rgb(255 255 255 / 6%);overflow:hidden}

/* cabeçalho */
.ubc-head{position:relative;display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto auto;align-items:center;gap:14px;padding:12px 16px;
  border-bottom:1px solid var(--ubc-line);background:linear-gradient(90deg,rgb(14 44 74 / 96%),rgb(9 28 48 / 82%)),url('/assets/brand/ultimate-poke-idle/breeding-center/lab-scene.webp') center 58%/cover}
.ubc-head-icon{display:grid;width:54px;height:54px;place-items:center;border:1px solid #3d77a8;border-radius:14px;background:radial-gradient(circle,#1b4a6f,#0b2238)}
.ubc-head-icon img{width:40px;height:44px;object-fit:contain}
.ubc-head-title small{display:block;color:var(--ubc-teal);font-size:11px;font-weight:800;letter-spacing:.09em}
.ubc-head-title h2{margin:1px 0 2px;font:italic 700 26px/1.05 "pgreen","Segoe UI",sans-serif;letter-spacing:.01em}
.ubc-head-title p{margin:0;color:var(--ubc-muted);font-size:13px}
.ubc-head-stock{display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--ubc-line);border-radius:12px;background:rgb(5 18 31 / 70%)}
.ubc-head-stock>i{width:1px;height:28px;margin:0 3px;background:var(--ubc-line)}
.ubc-stock{position:relative;display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:#0c2238}
.ubc-stock img{width:28px;height:28px;object-fit:contain}
.ubc-stock b{position:absolute;right:-2px;bottom:-3px;min-width:16px;padding:0 3px;border-radius:7px;background:#173d5f;color:#fff;font-size:10px;line-height:15px;text-align:center}
.ubc-stock.is-empty{opacity:.42}
.ubc-head-wallet{display:flex;gap:6px}
.ubc-head-wallet span{display:flex;align-items:center;gap:6px;height:38px;padding:0 11px;border:1px solid #6b5520;border-radius:10px;background:rgb(37 29 9 / 76%);color:#ffe7a1;font-weight:800}
.ubc-head-wallet span:last-child{border-color:#3b6994;background:rgb(10 36 60 / 80%);color:#bfe3ff}
.ubc-head-wallet img{width:20px;height:20px}
.ubc-dia{width:1em;height:1em;vertical-align:-.12em;object-fit:contain}
.ubc-head-wallet .ubc-dia{width:20px;height:20px}
.ubc-head-actions{display:flex;align-items:center;gap:6px}
.ubc-head-actions .ubc-btn img{width:20px;height:20px;margin-right:4px;vertical-align:-5px}

/* botões */
.ubc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;border:1px solid #3e6f99;border-radius:10px;
  background:linear-gradient(180deg,#18395a,#112b46);font-weight:750;font-size:13px;transition:filter .12s,transform .12s,border-color .12s}
.ubc-btn:hover:not(:disabled){filter:brightness(1.15);border-color:#6aa6d8}
.ubc-btn:active:not(:disabled){transform:translateY(1px)}
.ubc-btn:disabled{opacity:.45}
.ubc-btn.is-ghost{background:rgb(9 27 45 / 70%)}
.ubc-btn.is-primary{border-color:#bff7e4;background:linear-gradient(180deg,#6ff0c6,#2cbd91);color:#05301f;box-shadow:0 3px 0 #13805f}
.ubc-btn.is-danger{border-color:#ffc9c9;background:linear-gradient(180deg,#ff8f8f,#d24f57);color:#2a0507;box-shadow:0 3px 0 #8f2730}
.ubc-btn.is-big{width:100%;min-height:52px;font-size:16px;letter-spacing:.02em}
.ubc-btn.is-wide{width:100%}
.ubc-x{display:grid;width:40px;height:40px;place-items:center;border:1px solid #3e6f99;border-radius:10px;background:#0f2a45;font-size:24px;line-height:1}
.ubc-x:hover{background:#7b2b33;border-color:#e08a8a}
.ubc-x.is-small{width:28px;height:28px;font-size:18px;border-radius:8px}
.ubc-link{padding:0;border:0;background:none;color:var(--ubc-teal);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* etapas (só celular) */
.ubc-steps{display:none}

/* corpo */
.ubc-body{display:grid;grid-template-columns:minmax(330px,1.02fr) minmax(420px,1.28fr) minmax(300px,.9fr);gap:12px;min-height:0;padding:12px}
.ubc-col{min-height:0;border:1px solid var(--ubc-line);border-radius:var(--ubc-radius);background:rgb(10 30 50 / 72%)}
.ubc-root.has-active .ubc-bench{background:linear-gradient(rgb(7 20 34 / 72%),rgb(7 20 34 / 92%)),url('/assets/brand/ultimate-poke-idle/breeding-center/lab-scene.webp') center/cover}

/* coluna do PC */
.ubc-pc{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.ubc-pc-tools{display:grid;gap:8px;padding:10px 10px 8px;border-bottom:1px solid var(--ubc-line);background:rgb(6 20 34 / 70%)}
.ubc-pc-tools>header{display:flex;align-items:end;justify-content:space-between;gap:8px}
.ubc-pc-tools>header small{display:block;color:var(--ubc-teal);font-size:11px;font-weight:800;letter-spacing:.08em}
.ubc-pc-tools>header strong{font-size:15px}
.ubc-sort{display:flex;align-items:center;gap:6px;color:var(--ubc-muted);font-size:12px}
.ubc-root select,.ubc-root input[type=search],.ubc-root input[type=number]{height:36px;min-width:0;border:1px solid #315b80;border-radius:9px;background:#06182a;color:var(--ubc-text);padding:0 9px;font:600 13px "Segoe UI",Arial,sans-serif;outline:none}
.ubc-root select:focus,.ubc-root input:focus{border-color:var(--ubc-teal);box-shadow:0 0 0 2px rgb(95 224 184 / 18%)}
.ubc-root input:disabled{opacity:.45}
.ubc-search input{width:100%;height:40px;padding-left:12px;font-size:14px}
.ubc-chips{display:flex;flex-wrap:wrap;gap:6px}
.ubc-seg{display:inline-flex;border:1px solid #315b80;border-radius:9px;overflow:hidden}
.ubc-seg button{min-width:42px;height:32px;padding:0 10px;border:0;border-right:1px solid #24486b;background:#0a2036;font-weight:800;font-size:13px}
.ubc-seg button:last-child{border-right:0}
.ubc-seg button[aria-pressed=true]{background:#1f5a82;color:#fff}
.ubc-seg button.is-g-M{color:var(--ubc-male)}.ubc-seg button.is-g-F{color:var(--ubc-female)}
.ubc-seg button.is-g-M[aria-pressed=true],.ubc-seg button.is-g-F[aria-pressed=true]{color:#fff}
.ubc-toggle{height:32px;padding:0 11px;border:1px solid #315b80;border-radius:9px;background:#0a2036;color:var(--ubc-muted);font-size:12px;font-weight:750}
.ubc-toggle[aria-pressed=true]{border-color:var(--ubc-teal-2);background:rgb(47 185 143 / 18%);color:#bfffe9}
.ubc-toggle[aria-pressed=true]::before{content:"✓ "}
.ubc-toggle.is-more[aria-expanded=true]{border-color:#6aa6d8;color:#fff}
.ubc-toggle b{display:inline-grid;min-width:18px;height:18px;place-items:center;margin-left:4px;border-radius:9px;background:var(--ubc-teal-2);color:#04271a;font-size:11px}
.ubc-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px;border:1px solid #23476a;border-radius:10px;background:#081a2c}
.ubc-filters[hidden]{display:none}
.ubc-filters label{display:grid;gap:3px;min-width:0}
.ubc-filters label span{color:var(--ubc-muted);font-size:11px;font-weight:700}
.ubc-filters .ubc-btn{align-self:end;min-height:36px}
.ubc-grid-wrap{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#2f5d86 transparent}
.ubc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));align-content:start;gap:8px;padding:10px}
.ubc-grid-title{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:4px 2px 0;color:var(--ubc-muted);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.ubc-grid-title.is-g-F{color:var(--ubc-female)}.ubc-grid-title.is-g-M{color:var(--ubc-male)}
.ubc-grid-title em{padding:1px 7px;border-radius:8px;background:#11314f;color:#fff;font-style:normal;font-size:11px}
.ubc-grid-note{grid-column:1/-1;margin:4px 2px;color:var(--ubc-faint);font-size:12px}
.ubc-grid-note button{border:0;background:none;color:var(--ubc-teal);font-weight:700;text-decoration:underline}
.ubc-empty{grid-column:1/-1;display:grid;justify-items:center;gap:10px;margin:0;padding:28px 12px;color:var(--ubc-muted);text-align:center}
.ubc-empty p{margin:0}
.ubc-empty.is-inline{padding:10px;text-align:left;justify-items:start}
.ubc-empty.is-error{color:#ffc0c0}
.ubc-more{grid-column:1/-1;height:40px;border:1px dashed #3c74a6;border-radius:10px;background:#0a2036;color:#cfe6ff;font-weight:750}
.ubc-more em{color:var(--ubc-faint);font-style:normal;font-size:12px}

/* carta do PC */
.ubc-card{--ty:#6f8793;position:relative;display:grid;grid-template-rows:auto auto auto auto auto;justify-items:center;gap:2px;min-width:0;padding:8px 6px 7px;
  border:1px solid color-mix(in srgb,var(--ty) 42%,#24486b);border-radius:11px;
  background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--ty) 26%,transparent),transparent 62%),linear-gradient(180deg,#112a45,#0b1f33);
  text-align:center;transition:transform .1s,border-color .1s,box-shadow .1s}
.ubc-card:hover{transform:translateY(-2px);border-color:#7ab8ea;box-shadow:0 6px 14px rgb(0 0 0 / 35%)}
.ubc-card-art{display:grid;width:64px;height:64px;place-items:center}
.ubc-card-art img{max-width:64px;max-height:64px;object-fit:contain}
.ubc-card-name{max-width:100%;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.ubc-card-meta{color:var(--ubc-muted);font-size:11px;white-space:nowrap}
.ubc-card-sex{position:absolute;top:5px;right:7px;font-size:16px;font-weight:900;line-height:1}
.ubc-card.is-g-M .ubc-card-sex{color:var(--ubc-male)}.ubc-card.is-g-F .ubc-card-sex{color:var(--ubc-female)}.ubc-card.is-g-x .ubc-card-sex{color:var(--ubc-faint)}
.ubc-card-role{position:absolute;top:5px;left:6px;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:900;letter-spacing:.06em}
.ubc-card.is-father{border:2px solid var(--ubc-male);box-shadow:0 0 0 3px rgb(105 183 255 / 22%),0 6px 16px rgb(0 0 0 / 35%)}
.ubc-card.is-mother{border:2px solid var(--ubc-female);box-shadow:0 0 0 3px rgb(255 140 198 / 22%),0 6px 16px rgb(0 0 0 / 35%)}
.ubc-card.is-father .ubc-card-role{background:var(--ubc-male);color:#04213a}.ubc-card.is-mother .ubc-card-role{background:var(--ubc-female);color:#3a0420}
.ubc-card.is-blocked{opacity:.5;filter:grayscale(.55)}
.ubc-card.is-mismatch{opacity:.62}
.ubc-card-block{width:100%;margin-top:2px;padding:2px 4px;border-radius:6px;background:rgb(120 40 48 / 55%);color:#ffd1d1;font-size:10px;font-weight:750}
.ubc-card-block.is-soft{background:rgb(70 60 30 / 55%);color:#ffe6a6}
.ubc-ivbars{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;width:100%;height:18px;align-items:end;margin-top:2px;padding:0 3px}
.ubc-ivbars i{display:block;height:var(--v);min-height:2px;border-radius:2px 2px 0 0;background:#4d7fa8}
.ubc-ivbars i.is-high{background:#66c3a0}.ubc-ivbars i.is-max{background:var(--ubc-gold);box-shadow:0 0 5px rgb(244 201 93 / 55%)}.ubc-ivbars i.is-low{background:#7a5763}
.ubc-card-foot{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px}
.ubc-card-foot b{color:#fff}
.ubc-card-foot em{color:var(--ubc-gold);font-style:normal;font-weight:800}
.ubc-card-match{width:100%;margin-top:3px;padding:2px 4px;border-radius:6px;background:rgb(244 201 93 / 16%);color:#ffe7a1;font-size:10px;font-weight:800}
.ubc-grid-title small{margin-left:auto;color:var(--ubc-faint);font-size:11px;font-weight:600;letter-spacing:0;text-transform:none}
.ubc-ha{padding:0 4px;border-radius:4px;background:#5a3b9a;color:#f1e3ff;font-size:9px;font-style:normal;font-weight:900}
.ubc-card.is-type-normal{--ty:#a8adb8}.ubc-card.is-type-fighting{--ty:#d55269}.ubc-card.is-type-flying{--ty:#84aee4}.ubc-card.is-type-poison{--ty:#ac65d1}
.ubc-card.is-type-ground{--ty:#d19a58}.ubc-card.is-type-rock{--ty:#baa054}.ubc-card.is-type-bug{--ty:#88ad45}.ubc-card.is-type-ghost{--ty:#7b6db4}
.ubc-card.is-type-steel{--ty:#76a0b2}.ubc-card.is-type-fire{--ty:#ee704a}.ubc-card.is-type-water{--ty:#4c91dd}.ubc-card.is-type-grass{--ty:#5eb576}
.ubc-card.is-type-electric{--ty:#e2c64b}.ubc-card.is-type-psychic{--ty:#e06b91}.ubc-card.is-type-ice{--ty:#70c8d7}.ubc-card.is-type-dragon{--ty:#7279dc}
.ubc-card.is-type-dark{--ty:#746a7c}.ubc-card.is-type-fairy{--ty:#dd8bc1}

/* bancada (casal + genética + filhote) */
.ubc-bench{display:flex;flex-direction:column;gap:10px;padding:10px;overflow:auto;overscroll-behavior:contain}
.ubc-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid #806426;border-radius:10px;background:rgb(64 48 12 / 55%);color:#ffe8a8;font-size:13px}
.ubc-pair{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:stretch;gap:8px}
.ubc-parent{display:grid;grid-template-rows:auto 1fr;min-width:0;border:1px solid var(--ubc-line);border-radius:12px;background:linear-gradient(180deg,#112b47,#0b1f34);overflow:hidden}
.ubc-parent.is-father{border-color:rgb(105 183 255 / 55%)}.ubc-parent.is-mother{border-color:rgb(255 140 198 / 55%)}
.ubc-parent>header{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:4px 6px 4px 10px;border-bottom:1px solid var(--ubc-line)}
.ubc-parent.is-father>header{background:linear-gradient(90deg,rgb(105 183 255 / 22%),transparent)}.ubc-parent.is-mother>header{background:linear-gradient(90deg,rgb(255 140 198 / 22%),transparent)}
.ubc-sex{font-size:12px;font-weight:900;letter-spacing:.08em}
.ubc-parent.is-father .ubc-sex{color:var(--ubc-male)}.ubc-parent.is-mother .ubc-sex{color:var(--ubc-female)}
.ubc-parent-main{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;padding:9px}
.ubc-parent-art{display:grid;width:78px;height:78px;place-items:center;border-radius:12px;background:radial-gradient(circle,#1b4569,#0b2135)}
.ubc-parent-art img{max-width:72px;max-height:72px;object-fit:contain}
.ubc-parent-main>div{display:grid;align-content:start;gap:3px;min-width:0}
.ubc-parent-main strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.ubc-parent-main small{color:var(--ubc-muted);font-size:12px}
.ubc-nature{font-size:13px;font-weight:700}
.ubc-nature em{font-style:normal;font-size:11px}
.ubc-nature .is-up{color:#ff9a8a}.ubc-nature .is-down{color:#8ab8ff}
.ubc-ability{color:#d8e6f2;font-size:12px}
.ubc-ability.is-ha{color:#e5d2ff}
.ubc-ability b{padding:0 4px;border-radius:4px;background:#5a3b9a;color:#f1e3ff;font-size:10px}
.ubc-groups{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.ubc-group{display:inline-flex;align-items:center;gap:3px;height:24px;padding:0 7px 0 3px;border:1px solid #2c5679;border-radius:12px;background:#0a2036;font-size:11px;font-weight:700}
.ubc-group img{width:20px;height:20px;object-fit:contain}
.ubc-group.is-small{padding:0 3px}
.ubc-parent-empty{display:grid;justify-items:center;align-content:center;gap:4px;min-height:120px;padding:12px;text-align:center}
.ubc-parent-empty span{font-size:34px;font-weight:900;opacity:.55}
.ubc-parent.is-father .ubc-parent-empty span{color:var(--ubc-male)}.ubc-parent.is-mother .ubc-parent-empty span{color:var(--ubc-female)}
.ubc-parent-empty strong{font-size:14px}
.ubc-parent-empty small{color:var(--ubc-muted);font-size:12px}
.ubc-compat{display:grid;align-content:center;justify-items:center;gap:5px;padding:6px 2px;text-align:center}
.ubc-compat-icon{display:flex;align-items:center;justify-content:center;gap:2px;width:58px;height:58px;border:2px solid #34628c;border-radius:50%;background:#0b2238;color:#9db3c6;font-size:24px;font-weight:900}
.ubc-compat-icon img{width:26px;height:26px;object-fit:contain}
.ubc-compat small{color:var(--ubc-muted);font-size:11px;line-height:1.25}
.ubc-compat.is-ok .ubc-compat-icon{border-color:var(--ubc-teal);background:rgb(47 185 143 / 16%);color:var(--ubc-teal);box-shadow:0 0 18px rgb(95 224 184 / 22%)}
.ubc-compat.is-ok small{color:#bfffe9}
.ubc-compat.is-bad .ubc-compat-icon{border-color:var(--ubc-red);background:rgb(160 50 60 / 22%);color:var(--ubc-red)}
.ubc-compat.is-bad small{color:#ffc4c4}
.ubc-compat .ubc-link{font-size:11px}

.ubc-genetics{border:1px solid var(--ubc-line);border-radius:12px;background:#0a1d31}
.ubc-genetics>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-bottom:1px solid var(--ubc-line)}
.ubc-genetics>header small,.ubc-contract-head small,.ubc-child small{display:block;color:var(--ubc-teal);font-size:11px;font-weight:800;letter-spacing:.08em}
.ubc-genetics>header strong{font-size:15px}
.ubc-genetics>header p{max-width:270px;margin:0;color:var(--ubc-muted);font-size:12px;text-align:right}
.ubc-gen-head{display:grid;grid-template-columns:86px minmax(0,1fr) 86px;gap:8px;padding:6px 11px 0;color:var(--ubc-faint);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.ubc-gen-head span:nth-child(2){text-align:center}.ubc-gen-head span:last-child{text-align:right}
.ubc-gen-row{display:grid;grid-template-columns:86px minmax(0,1fr) 86px;align-items:center;gap:8px;padding:3px 11px}
.ubc-gen-row+.ubc-gen-row{border-top:1px solid rgb(38 74 108 / 45%)}
.ubc-gen-parent{display:flex;align-items:center;justify-content:space-between;gap:4px;height:38px;padding:0 6px 0 10px;border:1px solid #2b5578;border-radius:9px;background:#0d2640}
.ubc-gen-parent b{font-size:18px}
.ubc-gen-parent.is-max b{color:var(--ubc-gold)}
.ubc-gen-parent.is-empty{justify-content:center;color:var(--ubc-faint)}
.ubc-gen-parent.is-mother{flex-direction:row-reverse;padding:0 10px 0 6px}
.ubc-lock-icon{position:relative;display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#081a2c;opacity:.55;transition:opacity .12s}
.ubc-lock-icon img{width:24px;height:24px;object-fit:contain;filter:grayscale(.6)}
.ubc-lock-icon em{position:absolute;right:-5px;bottom:-5px;padding:0 3px;border-radius:6px;background:#173d5f;font-size:9px;font-style:normal;font-weight:800}
button.ubc-gen-parent:hover:not(:disabled){border-color:#7ab8ea}
button.ubc-gen-parent:hover:not(:disabled) .ubc-lock-icon{opacity:1}
button.ubc-gen-parent:disabled{opacity:.55}
.ubc-gen-parent.is-locked{border-color:var(--ubc-gold);background:linear-gradient(180deg,#3a2e0d,#1d2a2a);box-shadow:0 0 0 2px rgb(244 201 93 / 18%)}
.ubc-gen-parent.is-locked .ubc-lock-icon{opacity:1;background:#4a3a10}
.ubc-gen-parent.is-locked .ubc-lock-icon img{filter:none}
.ubc-gen-parent.is-locked .ubc-lock-icon em{background:var(--ubc-gold);color:#2b1d00}
.ubc-gen-mid{display:grid;grid-template-columns:minmax(64px,auto) minmax(0,1fr) 54px;grid-template-rows:auto auto;align-items:center;column-gap:8px}
.ubc-gen-stat{font-size:12px;font-weight:800;color:#cfe0ee}
.ubc-gen-range{position:relative;height:10px;border-radius:5px;background:#132f4b}
.ubc-gen-range i{position:absolute;top:0;bottom:0;border-radius:5px;background:linear-gradient(90deg,#3f87c4,#5fe0b8)}
.ubc-gen-row.is-fixed .ubc-gen-range i{background:var(--ubc-gold)}
.ubc-gen-row.is-max .ubc-gen-range i{background:var(--ubc-gold);box-shadow:0 0 8px rgb(244 201 93 / 50%)}
.ubc-gen-val{font-size:16px;text-align:right}
.ubc-gen-row.is-max .ubc-gen-val{color:var(--ubc-gold)}
.ubc-gen-mid em{grid-column:1/-1;color:var(--ubc-faint);font-size:11px;font-style:normal}
.ubc-gen-row.is-fixed .ubc-gen-mid em{color:#f5d98a}
.ubc-genetics>footer{display:flex;flex-wrap:wrap;gap:6px 16px;padding:8px 11px;border-top:1px solid var(--ubc-line);color:var(--ubc-muted);font-size:12px}
.ubc-genetics>footer b{color:#fff}

.ubc-child{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border:1px solid #315f86;border-radius:12px;background:linear-gradient(120deg,rgb(95 224 184 / 9%),rgb(10 30 50 / 0%) 55%),#0b2035}
.ubc-child-art{position:relative;display:grid;width:96px;height:96px;place-items:center;border-radius:14px;background:radial-gradient(circle,#1d4e6b,#0a2033)}
.ubc-child-art img{max-width:80px;max-height:80px;object-fit:contain}
.ubc-child-art .ubc-child-egg{position:absolute;right:-6px;bottom:-6px;width:38px;height:42px}
.ubc-child.is-empty .ubc-child-art img{width:56px;height:62px}
.ubc-child strong{display:block;margin:2px 0 6px;font-size:17px}
.ubc-child p{margin:0;color:var(--ubc-muted);font-size:13px}
.ubc-child dl{display:grid;gap:4px;margin:0}
.ubc-child dl div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;font-size:13px}
.ubc-child dt{color:var(--ubc-faint);font-weight:700}
.ubc-child dd{margin:0;color:#dbe9f3}
.ubc-child dd b{color:#e5d2ff}

/* contrato */
.ubc-contract{display:flex;flex-direction:column;gap:8px;padding:10px;overflow:auto;overscroll-behavior:contain}
.ubc-contract-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:4px}
.ubc-contract-head:first-child{margin-top:0}
.ubc-contract-head strong{font-size:15px}
.ubc-modes{display:grid;gap:6px}
.ubc-mode{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 10px 7px 7px;border:1px solid #2b5578;border-radius:11px;background:#0c233b;text-align:left}
.ubc-mode img{width:44px;height:44px;object-fit:contain}
.ubc-mode span{display:grid;gap:1px;min-width:0}
.ubc-mode strong{font-size:14px}
.ubc-mode small{color:var(--ubc-muted);font-size:11px}
.ubc-mode em{font-size:12px;font-style:normal}
.ubc-mode i{color:#ffe7a1;font-size:13px;font-style:normal;font-weight:800;white-space:nowrap}
.ubc-mode:hover{border-color:#6aa6d8}
.ubc-mode.is-selected{border:2px solid var(--ubc-teal);background:linear-gradient(90deg,rgb(47 185 143 / 20%),#0c233b);box-shadow:0 0 0 3px rgb(95 224 184 / 12%)}
.is-ok{color:#8ff0c8}.is-bad{color:#ff9d9d}.is-safe{color:#b9d3ea}
.ubc-mode-blurb{margin:0;color:var(--ubc-muted);font-size:12px}
.ubc-seal{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid #4a4329;border-radius:11px;background:linear-gradient(120deg,#2a2310,#0d2134)}
.ubc-seal.is-on{border-color:var(--ubc-gold);box-shadow:inset 0 0 18px rgb(244 201 93 / 10%)}
.ubc-seal.is-empty{opacity:.65}
.ubc-seal-icon{position:relative;display:grid;width:46px;height:46px;place-items:center;border-radius:10px;background:#081a2a}
.ubc-seal-icon img{width:38px;height:38px;object-fit:contain}
.ubc-seal-icon b{position:absolute;right:-4px;bottom:-4px;min-width:18px;padding:0 4px;border-radius:8px;background:#6b5520;color:#fff;font-size:11px;text-align:center}
.ubc-seal>div{display:grid;gap:3px;min-width:0}
.ubc-seal strong{color:#fff3c6;font-size:13px}
.ubc-seal small{color:#c8b986;font-size:11px}
.ubc-seal em{color:#c9a7a7;font-size:11px;font-style:normal}
.ubc-seal-options{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}
.ubc-seal-options button{height:28px;padding:0 10px;border:1px solid #7b6a32;border-radius:8px;background:#1d1a0e;font-size:12px;font-weight:750}
.ubc-seal-options button[aria-pressed=true]{border-color:var(--ubc-gold);background:var(--ubc-gold);color:#2b1d00}
.ubc-switch{position:relative;width:46px;height:26px;padding:0;border:1px solid #6b5f3a;border-radius:13px;background:#14202c}
.ubc-switch i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#7d8c99;transition:left .15s,background .15s}
.ubc-switch[aria-pressed=true]{border-color:var(--ubc-gold);background:#5a4512}
.ubc-switch[aria-pressed=true] i{left:23px;background:var(--ubc-gold)}
.ubc-switch:disabled{opacity:.4}
.ubc-odds{display:flex;height:14px;overflow:hidden;border-radius:7px;background:#132f4b}
.ubc-odds span{min-width:3px}
.ubc-odds .is-ok{background:linear-gradient(90deg,#2fb98f,#6ff0c6)}.ubc-odds .is-safe{background:#4f6f8c}.ubc-odds .is-bad{background:#d65a63}
.ubc-odds-legend{display:grid;gap:3px;margin:0;padding:0;list-style:none;font-size:12px}
.ubc-odds-legend b{display:inline-block;min-width:44px}
.ubc-total{display:grid;gap:6px;padding:10px 12px;border:1px solid #6b5520;border-radius:12px;background:linear-gradient(120deg,rgb(80 60 12 / 50%),#0d2134)}
.ubc-total small{color:#e7c65d;font-size:11px;font-weight:800;letter-spacing:.08em}
.ubc-total strong{display:block;color:#ffe7a1;font-size:26px;line-height:1.1}
.ubc-total em{color:#c8b986;font-size:11px;font-style:normal}
.ubc-total>span{color:#d6b0a0;font-size:11px}
.ubc-reqs{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;margin:0;padding:0;list-style:none;font-size:12px}
.ubc-reqs .is-ok{color:#8ff0c8}.ubc-reqs .is-missing{color:#ffc987}
.ubc-risk{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;padding:9px 10px;border:1px solid #7b3a40;border-radius:10px;background:rgb(80 20 28 / 35%);font-size:12px;cursor:pointer}
.ubc-risk input{width:20px;height:20px;margin:0;accent-color:#ef7777}
.ubc-hint{margin:0;color:#ffc987;font-size:12px;text-align:center}
.ubc-bench>*,.ubc-contract>*,.ubc-side>*{flex-shrink:0}
.ubc-contract-foot{position:sticky;bottom:-10px;z-index:2;display:grid;gap:8px;margin:2px -10px -10px;padding:12px 10px 10px;
  border-top:1px solid var(--ubc-line);background:linear-gradient(180deg,#0b2036,#0a1c30);box-shadow:0 -10px 18px rgb(3 12 22 / 55%)}
.ubc-contract-foot .ubc-total{padding:8px 12px}
.ubc-contract-foot .ubc-total strong{font-size:24px}
.ubc-mobilebar{display:none}

/* andamento */
.ubc-active{display:grid;gap:14px;padding:6px}
.ubc-active>header small{color:var(--ubc-teal);font-size:11px;font-weight:800;letter-spacing:.08em}
.ubc-active>header h3{margin:2px 0 4px;font:italic 700 24px/1.1 "pgreen","Segoe UI",sans-serif}
.ubc-active>header p{margin:0;color:#c9dae7;font-size:14px}
.ubc-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}
.ubc-timeline li{position:relative;display:grid;justify-items:center;gap:3px;padding:10px 6px;border:1px solid #2a5376;border-radius:12px;background:rgb(8 24 40 / 82%);opacity:.6}
.ubc-timeline li img{width:64px;height:64px;object-fit:contain}
.ubc-timeline li b{font-size:14px}
.ubc-timeline li small{color:var(--ubc-muted);font-size:12px}
.ubc-timeline li.is-done{opacity:.85;border-color:#2fb98f}
.ubc-timeline li.is-done::after{content:"✓";position:absolute;top:6px;right:9px;color:var(--ubc-teal);font-weight:900}
.ubc-timeline li.is-now{opacity:1;border:2px solid var(--ubc-teal);box-shadow:0 0 22px rgb(95 224 184 / 22%)}
.ubc-active-stage{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;padding:14px;border:1px solid #2f5f86;border-radius:14px;background:rgb(6 20 34 / 80%)}
.ubc-active-egg{display:grid;width:150px;height:150px;place-items:center;border-radius:50%;background:radial-gradient(circle,rgb(95 224 184 / 28%),transparent 68%)}
.ubc-active-egg img{width:104px;height:118px;object-fit:contain;animation:ubc-wobble 2.6s ease-in-out infinite;transform-origin:50% 90%}
.ubc-active-egg.is-ready img{animation-duration:.9s}
@keyframes ubc-wobble{0%,100%{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-2deg)}}
.ubc-active-clock small{color:var(--ubc-muted);font-size:12px;font-weight:800;letter-spacing:.08em}
.ubc-active-clock strong{display:block;margin:2px 0 10px;font-size:36px;line-height:1}
.ubc-active.is-ready .ubc-active-clock strong{color:var(--ubc-teal)}
.ubc-progress{display:block;height:14px;overflow:hidden;border-radius:7px;background:#132f4b}
.ubc-progress i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#2fb98f,#6ff0c6);transition:width .9s linear}
.ubc-active-parents{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ubc-active-parents article{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:8px;padding:8px;border:1px solid #2a5376;border-radius:11px;background:rgb(8 24 40 / 86%)}
.ubc-active-parents article.is-father{border-color:rgb(105 183 255 / 45%)}.ubc-active-parents article.is-mother{border-color:rgb(255 140 198 / 45%)}
.ubc-active-parents img{width:56px;height:56px;object-fit:contain}
.ubc-active-parents small{font-size:11px;font-weight:900;letter-spacing:.06em}
.ubc-active-parents .is-father small{color:var(--ubc-male)}.ubc-active-parents .is-mother small{color:var(--ubc-female)}
.ubc-active-parents strong{display:block;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.ubc-active-parents em{color:var(--ubc-muted);font-size:12px;font-style:normal}
.ubc-sealed{display:grid;gap:6px;margin:0;padding:10px;border:1px solid var(--ubc-line);border-radius:11px;background:#0a1d31}
.ubc-sealed div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;font-size:13px}
.ubc-sealed dt{color:var(--ubc-faint);font-weight:700}
.ubc-sealed dd{margin:0}

/* aviso e diálogos */
.ubc-notice{position:absolute;left:50%;bottom:16px;z-index:5;max-width:min(680px,calc(100% - 32px));padding:10px 16px;border:1px solid #3c74a6;border-radius:11px;background:#0d2540;box-shadow:0 10px 30px rgb(0 0 0 / 45%);font-weight:700;transform:translateX(-50%)}
.ubc-notice.is-ok{border-color:#2fb98f;background:#0d3a2e;color:#c9ffe9}
.ubc-notice.is-error{border-color:#d65a63;background:#3d1418;color:#ffd5d5}
.ubc-notice[hidden]{display:none}
.ubc-dialog-layer{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:14px;background:rgb(2 9 16 / 74%)}
.ubc-dialog-layer[hidden]{display:none}
.ubc-dialog{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(560px,100%);max-height:100%;border:2px solid #3a74a6;border-radius:16px;background:linear-gradient(180deg,#10294a,#0a1a2c);box-shadow:0 20px 60px rgb(0 0 0 / 60%);overflow:hidden}
.ubc-dialog.is-wide{width:min(900px,100%)}
.ubc-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--ubc-line)}
.ubc-dialog h3{margin:0;font:italic 700 20px "pgreen","Segoe UI",sans-serif}
.ubc-dialog-body{min-height:0;padding:14px;overflow:auto}
.ubc-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;padding:12px 14px;border-top:1px solid var(--ubc-line)}
.ubc-pager{color:var(--ubc-muted);font-size:13px}
.ubc-review{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}
.ubc-review>aside{display:grid;justify-items:center;align-content:start;gap:6px;padding:12px;border:1px solid #2f5f86;border-radius:12px;background:#0b2035;text-align:center}
.ubc-review-art{display:grid;width:120px;height:120px;place-items:center;border-radius:50%;background:radial-gradient(circle,#1d4e6b,#0a2033)}
.ubc-review-art img{max-width:100px;max-height:100px;object-fit:contain}
.ubc-review>aside strong{font-size:18px}
.ubc-review>aside small{color:var(--ubc-muted);font-size:12px}
.ubc-review-time{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}
.ubc-review-time span{display:grid;padding:6px;border-radius:9px;background:#0f2a45;color:var(--ubc-muted);font-size:11px}
.ubc-review-time b{color:#fff;font-size:16px}
.ubc-review-ivs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.ubc-review-ivs span{display:grid;justify-items:center;padding:7px 4px;border:1px solid #2b5578;border-radius:10px;background:#0c233b}
.ubc-review-ivs small{color:var(--ubc-muted);font-size:11px}
.ubc-review-ivs b{font-size:17px}
.ubc-review-ivs .is-locked{border-color:var(--ubc-gold)}
.ubc-review-ivs .is-max b{color:var(--ubc-gold)}
.ubc-review-traits{display:grid;gap:5px;margin:12px 0;padding:0}
.ubc-review-traits div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;font-size:13px}
.ubc-review-traits dt{color:var(--ubc-faint);font-weight:700}
.ubc-review-traits dd{margin:0}
.ubc-review-items{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.ubc-review-items span{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:6px;align-items:center;padding:5px 9px 5px 5px;border:1px solid #2b5578;border-radius:10px;background:#0c233b}
.ubc-review-items img{grid-row:1/3;width:28px;height:28px;object-fit:contain}
.ubc-review-items b{font-size:12px}.ubc-review-items small{color:var(--ubc-muted);font-size:11px}
.ubc-review-items .is-missing{border-color:var(--ubc-red)}
.ubc-review-cost{display:grid;gap:2px;padding:10px 12px;border:1px solid #6b5520;border-radius:12px;background:rgb(80 60 12 / 35%)}
.ubc-review-cost small{color:#e7c65d;font-size:11px;font-weight:800;letter-spacing:.08em}
.ubc-review-cost strong{color:#ffe7a1;font-size:24px}
.ubc-review-cost em{color:#c8b986;font-size:12px;font-style:normal}
.ubc-review-warn{margin:10px 0 0;color:#ffd0b0;font-size:12px}
.ubc-review-warn.is-bad{color:#ff9d9d;font-weight:800}
.ubc-result{display:grid;justify-items:center;gap:6px;padding:8px;text-align:center}
.ubc-result img{width:120px;height:120px;object-fit:contain}
.ubc-result h4{margin:0;font-size:20px}
.ubc-result p{margin:0;color:#c9dae7}
.ubc-result.is-ok h4{color:var(--ubc-teal)}.ubc-result.is-bad h4{color:var(--ubc-red)}.ubc-result.is-safe h4{color:#cfe0ee}
.ubc-help{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ubc-help section{padding:10px 12px;border:1px solid var(--ubc-line);border-radius:11px;background:#0b2035}
.ubc-help h4{margin:0 0 4px;color:var(--ubc-teal);font-size:14px}
.ubc-help p{margin:0;color:#d4e3ee;font-size:13px}
.ubc-help-costs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:8px}
.ubc-help-costs span{display:grid;padding:4px;border-radius:7px;background:#0f2a45;text-align:center}
.ubc-help-costs small{color:var(--ubc-muted);font-size:10px}.ubc-help-costs b{font-size:11px}
.ubc-help-classic{grid-column:1/-1;margin:0;color:var(--ubc-muted);font-size:12px;text-align:center}
.ubc-memorial-intro{margin:0 0 10px;color:var(--ubc-muted);font-size:13px}
.ubc-memorial{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.ubc-memorial article{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;padding:7px;border:1px solid #3d3a55;border-radius:11px;background:linear-gradient(120deg,#1b1a2e,#0b1f33)}
.ubc-memorial img{width:50px;height:50px;object-fit:contain;filter:grayscale(.35)}
.ubc-memorial strong{display:block;font-size:13px}
.ubc-memorial small,.ubc-memorial em{display:block;color:var(--ubc-muted);font-size:11px;font-style:normal}

/* telas médias: PC à esquerda, bancada e contrato empilhados */
.ubc-side{display:contents}
@media (max-width:1240px){
  .ubc-head{grid-template-columns:auto minmax(0,1fr) auto auto}
  .ubc-head-stock{display:none}
  .ubc-body{grid-template-columns:minmax(300px,.95fr) minmax(0,1.3fr)}
  .ubc-side{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto;overscroll-behavior:contain}
  .ubc-side>.ubc-col{flex:none;overflow:visible}
}

/* celular: uma etapa por vez */
@media (max-width:820px){
  .ubc-root{padding:0}
  .ubc-window{width:100%;height:100%;border:0;border-radius:0}
  .ubc-head{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:8px 10px}
  .ubc-head-icon{width:40px;height:40px}.ubc-head-icon img{width:30px;height:33px}
  .ubc-head-title h2{font-size:20px}.ubc-head-title p,.ubc-head-title small{display:none}
  .ubc-head-wallet{display:none}
  .ubc-head-actions .ubc-btn{min-height:36px;padding:0 9px;font-size:0}
  .ubc-head-actions .ubc-btn img{margin:0;width:22px;height:22px}
  .ubc-head-actions .ubc-btn[data-act=help]::before{content:"?";font-size:18px;font-weight:900}
  .ubc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px 8px;border-bottom:1px solid var(--ubc-line);background:#081a2c}
  .ubc-steps button{display:flex;align-items:center;justify-content:center;gap:5px;height:38px;border:1px solid #2b5578;border-radius:9px;background:#0c233b;font-size:12px;font-weight:750}
  .ubc-steps button b{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#173d5f;font-size:11px}
  .ubc-steps button em{color:var(--ubc-muted);font-style:normal}
  .ubc-steps button[aria-pressed=true]{border-color:var(--ubc-teal);background:rgb(47 185 143 / 18%)}
  .ubc-steps button[aria-pressed=true] b{background:var(--ubc-teal);color:#04271a}
  .ubc-root.has-active .ubc-steps{display:none}
  .ubc-body{display:block;padding:8px;overflow:auto}
  .ubc-side{display:block;overflow:visible}
  .ubc-col{display:none}
  .ubc-body[data-step=pick] .ubc-pc{display:grid;position:static;height:100%}
  .ubc-body[data-step=genetics] .ubc-bench{display:flex}
  .ubc-body[data-step=contract] .ubc-contract{display:flex}
  .ubc-root.has-active .ubc-body .ubc-col{display:none}
  .ubc-root.has-active .ubc-body .ubc-bench,.ubc-root.has-active .ubc-body .ubc-contract{display:flex;margin-bottom:8px}
  .ubc-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ubc-compat{grid-column:1/-1;grid-row:2;grid-template-columns:auto minmax(0,1fr) auto;justify-items:start;text-align:left}
  .ubc-compat-icon{width:40px;height:40px;font-size:18px}
  .ubc-parent-main{grid-template-columns:1fr;justify-items:center;text-align:center}
  .ubc-parent-main>div{justify-items:center}
  .ubc-groups{justify-content:center}
  .ubc-gen-head,.ubc-gen-row{grid-template-columns:74px minmax(0,1fr) 74px;gap:6px;padding-left:8px;padding-right:8px}
  .ubc-gen-mid{grid-template-columns:minmax(0,1fr) 46px}
  .ubc-gen-range{grid-column:1/-1;grid-row:2}
  .ubc-gen-mid em{display:none}
  .ubc-genetics>header{display:grid}.ubc-genetics>header p{text-align:left}
  .ubc-grid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:6px;padding:8px}
  .ubc-pc-tools{gap:6px;padding:8px}
  .ubc-sort>span{display:none}
  .ubc-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .ubc-chips>*{flex:none}
  .ubc-filters{grid-template-columns:1fr 1fr}
  .ubc-active-stage{grid-template-columns:1fr;justify-items:center;text-align:center}
  .ubc-active-parents{grid-template-columns:1fr}
  .ubc-mobilebar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--ubc-line);background:#081a2c}
  .ubc-mb-pair{display:flex;gap:2px}
  .ubc-mb-pair img,.ubc-mb-pair i{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:#0f2a45;object-fit:contain;font-style:normal;color:var(--ubc-faint)}
  .ubc-mb-text{display:grid;min-width:0}
  .ubc-mb-text b{color:#ffe7a1}
  .ubc-mb-text small{overflow:hidden;color:var(--ubc-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
  .ubc-review{grid-template-columns:1fr}
  .ubc-review-ivs{grid-template-columns:repeat(3,1fr)}
  .ubc-help{grid-template-columns:1fr}
  .ubc-help-costs{grid-template-columns:repeat(3,1fr)}
  .ubc-reqs{grid-template-columns:1fr}
  .ubc-notice{bottom:76px}
}
@media (prefers-reduced-motion:reduce){.ubc-active-egg img{animation:none}.ubc-card,.ubc-progress i{transition:none}}