/* Loading-screen card presentation. All PNG bytes and model records are preserved. */
.characters{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.character.loading-card{background:none;color:#f7efdc;border:0;border-radius:8px;overflow:hidden;isolation:isolate;position:relative;width:100%;min-width:0;text-align:center;box-shadow:0 14px 32px #0004}
.loading-card .loading-frame{padding:0;display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid color-mix(in srgb,var(--card-accent) 75%,#ddd);border-radius:8px;overflow:hidden;background:linear-gradient(155deg,color-mix(in srgb,var(--card-accent) 22%,#13211f),#101a1d 70%)}
.loading-card .loading-kicker{padding:17px 8px 8px;color:var(--card-light);font:9px/1.4 Arial,sans-serif;letter-spacing:2px;display:block}
.loading-card .loading-stage{padding:14px 18px 0;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:3px;height:345px;flex:none;background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--card-accent) 35%,#e8e2cb) 0%,color-mix(in srgb,var(--card-accent) 35%,#afb1a3) 30%,transparent 73%)}
.loading-card img.loading-art{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;background:transparent;filter:drop-shadow(0 10px 7px #0003);max-width:100%;margin:0}
.loading-card .loading-dais{padding:0;position:absolute;bottom:-2px;left:7%;right:7%;height:37px;z-index:1;border:1px solid var(--card-light);border-radius:50%;background:radial-gradient(ellipse at 50% 30%,var(--card-accent),#142323 70%);box-shadow:0 7px 0 #17242a,0 10px 0 color-mix(in srgb,var(--card-accent) 50%,#233),0 12px 17px #0008}
.loading-card .loading-platform{padding:31px 15px 18px;display:flex;flex:1;flex-direction:column;align-items:center;gap:11px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--card-accent) 16%,#111e1e) 25%,#101919);position:relative;border-top:1px solid color-mix(in srgb,var(--card-accent) 70%,transparent)}
.loading-card .platform-kind{display:block;padding:0;font:9px/1.4 Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--card-light)}
.loading-card strong{font:25px/1.15 Georgia,serif;color:#fff3dc;display:block;min-height:58px;align-content:center;overflow-wrap:anywhere}
.loading-card .loading-points{display:flex;justify-content:center;gap:20px;padding:12px 0 0;margin-top:auto;border-top:1px solid #ffffff29;width:100%;font:11px/1.4 Arial,sans-serif;color:#deded1}
.loading-card .loading-points span{display:block;padding:0}.loading-card .loading-points b{color:var(--card-light);font-size:18px;margin-right:3px;font-weight:600}
.loading-card small.world-membership{display:block;margin:0;color:#d0d4c8;font:10px/1.5 Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase}
.loading-card .loading-companion{background:none;object-fit:contain;object-position:center bottom;width:29%;height:auto;max-height:150px;position:relative;z-index:2;margin-left:-2%;padding-bottom:7px}
.loading-card.theme-professor .loading-art{width:68%;min-width:0;filter:none;image-rendering:pixelated}
.loading-card.theme-chaos-button .loading-dais{border-radius:9px;transform:perspective(100px) rotateX(20deg);box-shadow:0 7px 0 #17242a,0 10px 0 var(--card-accent),inset 0 0 0 4px #1118}
.loading-card.theme-iron-ally .loading-dais,.loading-card.theme-roadwarden .loading-dais{border-radius:10px 10px 35% 35%;background:repeating-linear-gradient(90deg,#0000 0 22px,#0003 23px 24px),linear-gradient(var(--card-accent),#192020)}
.loading-card.theme-visionary .loading-dais,.loading-card.theme-professor .loading-dais{background:repeating-linear-gradient(90deg,transparent 0 18px,#ffffff28 19px 20px),radial-gradient(ellipse,var(--card-accent),#122b30)}
.loading-card.theme-playmaker .loading-dais,.loading-card.theme-powerhouse .loading-dais,.loading-card.theme-all-rounder .loading-dais,.loading-card.theme-good-sport .loading-dais{background:linear-gradient(90deg,transparent 49%,#fff8 49% 51%,transparent 51%),repeating-linear-gradient(0deg,transparent 0 10px,#ffffff29 11px 12px),linear-gradient(var(--card-accent),#172525)}
.loading-card.theme-court-fawn .loading-dais,.loading-card.theme-wildcard-gardener .loading-dais{border-style:double;border-width:3px;background:repeating-radial-gradient(ellipse,#4b644a 0 7px,#1d3429 8px 11px)}
.loading-card.theme-quickwit .loading-dais{border-radius:8px;background:repeating-linear-gradient(90deg,var(--card-accent) 0 4px,#17252b 5px 8px)}
.loading-card.theme-aura-ace .loading-dais{border-radius:4px;transform:perspective(150px) rotateX(20deg);background:conic-gradient(from 45deg,#eed471,#826a31,#edd88b,#826a31,#eed471)}
.loading-card.theme-medium-build .loading-dais{border-radius:50% 50% 8px 8px;background:repeating-linear-gradient(0deg,#d0b977 0 3px,#537975 4px 5px);border-color:#f4dfab}
.loading-card .card-art-pending{padding:28px 12px;align-self:center;color:var(--card-light);border:1px dashed var(--card-accent);max-width:100%;font:18px/1.5 Georgia,serif}.loading-card .card-art-pending small{font:11px/1.6 Arial,sans-serif;display:block}
.loading-card:hover .loading-frame{border-color:var(--card-light)}.loading-card:focus-visible{outline:3px solid var(--card-light);outline-offset:5px}
@media(max-width:1050px){.characters{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.loading-card .loading-stage{height:320px}}
@media(max-width:760px){.characters{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.loading-card .loading-stage{height:300px}.loading-card strong{font-size:22px}.loading-card .loading-points{gap:12px}}
@media(max-width:480px){.characters{grid-template-columns:1fr;gap:24px}.loading-card .loading-stage{height:360px;padding:16px 24px 0}.loading-card strong{font-size:27px;min-height:0}.loading-card .loading-platform{padding:30px 20px 20px}.loading-card .loading-points{font-size:12px;gap:28px}.loading-card .loading-kicker{padding-top:18px;font-size:10px}.loading-card .world-membership{font-size:11px}}