/* The material belongs to an observed rank; it reveals no hidden customer data. */
[data-rank]{--card-ink:#e4dce8;--card-edge:#9c90b0;--card-light:#a89bbb;--card-deep:#262634;--card-glow:#9693bc33;--card-metal:linear-gradient(135deg,#c9c2d1,#50495e 25%,#b0a6bb 48%,#3a354b 72%,#b0a5c0)}
[data-rank="S"]{--card-ink:#fff4bc;--card-edge:#ffda55;--card-light:#dfad20;--card-deep:#58400c;--card-glow:#ffd84d60;--card-metal:linear-gradient(130deg,#fff4bc,#dfad20 22%,#ffda55 46%,#58400c 74%,#ffda55)}
[data-rank="A"]{--card-ink:#ffecee;--card-edge:#ff6d7d;--card-light:#bd3047;--card-deep:#470e1c;--card-glow:#ff456455;--card-metal:linear-gradient(130deg,#ffecee,#bd3047 22%,#ff6d7d 46%,#470e1c 74%,#ff6d7d)}
[data-rank="B"]{--card-ink:#e3ffe8;--card-edge:#72de94;--card-light:#348650;--card-deep:#103e28;--card-glow:#75ec9840;--card-metal:linear-gradient(130deg,#e3ffe8,#348650 22%,#72de94 46%,#103e28 74%,#72de94)}
[data-rank="C"]{--card-ink:#e5f4ff;--card-edge:#74c0ff;--card-light:#367fbf;--card-deep:#123656;--card-glow:#79c5ff35;--card-metal:linear-gradient(130deg,#e5f4ff,#367fbf 22%,#74c0ff 46%,#123656 74%,#74c0ff)}
[data-rank="D"]{--card-ink:#f5f5f5;--card-edge:#aeb3bd;--card-light:#666d77;--card-deep:#24272d;--card-glow:#c0c7d520;--card-metal:linear-gradient(130deg,#f5f5f5,#666d77 22%,#aeb3bd 46%,#24272d 74%,#aeb3bd)}
[data-rank="E"]{--card-ink:#f4eaff;--card-edge:#bd8cff;--card-light:#8249be;--card-deep:#2c1049;--card-glow:#bc78ff45;--card-metal:linear-gradient(130deg,#f4eaff,#8249be 22%,#bd8cff 46%,#2c1049 74%,#bd8cff)}
/* The rank letter sits on an opaque enamel plaque so every point stays legible. */
.customer-card-art{--seal-fill:#282335;--seal-ink:#f4edf7}
.customer-card-art[data-rank="S"]{--seal-fill:#483408;--seal-ink:#fff4bc}
.customer-card-art[data-rank="A"]{--seal-fill:#480e1b;--seal-ink:#ffecee}
.customer-card-art[data-rank="B"]{--seal-fill:#103e28;--seal-ink:#e3ffe8}
.customer-card-art[data-rank="C"]{--seal-fill:#153651;--seal-ink:#e5f4ff}
.customer-card-art[data-rank="D"]{--seal-fill:#272b31;--seal-ink:#f5f5f5}
.customer-card-art[data-rank="E"]{--seal-fill:#321450;--seal-ink:#f4eaff}
.customer-roster-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
.customer-rank-card--collectible{position:relative;display:block;padding:0;overflow:visible;border:0;background:transparent;box-shadow:none;container-type:normal;line-height:1.5}
.customer-card-open{position:relative;display:block;width:100%;padding:0;border:0;border-radius:12px;background:none;box-shadow:0 5px 16px #0005;cursor:zoom-in;color:inherit;text-align:initial;font:inherit;transition:transform .18s,box-shadow .18s}
.customer-card-open:active{transform:scale(.98)}
.customer-card-open:focus-visible{outline:3px solid #fff6c4;outline-offset:4px}
.customer-card-art{position:relative;display:block;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:5/7;border:3px solid var(--card-edge);border-radius:12px;background:var(--card-deep);color:var(--card-ink);box-shadow:inset 0 0 0 2px #0006}
.customer-card-art:before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse at 50% 31%,var(--card-light),transparent 64%),linear-gradient(145deg,var(--card-deep),#100f21);opacity:.9}
.customer-card-art[data-rank="S"]:before{background:conic-gradient(from 35deg at 50% 35%,#ffec99,#956014,#f2ce50,#755017,#ffe9a0,#d09a27,#ffec99)}
.customer-card-art[data-rank="A"]:before{background:radial-gradient(ellipse at 50% 32%,#bd3047, #470e1c 68%)}
.customer-card-art[data-rank="B"]:before{background:radial-gradient(ellipse at 50% 32%,#348650, #103e28 68%)}
.customer-card-art[data-rank="C"]:before{background:radial-gradient(ellipse at 50% 32%,#367fbf, #123656 68%)}
.customer-card-art[data-rank="D"]:before{background:radial-gradient(ellipse at 50% 32%,#666d77, #24272d 68%)}
.customer-card-art[data-rank="E"]:before{background:radial-gradient(ellipse at 50% 32%,#8249be, #2c1049 68%)}
.customer-card-aura{position:absolute;inset:7% 8% 18%;border:1px solid var(--card-edge);border-radius:50%;box-shadow:0 0 24px var(--card-glow),inset 0 0 28px var(--card-glow);opacity:.65;transform:rotate(-25deg)}
[data-rank="A"]>.customer-card-aura{border-radius:5%;transform:rotate(45deg) scale(.7)}
[data-rank="D"]>.customer-card-aura,[data-rank="E"]>.customer-card-aura{border-radius:0;transform:rotate(30deg) scale(.75);border-width:2px}
[data-rank="?"]>.customer-card-aura{border-radius:8%;transform:none;opacity:.25}
.customer-card-engraving{position:absolute;inset:0;width:100%;height:100%;stroke:var(--card-edge);stroke-width:1;opacity:.56}
.customer-card-character{position:absolute;inset:9% 0 0;overflow:hidden;z-index:1;mask-image:linear-gradient(#000 72%,transparent 100%)}
.customer-card-character .cast-portrait{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:none;overflow:visible;box-shadow:none}
.customer-card-character .cast-portrait img{position:absolute;top:0;left:50%;width:108%;max-width:none;height:auto;max-height:none;margin:0;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 7px 7px #0008);animation:none}
.customer-card-foil{position:absolute;z-index:2;inset:0;pointer-events:none;opacity:.16;background:linear-gradient(115deg,transparent 16%,#efffec 24%,#9bebfb 28%,#e8acfc 32%,#fff9c5 37%,transparent 44%);background-size:250% 100%;background-position:var(--shine-x,38%) 50%;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 50% 37%,transparent 26%,#000 68%)}
[data-rank="S"]>.customer-card-foil{opacity:.7}
[data-rank="A"]>.customer-card-foil{opacity:.4}
[data-rank="?"]>.customer-card-foil{display:none}
.customer-card-frame{position:absolute;inset:0;z-index:3;pointer-events:none;border:4px solid transparent;border-image:var(--card-metal) 1}
.customer-card-frame:before{content:"";position:absolute;inset:4px;border:1px solid var(--card-edge);border-radius:7px;opacity:.7}
.customer-card-frame:after{content:"✧";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-size:17px;color:var(--card-ink);line-height:1}
[data-rank="S"]>.customer-card-frame{border-width:6px}
[data-rank="S"]>.customer-card-frame:before{inset:4px 5px;border-width:1px 2px}
[data-rank="D"]>.customer-card-frame:before,[data-rank="E"]>.customer-card-frame:before{border-radius:0;clip-path:polygon(0 0,100% 0,100% 30%,85% 40%,100% 50%,100% 100%,0 100%,0 70%,15% 60%,0 50%)}
.customer-card-stars{position:absolute;z-index:3;top:32%;left:8%;font-size:24px;line-height:1;color:#fff8cd;text-shadow:0 0 12px #fff;pointer-events:none}
.customer-card-stars i{position:absolute;top:75px;left:15px;font-size:15px;font-style:normal}.customer-card-stars b{position:absolute;top:-36px;left:110px;font-size:13px}.customer-card-stars em{position:absolute;top:112px;left:108px;font-size:22px;font-style:normal}
.customer-card-art:not([data-rank="S"]):not([data-rank="A"])>.customer-card-stars{display:none}
[data-rank="A"]>.customer-card-stars{opacity:.6;font-size:15px}
.customer-card-city{position:absolute;z-index:4;top:16px;left:15px;font-size:.75rem;color:var(--card-ink);text-shadow:0 1px 4px #000;background:#1511229c;padding:2px 5px;border-radius:3px}
.customer-card-seal{position:absolute;z-index:4;right:10px;top:10px;display:grid;place-items:center;width:36px;min-height:43px;background:var(--seal-fill);color:var(--seal-ink);border:2px solid var(--card-edge);box-shadow:inset 0 0 0 1px #ffffff32,0 2px 6px #0009,0 0 12px var(--card-glow);clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}
.customer-card-seal>strong{font:700 28px/1.3 Georgia,serif;text-shadow:0 1px 3px #0008}.customer-card-seal>span{display:none}
.customer-card-caption{position:absolute;z-index:3;left:8px;right:8px;bottom:8px;display:grid;gap:0;padding:30px 7px 12px;text-align:center;background:linear-gradient(transparent,var(--card-deep) 38%,#12101ced);color:var(--card-ink)}
.customer-card-caption>strong{font-family:var(--serif,serif);font-size:1.05rem;font-weight:600;letter-spacing:.04em;line-height:1.5;overflow-wrap:anywhere;text-shadow:0 1px 8px #000}
.customer-card-caption>span{font-size:.75rem;letter-spacing:.07em;color:var(--card-ink);opacity:.9}
.customer-card-expand{position:absolute;bottom:13px;right:13px;z-index:4;font:18px/1 sans-serif;color:var(--card-ink);opacity:.7}
.customer-rank-card--collectible .customer-rank-card__body{padding:8px 2px 5px}
.customer-rank-card--collectible .customer-rank-card__status{font-size:.875rem;color:#dbcbdc}
.customer-rank-card--collectible .customer-rank-card__facts{gap:3px;margin:3px 0 0;padding:0;border:0;align-items:center}
.customer-rank-card--collectible .customer-rank-card__facts dt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.customer-rank-card--collectible .customer-rank-card__facts dd{font-size:.875rem;color:#f5e5c8}
.customer-rank-card--collectible .customer-rank-card__details{margin:0;border-color:#ad8bb633}
.customer-rank-card--collectible .customer-rank-card__details>summary{font-size:.875rem;padding:5px 2px;min-height:44px}
.customer-rank-card--collectible .customer-rank-card__details>div{padding:8px 0}
.customer-rank-card--collectible .customer-rank-card__actions{display:grid;grid-template-columns:1fr;gap:4px}
.customer-rank-card--collectible .customer-rank-card__actions button{margin:0;justify-content:space-between}
.customer-rank-card--ended .customer-card-open{border-bottom:2px dashed #a68b9f}.customer-rank-card__visits{font-size:.875rem}
/* One full-screen inspection surface, separate from transactional game dialogs. */
dialog.customer-card-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;color:#f7edf5;background:radial-gradient(ellipse at 50% 40%,var(--card-glow),transparent 65%),#0e0c14;overflow:auto;overscroll-behavior:contain;box-shadow:none}
dialog.customer-card-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.customer-card-viewer::backdrop{background:#0e0c14}
.customer-card-viewer__header{display:flex;align-items:center;justify-content:space-between;position:relative;max-width:600px;width:100%;margin:0 auto;padding:calc(8px + env(safe-area-inset-top)) 16px 4px;box-sizing:border-box;background:none;border:0;color:#d9c9d8;font-size:.875rem}
.customer-card-viewer__header button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff33;border-radius:50%;background:#ffffff08;color:#fff;font:30px/1 sans-serif;cursor:pointer}
.customer-card-viewer__stage{display:grid;place-items:center;min-height:0;padding:14px 26px;perspective:1100px;overflow:visible}
.customer-card-turn{position:relative;width:min(100%,calc((100dvh - 155px) * 5 / 7),410px);aspect-ratio:5/7;transform-style:preserve-3d;transform:rotateX(var(--turn-x,0deg)) rotateY(var(--turn-y,0deg));transition:transform .32s ease-out;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}
.customer-card-turn.is-dragging{transition:none;cursor:grabbing}
.customer-card-turn:focus-visible{outline:2px solid var(--card-edge);outline-offset:10px;border-radius:16px}
.customer-card-front,.customer-card-back{position:absolute;inset:0;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 18px 55px #0009,0 0 55px var(--card-glow);transform:translateZ(1px)}
.customer-card-front>.customer-card-art{height:100%;box-sizing:border-box;border-width:5px;border-radius:16px}
.customer-card-front .customer-card-frame{border-width:7px}.customer-card-front .customer-card-frame:before{inset:6px;border-radius:8px}
.customer-card-front .customer-card-character{inset:8% 0 0}.customer-card-front .customer-card-character img{width:104%}
.customer-card-front .customer-card-city{top:24px;left:22px;font-size:.875rem}
.customer-card-front .customer-card-seal{top:19px;right:19px;width:58px;min-height:66px}
.customer-card-front .customer-card-seal>strong{font-size:44px}
.customer-card-front .customer-card-caption{bottom:12px;left:12px;right:12px;padding:45px 16px 23px;gap:3px}
.customer-card-front .customer-card-caption>strong{font-size:1.6rem}.customer-card-front .customer-card-caption>span{font-size:.875rem}
.customer-card-front .customer-card-stars{font-size:35px;left:10%;top:28%}.customer-card-front .customer-card-stars i{top:180px;left:14px;font-size:24px}.customer-card-front .customer-card-stars b{top:-25px;left:225px;font-size:22px}.customer-card-front .customer-card-stars em{top:225px;left:205px;font-size:34px}
.customer-card-back{transform:rotateY(180deg) translateZ(1px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:hidden;color:var(--card-ink);border:5px solid var(--card-edge);background:repeating-linear-gradient(45deg,transparent 0 15px,#ffffff09 16px 17px),radial-gradient(ellipse,var(--card-light),var(--card-deep) 65%);box-sizing:border-box}
.customer-card-back__border{position:absolute;inset:12px;border:2px solid var(--card-edge);border-radius:6px}.customer-card-back__border:after{content:"";position:absolute;inset:7px;border:1px solid var(--card-edge);opacity:.6}
.customer-card-back__moon{font:100px/1 Georgia,serif;transform:rotate(-18deg);text-shadow:0 0 35px var(--card-glow)}.customer-card-back>strong{font:600 1.7rem/1.8 var(--serif,serif);letter-spacing:.1em}.customer-card-back>span:not(.customer-card-back__moon){font-size:.875rem;letter-spacing:.35em}.customer-card-back__mark{margin-top:20px;font-size:28px}
.customer-card-viewer__footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;padding:4px 16px calc(12px + env(safe-area-inset-bottom));color:#c5b8ca;font-size:.875rem}
.customer-card-viewer__footer button{min-height:44px;padding:8px 20px;border-radius:24px;border:1px solid #ffffff40;color:#f5e7f1;background:#ffffff08;font:inherit;cursor:pointer}
.customer-card-viewer button:focus-visible{outline:2px solid var(--card-edge);outline-offset:3px}
.customer-card-viewer .customer-card-art[data-rank="S"]>.customer-card-stars{animation:card-star-breathe 3.6s ease-in-out infinite alternate}
.customer-card-viewer .customer-card-art[data-rank="A"]>.customer-card-aura{animation:card-aura-breathe 5s ease-in-out infinite alternate}
.customer-card-viewer .customer-card-art:not([data-rank="?"])>.customer-card-foil{animation:card-foil-drift 7s ease-in-out infinite alternate}
.customer-card-turn.is-dragging .customer-card-foil{animation:none}
@keyframes card-star-breathe{from{opacity:.35;filter:drop-shadow(0 0 1px #fff)}to{opacity:1;filter:drop-shadow(0 0 7px #fff5c9)}}
@keyframes card-aura-breathe{from{opacity:.35}to{opacity:.9}}
@keyframes card-foil-drift{from{transform:translateX(-12%)}to{transform:translateX(12%)}}
.customer-card-viewer.motion-paused *,.customer-card-viewer.is-hidden *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.customer-card-viewer *,.customer-card-open{animation:none!important;transition:none!important}}
@media(max-width:350px){.customer-roster-list{gap:12px 8px}.customer-card-city{left:11px;top:13px;font-size:.75rem}.customer-card-seal{width:30px;min-height:37px;right:8px;top:8px}.customer-card-seal>strong{font-size:24px}.customer-card-caption{padding-left:2px;padding-right:2px}.customer-card-caption>strong{font-size:1rem}.customer-card-expand{right:10px;bottom:11px;font-size:15px}.customer-card-front .customer-card-caption>strong{font-size:1.4rem}}
@media(max-height:450px){dialog.customer-card-viewer[open]{grid-template-columns:1fr auto;grid-template-rows:52px minmax(0,1fr)}.customer-card-viewer__header{grid-column:1/-1}.customer-card-viewer__stage{padding:8px 24px}.customer-card-turn{width:min(100%,calc((100dvh - 80px) * 5 / 7))}.customer-card-viewer__footer{flex-direction:column;padding-right:24px}.customer-card-front .customer-card-caption>strong{font-size:1.2rem}.customer-card-front .customer-card-city{top:15px;left:16px}.customer-card-front .customer-card-seal{width:34px;min-height:40px;right:15px;top:15px}.customer-card-front .customer-card-seal>strong{font-size:26px}}
@media(forced-colors:active){.customer-card-art,.customer-card-back{border:2px solid CanvasText}.customer-card-seal{background:Canvas;color:CanvasText}.customer-card-caption,.customer-card-city{background:Canvas;color:CanvasText}.customer-card-frame,.customer-card-foil,.customer-card-stars{display:none}}

/* Unclassifiable, not a higher reward tier. Quiet silver/ink with a clear Z. */
[data-rank="Z"]{--card-ink:#eef3ff;--card-edge:#b6c5df;--card-light:#61718f;--card-deep:#131c2d;--card-glow:#b3c8f023;--card-metal:linear-gradient(130deg,#e7efff,#44516b 23%,#c8d7ef 48%,#243048 73%,#becde5)}
.customer-card-art[data-rank="Z"]{--seal-fill:#152038;--seal-ink:#f2f6ff}
.customer-card-art[data-rank="Z"] .customer-card-stars{display:none}

.customer-rank-badge[data-rank],.event-customer-rank[data-rank]{color:var(--card-ink);background:var(--card-deep);border-color:var(--card-edge)}