/* Engraved, double-sided command tokens; the back remains visible after the turn. */
.v3 .relic-card { background: none; border: 0; border-radius: 0; padding: 0; box-shadow: none; overflow: visible; text-shadow: none; }
.v3 .relic-card::before, .v3 .relic-card::after { display: none; }
.v3 .relic-card:hover:not(:disabled) { transform: translateY(-3px); filter: none; }
.v3 .relic-slot:not(.slot-empty) { height: 132px; padding: 0; perspective: 800px; }
.relic-token { position: relative; display: block; flex-shrink: 0; height: 100%; width: min(100%, 98px); color: var(--token-gold); perspective: 800px; filter: drop-shadow(0 6px 3px #041d1890); }
.relic-token-inner { position: absolute; inset: 0; display: block; transform-style: preserve-3d; transition: transform .58s cubic-bezier(.2,.7,.16,1); }
.relic-token-face { position: absolute; inset: 0; display: block; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateZ(.35px); }
.relic-token-back { transform: rotateY(180deg) translateZ(.35px); }
.relic-token-plate { position: absolute; inset: 0; width: 100%; height: 100%; }
.relic-token-kicker, .relic-token-name, .relic-token-category, .relic-token-mark, .relic-token-condition, .relic-token-effect, .relic-token-back-name { position: absolute; display: block; text-align: center; left: 10%; width: 80%; z-index: 1; }
.relic-token-kicker { top: 18%; font-size: 7px; letter-spacing: 2px; opacity: .8; line-height: 1; }
.relic-token-illustration { position: absolute; top: 25%; left: 13%; width: 74%; height: 42%; display: flex; align-items: center; }
.relic-emblem { display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 1px 1px #0d1e2280); }
.relic-token-name { top: 67%; color: #fff0ce; font: 700 14px/1.4 "Songti SC", "STSong", serif; letter-spacing: 2px; white-space: nowrap; }
.relic-token-category { top: 81%; font-size: 7px; letter-spacing: 1px; line-height: 1.2; opacity: .85; }
.relic-token-mark { left: 80%; width: 9%; top: 34%; font: 8px/1.2 "Songti SC", serif; writing-mode: vertical-rl; opacity: .5; letter-spacing: 1px; }
.relic-token-back-emblem { position: absolute; top: 27%; left: 34%; width: 32%; height: 25%; opacity: .75; }
.relic-token-condition { top: 56%; font-size: 8px; line-height: 1.4; letter-spacing: 0; color: #e7dfc7; }
.relic-token-effect { top: 68%; font: 700 13px/1.2 var(--mono, monospace); color: #fff0bc; white-space: nowrap; }
.relic-token-back-name { top: 82%; font: 8px/1.2 "Songti SC", serif; letter-spacing: 2px; opacity: .7; }
.relic-slot.is-inspecting .relic-token-inner, .shop-relic:hover .relic-token-inner, .shop-relic:focus-visible .relic-token-inner, .token-example.is-back .relic-token-inner { transform: rotateY(180deg); }
.v3 .relic-slot.is-inspecting { box-shadow: none; border: 0; animation: none; }
.relic-slot.is-inspecting .relic-token { filter: drop-shadow(0 5px 4px #0a231bb0) drop-shadow(0 0 5px #e5c38350); }
.v3 .relic-card.triggered { animation: relic-command-glow .38s ease-out; border: 0; box-shadow: none; }
.v3 .shop-relic { height: 154px; width: 112px; margin: 0 auto 13px; }
.v3 .shop-relic .relic-token { width: 110px; }
.v3 .shop-item:nth-child(n) .shop-relic { transform: none; }
.shop-relic:focus-visible, .relic-slot:focus-visible { outline: 2px solid #f1d48e; outline-offset: 4px; border-radius: 9px; }
.relic-token-small { max-width: 76px; }
.r-family-badge { display: inline-flex; align-items: center; gap: .35em; vertical-align: middle; white-space: nowrap; }
.r-family-mark { display: inline-grid; width: 1.45em; height: 1.45em; flex: none; place-items: center; border: 1px solid #d0b87399; border-radius: 50%; background: #80693844; color: #f3dda1; font: 700 .9em/1 "Songti SC", "STSong", serif; }
@keyframes relic-command-glow { 40% { filter: brightness(1.7) drop-shadow(0 0 10px #f6d18390); transform: translateY(-4px); } }
@media (min-width: 1450px) { .v3 .relic-slot:not(.slot-empty) { height: 146px; } .relic-token { width: min(100%, 106px); } .relic-token-name { font-size: 15px; } }
@media (max-width: 850px) { .v3 .relic-slot:not(.slot-empty) { height: 118px; } .relic-token { width: min(100%, 86px); } .relic-token-name { font-size: 12px; letter-spacing: 1px; } .relic-token-effect { font-size: 11px; } .relic-token-condition { font-size: 7px; } .relic-token-kicker { font-size: 6px; letter-spacing: 1px; } .relic-token-category { font-size: 6px; letter-spacing: 0; } }
@media (max-width: 600px) { .v3 .relic-slot:not(.slot-empty) { height: 99px; } .relic-token { width: 100%; max-width: 70px; } .relic-token-name { font-size: 10px; letter-spacing: 0; } .relic-token-kicker { font-size: 5px; letter-spacing: 0; } .relic-token-category { font-size: 5px; } .relic-token-condition { font-size: 6px; } .relic-token-effect { font-size: 9px; } .relic-token-back-name { font-size: 6px; letter-spacing: 1px; } .relic-token-mark { font-size: 6px; } .v3 .shop-relic { width: 88px; height: 127px; } .v3 .shop-relic .relic-token { max-width: 88px; } .shop-relic .relic-token-name { font-size: 13px; letter-spacing: 1px; } .shop-relic .relic-token-kicker, .shop-relic .relic-token-category { font-size: 7px; } .shop-relic .relic-token-condition { font-size: 8px; } .shop-relic .relic-token-effect { font-size: 11px; } }
@media (prefers-reduced-motion: reduce) { .relic-token-inner { transition: none; } .v3 .relic-card.triggered { animation: none; } }