.card-tilt-stage { --card-rotate-x: 0deg; --card-rotate-y: 0deg; --card-light-x: 50%; --card-light-y: 50%; position: relative; display: grid; justify-items: center; align-content: center; width: 100%; padding: 24px; perspective: 1200px; }
.card-tilt-stage:focus-visible { outline: 2px solid #7543c5; outline-offset: 3px; border-radius: 12px; }
/* The collectible root stays unified; only its printed surface tilts. */
.card-tilt-stage > .trading-card:not(.full-card-image),
.card-tilt-stage > .full-card-image > .card-art { transform: rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y)); transform-style: preserve-3d; backface-visibility: hidden; will-change: transform; transition: transform 140ms ease-out, box-shadow 180ms ease-out; }
.card-tilt-stage > .trading-card:not(.full-card-image) { box-shadow: 1px 1px 0 #63616c, 2px 2px 0 #38363e, 3px 3px 0 #25252d, 0 24px 40px #17132538; }
.card-tilt-stage > .trading-card.full-card-image { perspective: 1200px; background: transparent; box-shadow: none; }
.full-card-tilt-stage { display: flex; flex-direction: column; gap: 12px; }
.full-card-tilt-stage > .trading-card.full-card-image { width: min(76vw, 340px); aspect-ratio: 4 / 7; }
.full-card-tilt-stage > .trading-card.full-card-image .card-art { height: 100%; margin-bottom: 0; }
.card-inspector-glare { position: absolute; inset: 0; grid-area: 1 / 1 / -1 / -1; z-index: 8; pointer-events: none; opacity: 0; background: radial-gradient(ellipse at var(--card-light-x) var(--card-light-y), #fff8, #fff2 30%, transparent 68%); mix-blend-mode: screen; transition: opacity 180ms ease-out; }
.card-tilt-stage.is-tilting .card-inspector-glare { opacity: .4; }
.notable-card-modal__panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 300px); gap: 20px 30px; align-items: start; width: min(1240px, 100%); padding: 44px 28px 28px; }
[data-notable-card-preview] { display: contents; }
.notable-card-modal__close { z-index: 20; }
.notable-card-modal__panel.has-card-page { box-sizing: border-box; display: block; width: min(960px, 100%); padding: 0; overflow: hidden; }
.has-card-page .notable-card-modal__close { position: absolute; top: 12px; right: 14px; left: auto; padding: 0; box-shadow: 2px 2px 0 #25252d; }
.card-page-frame { display: block; width: 100%; height: 680px; max-height: calc(100dvh - 54px); border: 0; background: #faf9f7; }
.has-card-page [data-notable-card-actions], .has-card-page [data-notable-card-collector] { display: none; }
.notable-card-modal .card-tilt-stage { grid-column: 1; grid-row: 1 / span 3; align-self: start; }
.notable-card-modal .trading-card { width: min(100%, 560px, calc((100dvh - 200px) * .57143)); max-width: none; margin: auto; }
.notable-card-modal .trading-card.full-card-image { grid-column: 1; grid-row: 1 / span 3; width: min(100%, 560px, calc((100dvh - 130px) * .57143)); }
.card-inspector-details { grid-column: 2; grid-row: 1; min-width: 0; margin: 12px 0 0; color: #25252d; overflow-wrap: anywhere; }
.card-inspector-details h3 { margin: 0 0 6px; font-size: 20px; line-height: 1.3; }
.card-inspector-details p { margin: 8px 0; font-size: 14px; }
.card-inspector-details .card-signer a { color: inherit; font-weight: 750; text-underline-offset: 3px; }
.card-inspector-details .card-modifiers { display: flex; flex-wrap: wrap; gap: 7px; margin: 14px 0; }
.card-inspector-details .card-modifiers span { padding: 6px 9px; border: 1px solid #c8c4d1; border-radius: 5px; background: #f4f1f9; font-size: 14px; }
.card-inspector-details .card-modifiers + p { font-style: italic; }
.notable-card-modal [data-notable-card-actions] { grid-column: 2; grid-row: 2; margin-top: 0; }
.notable-card-modal [data-notable-card-collector] { grid-column: 2; grid-row: 3; margin: 0; }
.notable-card-modal .card-sale-form { grid-template-columns: 1fr; }
@media (max-width: 1000px) {
    .notable-card-modal { padding: 10px; }
    .card-page-frame { max-height: calc(100dvh - 26px); }
    .notable-card-modal__panel { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 44px 16px 24px; max-height: calc(100dvh - 20px); }
    .notable-card-modal .card-tilt-stage { padding: 12px; }
    .notable-card-modal .card-tilt-stage,
    .notable-card-modal .trading-card.full-card-image,
    .notable-card-modal .card-inspector-details,
    .notable-card-modal [data-notable-card-actions],
    .notable-card-modal [data-notable-card-collector] { grid-column: 1; grid-row: auto; }
}
.motion-reduced .card-tilt-stage > .trading-card:not(.full-card-image),
.motion-reduced .card-tilt-stage > .full-card-image > .card-art { transition: none; will-change: auto; }
.motion-reduced .card-inspector-glare { transition: none; }