/* Full-size card inspection, exact pack collections, adventure records. */
.card-inspection{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:30px;align-items:center;padding:12px 0}
.inspection-art{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.inspection-art>.game-card{width:100%;max-width:300px;aspect-ratio:2/3;height:auto;cursor:zoom-in}
.modal:has(.card-inspection),.modal:has(.art-view),.modal:has(.pool-browser){background:#101a16}
.inspection-copy{min-width:0}.inspection-copy h2{font-size:36px;line-height:1.05;margin:12px 0 15px;overflow-wrap:anywhere}
.inspection-tags{display:flex;gap:7px;flex-wrap:wrap}.inspection-effect{padding:19px;margin:19px 0 13px;background:#0a1d19;border:1px solid #3c6550;border-left:4px solid var(--accent);border-radius:8px}
.inspection-effect .eyebrow{font-size:11px}.inspection-effect p{font:500 17px/1.6 'Barlow',sans-serif;margin:10px 0 0;color:#edf8ee;letter-spacing:0}
.inspection-copy .detail-stats{display:flex;flex-wrap:wrap;gap:17px;font-size:15px;margin:16px 0}.inspection-primary{width:100%;margin-top:15px;font-size:18px}
.inspection-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:10px;font-size:13px}.inspection-controls [data-action="inspect-hand-prev"] .icon{transform:rotate(180deg)}
.inspection-warning{font:500 14px/1.5 'Barlow',sans-serif;color:#ffce83;margin-top:12px}.inspection-sources{margin-top:18px;font-size:13px;display:flex;flex-direction:column;gap:8px}.inspection-sources button{display:flex;align-items:center;gap:5px;color:#7bdebd;text-align:left;font:500 14px/1.4 'Barlow',sans-serif}
.canonical-effect{border:1px solid #35574a;border-radius:7px;padding:12px;font:500 14px/1.5 'Barlow',sans-serif}.canonical-effect summary{cursor:pointer;color:#93ccb2}.canonical-effect p{font:inherit;margin:10px 0}.canonical-effect a{color:#82e2c5}
.art-view{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center}.art-view>img{display:block;height:min(70svh,900px);max-width:100%;object-fit:contain;border-radius:10px;box-shadow:0 0 35px #4b99763d}.art-view>div{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap}.art-view h2{font-size:25px}
.pack-collection-summary{width:100%;display:flex;flex-direction:column;gap:8px;margin:12px 0 16px}.pack-collection-summary>strong{font-size:18px;color:#daf4d3}.pack-collection-summary>span{font:500 12px/1.5 'Barlow',sans-serif;color:#a8b8ae}.pack-collection-summary .progress-bar{margin:0;height:5px}.pack-collection-summary .btn{width:100%}
.pack-panel .pack-collection-summary{grid-column:2}.pack-panel>.btn{width:100%}.pool-browser h2{margin:12px 0}.pool-browser>p{font:500 14px/1.6 'Barlow',sans-serif;color:#b4c5bd}.pool-browser .tabs{flex-wrap:wrap;gap:5px;margin:14px 0}.pool-browser .tabs button{font-size:14px;white-space:normal}
.pool-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px;margin:23px 0}.pool-card{min-width:0}.pool-card .game-card{width:100%;aspect-ratio:2/3}.pool-ownership{display:block;margin-top:9px;font:600 11px/1.5 'Barlow',sans-serif;text-align:center;color:#99d8b1}.pool-ownership.missing{color:#ffc974}.pool-hint{font-size:12px!important}.pool-card .unowned{opacity:.88;filter:saturate(.7)}
.ranking-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.ranking-tabs button{border:1px solid #35594a;background:#0e1b17;color:#b3c8ba;border-radius:6px;padding:9px 14px;font:700 16px/1.15 'Barlow Condensed',sans-serif}.ranking-tabs button.active{border-color:var(--accent);background:#27432d;color:#eaffcb}.rank-table-wrap{overflow-x:auto}.record-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.record-strip>div{padding:12px;border:1px solid #345042;border-radius:8px;background:#102018}.record-strip strong{display:block;font-size:17px;margin-bottom:5px}.record-strip span{font:500 12px/1.4 'Barlow',sans-serif;color:#a9c1b3}.ranking-hero p{font-size:15px}.rank-rules{font:500 14px/1.65 'Barlow',sans-serif}.ranking-offline{font:500 12px/1.5 'Barlow',sans-serif;color:#ffd19e}
.battle-actions .action-copy small{font:500 13px/1.5 'Barlow',sans-serif}.game-card.spell .card-art img{opacity:1}.game-card .spell-sigil{display:none}
@media(min-width:761px){.pack-panel .pack-collection-summary{grid-column:auto}.pool-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){
 .modal:has(.card-inspection),.modal:has(.art-view){padding:35px 18px 22px;max-height:94svh}.card-inspection{grid-template-columns:1fr;gap:16px;padding:0}.inspection-art>.game-card{width:min(65vw,248px);max-width:none}.inspection-art .btn{font-size:13px;padding:7px 10px}.inspection-copy h2{font-size:29px;margin:9px 0 13px;text-align:center}.inspection-copy>.eyebrow{text-align:center;font-size:11px}.inspection-tags{justify-content:center}.inspection-effect{padding:14px;margin:15px 0}.inspection-effect p{font-size:16px;line-height:1.55}.inspection-copy .detail-stats{justify-content:center;font-size:15px;gap:15px}.inspection-primary{font-size:18px;padding:14px;margin-top:12px}.inspection-controls{margin-top:12px}.canonical-effect{font-size:14px}.inspection-warning{font-size:14px}.art-view>img{height:auto;max-height:70svh;width:auto;max-width:100%}.art-view h2{font-size:23px}
 .pool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 11px}.pool-card-grid .card-label h3{font-size:14px}.pool-card-grid .card-type{font-size:7px}.pool-card .card-cost{font-size:14px}.pool-ownership{font-size:11px}.pool-browser .tabs button{padding:8px;font-size:12px}.pool-browser>p{font-size:13px}.pack-panel .pack-visual{grid-row:1/7;align-self:start}.pack-panel .pack-collection-summary{margin:5px 0 10px}.pack-collection-summary>strong{font-size:16px}.pack-collection-summary>span{font-size:11px}.pack-panel p{font-size:12px!important}.pack-panel .btn{font-size:12px}.daily-banner p{font-size:12px;line-height:1.4}.daily-banner h3{font-size:20px}.daily-banner .btn{font-size:12px}.record-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-tabs button{font-size:14px;padding:8px 11px}.rank-table td{font-size:12px}.rank-table th{font-size:11px}.ranking-hero p{font-size:14px}.battle-actions .action-copy{min-width:110px}.battle-actions .action-copy small{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.card-inspection *,.art-view *{animation:none!important;transition:none!important}}
/* Keep the effect beside the art on phones; duel actions must not fall below it. */
@media(max-width:760px){
 .modal-backdrop:has(.card-inspection){padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom));align-items:center}
 .modal:has(.card-inspection){max-height:calc(var(--duel-viewport-height,100dvh) - 16px);padding:42px 14px 12px;scroll-padding-bottom:70px;border-radius:12px}
 .card-inspection{grid-template-columns:minmax(88px,.75fr) minmax(0,1.25fr);gap:13px;align-items:start}
 .inspection-art{position:sticky;top:0;gap:7px}
 .inspection-art>.game-card{width:100%;max-width:160px}
 .inspection-art .btn{font-size:11px;line-height:1.2;padding:6px 0;white-space:normal}
 .inspection-art .game-card .card-label h3{font-size:15px}
 .inspection-art .game-card .card-type{font-size:7px}
 .inspection-art .game-card .card-stats{font-size:10px;padding:5px}
 .inspection-art .game-card .card-cost{width:24px;height:27px;font-size:15px}
 .inspection-copy h2{font-size:24px;text-align:left;margin:7px 0 9px;padding:0}
 .inspection-copy>.eyebrow{text-align:left;font-size:9px}
 .inspection-tags{justify-content:flex-start;gap:4px}
 .inspection-tags .pill{font-size:9px;padding:4px 6px}
 .inspection-effect{padding:9px;margin:10px 0;border-left-width:2px}
 .inspection-effect .eyebrow{font-size:9px;letter-spacing:.6px}
 .inspection-effect p{font-size:14px;line-height:1.4;margin-top:6px}
 .inspection-copy .detail-stats{justify-content:flex-start;font-size:11px;gap:7px;margin:10px 0}
 .inspection-copy .detail-stats .icon{width:12px;height:12px}
 .inspection-primary,.inspection-copy [data-action='o-play']{width:100%;min-height:42px;font-size:14px;padding:10px 8px;white-space:normal}
 .inspection-controls{font-size:10px;margin-top:10px;gap:5px}
 .inspection-controls .icon-btn{width:30px;height:30px}
 .inspection-warning{font-size:12px;margin-top:7px}
 .inspection-copy [data-action='o-full-art']{font-size:11px;padding:7px 0}
 .inspection-copy .canonical-effect{font-size:12px;padding:8px;margin-top:8px}
 .inspection-copy .inspection-sources{font-size:11px;margin-top:10px}
 .inspection-copy .inspection-sources button{font-size:12px}
}