.library-context{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:-12px 0 28px;font-size:12px;color:var(--muted,#bbb5bc)}
.library-context>span,.library-context>.library-version{border:1px solid #48414b;border-radius:30px;padding:7px 12px}.library-context a,.library-results a,.library-back,.library-pagination a{color:#65cbb5}.library-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:14px;align-items:end;padding:22px;background:#252129;border:1px solid #443d48;border-radius:12px}.library-filters label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;min-width:0}.library-filters input,.library-filters select{width:100%;height:46px;border:1px solid #514953;border-radius:6px;background:#19171c;color:#f2ede4;font:inherit;padding:0 12px}.library-filters select{appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23bcb5bf' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px;background-position:right 10px center}.library-filters .button{height:46px;padding:0 20px;margin:0;justify-content:center}.library-results{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:22px 0 18px}.library-results p{margin:0}.library-results strong{font-size:18px;color:#f2ede4}.card-explorer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.explorer-card{border:1px solid #443d48;background:#252129;border-radius:12px;overflow:hidden;transition:transform .18s,border-color .18s}.explorer-card:hover,.explorer-card:focus-within{transform:translateY(-4px);border-color:#65cbb5}.explorer-card-link{display:block;height:100%;color:inherit!important;text-decoration:none!important}.explorer-art{position:relative;background:#15121b;overflow:hidden}.explorer-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.explorer-open{position:absolute;bottom:10px;right:10px;background:#19171ce6;color:#f2ede4;border:1px solid #ffffff40;border-radius:5px;padding:3px 10px;font-size:20px}.explorer-card-info{padding:18px}.library-type{text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:1.4px;color:#c6a66b}.explorer-card-info h2{font-size:22px;line-height:1.15;margin:9px 0 12px}.explorer-card-info p{font-size:12px;color:#c4bec6;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.library-pagination{display:flex;gap:26px;justify-content:center;align-items:center;margin:38px 0;font-size:13px}.library-source-note{font-size:12px!important;line-height:1.7;color:#aaa3ae;margin:30px 0}.library-empty{text-align:center;padding:70px 20px;border:1px dashed #514953;border-radius:12px}.library-empty>span{font-size:38px;color:#c6a66b}.library-empty h2{font-size:24px}.library-back{display:inline-block;margin:0 0 24px;font-size:13px;font-weight:700}.library-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:start}.library-detail figure{margin:0}.library-detail figure img{width:100%;height:auto;border-radius:14px;border:1px solid #443d48}.library-detail figcaption{font-size:11px;color:#aaa3ae;margin-top:10px}.library-detail h2{font-size:clamp(32px,4vw,52px);margin:10px 0}.library-id{font-size:11px;color:#aaa3ae;margin:0 0 28px}.library-ability{padding:22px;border:1px solid #443d48;border-radius:10px;background:#252129;margin-bottom:16px}.library-ability h3{font-size:13px;color:#65cbb5;margin:0 0 12px}.library-ability p{font-size:16px;line-height:1.8;margin:0}.legendary-power{border-left:3px solid #c6a66b}.legendary-power h3{color:#c6a66b}.library-keyword{border-bottom:1px solid #443d48;padding:15px 0}.library-keyword summary{cursor:pointer;font-size:14px;font-weight:700}.library-keyword p{color:#c4bec6;font-size:14px;line-height:1.7}.section-page:has(.card-explorer-grid) .hub-heading,.section-page:has(.library-detail) .hub-heading{margin-bottom:34px}
html[data-theme=light] .library-filters,html[data-theme=light] .explorer-card,html[data-theme=light] .library-ability{background:#fffaf3;border-color:#d9d0d4}html[data-theme=light] .library-filters input,html[data-theme=light] .library-filters select{background:#f6f1e8;color:#30282d;border-color:#c9bdc5}html[data-theme=light] .explorer-card-info p,html[data-theme=light] .library-keyword p,html[data-theme=light] .library-source-note{color:#6b626c}html[data-theme=light] .library-results strong{color:#30282d}html[data-theme=light] .library-type{color:#805b20}html[data-theme=light] .library-context a,html[data-theme=light] .library-results a,html[data-theme=light] .library-back,html[data-theme=light] .library-pagination a,html[data-theme=light] .library-ability h3{color:#176b60}
@media(max-width:1000px){.library-filters{grid-template-columns:2fr 1fr 1fr}.library-search{grid-column:span 2}.card-explorer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-detail{gap:28px}}
@media(max-width:650px){.library-filters{grid-template-columns:1fr 1fr;padding:16px;gap:14px}.library-search{grid-column:1/-1}.library-filters .button{grid-column:1/-1}.card-explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.explorer-card-info{padding:12px}.explorer-card-info h2{font-size:18px}.explorer-card-info p{font-size:11px;-webkit-line-clamp:2}.library-context{align-items:start;flex-direction:column}.library-detail{grid-template-columns:1fr;gap:24px}.library-detail figure{max-width:500px}.library-source-note{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.explorer-card{transition:none}.explorer-card:hover,.explorer-card:focus-within{transform:none}}

.card-library-page .hub-heading{padding-block:22px;margin-bottom:12px!important}.card-library-page .hub-heading h1{font-size:clamp(36px,4.5vw,56px);letter-spacing:-2px;margin-bottom:10px}.card-library-page .hub-heading>img{width:85px;height:85px}.card-library-page .library-context{margin:0 0 20px}.card-library-page .hub-intro{margin-bottom:0}
/* Base card data, separate from transient in-match buffs. */
.library-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}.library-stats>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #4a414e;border-radius:8px;padding:12px;background:#211d26}.library-stats dt{font-size:12px;color:#c4bec6}.library-stats dt>span{margin-right:4px;color:#65cbb5}.library-stats .stat-attack dt>span{color:#c6a66b}.library-stats dd{font-size:25px;font-weight:800;margin:0;color:#f2ede4}.library-stats-compact{gap:6px;margin:12px 0}.library-stats-compact>div{display:block;padding:8px 9px}.library-stats-compact dt{font-size:9px;white-space:nowrap}.library-stats-compact dt>span{margin-right:2px}.library-stats-compact dd{font-size:20px;margin-top:3px}.library-keyword-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}.library-keyword-tags span{display:inline-block;border:1px solid #554a5a;border-radius:4px;padding:3px 7px;font-size:10px;line-height:1.5;color:#ddd5df;background:#ffffff05}.library-card-attributes{font-size:12px;color:#bcb3c1;margin:12px 0 22px}.library-stats-notice{font-size:12px;line-height:1.65;border-left:2px solid #c6a66b;padding:8px 12px;margin:0 0 20px;color:#c9bca4;background:#c6a66b08}.library-filters-with-stats{display:block}.library-primary-filters{display:grid;grid-template-columns:1.8fr 1fr .65fr 1fr 1.1fr auto;gap:14px;align-items:end}.library-more-filters{border-top:1px solid #443d48;margin-top:18px;padding-top:14px}.library-more-filters summary{font-size:12px;font-weight:700;cursor:pointer;color:#bbb3c1}.library-more-filters>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.library-detail .library-keyword-tags{margin-bottom:15px}.library-detail .library-keyword-tags span{font-size:12px;padding:5px 10px}
html[data-theme=light] .library-stats>div{background:#f5eee5;border-color:#d8cdd5}html[data-theme=light] .library-stats dt,html[data-theme=light] .library-card-attributes{color:#655a69}html[data-theme=light] .library-stats dd{color:#30282d}html[data-theme=light] .library-keyword-tags span{background:#f5eee5;border-color:#d8cdd5;color:#544658}html[data-theme=light] .library-stats-notice{color:#735824}html[data-theme=light] .library-more-filters summary{color:#655a69}
@media(max-width:1050px){.library-primary-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.library-primary-filters .library-search{grid-column:span 2}.library-stats-compact dt{font-size:8px}}
@media(max-width:650px){.library-primary-filters{grid-template-columns:1fr 1fr}.library-primary-filters .library-search{grid-column:1/-1}.library-primary-filters .button{grid-column:1/-1}.library-more-filters>div{grid-template-columns:1fr 1fr}.library-stats-compact{gap:4px}.library-stats-compact>div{padding:6px 4px}.library-stats-compact dt>span{display:none}.library-stats-compact dd{font-size:18px}.library-keyword-tags span{padding:2px 5px;font-size:9px}.library-detail .library-stats dt{font-size:11px}.library-detail .library-stats>div{padding:10px 8px}}

.explorer-card-link{height:auto}.explorer-card-info h2 a{color:inherit;text-decoration:none}.explorer-card-info h2 a:hover{color:#65cbb5}

/* Preserve finished source images: no drawn frame, text overlay, cropping or stretching. */
.explorer-art{aspect-ratio:480/660;display:flex;align-items:center;justify-content:center;padding:10px}.explorer-art img{aspect-ratio:auto;max-height:100%;width:100%;height:100%;object-fit:contain}.library-detail figure.library-finished-card{max-width:480px;justify-self:center;width:100%}.library-detail figure.library-finished-card>img{border:0;border-radius:0;display:block;object-fit:contain;width:100%;height:auto}.library-finished-card figcaption a{color:#65cbb5}.library-visual-note{color:var(--muted,#bbb5bc);font-size:11px;line-height:1.6;margin:-8px 0 22px}

.library-visual-kind{display:block;font-size:10px;line-height:1.5;color:#65cbb5;margin-bottom:8px;font-weight:700}.library-image-language{display:block;margin-top:6px}.library-art-variant{margin-top:20px;border-top:1px solid #443d48;padding-top:14px;font-size:13px}.library-art-variant summary{cursor:pointer;color:#65cbb5;font-weight:700}.library-detail .library-art-variant img{max-width:260px;display:block;margin:16px auto;border:0;border-radius:0}.library-art-variant p{font-size:11px;line-height:1.6}.library-art-variant a{color:#65cbb5}.explorer-card-info .library-type{display:block}

.library-availability-filter{max-width:280px;margin-bottom:18px}.library-availability-notice{font-size:12px;line-height:1.6;color:#65cbb5;margin:0 0 16px}.library-availability-notice a{color:inherit}.library-availability-warning{border-left:3px solid #c6a66b;padding:16px;background:#c6a66b15;color:var(--ink,#f2ede4);font-size:14px;line-height:1.7}.library-unavailable-tag{display:inline-block;padding:3px 7px;border:1px solid #c6a66b;color:#c6a66b;font-size:10px;margin:0 0 8px}

.library-availability-warning{margin-bottom:32px!important}.library-more-filters .library-availability-filter{max-width:none;margin:0}.library-image-controls{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.library-image-controls a{display:inline-block;padding:8px 12px;border:1px solid #514953;border-radius:6px;color:var(--muted,#c4bec6);text-decoration:none;font-size:12px;font-weight:700}.library-image-controls a[aria-current=true]{background:#65cbb5;color:#112b27;border-color:#65cbb5}.library-image-controls a:focus-visible{outline:2px solid #65cbb5;outline-offset:3px}.library-image-open{display:block}.library-image-open img{display:block;width:100%;height:auto}.library-detail figure.library-finished-card .library-image-open>img{border:0;border-radius:0}.library-detail figure{scroll-margin-top:30px}.library-story{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 14px;font-size:13px}.library-story span{color:var(--muted,#bbb5bc)}.library-story strong{border:1px solid #514953;padding:5px 10px;border-radius:5px;font-weight:600}

/* The explorer is an image gallery; detailed stats live on the card page. */
.card-explorer-grid .explorer-card-link{height:100%}.card-explorer-grid .explorer-art{height:100%}.library-detail #card-visual{width:100%;max-width:480px;justify-self:center}.library-image-controls a[aria-current=true]{cursor:default}

.library-context>.library-version{color:inherit;text-decoration:none}.library-context>.library-version:hover{color:#65cbb5;border-color:currentColor}

/* Original image in front; translated, independently scrollable details on reverse. */
.explorer-flip{position:relative;perspective:1200px;overflow:visible;aspect-ratio:480/660;background:transparent;border:0;isolation:isolate}
.explorer-flip:hover,.explorer-flip:focus-within{transform:none;border:0}
.explorer-flip-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .38s ease}
.explorer-flip.is-flipped .explorer-flip-inner{transform:rotateY(180deg)}
.explorer-flip-front,.explorer-flip-back{position:absolute;inset:0;border:1px solid var(--line,#443d48);border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:var(--panel,#252129)}
.explorer-flip-front{transform:rotateY(0deg)}
.explorer-flip-back{transform:rotateY(180deg);display:flex;flex-direction:column}
.explorer-flip-trigger{display:block;border:0;padding:0;margin:0;width:100%;height:100%;background:transparent;cursor:pointer;color:var(--ink,#f2ede4);border-radius:12px}
.card-explorer-grid .explorer-flip .explorer-art{height:100%;width:100%;box-sizing:border-box}
.explorer-flip-hint{position:absolute;top:10px;right:10px;background:#19171cdd;color:#f2ede4;border:1px solid #ffffff45;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:20px;line-height:1}
.explorer-back-scroll{height:100%;overflow:auto;padding:20px 17px 58px;overscroll-behavior:contain;scrollbar-width:thin;box-sizing:border-box;color:var(--ink,#f2ede4)}
.explorer-back-scroll .library-type{display:block;font-size:9px;letter-spacing:.12em;margin:0 30px 10px 0;color:var(--muted,#bbb5bc)}
.explorer-back-scroll h2{font-size:clamp(18px,2vw,25px);line-height:1.15;margin:0 0 16px;overflow-wrap:anywhere}
.explorer-back-scroll .library-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 14px}
.explorer-back-scroll .library-stats>div{padding:7px 5px}.explorer-back-scroll .library-stats dt{font-size:10px;white-space:normal}.explorer-back-scroll .library-stats dd{font-size:22px}
.explorer-alignment{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;font-size:12px;margin:12px 0;color:var(--muted,#bbb5bc)}.explorer-alignment strong{color:var(--ink,#f2ede4)}
.explorer-rules{font-size:13px;line-height:1.65}.explorer-rules h3{font-size:11px;color:var(--teal,#65cbb5);margin:16px 0 5px}.explorer-rules p{margin:0;overflow-wrap:anywhere}.explorer-rules br{display:block}
.explorer-detail-link,.explorer-flip-close{position:absolute;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line,#554a5a);border-radius:7px;text-decoration:none;background:var(--panel,#252129);color:var(--ink,#f2ede4);font-size:23px;line-height:1;padding:0;cursor:pointer}
.explorer-detail-link{bottom:10px;right:10px}.explorer-flip-close{top:10px;right:10px;width:28px;height:28px;font-size:19px}
.explorer-detail-link:hover,.explorer-flip-close:hover{color:var(--teal,#65cbb5);border-color:currentColor}
.explorer-flip button:focus-visible,.explorer-flip a:focus-visible,.explorer-back-scroll:focus-visible{outline:2px solid var(--teal,#65cbb5);outline-offset:3px}
@media(max-width:650px){.explorer-back-scroll{padding:14px 12px 50px}.explorer-rules{font-size:12px}.explorer-back-scroll .library-stats dt{font-size:9px}.explorer-back-scroll h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.explorer-flip-inner{transition:none}}

/* Compact reverse stats and a visible response on flip controls. */
.explorer-flip-trigger:hover .explorer-flip-hint,.explorer-flip-trigger:focus-visible .explorer-flip-hint{background:var(--teal,#65cbb5);border-color:var(--teal,#65cbb5);color:#112b27;transform:rotate(25deg)}
.explorer-flip-hint{transition:color .15s,background .15s,transform .15s}
.explorer-back-scroll{padding-bottom:20px}
.explorer-back-scroll h2 a{color:inherit;text-decoration:none}.explorer-back-scroll h2 a:hover{color:var(--teal,#65cbb5)}
.explorer-back-scroll .library-stats{gap:5px;margin-bottom:10px}
.explorer-back-scroll .library-stats>div{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:6px;border-radius:5px}
.explorer-back-scroll .library-stats dt{font-size:9px;line-height:1.2}.explorer-back-scroll .library-stats dt>span{display:none}
.explorer-back-scroll .library-stats dd{font-size:16px;line-height:1;margin:0}
@media(max-width:650px){.explorer-back-scroll .library-stats>div{padding:5px 4px}.explorer-back-scroll .library-stats dt{font-size:8px}.explorer-back-scroll .library-stats dd{font-size:14px}}

/* Small original game icons and values, with no stat boxes. */
.explorer-inline-stats{display:flex;align-items:center;flex-wrap:nowrap;gap:18px;margin:0 0 14px;padding:0}
.explorer-inline-stat{display:flex;align-items:center;gap:6px;background:none;border:0;padding:0;min-width:0}
.explorer-inline-stat dt{display:flex;align-items:center;margin:0;padding:0}
.explorer-inline-stat dt img{display:block;width:20px;height:22px;object-fit:contain}
.explorer-inline-stat.stat-attack dt img{width:16px}
.explorer-inline-stat dd{font-size:17px;line-height:1;font-weight:700;color:var(--ink,#f2ede4);margin:0;padding:0}
@media(max-width:650px){.explorer-inline-stats{gap:12px}.explorer-inline-stat{gap:4px}.explorer-inline-stat dd{font-size:16px}}

/* The image and translated reverse both open the card; flip remains a separate control. */
.explorer-card-image-link{display:block;width:100%;height:100%}
.explorer-flip-trigger{position:absolute;top:10px;right:10px;width:28px;height:28px;z-index:2;border-radius:50%}
.explorer-flip-trigger .explorer-flip-hint{top:0;right:0}
a.explorer-back-scroll{display:block;text-decoration:none;cursor:pointer}
a.explorer-back-scroll:hover{color:var(--ink,#f2ede4)}
a.explorer-back-scroll:hover h2{color:var(--teal,#65cbb5)}
/* Exact current numbers over retained historical card renders. */
@font-face{font-family:OTCardNumbers;src:url('card-render/game-numbers.ttf') format('truetype');font-display:swap}
.explorer-art,.library-image-open{position:relative;container-type:inline-size}
.card-current-values{position:absolute;inset:0;pointer-events:none}
.card-current-values[hidden]{display:none!important}
.card-current-value{position:absolute;display:flex;align-items:center;justify-content:center;color:#fff;background:#20102f;border-radius:8%;font:900 19cqw/1 OTCardNumbers,Impact,sans-serif;text-shadow:2px 2px #000;-webkit-text-stroke:1px #000}
.card-current-value img{border:0!important;border-radius:0!important;position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;aspect-ratio:auto!important}
.card-current-value b{position:relative;font:inherit}
.card-current-value--cost{left:3.6%;top:2.4%;width:21%;height:17%;background:none;font-size:18cqw}
.card-current-value--attack{left:18%;top:82%;width:16%;height:14%;font-size:22cqw;background:linear-gradient(#241331 65%,#f5f4ef 65%)}
.card-current-value--health{left:71%;top:81%;width:17%;height:15%;font-size:22cqw;background:linear-gradient(#241331 65%,#f5f4ef 65%)}
.card-current-value--attack img,.card-current-value--health img{display:none!important}
.card-current-value--cost{left:2.4%;top:1.4%;width:23%;height:20%;background:#190b27}
.card-current-value--cost b{transform:translateY(-6%)}
.card-current-value--attack,.card-current-value--health{top:81%;height:16%;font-family:Impact,OTCardNumbers,sans-serif;font-size:23cqw;border-radius:0;text-shadow:none;-webkit-text-stroke:1.3cqw #080609;paint-order:stroke fill}
.card-current-value--attack{left:18%;width:15%;background:linear-gradient(#241631 45%,#f5f4ef 45%)}
.card-current-value--health{left:71%;width:17%;background:linear-gradient(#241631 45%,#f5f4ef 45%)}
.card-current-value--attack b,.card-current-value--health b{transform:translateY(-5%)}
.card-current-value--attack,.card-current-value--health{top:81.5%;height:14%;font-size:21cqw}
.card-current-value--attack b,.card-current-value--health b{transform:translateY(-17%)}
.card-image-with-values{position:relative;display:block;container-type:inline-size;width:auto;height:100%;max-width:100%}
.explorer-art .card-image-with-values>img{width:100%;height:100%;object-fit:contain}
.card-current-value--attack,.card-current-value--health{top:82%;height:14.4%;font-size:23cqw;background:linear-gradient(#241631 63%,#f5f4ef 63%)}
.card-current-value--attack b,.card-current-value--health b{transform:none}