/* Round 12. Rest content is synchronous; overlays only exist as sheets while open. */
.collection-filter-panel[hidden],.sheet-backdrop[hidden]{display:none!important}
.collection-filter-panel:not(.collection-sheet){position:static}
.chain-pair img{display:block;width:100%;height:auto}
.sample-pieces .wallet-piece>.kicker{display:none}
@media(max-width:767px){
 body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
 .hero.rail-hero{padding-top:112px;margin-top:0;gap:24px}
 .hero-heading{grid-row:1;display:flex;flex-direction:column;align-items:flex-start}
 .hero-heading h1{margin:12px 0}
 .hero-heading .hero-tagline{margin:0}
 .hero-heading .hero-trading{font-size:15px;line-height:1.5;margin:12px 0 0}
 .hero-heading .hero-actions{order:1;margin-top:16px;width:100%;flex-wrap:nowrap}
 .hero-heading .hero-actions .btn{flex:1;padding-inline:8px;font-size:14px;white-space:nowrap}
 .hero-heading .publication-note{order:2;margin:12px 0 0;font-size:13px}
 .hero-heading .hero-helper,.hero-heading .hero-piece-hint{display:none}
 .hook-stage{grid-row:2;height:320px}
 .hook-mount{height:320px}
 .collection-filter-panel{position:static}
 .collection-filter-panel.collection-sheet{position:fixed;z-index:70;inset:auto 0 0;display:block;max-height:85dvh}
 #openFilters{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;min-height:40px;border:1px solid var(--line);border-radius:999px;padding:0 14px;font:400 14px/1 var(--font-body);background:var(--card);color:var(--ink)}
 #openFilters svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
 .collection-bar{align-items:center;flex-wrap:nowrap}
 .collection-tools{margin:0;align-items:center}
 .collection-grid{display:grid}
 .build-bench{display:grid;grid-template-columns:minmax(0,1fr)}
 .build-card{width:240px;max-width:100%}
 .build-card>.piece-card{width:100%}
 .build-controls{display:grid;gap:20px;min-width:0}
 .build-controls .segments{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:4px 2px 8px}
 .build-controls .segments button{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-height:40px;height:40px;padding:0 12px;scroll-snap-align:start;white-space:nowrap}
 .build-controls .segments small{font-size:13px}
 .wallet-pieces.sample-pieces{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:8px 0 16px}
 .sample-pieces .wallet-piece{flex:0 0 140px;width:140px;scroll-snap-align:start;min-width:0}
 .sample-pieces .wallet-piece .piece-card{width:140px}
 .sample-pieces .piece-front .piece-rank{display:inline-block}
 #findPieces:disabled{background:var(--tint);color:color-mix(in srgb,var(--ink) 40%,transparent);opacity:1;box-shadow:none}
 .piece-back{width:min(232px,calc(100vw - 32px));max-width:min(232px,calc(100vw - 32px))}
 .piece-card .piece-back{width:min(232px,calc(100vw - 32px))!important;max-width:min(232px,calc(100vw - 32px))!important;min-width:0;left:0!important;margin-left:0!important;transform:translateX(var(--back-shift,0px))!important;opacity:0;pointer-events:none}
 .piece-card.is-flipped .piece-turn{transform:none!important;transition:none!important}
 .piece-card.is-flipped .piece-back{opacity:1;pointer-events:auto}
 .piece-card.is-flipped .piece-front{opacity:0;pointer-events:none}
 .piece-back p.exact-mix,.piece-back .piece-odds,.exact-mix{font-size:13px}
 #footerX a{display:flex;align-items:center;min-height:44px}
 #what-runs{position:relative}
 .runtime-row{scroll-snap-type:x mandatory;scroll-padding-inline:8px;mask-image:linear-gradient(to right,transparent,var(--ink) 8px,var(--ink) calc(100% - 24px),transparent)}
 .runtime-card{flex:0 0 min(260px,calc(100vw - 48px));max-width:260px;scroll-snap-align:start}
 body.sheet-open .phone-tabs,body.popover-open .phone-tabs{display:none}
 /* The floor is inherited by nested sentence spans, including exact-mix numbers. */
 p,li,dd,p *,li *,dd *{font-size: max(13px,1em)}
 p,li,dd{font-size: max(13px,1em)!important}
 .line-row p{font-size:clamp(32px,5.4vw,88px)!important}
 button,input,select,summary,[role=button],a[href]{min-height:40px}
 a[href]{display:inline-flex;align-items:center}
 .active-filters button{height:40px;min-height:40px}
 .footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
}