/* Mint Lab V2 — deliberately isolated from the previous theme. */
.mint-page {
  --lab-black:#050711;
  --lab-deep:#090e1d;
  --lab-panel:#11192c;
  --lab-panel2:#19243b;
  --lab-line:#384663;
  --lab-cyan:#52dfd1;
  --lab-yellow:#ffd15a;
  --lab-pink:#d968b2;
  --lab-text:#eaf2f0;
  margin:0!important;
  color:var(--lab-text)!important;
  background:#070b16!important;
  background-image:linear-gradient(rgba(83,211,198,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(83,211,198,.045) 1px,transparent 1px)!important;
  background-size:12px 12px!important;
  font-family:"Courier New","Lucida Console",monospace!important;
  image-rendering:pixelated;
}
.mint-page::before{opacity:.09!important}
.mint-page .wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.mint-page .pixel-shell{position:relative!important;width:min(1180px,calc(100% - 24px))!important;max-width:1180px!important;margin:0 auto!important;padding:12px 0 60px!important}
.mint-page .pixel-shell::before,.mint-page .pixel-shell::after{display:none!important}

/* top command bar */
.mint-page .pixel-nav{
  position:relative!important;z-index:20!important;display:flex!important;align-items:center!important;min-height:52px!important;
  margin:0 0 10px!important;padding:8px 10px!important;gap:8px!important;background:#111729!important;
  border:4px solid var(--lab-black)!important;box-shadow:inset 0 0 0 2px #313c58,5px 5px 0 var(--lab-black)!important
}
.mint-page .pixel-brand{margin-right:12px!important;font-size:13px!important;letter-spacing:2px!important}
.mint-page .pixel-brand::before{width:12px!important;height:12px!important}
.mint-page .pixel-nav .link,.mint-page .pixel-nav button{min-height:28px!important;padding:5px 10px!important;font-size:9px!important;background:#1b2338!important;box-shadow:2px 2px 0 var(--lab-black)!important}
.mint-page .pixel-nav .on{color:#15111b!important;background:var(--lab-yellow)!important}
.mint-page #wallet{font-size:8px!important;letter-spacing:1px!important}
.mint-page .x-social{white-space:nowrap!important;color:var(--lab-cyan)!important}

/* template-like first viewport: copy left, industrial skyline right */
.mint-page .hero-copy{
  display:grid!important;grid-template-columns:46% 54%!important;min-height:260px!important;margin:0!important;padding:0!important;
  overflow:hidden!important;background:#0d1425!important;border:4px solid var(--lab-black)!important;
  box-shadow:inset 0 0 0 2px #2f3c59,5px 5px 0 var(--lab-black)!important
}
.mint-page .hero-message{position:relative!important;z-index:4!important;padding:44px 24px 24px 42px!important;background:linear-gradient(90deg,#10172a 0 91%,transparent 100%)!important}
.mint-page .hero-message::before{left:20px!important;top:46px!important;bottom:28px!important;width:4px!important}
.mint-page .pixel-kicker{margin-bottom:10px!important;color:#77dace!important;font-size:8px!important;letter-spacing:2px!important}
.mint-page .pixel-title{font-size:clamp(25px,3.4vw,44px)!important;line-height:1.05!important;letter-spacing:-2px!important;text-shadow:3px 3px 0 #613451!important}
.mint-page .pixel-subtitle{max-width:450px!important;margin-top:13px!important;color:#9da9c2!important;font-size:10px!important;line-height:1.7!important}
.mint-page .hero-metrics{margin-top:15px!important}
.mint-page .hero-metrics span{padding:4px 7px!important;font-size:7px!important}
.mint-page .lab-skyline{min-height:260px!important;border-left:4px solid var(--lab-black)!important;background:linear-gradient(#2763a7 0 20%,#3b96c1 20% 47%,#7bd4be 47% 57%,#14203a 57%)!important}
.mint-page .sky-deck{height:72px!important;padding:8px!important;gap:8px!important}
.mint-page .sky-deck i{width:48px!important;height:56px!important}
.mint-page .sky-building{bottom:70px!important}
.mint-page .sky-building.b1{height:82px!important}.mint-page .sky-building.b2{height:126px!important}.mint-page .sky-building.b3{height:96px!important}
.mint-page .sky-stack{bottom:70px!important}

/* slim information rail */
.mint-page .lead{
  position:relative!important;z-index:6!important;max-width:none!important;margin:-3px 28px 12px!important;padding:12px 16px!important;
  color:#aab5cc!important;background:#11182a!important;border:4px solid var(--lab-black)!important;border-left:7px solid var(--lab-cyan)!important;
  box-shadow:4px 4px 0 var(--lab-black)!important;font-size:8px!important;line-height:1.8!important;letter-spacing:.4px!important
}
.mint-page .lead b{color:var(--lab-yellow)!important}

/* full circuit-board laboratory */
.mint-page .lab-grid{
  position:relative!important;display:grid!important;grid-template-columns:1fr 292px 1fr!important;align-items:center!important;gap:22px!important;
  max-width:none!important;min-height:660px!important;margin:0!important;padding:35px 24px 44px!important;overflow:hidden!important;
  background-color:#0c1524!important;
  background-image:
    linear-gradient(90deg,transparent 0 12%,rgba(75,221,204,.65) 12% 12.2%,transparent 12.2% 88%,rgba(203,89,191,.55) 88% 88.2%,transparent 88.2%),
    repeating-linear-gradient(0deg,transparent 0 21px,rgba(74,211,194,.16) 21px 23px,transparent 23px 39px),
    repeating-linear-gradient(90deg,transparent 0 47px,rgba(74,211,194,.14) 47px 49px,transparent 49px 73px),
    linear-gradient(#101b2d,#091221)!important;
  border:4px solid var(--lab-black)!important;box-shadow:inset 0 0 0 3px #263650,7px 7px 0 var(--lab-black)!important
}
.mint-page .lab-grid::before{
  content:""!important;position:absolute!important;inset:26px!important;border:0!important;opacity:1!important;
  background:
    linear-gradient(90deg,transparent 0 8%,#3abeb4 8% 8.6%,transparent 8.6% 26%,#3abeb4 26% 26.6%,transparent 26.6% 74%,#a34fa5 74% 74.6%,transparent 74.6% 92%,#a34fa5 92% 92.6%,transparent 92.6%),
    linear-gradient(0deg,transparent 0 14%,#3abeb4 14% 14.6%,transparent 14.6% 86%,#a34fa5 86% 86.6%,transparent 86.6%)!important;
  clip-path:polygon(0 0,100% 0,100% 35%,93% 35%,93% 65%,100% 65%,100% 100%,0 100%,0 67%,7% 67%,7% 34%,0 34%)!important
}
.mint-page .lab-grid::after{content:"010110  CORE BUS  110010  //  SPECIMEN NETWORK  //  001101"!important;position:absolute!important;left:32px!important;right:32px!important;bottom:13px!important;height:auto!important;color:#4b827f!important;background:none!important;clip-path:none!important;font-size:7px!important;letter-spacing:3px!important;opacity:1!important}
.mint-page .lab-core{position:relative!important;z-index:5!important;align-self:center!important}
.mint-page .station-code{margin:0 0 7px 2px!important;color:#93a1bb!important;font-size:7px!important;letter-spacing:2px!important}

/* staggered side containment pods; one unique creature per pod */
.mint-page .specimen-rack{position:relative!important;z-index:5!important;display:grid!important;grid-template-columns:repeat(2,minmax(92px,1fr))!important;gap:24px 14px!important;align-items:start!important}
.mint-page .specimen-rack .specimen-pod:nth-child(even){transform:translateY(48px)!important}
.mint-page .specimen-pod{
  position:relative!important;min-height:158px!important;padding:8px 7px 29px!important;overflow:hidden!important;
  background:linear-gradient(180deg,#244359 0 72%,#111829 72%)!important;border:4px solid var(--lab-black)!important;
  border-radius:16px 16px 5px 5px!important;box-shadow:inset 0 0 0 3px #51657c,5px 5px 0 var(--lab-black)!important
}
.mint-page .specimen-pod::before{inset:8px 7px 25px!important;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 30%),linear-gradient(rgba(83,220,204,.1),rgba(36,102,108,.15))!important;border:2px solid #62a9a5!important;border-radius:10px 10px 2px 2px!important}
.mint-page .specimen-pod::after{left:14px!important;right:14px!important;bottom:7px!important;height:8px!important}
.mint-page .specimen-pod img{height:112px!important;object-fit:contain!important;filter:drop-shadow(0 5px 0 rgba(0,0,0,.55))!important}
.mint-page .specimen-pod .pod-id{top:10px!important;font-size:6px!important}
.mint-page .specimen-pod .pod-meta{bottom:15px!important;font-size:6px!important;color:#a5b3c7!important}
.mint-page .specimen-pod.fire{background:linear-gradient(180deg,#503633 0 72%,#171625 72%)!important;box-shadow:inset 0 0 0 3px #81504a,5px 5px 0 var(--lab-black)!important}
.mint-page .specimen-pod.water{background:linear-gradient(180deg,#23465f 0 72%,#111829 72%)!important;box-shadow:inset 0 0 0 3px #426e91,5px 5px 0 var(--lab-black)!important}
.mint-page .specimen-pod.grass{background:linear-gradient(180deg,#284b3c 0 72%,#111a26 72%)!important;box-shadow:inset 0 0 0 3px #52765c,5px 5px 0 var(--lab-black)!important}

/* central machine — narrow like the provided template */
.mint-page .machines{padding:0!important}
.mint-page .machines::before{display:none!important}
.mint-page .machine{width:100%!important}
.mint-page .cabinet{width:100%!important;max-width:292px!important;padding:8px!important;background:#d85243!important;border:5px solid var(--lab-black)!important;border-radius:0!important;box-shadow:inset -7px -7px 0 #973128,inset 7px 7px 0 #ee7767,7px 7px 0 var(--lab-black)!important}
.mint-page .sign{margin-bottom:7px!important;padding:8px 5px!important;background:#f3c653!important;border:4px solid var(--lab-black)!important;border-radius:0!important;box-shadow:inset -4px -4px 0 #bd8d2b,inset 4px 4px 0 #ffe386!important}
.mint-page .sign .t{font-size:13px!important;line-height:1!important;letter-spacing:2px!important}
.mint-page .sign .s{font-size:6px!important;margin-top:4px!important}
.mint-page .dome{height:226px!important;margin-bottom:7px!important;padding:7px!important;background:#e8e1c8!important;border:4px solid var(--lab-black)!important;border-radius:0!important}
.mint-page .dome::after{display:none!important}
.mint-page .balls{position:static!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;align-content:start!important;gap:4px!important;padding:0!important}
.mint-page .pb{width:36px!important;height:36px!important;border:2px solid #171722!important;border-radius:50%!important;background:#e6e5db!important;box-shadow:inset -3px -3px 0 rgba(0,0,0,.2),inset 2px 2px 0 rgba(255,255,255,.5)!important}
.mint-page .pb img{display:none!important}
.mint-page .pb .top{opacity:1!important;background:linear-gradient(var(--c) 0 45%,#171722 45% 55%,#d5d7d3 55%)!important}
.mint-page .pb .btn{width:9px!important;height:9px!important;border:2px solid #171722!important}
.mint-page .body{min-height:116px!important;grid-template-columns:1fr 74px!important;gap:7px!important;padding:8px!important;background:#f1c852!important;border:4px solid var(--lab-black)!important;border-radius:0!important}
.mint-page .coinslot{right:7px!important;top:7px!important;width:20px!important;height:27px!important}
.mint-page .plate{padding:4px 5px!important;font-size:7px!important;border:3px solid var(--lab-black)!important}
.mint-page .price{margin-top:5px!important;font-size:9px!important}.mint-page .stock{font-size:7px!important}.mint-page .stockbar{height:7px!important}
.mint-page .batch-selector{display:grid!important;grid-template-columns:24px 1fr 24px!important;align-items:center!important;gap:4px!important;margin-top:6px!important;color:#18131a!important}
.mint-page .batch-selector button{width:24px!important;height:24px!important;padding:0!important;color:#17131a!important;background:#f4e6ad!important;border:2px solid var(--lab-black)!important;box-shadow:2px 2px 0 #8d6724!important;font-size:14px!important;font-weight:900!important;line-height:18px!important}
.mint-page .batch-selector button:disabled{filter:grayscale(1)!important;opacity:.5!important;cursor:not-allowed!important}
.mint-page .batch-selector span{display:flex!important;min-width:70px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:2px!important;background:#f4e6ad!important;border:2px solid var(--lab-black)!important;font-size:8px!important;line-height:1.2!important}
.mint-page .batch-selector b{font-size:11px!important}.mint-page .batch-selector small{font-size:5px!important;white-space:nowrap!important}
.mint-page .knobwrap{align-self:end!important;gap:5px!important}
.mint-page .knob{
  width:46px!important;height:46px!important;padding:0!important;border:4px solid var(--lab-black)!important;border-radius:0!important;
  background:linear-gradient(135deg,#e7e3d4 0 50%,#96988f 50%)!important;box-shadow:4px 4px 0 rgba(0,0,0,.45)!important;
  transform:rotate(45deg)!important
}
.mint-page .knob:hover:not(:disabled){transform:rotate(45deg) translate(-1px,-1px)!important}
.mint-page .knob.spin{transform:rotate(405deg)!important}
.mint-page .knob .slot{width:27px!important;height:8px!important;border:2px solid var(--lab-black)!important;background:#50545a!important}
.mint-page .knob .arrow{display:none!important}
.mint-page .knoblabel{font-size:7px!important}
.mint-page .tray{height:37px!important;margin-top:7px!important;border:4px solid var(--lab-black)!important;border-radius:0!important}
.mint-page .tray .lip{height:9px!important}.mint-page .drop{width:27px!important;height:27px!important}
.mint-page .mname{margin-top:11px!important;font-size:10px!important}.mint-page .modds{font-size:6px!important;line-height:1.8!important}.mint-page .walletmints{margin-top:6px!important;padding:3px 8px!important;border-radius:0!important;font-size:7px!important}

/* lower status panels */
.mint-page .reveal-banner,.mint-page .tiers,.mint-page h2.sec,.mint-page .bag,.mint-page .note{max-width:970px!important;margin-left:auto!important;margin-right:auto!important}
.mint-page .reveal-banner{margin-top:28px!important;padding:10px!important;font-size:8px!important}
.mint-page .tiers{display:grid!important;grid-template-columns:repeat(4,1fr)!important;margin-top:14px!important}
.mint-page .tier{max-width:none!important;padding:8px!important;font-size:7px!important}.mint-page .tier b{font-size:8px!important}
.mint-page h2.sec{font-size:13px!important;margin-top:24px!important}
.mint-page .bag{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important}
.mint-page .cap{padding:8px!important}.mint-page .cap .egg{width:58px!important;height:58px!important;border-radius:50%!important;transform:none!important}
.mint-page .cap.locked .egg{transform:none!important}
.mint-page .note{font-size:8px!important}

@media(max-width:900px){
  .mint-page .hero-copy{grid-template-columns:1fr!important}.mint-page .lab-skyline{min-height:220px!important;border-left:0!important;border-top:4px solid var(--lab-black)!important}
  .mint-page .lab-grid{grid-template-columns:1fr!important;gap:26px!important}.mint-page .lab-core{grid-row:1!important;width:min(100%,300px)!important;margin:auto!important}
  .mint-page .specimen-rack{grid-template-columns:repeat(3,1fr)!important}.mint-page .specimen-rack .specimen-pod:nth-child(even){transform:none!important}
}
@media(max-width:560px){
  .mint-page .pixel-shell{width:calc(100% - 12px)!important}.mint-page .pixel-nav .spacer{display:none!important}.mint-page #wallet{width:100%!important;order:5!important}
  .mint-page .x-social{order:6!important;margin-left:auto!important}.mint-page #connect{order:7!important}.mint-page #reset{order:8!important}
  .mint-page .hero-message{padding:38px 18px 24px 30px!important}.mint-page .pixel-title{font-size:27px!important}.mint-page .lead{margin-left:8px!important;margin-right:8px!important}
  .mint-page .lab-grid{padding:28px 10px 40px!important}.mint-page .specimen-rack{grid-template-columns:repeat(2,1fr)!important}.mint-page .specimen-pod{min-height:148px!important}
  .mint-page .tiers{grid-template-columns:repeat(2,1fr)!important;margin-left:8px!important;margin-right:8px!important}.mint-page .reveal-banner,.mint-page h2.sec,.mint-page .bag,.mint-page .note{margin-left:8px!important;margin-right:8px!important}
}

/* ================================================================
   SEALED CAPSULE PODS
   Side pods no longer display creatures; they hold a floating sealed capsule instead.
   Rarity stays encrypted until opened, so set dressing must not leak tier information either.
   This sheet loads last, so equal-specificity selectors override pixel.css without !important.
   ================================================================ */
.mint-page .pod-capsule {
  position: absolute; z-index: 1; left: 50%; top: 46%;
  width: 58px; height: 58px; margin: -29px 0 0 -29px;
  border-radius: 50%; border: 3px solid #10131c;
  box-shadow: inset -5px -6px 0 rgba(0,0,0,.3), inset 4px 4px 0 rgba(255,255,255,.28),
              0 6px 0 rgba(0,0,0,.45);
  animation: podFloat 3.4s ease-in-out infinite;
}
.mint-page .pod-capsule .cap-shell {
  position: absolute; inset: 0; border-radius: 50%;
  background: linear-gradient(var(--c) 0 45%, #10131c 45% 55%, #cfd6e0 55% 100%);
}
.mint-page .pod-capsule .cap-latch {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
  width: 17px; height: 17px; border-radius: 50%;
  background: #f4f6fa; border: 3px solid #10131c;
}
/* Scan beam inside the pod, reinforcing "contents unknown" */
.mint-page .specimen-pod .pod-capsule::after {
  content: ""; position: absolute; left: -14px; right: -14px; top: 50%; height: 2px;
  background: linear-gradient(90deg, transparent, #9ff5dd, transparent);
  opacity: .75; animation: podScan 2.6s linear infinite;
}
@keyframes podFloat { 50% { transform: translateY(-7px); } }
@keyframes podScan  { 0% { top: 12%; opacity: 0; } 15%,85% { opacity: .75; } 100% { top: 88%; opacity: 0; } }

@media (max-width: 900px) {
  .mint-page .pod-capsule { width: 50px; height: 50px; margin: -25px 0 0 -25px; }
}
@media (max-width: 560px) {
  .mint-page .pod-capsule { width: 44px; height: 44px; margin: -22px 0 0 -22px; }
  .mint-page .pod-capsule .cap-latch { width: 14px; height: 14px; }
}

/* Commit awaiting finalize: visually distinct from a minted capsule */
.mint-page .cap.pending { background: #3a3320 !important; }
.mint-page .cap.pending .pendingegg {
  background: radial-gradient(circle at 34% 30%, rgba(255,255,255,.5) 0 16%, rgba(143,134,166,.35) 17% 100%) !important;
  border-style: dashed !important; animation: pendingPulse 1.2s ease-in-out infinite !important;
}
@keyframes pendingPulse { 50% { opacity: .45; } }