/* Scoped styles: ivory gallery, machined edge, view-dependent foil. */
body .my-page button.eh-thumb{display:block!important;border-radius:8px!important;overflow:visible!important;isolation:auto;aspect-ratio:3/4}
body .my-page button.eh-thumb::before,body .my-page button.eh-thumb::after{content:none!important}
body .my-page .eh-thumb .eh-front,body .my-page .eh-thumb .eh-core{border-radius:8px!important}
body .my-page .eh-thumb .eh-print{border-radius:5px!important}
body button.clue-image-thumb{display:block!important;width:72px!important;height:72px!important;min-width:72px!important;padding:0!important;flex:0 0 72px;border-radius:6px!important;overflow:hidden!important}
body button.clue-image-thumb img{width:100%!important;height:100%!important;object-fit:cover;border-radius:5px!important}
body button.clue-image-thumb::before,body button.clue-image-thumb::after{content:none!important}
.eh-card{--texture:url('./cover/common.png')}
.eh-card[data-rarity=rare]{--texture:url('./cover/rare.png')}
.eh-card[data-rarity=epic]{--texture:url('./cover/epic.png')}
.eh-card[data-rarity=legendary]{--texture:url('./cover/egendary.png')}
.eh-front::before,.eh-back::before{content:'';position:absolute;inset:0;background-image:var(--texture);background-size:cover;background-position:center;opacity:.55;mix-blend-mode:soft-light;pointer-events:none}
.eh-front .eh-print,.eh-front .eh-caption{position:relative}
.eh-back::before{opacity:.48;mix-blend-mode:screen}
.eh-back>strong,.eh-back>code,.eh-back>small,.eh-back>span:not(.eh-foil),.eh-back>.eh-emblem{position:relative;z-index:1;text-shadow:0 1px 5px #000}
.eh-back>strong,.eh-back>code{background:#10182080;border-radius:5px;padding:3px 6px}
.eh-card{--metal:#b7c9cc;--shine-x:35%;--shine-y:30%;--foil-angle:115deg;position:relative;width:100%;height:100%;transform-style:preserve-3d}
.eh-card[data-rarity=rare]{--metal:#84bded}.eh-card[data-rarity=epic]{--metal:#c6a0eb}.eh-card[data-rarity=legendary]{--metal:#e9c66c}
.eh-front,.eh-back,.eh-core{position:absolute;inset:0;border-radius:7%;box-sizing:border-box;background:linear-gradient(135deg,#f4f1df,var(--metal) 18%,#44484d 46%,var(--metal) 72%,#f2e8d0);border:1px solid #fff9}
.eh-core{box-shadow:0 0 0 1px #787e85;background:#a8adb4}
.eh-front,.eh-back{backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.eh-front{transform:translateZ(3px);padding:4%;display:flex;flex-direction:column;box-shadow:inset 0 0 0 2px #ffffff40}
.eh-print{position:relative;flex:1;min-height:0;background:#15191c;border:1px solid #25292b;border-radius:5%;overflow:hidden}
.eh-print img{width:100%;height:100%;display:block;background:#d9d6d2;user-select:none;-webkit-user-drag:none}
.eh-foil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#fff9,transparent 48%),repeating-linear-gradient(var(--foil-angle),#f3bbdf66 0%,#a8d8ef55 16%,#fbdf9c66 32%,#b0e8ce44 48%,#eebcde66 64%);background-size:100% 100%,240% 240%;background-position:center,var(--shine-x) var(--shine-y);mix-blend-mode:soft-light;opacity:.85}
.eh-glitter{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#fff9 .6px,transparent 1.2px);background-size:17px 23px;opacity:.3;mask-image:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#000,transparent 55%)}
.eh-caption{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-top:5%;color:#111820;font:600 9px/1.2 sans-serif;letter-spacing:.08em}.eh-caption b{white-space:nowrap}
.eh-thumb{display:block;width:100%;aspect-ratio:3/4;padding:0!important;border:0!important;border-radius:7%;background:transparent!important;cursor:pointer;perspective:650px;box-shadow:0 8px 14px #18272c24;transition:transform .22s}
.eh-thumb .eh-card{transition:transform .22s}.eh-thumb:hover .eh-card{transform:rotateX(8deg) rotateY(-12deg);--shine-x:75%;--shine-y:25%}.eh-thumb:focus-visible{outline:3px solid #247c79;outline-offset:4px}
.eh-viewer{width:100%;color:#243034;background:radial-gradient(ellipse at 50% 30%,#fff 20%,#ecece7 75%);border:1px solid #d8dcda;border-radius:24px;padding:12px;box-sizing:border-box;margin-bottom:24px}
.eh-stage{height:460px;height:clamp(320px,105vw,460px);display:flex;align-items:center;justify-content:center;perspective:1000px;overflow:hidden;touch-action:none;cursor:grab;border-radius:16px;user-select:none}
.eh-stage.is-dragging{cursor:grabbing}.eh-stage:focus-visible{outline:2px solid #247c79;outline-offset:-3px}
.eh-stage .eh-card{width:clamp(168px,57vw,260px);height:auto;aspect-ratio:3/4;flex-shrink:0}
.eh-stage .eh-caption{font-size:10px}.eh-back{transform:rotateY(180deg) translateZ(3px);background:repeating-linear-gradient(45deg,#ffffff04 0 1px,transparent 1px 9px),radial-gradient(ellipse at 50% 40%,#374249,#11171d 75%);color:#f5eee0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:9%;text-align:center;box-shadow:inset 0 0 0 5px var(--metal),inset 0 0 0 7px #171e25}
.eh-back-kicker{font:9px/1.5 monospace;letter-spacing:.15em}.eh-emblem{font:80px/1 serif;color:var(--metal);text-shadow:0 0 18px #ffffff40}.eh-back strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere;max-height:4.2em;overflow:hidden}.eh-back>span:not(.eh-foil){font-size:10px}.eh-back code{font:9px/1.5 monospace;overflow-wrap:anywhere}.eh-back small{font-size:9px;opacity:.6}
.eh-hint{text-align:center!important;font-size:12px!important;color:#626f73!important;margin:0 0 12px!important}.eh-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding-bottom:8px}.eh-controls button{min-height:44px;padding:8px 16px;border:1px solid #c7cecd;border-radius:999px;background:#ffffffe0;color:#25343a;font-size:12px;cursor:pointer}.eh-controls button[aria-pressed=true]{background:#243c40;color:#fff}.eh-controls button:focus-visible{outline:3px solid #247c79;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.eh-thumb,.eh-thumb .eh-card{transition:none}.eh-thumb:hover .eh-card{transform:none}}