/* The collection cabinet: artwork first, quiet brass and parchment details. */
#collection-dialog { --paper:#f3ead8; --brass:#d4b379; --muted:#a8bcb4; --line:#d8bf872b; --ink:#08191d; width:100%; max-width:none; height:100svh; max-height:none; margin:0; padding:0; border:0; color:var(--paper); background:radial-gradient(ellipse at 52% 14%,#21474975,transparent 62%),#08191d; font-family:'AEH Text',system-ui,sans-serif; overflow:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-color:#577269 #0b1c20; scrollbar-gutter:stable; }
#collection-dialog::backdrop { background:#040c10; }
#collection-dialog[open] { animation:collection-arrive 260ms ease both; }
#collection-dialog [hidden] { display:none!important; }
#collection-dialog *,#collection-dialog *::before,#collection-dialog *::after { box-sizing:border-box; }
#collection-dialog button,#collection-dialog select { font:inherit; }
#collection-dialog button { cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
#collection-dialog button:disabled { opacity:.45; cursor:default; }
#collection-dialog :is(button,select,a,[tabindex]):focus-visible { outline:2px solid #f5d397; outline-offset:5px; }
#collection-heading:focus { outline:none; }
#collection-dialog h2 { margin:0; font:400 32px/1.12 Georgia,'Times New Roman',serif; letter-spacing:-.025em; }
#collection-dialog p { text-wrap:pretty; }
#collection-dialog :is(h1,h2,h3,p,span,strong,small) { overflow-wrap:break-word; }
.collection-shell { width:min(1420px,calc(100% - 80px)); min-height:100%; margin:auto; display:flex; flex-direction:column; }
.collection-header { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; min-height:88px; border-bottom:1px solid var(--line); }
.collection-brand { color:#e3d4b5; font:600 23px 'AEH Display','Arial Narrow',sans-serif; letter-spacing:.12em; text-align:center; }
.collection-header>.collection-text-button { justify-self:start; }
.collection-header>:last-child:not(.collection-brand):not(.collection-text-button) { justify-self:end; }
.collection-text-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:52px; padding:13px 22px; border:1px solid #d4b379; border-radius:6px; background:linear-gradient(135deg,#172f2d,#0e2223); color:#efdbad; box-shadow:0 3px 0 #071715,inset 0 1px 0 #f0d89b14; font-size:14px!important; font-weight:600; line-height:1.4; transition:background 170ms,border-color 170ms,box-shadow 170ms,transform 170ms; }
.collection-text-button span { color:inherit; }
.collection-text-button:hover:not(:disabled) { background:linear-gradient(135deg,#29483f,#18332f); border-color:#f0d49c; color:#fff0cc; box-shadow:0 5px 0 #071715; transform:translateY(-2px); }
.collection-text-button:active:not(:disabled) { transform:translateY(1px); box-shadow:0 1px 0 #071715; }
.collection-preview-badge { color:#adbbb1; font-size:9px; text-transform:uppercase; letter-spacing:.12em; padding:8px 11px; border:1px solid #8ba19742; border-radius:3px; }
.collection-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin:48px 0 32px; }
.collection-eyebrow { color:var(--brass); font-size:10px; letter-spacing:.2em; margin:0 0 13px; line-height:1.5; text-transform:uppercase; }
#collection-heading { margin:0; font:400 clamp(40px,4.2vw,62px)/1.08 Georgia,'Times New Roman',serif; letter-spacing:-.045em; }
#collection-description { max-width:620px; margin:15px 0 0; color:var(--muted); font-size:14px; line-height:1.7; }
.collection-total { display:flex; flex-direction:column; align-items:flex-end; gap:7px; flex:none; padding-bottom:4px; color:var(--muted); font-size:11px; line-height:1.4; }
.collection-total :is(strong,b) { color:#edddbd; font:400 38px/1 Georgia,'Times New Roman',serif; letter-spacing:-.03em; }
.collection-total>span { letter-spacing:.035em; }
.collection-total strong small { color:#93aaa0; font:400 15px/1.2 'AEH Text',system-ui,sans-serif; letter-spacing:0; }
.collection-save-label { color:#8fa99c; font-size:9px; letter-spacing:.17em; text-align:right; }
.collection-wallet { display:flex; flex-direction:column; gap:5px; align-items:flex-end; color:var(--brass); }
.collection-wallet small { color:var(--muted); font-size:8px; letter-spacing:.13em; }
.collection-wallet strong { font:400 23px/1 Georgia,'Times New Roman',serif; }
.collection-purchase-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
#collection-dialog .collection-market-note { max-width:420px; margin:14px 0 0; font-size:11px; line-height:1.7; color:var(--muted); }
.collection-card-market { display:flex; flex:none; justify-content:center; align-items:center; flex-wrap:wrap; gap:7px; width:min(650px,100%); margin:15px auto 0; padding:13px 10px 0; border-top:1px solid var(--line); }
.collection-card-market>p,.collection-card-market>span { flex-basis:100%; margin:0; color:var(--muted); font-size:12px; line-height:1.6; text-align:center; }
.collection-card-market-actions { display:flex; align-items:center; justify-content:center; gap:24px; width:100%; }
.collection-detail-wallet { display:flex; flex:none; flex-direction:column; gap:5px; min-width:98px; padding:5px 12px; border:1px solid transparent; border-radius:5px; color:var(--brass); transition:background 220ms,border-color 220ms; }
.collection-detail-wallet small { color:var(--muted); font-size:8px; letter-spacing:.13em; }
.collection-detail-wallet strong { font:400 25px/1 Georgia,'Times New Roman',serif; font-variant-numeric:tabular-nums; }
.collection-detail-wallet.is-crediting { border-color:#dfc57d6b; background:#d4b37914; }
.collection-card-market #collection-sale-message { color:#e9cf93; font-size:12px; }
#collection-detail-error { color:#ffc5ac; text-align:center; }
.collection-tabs { display:flex; flex-wrap:wrap; align-items:center; gap:12px; width:100%; margin:0 0 30px; padding-bottom:16px; border-bottom:1px solid var(--line); }
.collection-tabs button { position:relative; min-height:48px; padding:12px 20px; border:1px solid #aa976355; border-radius:6px; background:#142d2b; color:#d7d6bf; font-size:13px!important; transition:background 170ms,border-color 170ms; }
.collection-tabs button:hover { background:#28473e; border-color:#d4b379; color:#f3e4bd; }
.collection-tabs button[aria-selected='true'] { border-color:#d4b379; background:#30483b; color:var(--paper); box-shadow:inset 0 -3px 0 #d4b379; }
.collection-tabs button span { margin-left:7px; color:#b4c2aa; font-size:10px; letter-spacing:.08em; }
.collection-primary,.collection-secondary { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:46px; padding:12px 22px; border-radius:5px; font-size:12px!important; line-height:1.45; transition:background 170ms,transform 170ms,border-color 170ms,box-shadow 170ms; }
.collection-primary { border:1px solid #ead19a; background:linear-gradient(135deg,#e6cc91,#c9a461); color:#12282a; box-shadow:0 3px 0 #735d35; font-weight:700!important; }
.collection-primary:hover:not(:disabled) { background:linear-gradient(135deg,#f3dcaa,#d4b175); transform:translateY(-2px); box-shadow:0 5px 0 #735d35; }
.collection-primary:active:not(:disabled) { transform:translateY(1px); box-shadow:0 1px 0 #735d35; }
.collection-secondary { border:1px solid #c5ac724f; background:#193432; color:#e1cfaa; }
.collection-secondary:hover:not(:disabled) { background:#234440; border-color:#cbb5789e; }
.collection-footer { display:flex; justify-content:space-between; gap:20px; margin-top:auto; padding:24px 0; border-top:1px solid var(--line); color:#8ca49a; font-size:11px; line-height:1.7; }
.collection-footer a { color:#cbb58b; text-underline-offset:3px; }
.collection-footer .collection-text-button { margin-left:14px; min-height:44px; padding:10px 16px; font-size:12px!important; }

/* Deck library. */
.collection-library-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px 24px; margin:0 0 22px; }
.collection-library-toolbar>span { color:#99afa6; font-size:12px; line-height:1.6; }
.collection-finish-toggle { display:inline-flex; gap:3px; padding:4px; max-width:100%; border:1px solid #b5c4af24; border-radius:7px; background:#07181c80; }
.collection-finish-toggle button { min-height:44px; min-width:94px; padding:10px 16px; border:1px solid transparent; border-radius:4px; color:#9eb5ac; background:transparent; font-size:12px!important; white-space:nowrap; transition:color 160ms,background 160ms,border-color 160ms; }
.collection-finish-toggle button:is([aria-pressed='true'],[aria-selected='true'],.is-active) { color:#f1dfb9; border-color:#b6a16f45; background:#2a403a; box-shadow:0 2px 8px #0002; }
.collection-finish-toggle button:hover { color:#ffebc5; }
#collection-dialog [data-rarity='common'] { --rarity:#f7f7f5; }
#collection-dialog [data-rarity='uncommon'] { --rarity:#56db8a; }
#collection-dialog [data-rarity='rare'] { --rarity:#5b9bff; }
#collection-dialog [data-rarity='mythic'] { --rarity:#ff9b46; }
.collection-lineup { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin-bottom:24px; }
.collection-deck-entry { min-width:0; position:relative; border:1px solid #abc0ae25; border-radius:10px; background:linear-gradient(160deg,#203d3d75,#102426ad); transition:border-color 200ms,background 200ms,box-shadow 200ms; }
.collection-deck-entry:hover,.collection-deck-entry:focus-within { border-color:#d4b37972; background:linear-gradient(160deg,#294847a1,#142b2d); box-shadow:0 12px 30px #0002; }
.collection-deck-open { display:flex; flex-direction:column; position:relative; width:100%; height:100%; min-width:0; padding:0 0 22px; border:0; border-radius:inherit; color:inherit; text-align:left; background:none; }
.collection-deck-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:56px; padding:18px 20px 10px; font-size:10px; letter-spacing:.09em; text-transform:uppercase; }
.collection-deck-meta>span:last-child { color:#a9bab1; font-size:9px; }
.collection-rarity { display:inline-flex; align-items:center; gap:7px; color:var(--rarity,#d1c3a4); font-size:10px; }
.collection-rarity::before { content:''; width:5px; height:5px; flex:none; background:currentColor; transform:rotate(45deg); opacity:.85; }
.collection-deck-fan { position:relative; width:100%; height:clamp(225px,19vw,278px); margin:9px 0 16px; isolation:isolate; perspective:1000px; }
.collection-deck-fan::after { content:''; position:absolute; left:20%; right:20%; height:24px; bottom:3px; border-radius:50%; background:#0008; filter:blur(12px); z-index:-1; }
.collection-deck-fan .collection-fan-card { position:absolute; top:8px; left:50%; width:43%; max-width:139px; aspect-ratio:5/8; border-radius:5px; box-shadow:0 8px 20px #0007; transform-origin:50% 108%; transition:transform 280ms cubic-bezier(.2,.7,.2,1); overflow:hidden; }
.collection-fan-card:nth-child(1) { transform:translateX(-82%) rotate(-14deg); z-index:1; }
.collection-fan-card:nth-child(2) { transform:translateX(-18%) rotate(14deg); z-index:2; }
.collection-fan-card:nth-child(3) { transform:translate(-50%,13px); z-index:3; }
.collection-deck-open:is(:hover,:focus-visible) .collection-fan-card:nth-child(1) { transform:translate(-86%,-5px) rotate(-17deg); }
.collection-deck-open:is(:hover,:focus-visible) .collection-fan-card:nth-child(2) { transform:translate(-14%,-5px) rotate(17deg); }
.collection-deck-open:is(:hover,:focus-visible) .collection-fan-card:nth-child(3) { transform:translate(-50%,5px); }
.collection-fan-card :is(img,canvas) { display:block; width:100%; height:100%; object-fit:fill; }
.collection-feature-copy { width:100%; padding:0 20px; text-align:left; }
#collection-dialog .collection-feature-copy h2 { font-size:clamp(25px,2.1vw,31px); line-height:1.16; letter-spacing:-.03em; }
.collection-feature-copy p { margin:9px 0 20px; min-height:36px; color:#a9bdb4; font-size:12px; line-height:1.55; }
.collection-progress-track { height:3px; margin:0 20px; width:calc(100% - 40px); border-radius:9px; overflow:hidden; background:#020f145f; }
.collection-progress-track>span { display:block; height:100%; max-width:100%; border-radius:inherit; background:linear-gradient(90deg,#8a9f88,#dec18b); }
.collection-progress-text { display:flex; justify-content:space-between; gap:10px; width:100%; margin-top:11px; padding:0 20px; color:#a0b5aa; font-size:11px; line-height:1.45; }
.collection-progress-text :is(strong,b) { color:#dfd2b6; font-weight:500; }
.collection-feature-copy .collection-progress-track { width:100%; margin-inline:0; }
.collection-feature-copy .collection-progress-text { padding-inline:0; }
.collection-library-note { margin:0 0 36px; max-width:740px; color:#90a89d; font-size:12px; line-height:1.8; }

/* Collections found around the room are revealed only after their first gift. */
.collection-bartender { margin-bottom:25px; }
.collection-bartender-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:34px 0; padding-bottom:28px; border-bottom:1px solid var(--line); }
#collection-dialog .collection-bartender-heading h2 { font-size:clamp(30px,3vw,43px); }
.collection-bartender-heading p:last-child { margin:13px 0 0; color:var(--muted); font-size:13px; line-height:1.7; }
.collection-bartender-progress { display:flex; flex-direction:column; align-items:flex-end; gap:8px; flex:none; color:var(--muted); font-size:9px; letter-spacing:.08em; }
.collection-bartender-progress strong { color:#edddbd; font:400 38px/1 Georgia,serif; }
.collection-bartender-progress small { color:var(--muted); font:400 15px/1.3 'AEH Text',system-ui,sans-serif; }
.collection-bartender-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:30px 22px; margin-bottom:32px; }
.collection-bartender-item { min-width:0; }
#collection-dialog .collection-bartender-inspect { display:block; width:100%; margin:0; padding:0; border:0; background:transparent; text-align:left; cursor:pointer; }
#collection-dialog .collection-bartender-inspect:hover { background:transparent; }
#collection-dialog .collection-bartender-inspect:focus-visible { outline:2px solid #dcc17f; outline-offset:7px; border-radius:7px; }
.collection-bartender-face { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; aspect-ratio:5/8; border:1px solid #cbb78a; border-radius:7px; color:#234739; background:linear-gradient(135deg,#efe7cf,#daccab); box-shadow:0 8px 22px #0004; }
.collection-bartender-face::before { content:''; position:absolute; inset:8px; border:1px solid #b89d6480; border-radius:3px; pointer-events:none; }
.collection-bartender-rank { position:absolute; top:14px; left:17px; font:700 clamp(16px,2vw,24px)/1 Georgia,serif; }
.collection-bartender-rank.is-bottom { top:auto; left:auto; bottom:14px; right:17px; transform:rotate(180deg); }
.collection-bartender-suit { font:400 clamp(34px,4vw,62px)/1 Georgia,serif; }
.collection-bartender-face small { font:700 8px/1.4 'AEH Text',system-ui,sans-serif; letter-spacing:.14em; }
.collection-bartender-face.is-locked { color:#e7ede280; border-color:#e7ede247; background:transparent; box-shadow:none; }
.collection-bartender-face.is-locked::before { border-color:#e7ede225; }
.collection-bartender-face.is-locked .collection-bartender-suit { color:transparent; -webkit-text-stroke:1px #e7ede270; }
.collection-bartender-face.is-locked small { visibility:hidden; }
.collection-bartender-face.is-owned { border:0; background:none; gap:0; }
.collection-bartender-face.is-owned::before { display:none; }
.collection-bartender-face.is-owned img { border-radius:inherit; }
.collection-bartender-item[data-owned='false'] .collection-card-caption { color:#8ba098; }
@media(max-width:1000px) {
  .collection-bartender-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px 18px; }
}
@media(max-width:700px) {
  .collection-editions { width:100%; }
  .collection-editions button { min-width:0; flex:1; padding-inline:7px; font-size:11px!important; }
  .collection-bartender-heading { align-items:flex-start; flex-direction:column; gap:18px; margin:25px 0; padding-bottom:24px; }
  .collection-bartender-progress { flex-direction:row; align-items:baseline; gap:12px; }
  .collection-bartender-progress strong { font-size:29px; }
  .collection-bartender-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px 12px; }
  .collection-bartender-face { gap:9px; }
  .collection-bartender-face::before { inset:5px; }
  .collection-bartender-rank { top:10px; left:10px; font-size:17px; }
  .collection-bartender-rank.is-bottom { bottom:10px; right:10px; }
  .collection-bartender-face small { font-size:6px; letter-spacing:.06em; }
  .collection-bartender-item .collection-card-caption { flex-wrap:wrap; gap:4px; }
}

/* Native 1000 by 1600 artwork retains its shape in every view. */
.collection-art { position:relative; display:block; width:100%; aspect-ratio:5/8; border-radius:inherit; }
.collection-art>img,.collection-art>canvas { display:block; width:100%; height:100%; max-width:none; object-fit:fill; border-radius:inherit; }
.collection-art.art-error { display:flex; align-items:center; justify-content:center; padding:12px; border:1px solid #bda56a54; background:#203733; color:#cbb99a; font-size:11px; line-height:1.5; text-align:center; }
.collection-gallery-header { display:flex; justify-content:space-between; align-items:flex-end; gap:22px; margin:0 0 26px; }
.collection-gallery-header>div { min-width:0; }
.collection-gallery-header h2 { font-size:clamp(29px,3vw,40px)!important; }
.collection-gallery-header p { margin:11px 0 0; color:var(--muted); font-size:12px; line-height:1.7; }
.collection-deck-navigation { display:grid; grid-template-columns:66px minmax(0,1fr) 66px; align-items:center; gap:20px; flex:1; min-width:0; }
.collection-deck-heading { min-width:0; text-align:center; }
.collection-gallery-header .collection-deck-heading .collection-eyebrow { margin:0 0 10px; }
.collection-corner-nav { --corner-shape:polygon(0 0,100% 0,100% 45%,45% 100%,0 100%); position:relative; isolation:isolate; display:flex; align-items:center; justify-content:center; flex:none; width:66px; min-width:44px; height:72px; min-height:44px; padding:0 13px 15px 0; border:0; border-radius:9px 3px 3px; background:transparent; color:#e0c38b; font-size:29px!important; line-height:1; transition:color 170ms,transform 170ms; }
.collection-corner-nav::before,.collection-corner-nav::after { content:''; position:absolute; z-index:-1; border-radius:inherit; clip-path:var(--corner-shape); pointer-events:none; transition:background 170ms; }
.collection-corner-nav::before { inset:0; background:#c2b37a72; }
.collection-corner-nav::after { inset:1px; background:#1c3a36; }
.collection-corner-nav.is-next { --corner-shape:polygon(55% 0,100% 0,100% 100%,0 100%,0 55%); padding:15px 0 0 13px; border-radius:3px 3px 9px; }
.collection-corner-nav:hover:not(:disabled) { color:#f5dca4; transform:translateY(-2px); }
.collection-corner-nav:hover:not(:disabled)::before { background:#dec28d; }
.collection-corner-nav:hover:not(:disabled)::after { background:#294b41; }
.collection-corner-nav:active:not(:disabled) { transform:translateY(0); }
.collection-gallery-tools { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:0 0 24px; }
.collection-gallery-tools label { display:flex; align-items:center; gap:9px; color:#abc0b5; font-size:11px; }
.collection-gallery-tools select { min-width:124px; max-width:100%; min-height:46px; padding:10px 34px 10px 13px; border:1px solid #a1baab3b; border-radius:5px; color:#e3dbc6; background:#142e2e; font-size:12px!important; color-scheme:dark; }
.collection-gallery-tools .collection-finish-toggle { margin-left:auto; }
.collection-gallery-tools>span { margin-left:auto; color:#91aa9e; font-size:11px; line-height:1.6; }
.collection-suit-section { padding:0 0 34px; }
.collection-suit-section h3 { display:flex; align-items:center; gap:13px; margin:0 0 16px; color:#dacaa7; font-size:12px; font-weight:500; line-height:1.5; letter-spacing:.07em; }
.collection-suit-section h3::after { content:''; height:1px; flex:1; background:linear-gradient(90deg,#b69e663b,transparent); }
.collection-card-grid { display:grid; grid-template-columns:repeat(13,minmax(0,1fr)); gap:11px; align-items:start; }
.collection-gallery-card { display:block; position:relative; min-width:0; width:100%; min-height:44px; padding:0; border:0; border-radius:4px; background:transparent; color:inherit; text-align:left; transition:transform 180ms; }
.collection-gallery-card .collection-art { border-radius:4px; box-shadow:0 5px 15px #0006; transition:filter 180ms,opacity 180ms,box-shadow 180ms; }
.collection-gallery-card:is(:hover,:focus-visible) { transform:translateY(-4px); z-index:2; }
.collection-gallery-card:is(:hover,:focus-visible) .collection-art { box-shadow:0 10px 24px #0009,0 0 0 1px #d9c28c80; }
.collection-gallery-card[data-owned='false'] .collection-art,.collection-gallery-card[data-owned='false']:is(:hover,:focus-visible) .collection-art { opacity:1; filter:none; background:transparent; box-shadow:none; }
.collection-missing-face { display:block; width:100%; height:100%; color:#f7f7f5; fill:none; stroke:currentColor; background:transparent; border-radius:inherit; }
.collection-gallery-card[data-owned='false'] :is(img,canvas,.aeh-foil-finish),.collection-detail-card[data-owned='false'] :is(img,canvas,.aeh-foil-finish) { display:none!important; }
.collection-detail-card[data-owned='false'],.collection-detail-card[data-owned='false'] .collection-art { background:transparent; box-shadow:none; filter:none; opacity:1; }
.collection-card-caption { display:flex; justify-content:space-between; align-items:baseline; gap:4px; margin-top:9px; min-height:25px; color:#a7bcb2; font-size:10px; line-height:1.4; }
.collection-card-caption :is(strong,b) { color:#e1d6bd; font-size:11px; font-weight:500; }
.collection-card-caption>:last-child { color:#91a79c; font-size:9px; text-align:right; }
.collection-empty,.collection-error { margin:14px 0 36px; padding:36px 24px; border:1px solid #b9ad8433; border-radius:8px; background:#122b2b80; color:#b5c6b9; font-size:13px; line-height:1.8; text-align:center; }
.collection-error { border-color:#c991695c; color:#e1c4a5; }
.collection-error>span { display:block; margin-bottom:16px; }
.collection-empty :is(h2,h3),.collection-error :is(h2,h3) { color:var(--paper); margin-top:0; }

/* Inspection zoom uses real scrollable dimensions; shared tilt remains untouched. */
#collection-card-detail { position:fixed; inset:0; z-index:20; display:flex; flex-direction:column; align-items:center; padding:76px 32px 24px; overflow:hidden; color:var(--paper); background:radial-gradient(ellipse at 50% 38%,#214947,#0a1e22 66%,#07171c); }
#collection-detail-close { position:absolute; top:18px; left:max(28px,calc((100% - 820px) / 2)); z-index:4; }
.collection-detail-stage { display:flex; align-items:center; justify-content:center; flex:1; min-height:0; width:100%; gap:28px; margin-bottom:22px; }
#collection-detail-face { --collection-fit-width:min(400px,calc((100svh - 315px) * .625),calc(100vw - 180px)); --collection-zoom:1; position:relative; flex:none; width:var(--collection-fit-width); aspect-ratio:5/8; border-radius:9px; outline:none; }
#collection-card-detail:has(.collection-card-market) #collection-detail-face { --collection-fit-width:min(400px,max(90px,calc((100svh - 470px) * .625)),calc(100vw - 180px)); }
.collection-detail-card { position:relative; width:100%; aspect-ratio:5/8; border-radius:inherit; box-shadow:0 25px 65px #0009,0 0 0 1px #f5e0aa1f; }
.collection-detail-card>.collection-art { height:100%; }
#collection-card-detail h2 { flex:none; max-width:90%; text-align:center; font-size:clamp(25px,2.5vw,34px); }
#collection-card-detail>p { flex:none; margin:9px 0 12px; color:#a9beb1; font-size:12px; line-height:1.5; text-align:center; }
.collection-arrow { display:grid; place-items:center; flex:none; width:46px; height:46px; padding:0; border:1px solid #c2b37a51; border-radius:50%; color:#e0c38b; background:#1c3a36; font-size:23px!important; line-height:1; transition:background 180ms,border-color 180ms; }
.collection-arrow:hover:not(:disabled) { background:#30524a; border-color:#d8bf849c; }
.collection-arrow.collection-corner-nav { width:46px; height:64px; padding:0 9px 13px 0; border:0; border-radius:8px 3px 3px; background:transparent; font-size:25px!important; }
.collection-arrow.collection-corner-nav.is-next { padding:13px 0 0 9px; border-radius:3px 3px 8px; }
.collection-arrow.collection-corner-nav:hover:not(:disabled) { background:transparent; }
.collection-detail-finishes { display:inline-flex; align-items:center; flex:none; gap:3px; max-width:100%; margin:0 0 9px; padding:3px; border:1px solid #a9b8a432; border-radius:6px; background:#07181c70; }
.collection-detail-finishes button { min-width:78px; min-height:44px; padding:9px 14px; border:1px solid transparent; border-radius:4px; color:#9fb5a8; background:transparent; font-size:11px!important; }
.collection-detail-finishes button[aria-pressed='true'] { color:#f1dfb9; border-color:#b6a16f55; background:#2a403a; }
.collection-detail-finishes button:hover:not(:disabled) { color:#f5e6c7; }
#collection-card-detail #collection-detail-position { position:absolute; top:36px; right:max(28px,calc((100% - 820px) / 2)); margin:0; color:#cdb98e; font-size:11px; line-height:1.4; letter-spacing:.08em; text-align:right; }
#collection-card-detail .collection-detail-hint { flex:none; margin:9px 0 0; max-width:500px; color:#99b2a4; font-size:11px; line-height:1.6; text-align:center; }
.collection-bartender-story { flex:none; max-width:550px; margin:3px 0 13px; text-align:center; }
.collection-bartender-story h3 { margin:0 0 6px; color:#ddc790; font:600 11px/1.4 'AEH Text',system-ui,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.collection-bartender-story p { margin:0; color:#c0d0c4; font:13px/1.6 'AEH Text',system-ui,sans-serif; }
#collection-card-detail[data-context='bartender'] #collection-detail-face { --collection-fit-width:min(400px,max(80px,calc((100svh - 400px) * .625)),calc(100vw - 180px)); }
.collection-pack-unrevealed { display:flex; flex-direction:column; align-items:center; justify-content:center; flex:none; gap:18px; width:min(100%,330px); margin:0; padding:8px 0 0; color:#b7c6b5; font-size:13px; line-height:1.8; text-align:center; }
.collection-pack-unrevealed p { margin:0; }
.collection-pack-unrevealed :is(strong,h3) { color:#e0cda3; font-weight:500; }
.collection-pack-unrevealed button { min-height:44px; }
.collection-detail-zoom { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px; max-width:100%; flex:none; }
.collection-detail-zoom button { min-width:48px; min-height:44px; padding:8px 12px; border:1px solid #7896894d; border-radius:5px; color:#b9cbbd; background:#112b2a; font-size:11px!important; }
.collection-detail-zoom button:is([aria-pressed='true'],[aria-selected='true'],.is-active) { color:#efddb6; border-color:#c4ab70a1; background:#2b453b; }
.collection-detail-zoom>span { min-width:44px; color:#a9c0b1; font-size:11px; text-align:center; }
#collection-card-detail.is-zoomed #collection-detail-face { width:min(960px,calc(100vw - 180px)); height:min(800px,calc(100svh - 315px)); aspect-ratio:auto; overflow:auto; border-radius:7px; background:#0616197a; box-shadow:inset 0 0 30px #0003; overscroll-behavior:contain; cursor:grab; touch-action:pan-x pan-y; scrollbar-color:#70897a #102528; }
#collection-card-detail.is-zoomed #collection-detail-face:active { cursor:grabbing; }
#collection-card-detail.is-zoomed .collection-detail-card { width:calc(var(--collection-fit-width) * var(--collection-zoom)); max-width:none; min-width:var(--collection-fit-width); height:auto; margin:24px auto; flex:none; }

/* A thin sealed packet, illustrated with the Underground's brick, leather and brass. */
#collection-dialog:has(#collection-packs:not([hidden]) .collection-pack-display) { overflow-anchor:none; }
.collection-pack-display { min-height:470px; display:flex; align-items:flex-start; justify-content:center; gap:clamp(40px,6vw,96px); padding:14px 20px 48px; }
.collection-pack-pitch { width:min(100%,400px); min-width:0; }
#collection-dialog .collection-pack-pitch h2 { margin:13px 0 20px; font-size:clamp(36px,4vw,48px); line-height:1.1; letter-spacing:-.035em; }
.collection-pack-pitch>p:not(.collection-eyebrow) { margin:0 0 22px; color:#a9beb3; font-size:13px; line-height:1.85; }
.collection-pack-composition { display:flex; flex-wrap:wrap; gap:14px 22px; margin:22px 0 15px; color:#b6c8b8; font-size:11px; }
.collection-pack-composition b { margin-right:4px; color:#e7d0a0; font-size:20px; font-weight:500; }
.collection-pack-pitch>small { display:block; margin-bottom:23px; color:#90aa9b; font-size:11px; line-height:1.65; }
#collection-dialog .collection-pack-pitch>.collection-packs-available { margin:18px 0 16px; color:#e0cfaa; font-size:13px; }
#collection-dialog .collection-pack-pitch>.collection-welcome-note { margin:18px 0 0; color:#a7bba6; font-size:11px; line-height:1.7; }
.collection-pack-odds { margin-top:22px; padding-top:9px; border-top:1px solid var(--line); color:#94ab9e; }
.collection-pack-odds summary { min-height:44px; padding:13px 0; color:#c8ba97; font-size:11px; line-height:1.6; cursor:pointer; text-align:left; }
.collection-pack-odds summary:focus-visible { outline:2px solid #f5d397; outline-offset:4px; border-radius:3px; }
.collection-pack-odds p { margin:7px 0 13px; color:#95ad9d; font-size:11px; line-height:1.8; text-align:left; }
.collection-pack-wrap { position:relative; isolation:isolate; flex:none; width:272px; aspect-ratio:17/26; margin-top:15px; perspective:900px; transform:rotate(-3deg); }
.collection-pack-wrap::before { content:''; position:absolute; z-index:-2; inset:35px -30px -22px; background:radial-gradient(ellipse,#b17b2920,transparent 68%); filter:blur(22px); }
.collection-pack-wrap::after { content:''; position:absolute; z-index:-1; top:17px; bottom:17px; right:-5px; width:9px; border:1px solid #74502d; border-radius:0 3px 3px 0; transform:skewY(-14deg); background:linear-gradient(90deg,#170e0d,#91704a 46%,#251911 80%); }
.collection-pack-foil { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; overflow:hidden; border:1px solid #be956798; border-radius:4px; background:linear-gradient(112deg,#f3d5a30c,transparent 28%,#080b0c10 55%,#f3d5a309 57%,transparent 70%),url('../assets/ui/underground-pack-v1.1e8c018c69a3f215.webp') center/cover,#170f10; color:#e8d6b2; text-align:center; box-shadow:inset 3px 0 5px #f8ddb533,inset -6px 0 8px #0009,3px 4px 0 #291b13,13px 23px 34px #0008; }
.collection-pack-foil::after { content:''; position:absolute; inset:25px 12px; border:1px solid #cba2684f; border-radius:2px; pointer-events:none; }
.collection-pack-crimp { position:absolute; z-index:2; left:0; right:0; height:16px; border-block:1px solid #d0a77580; background:linear-gradient(0deg,#140e0b55,transparent 48%,#ebc79322),repeating-linear-gradient(90deg,#5d4028 0 1px,#c19a6660 1px 2px,#251910 3px 5px); box-shadow:0 1px 3px #0009; }
.collection-pack-crimp-top { top:0; }
.collection-pack-crimp-bottom { bottom:0; }
.collection-pack-brand { margin-top:39px; color:#f0d9ad; font:500 27px/.98 'AEH Display','Arial Narrow',sans-serif; letter-spacing:.12em; text-shadow:0 2px 3px #000,0 0 16px #b2742933; }
.collection-pack-seal { position:absolute; bottom:85px; display:grid; place-items:center; width:32px; height:32px; border:1px solid #c7a16b85; border-radius:50%; color:#e2bd7d; background:#180e0c99; }
.collection-pack-seal span { font:23px/1 Georgia; text-shadow:0 1px 2px #000; }
.collection-pack-edition { margin-top:10px; color:#d3b27c; font-size:8px; letter-spacing:.16em; text-shadow:0 1px 3px #000; }
.collection-pack-foil>strong { position:absolute; bottom:62px; color:#ead6b0; font-size:9px; font-weight:500; line-height:1.5; letter-spacing:.2em; text-shadow:0 1px 4px #000; }
.collection-pack-sample { position:absolute; bottom:38px; color:#cbb28d; font-size:8px; line-height:1.5; letter-spacing:.23em; }
[data-phase='opening'] .collection-pack-wrap { animation:collection-pack-open 700ms ease both; }
[data-phase='opening'] .collection-pack-crimp-top { animation:collection-pack-tear 650ms ease both; }
.collection-reveal-header { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:4px 0 32px; }
.collection-reveal-header p:last-child { margin:12px 0 0; color:#a3b8aa; font-size:12px; line-height:1.6; }
.collection-pack-cards { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); align-items:start; gap:22px; margin:0 6px; padding:42px 0 0; }
.collection-pack-item { position:relative; min-width:0; }
.collection-pack-cards.is-spreading .collection-pack-item { will-change:transform; }
#collection-dialog .collection-pack-cards.is-spreading .collection-reveal-card:disabled { opacity:1; }
#collection-dialog .collection-pack-cards.is-spreading .collection-card-turn { transform:none; }
.collection-new-badge { position:absolute; z-index:5; top:-37px; left:50%; width:max-content; max-width:100%; padding:5px 12px; border:1px solid #f8e5ae; border-radius:5px; color:#172724; background:linear-gradient(135deg,#f4dfa2,#d3b469); box-shadow:0 2px 10px #0004,0 0 16px #e6c47724; text-align:center; font:800 13px/1.2 'AEH Text',system-ui,sans-serif; letter-spacing:.16em; transform:translateX(-50%); pointer-events:none; }
.collection-new-badge[hidden] { display:none; }
.collection-reveal-card { position:relative; display:block; isolation:isolate; width:100%; min-height:44px; aspect-ratio:5/8; padding:0; border:0; border-radius:6px; color:inherit; background:none; perspective:1000px; }
.collection-card-turn { position:relative; display:block; width:100%; height:100%; border-radius:inherit; transform-style:preserve-3d; transition:transform 540ms cubic-bezier(.2,.7,.2,1); }
.collection-sample-back,.collection-sample-front { position:absolute; inset:0; display:block; border-radius:inherit; backface-visibility:hidden; -webkit-backface-visibility:hidden; overflow:hidden; box-shadow:0 8px 23px #0007; }
.collection-sample-back { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; border:1px solid #b39b65bd; outline:1px solid #d3b97744; outline-offset:-8px; color:#d0bc87; background:repeating-linear-gradient(45deg,#c7b98212 0 1px,transparent 1px 7px),radial-gradient(ellipse at 50% 35%,#2e5148,#193a38 80%); transition:box-shadow 250ms,border-color 250ms; }
.collection-sample-back::before { content:''; position:absolute; top:50%; left:50%; width:50px; height:50px; border:1px solid #d9b7794d; transform:translate(-50%,-65%) rotate(45deg); pointer-events:none; }
.collection-sample-back>span:not(.collection-hover-hint) { position:relative; z-index:1; font:38px/1 Georgia,serif; }
.collection-sample-back>small { position:relative; z-index:1; max-width:85%; color:#c4bd9c; font-size:7px; letter-spacing:.11em; line-height:1.6; }
.collection-hover-hint { position:absolute; left:8px; right:8px; bottom:17px; z-index:3; color:#f0ddad; font:9px/1.4 'AEH Text',system-ui,sans-serif; letter-spacing:.07em; opacity:0; transition:opacity 220ms; }
.collection-sample-front { transform:rotateY(180deg); }
.collection-sample-front .collection-art { height:100%; }
.collection-pack-item:not(.is-revealed) .collection-reveal-card:is(:hover,:focus-visible) .collection-card-turn { transform:translateY(-8px) rotateX(2deg) scale(1.025); }
.collection-pack-item.is-revealed .collection-card-turn { transform:rotateY(180deg); }
.collection-pack-item.is-revealed .collection-reveal-card:is(:hover,:focus-visible) .collection-card-turn { transform:translateY(-5px) rotateY(180deg); }
.collection-pack-item.is-revealed .collection-sample-front { box-shadow:0 8px 23px #0007,0 0 0 1px color-mix(in srgb,var(--rarity) 70%,transparent); }

/* Hidden cards stay neutral until hover or keyboard focus. */
.collection-reveal-card::before { content:''; position:absolute; z-index:-1; inset:4px -10px -5px; border-radius:20%; background:radial-gradient(ellipse,color-mix(in srgb,var(--rarity,#f7f7f5) 42%,transparent),transparent 70%); filter:blur(16px); opacity:0; transform:scale(.88); pointer-events:none; transition:opacity 280ms,transform 350ms; }
.collection-reveal-card::after { content:''; position:absolute; z-index:4; inset:-18px; opacity:0; pointer-events:none; background:radial-gradient(circle at 5% 76%,var(--rarity) 0 1px,transparent 2.2px),radial-gradient(circle at 17% 35%,var(--rarity) 0 1px,transparent 2px),radial-gradient(circle at 82% 19%,var(--rarity) 0 1.4px,transparent 2.5px),radial-gradient(circle at 94% 65%,var(--rarity) 0 1px,transparent 2px),radial-gradient(circle at 54% 3%,#fff0c9 0 .8px,transparent 2px),radial-gradient(circle at 71% 95%,var(--rarity) 0 1px,transparent 2px); filter:drop-shadow(0 0 3px var(--rarity)); }
/* The badge becomes visible after its reveal finishes, so new-card lighting never spoils a face-down card. */
.collection-new-badge:not([hidden]) + .collection-reveal-card::before { inset:-10px -15px -8px; border-radius:16%; background:radial-gradient(ellipse,#eec97755 8%,#c8973e22 45%,transparent 74%); filter:blur(13px); opacity:.95; transform:scale(1.04); }
.collection-new-badge:not([hidden]) + .collection-reveal-card .collection-sample-front { box-shadow:0 8px 23px #0007,0 0 0 1.5px #f3d391,0 0 13px #e6bf6455,0 0 28px #d3a23d26; }
.collection-pack-item:not(.is-revealed) .collection-reveal-card:is(:hover,:focus-visible)::before { opacity:1; transform:scale(1.14); }
.collection-pack-item:not(.is-revealed) .collection-reveal-card:is(:hover,:focus-visible)::after { opacity:.86; animation:collection-kindled 1800ms ease-in-out infinite; }
.collection-pack-item:not(.is-revealed) .collection-reveal-card:is(:hover,:focus-visible) .collection-sample-back { border-color:var(--rarity); box-shadow:0 12px 26px #0008,0 0 0 1px var(--rarity),0 0 19px color-mix(in srgb,var(--rarity) 40%,transparent),inset 0 0 22px color-mix(in srgb,var(--rarity) 10%,transparent); }
.collection-pack-item:not(.is-revealed) .collection-reveal-card:is(:hover,:focus-visible) .collection-hover-hint { opacity:1; }
/* The foil hint is a field of iridescence over the back; rarity color stays around it. */
.collection-pack-item[data-foil='true'] .collection-sample-back::after { content:''; position:absolute; inset:0; z-index:2; border-radius:inherit; opacity:0; pointer-events:none; mix-blend-mode:screen; background:radial-gradient(ellipse at 22% 27%,#76ffe973,transparent 46%),radial-gradient(ellipse at 80% 73%,#e998ff63,transparent 42%),conic-gradient(from 25deg at 40% 55%,#ffcd5b18,#68d9f345,#cd83eb3b,#8be2b12d,#ffe39f40,#96b7f32b,#ffcd5b18),repeating-linear-gradient(124deg,transparent 0 12%,#fff5ce24 16%,transparent 22% 33%); background-size:130% 130%,135% 135%,160% 160%,180% 180%; background-position:30% 40%,65% 55%,40% 50%,25% 50%; transition:opacity 240ms; }
.collection-pack-item[data-foil='true']:not(.is-revealed) .collection-reveal-card:is(:hover,:focus-visible) .collection-sample-back::after { opacity:.82; animation:collection-pack-spectrum 3500ms ease-in-out infinite alternate; }
.collection-sample-label { min-height:48px; margin-top:17px; color:#b8c8ba; text-align:center; opacity:0; transform:translateY(4px); transition:opacity 240ms 240ms,transform 240ms 240ms; }
.collection-pack-item.is-revealed .collection-sample-label { opacity:1; transform:none; }
.collection-sample-label strong { display:block; color:var(--rarity,#e2d3ae); font-size:11px; font-weight:500; line-height:1.5; }
.collection-sample-label small { display:block; margin-top:5px; color:#a0b5a7; font-size:10px; line-height:1.45; }
.collection-god-banner { max-width:800px; margin:0 auto 25px; padding:15px 22px; border:1px solid #dec08072; border-radius:7px; color:#efd6a0; background:radial-gradient(ellipse at center,#b98d2c22,transparent 80%),#162c2b; box-shadow:0 0 26px #d9a84612,inset 0 0 18px #d9a8460a; text-align:center; font-size:13px; line-height:1.6; }
.collection-god-banner :is(strong,h3) { color:#f5dfac; letter-spacing:.06em; }
.collection-god-banner>span { display:inline-block; margin-left:14px; color:#d4c6a6; font-size:12px; }
.collection-pack-again { min-height:132px; padding:28px 0 36px; text-align:center; }
.collection-pack-again p { margin:0 0 20px; color:#98afa1; font-size:12px; line-height:1.7; }
.collection-pack-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; }
.collection-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

@keyframes collection-arrive { from { opacity:0; } to { opacity:1; } }
@keyframes collection-pack-open { 0% { transform:rotate(-5deg); } 25% { transform:rotate(-2deg) scale(1.035); } 50% { transform:rotate(-6deg) scale(1.02); opacity:1; } 100% { transform:translateY(45px) rotate(-9deg) scale(.94); opacity:0; } }
@keyframes collection-pack-tear { to { transform:translate(40px,-60px) rotate(25deg); opacity:0; } }
@keyframes collection-kindled { 0%,100% { transform:translateY(2px); opacity:.45; } 50% { transform:translateY(-6px); opacity:.95; } }
@keyframes collection-pack-spectrum { from { background-position:15% 30%,70% 65%,25% 40%,10% 50%; } to { background-position:75% 65%,20% 35%,70% 50%,85% 50%; } }

@media(min-width:1600px) {
  .collection-intro { margin-top:58px; margin-bottom:40px; }
  .collection-lineup { gap:28px; }
  .collection-deck-fan { height:285px; }
  .collection-deck-fan .collection-fan-card { max-width:147px; }
}
@media(max-width:1100px) {
  .collection-shell { width:calc(100% - 56px); }
  .collection-lineup { gap:17px; }
  .collection-deck-meta { padding-inline:15px; }
  .collection-deck-fan { height:216px; }
  .collection-feature-copy { padding-inline:15px; }
  .collection-progress-track { margin-inline:15px; width:calc(100% - 30px); }
  .collection-progress-text { padding-inline:15px; font-size:10px; }
  .collection-feature-copy p { font-size:11px; }
  .collection-pack-cards { gap:15px; }
}
@media(max-width:1000px) {
  .collection-lineup { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
  .collection-deck-fan { height:270px; margin-top:16px; }
  .collection-deck-fan .collection-fan-card { width:39%; max-width:143px; }
  .collection-deck-meta { padding-inline:22px; }
  .collection-feature-copy { padding-inline:22px; }
  #collection-dialog .collection-feature-copy h2 { font-size:29px; }
  .collection-feature-copy p { min-height:0; font-size:12px; }
  .collection-progress-track { margin-inline:22px; width:calc(100% - 44px); }
  .collection-progress-text { padding-inline:22px; font-size:11px; }
  .collection-card-grid { grid-template-columns:repeat(7,minmax(0,1fr)); gap:14px; }
  .collection-pack-cards { grid-template-columns:repeat(4,minmax(0,1fr)); gap:52px 22px; }
  .collection-pack-display { gap:55px; padding-inline:0; }
  .collection-reveal-card { max-width:220px; margin-inline:auto; }
}
@media(max-width:700px) {
  .collection-shell { width:calc(100% - 36px); }
  .collection-header { min-height:88px; padding-top:12px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
  .collection-header>.collection-text-button { min-width:0; max-width:100%; padding-inline:14px; }
  .collection-brand { justify-self:end; font-size:18px; letter-spacing:.08em; }
  .collection-header>.collection-preview-badge { display:none; }
  .collection-save-label { display:none; }
  .collection-wallet { grid-column:1 / -1; flex-direction:row; align-items:center; gap:10px; margin-bottom:12px; }
  .collection-wallet strong { font-size:21px; }
  .collection-intro { gap:16px; align-items:flex-start; margin:32px 0 25px; }
  #collection-heading { font-size:40px; }
  #collection-description { font-size:12px; max-width:330px; line-height:1.65; }
  .collection-total { padding-top:5px; font-size:10px; max-width:92px; text-align:right; }
  .collection-total :is(strong,b) { font-size:29px; }
  .collection-eyebrow { font-size:9px; letter-spacing:.15em; }
  .collection-tabs { gap:10px; margin-bottom:24px; }
  .collection-tabs button { flex:1; padding-inline:12px; }
  .collection-library-toolbar { align-items:flex-start; gap:12px; }
  .collection-library-toolbar>span { max-width:240px; font-size:11px; }
  .collection-lineup { gap:15px; }
  .collection-deck-meta { padding:15px 14px 7px; min-height:48px; gap:5px; font-size:9px; }
  .collection-deck-meta>span:last-child { font-size:8px; letter-spacing:.025em; }
  .collection-deck-fan { height:224px; margin-top:9px; margin-bottom:14px; }
  .collection-deck-fan .collection-fan-card { width:43%; max-width:115px; }
  .collection-feature-copy { padding-inline:15px; }
  #collection-dialog .collection-feature-copy h2 { font-size:25px; }
  .collection-feature-copy p { margin-bottom:16px; font-size:11px; }
  .collection-progress-track { margin-inline:15px; width:calc(100% - 30px); }
  .collection-progress-text { padding-inline:15px; font-size:10px; flex-wrap:wrap; gap:3px; }
  .collection-library-note { font-size:11px; margin-bottom:26px; }
  .collection-gallery-header { align-items:flex-start; flex-direction:column; gap:13px; margin-bottom:20px; }
  .collection-deck-navigation { grid-template-columns:56px minmax(0,1fr) 56px; gap:12px; width:100%; }
  .collection-deck-navigation>.collection-corner-nav { width:56px; height:64px; font-size:26px!important; }
  .collection-gallery-header .collection-deck-heading h2 { font-size:clamp(24px,5vw,32px)!important; }
  .collection-gallery-header .collection-deck-heading .collection-eyebrow { font-size:9px; letter-spacing:.1em; }
  .collection-gallery-tools { gap:9px; }
  .collection-gallery-tools .collection-finish-toggle { margin-left:0; }
  .collection-gallery-tools>span { flex-basis:100%; margin-left:0; }
  .collection-gallery-tools select { min-width:110px; }
  .collection-card-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px 11px; }
  .collection-card-caption { margin-top:7px; font-size:9px; }
  .collection-card-caption :is(strong,b) { font-size:10px; }
  .collection-suit-section { padding-bottom:26px; }
  .collection-footer { flex-direction:column; gap:5px; padding-block:20px; font-size:10px; }
  #collection-card-detail { padding:82px 12px 18px; }
  #collection-detail-close { top:15px; left:19px; }
  #collection-card-detail #collection-detail-position { top:33px; right:19px; font-size:10px; }
  #collection-card-detail[data-context='bartender'] { padding-top:108px; }
  #collection-card-detail[data-context='bartender'] #collection-detail-position { top:82px; left:19px; right:19px; text-align:center; }
  .collection-detail-stage { gap:10px; margin-bottom:18px; }
  #collection-detail-face { --collection-fit-width:min(330px,calc((100svh - 345px) * .625),calc(100vw - 140px)); }
  .collection-arrow { width:44px; height:44px; }
  .collection-arrow.collection-corner-nav { width:44px; height:58px; }
  .collection-detail-finishes button { min-width:68px; padding-inline:10px; }
  #collection-card-detail .collection-detail-hint { max-width:310px; font-size:10px; }
  #collection-card-detail.is-zoomed #collection-detail-face { width:calc(100vw - 136px); height:calc(100svh - 345px); }
  #collection-card-detail.is-zoomed .collection-detail-card { margin-block:14px; }
  #collection-card-detail h2 { font-size:27px; }
  #collection-card-detail>p { font-size:11px; }
  .collection-detail-zoom { gap:5px; }
  .collection-detail-zoom button { min-width:44px; padding-inline:10px; }
  .collection-card-market { margin-top:10px; padding-top:10px; gap:5px; }
  .collection-card-market-actions { gap:10px; }
  .collection-card-market-actions button { padding-inline:12px; }
  .collection-detail-wallet { min-width:87px; padding-inline:8px; }
  .collection-detail-wallet strong { font-size:23px; }
  .collection-card-market>p,.collection-card-market>span { font-size:10px; }
  #collection-card-detail:has(.collection-card-market) #collection-detail-face { --collection-fit-width:min(330px,max(86px,calc((100svh - 450px) * .625)),calc(100vw - 140px)); }
  .collection-pack-display { flex-direction:column; align-items:center; justify-content:flex-start; gap:38px; padding:12px 8px 48px; }
  .collection-pack-wrap { width:min(236px,calc(100% - 24px)); }
  .collection-pack-brand { margin-top:34px; font-size:24px; }
  .collection-pack-edition { font-size:7px; }
  .collection-pack-pitch { text-align:center; }
  .collection-pack-composition { justify-content:center; }
  #collection-dialog .collection-pack-pitch h2 { font-size:37px; }
  .collection-pack-pitch>p:not(.collection-eyebrow) { font-size:12px; }
  .collection-reveal-header { align-items:flex-start; gap:16px; margin-bottom:22px; }
  .collection-reveal-header h2 { font-size:29px!important; }
  .collection-reveal-header p:last-child { max-width:220px; font-size:11px; }
  .collection-reveal-header .collection-secondary { padding-inline:14px; flex:none; }
  .collection-pack-cards { grid-template-columns:repeat(3,minmax(0,1fr)); gap:50px 14px; margin:0; }
  .collection-sample-back::before { width:38px; height:38px; }
  .collection-sample-back>span:not(.collection-hover-hint) { font-size:31px; }
  .collection-sample-back>small { font-size:6px; letter-spacing:.04em; }
  .collection-sample-label { margin-top:12px; }
  .collection-sample-label strong { font-size:10px; }
  .collection-sample-label small { font-size:9px; }
  .collection-hover-hint { bottom:13px; font-size:8px; letter-spacing:0; }
  .collection-god-banner { padding:13px 16px; font-size:12px; }
}
@media(max-width:420px) {
  .collection-intro { flex-wrap:wrap; }
  .collection-total { flex-direction:row; align-items:baseline; gap:10px; max-width:none; padding:0; text-align:left; }
  .collection-total :is(strong,b) { font-size:25px; }
  .collection-lineup { grid-template-columns:minmax(0,1fr); gap:20px; }
  .collection-deck-fan { height:278px; margin-top:12px; }
  .collection-deck-fan .collection-fan-card { width:39%; max-width:143px; }
  .collection-deck-meta { padding-inline:22px; font-size:10px; }
  .collection-feature-copy { padding-inline:22px; }
  #collection-dialog .collection-feature-copy h2 { font-size:30px; }
  .collection-feature-copy p { font-size:12px; }
  .collection-progress-track { margin-inline:22px; width:calc(100% - 44px); }
  .collection-progress-text { padding-inline:22px; font-size:11px; }
  .collection-library-toolbar { flex-direction:column; }
  .collection-library-toolbar>span { max-width:none; }
  .collection-card-grid { gap:13px 9px; }
  .collection-card-caption { flex-wrap:wrap; gap:2px; }
  .collection-card-caption>:last-child { margin-left:auto; }
  .collection-pack-cards { gap:48px 11px; }
  .collection-reveal-header h2 { font-size:26px!important; }
}
@media(max-height:600px) and (min-width:701px) {
  #collection-card-detail { padding-top:64px; padding-bottom:12px; }
  .collection-detail-stage { margin-bottom:10px; }
  #collection-detail-face { --collection-fit-width:min(300px,calc((100svh - 260px) * .625)); }
  #collection-card-detail.is-zoomed #collection-detail-face { height:calc(100svh - 260px); }
  #collection-card-detail h2 { font-size:25px; }
  #collection-card-detail>p { margin-block:6px; }
  #collection-detail-close { top:8px; min-height:44px; padding-block:10px; }
}
@media(prefers-reduced-motion:reduce) {
  #collection-dialog[open],#collection-dialog *,#collection-dialog *::before,#collection-dialog *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .collection-gallery-card:is(:hover,:focus-visible),.collection-primary:hover:not(:disabled) { transform:none; }
  .collection-corner-nav:hover:not(:disabled) { transform:none; }
  .collection-pack-item:not(.is-revealed) .collection-reveal-card:is(:hover,:focus-visible) .collection-card-turn { transform:none; }
  .collection-pack-item.is-revealed .collection-reveal-card:is(:hover,:focus-visible) .collection-card-turn { transform:rotateY(180deg); }
  .collection-deck-open:is(:hover,:focus-visible) .collection-fan-card:nth-child(1) { transform:translateX(-82%) rotate(-14deg); }
  .collection-deck-open:is(:hover,:focus-visible) .collection-fan-card:nth-child(2) { transform:translateX(-18%) rotate(14deg); }
  .collection-deck-open:is(:hover,:focus-visible) .collection-fan-card:nth-child(3) { transform:translate(-50%,13px); }
}