/* Player-card feature only. The approved surrounding UI remains unchanged. */
.pcard{--pc-width:180px;--pc-height:246px;--pc-radius:4px;--pc-padding:10px;--pc-name:25px;--pc-rating:55px;--pc-body:12px;--pc-accent:#be63ff;width:min(100%,var(--pc-width));height:var(--pc-height);min-width:0;position:relative;perspective:900px;isolation:isolate;container-type:inline-size;margin:0;border-radius:var(--pc-radius);color:#f6f4ff;text-align:left;font-family:Rajdhani,Arial,sans-serif;box-sizing:border-box}.pc-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .36s ease}.pc-flipped .pc-card-inner{transform:rotateY(180deg)}.pc-face{position:absolute;inset:0;box-sizing:border-box;border:2px solid var(--pc-accent);border-radius:var(--pc-radius);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:radial-gradient(ellipse at 90% 100%,color-mix(in srgb,var(--pc-accent) 30%,#070916),transparent 75%),repeating-linear-gradient(135deg,transparent 0 19px,#a8a3ca09 20px 21px),#0b0d18;box-shadow:inset 0 0 0 2px #fff2,inset 0 0 12px color-mix(in srgb,var(--pc-accent) 25%,transparent),0 0 7px color-mix(in srgb,var(--pc-accent) 36%,transparent)}.pc-back{transform:rotateY(180deg);padding:var(--pc-padding);display:flex;flex-direction:column;gap:6px}.pc-placeholder{position:absolute;right:-4%;bottom:23px;width:70%;height:80%;display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--pc-accent) 35%,#1c1c2f);flex-direction:column;gap:4px}.pc-placeholder .icon{width:76%;height:70%;stroke-width:.8}.pc-placeholder span{font-size:25px;font-weight:700;opacity:.55}.pc-character{position:absolute;right:-11%;bottom:23px;width:91%;height:87%;object-fit:contain;object-position:50% 100%;transform:scale(var(--pc-image-scale,1));transform-origin:bottom center;z-index:1}.pc-character[hidden]{display:none}.pc-art-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080915cc,transparent 82%);z-index:1;pointer-events:none}.pc-front-content{position:absolute;inset:var(--pc-padding) var(--pc-padding) 34px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none;z-index:2}.pc-front-content .pc-name{font-family:Rajdhani,Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(16px,13cqi,var(--pc-name));line-height:.96;letter-spacing:-.3px;color:#fff;width:100%;padding-right:16px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;text-shadow:0 1px 3px #000}.pc-social{font-family:Arial,sans-serif;font-size:clamp(9px,5.5cqi,var(--pc-body));max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000}.pc-rating{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:65%;padding-top:2px}.pc-rating>strong{font-family:Rajdhani,Arial,sans-serif;font-size:clamp(35px,28cqi,var(--pc-rating));line-height:.9;letter-spacing:-2px;font-weight:700;color:var(--pc-accent);text-shadow:0 1px 0 #fff9,0 3px 5px #0008}.pc-rating>small{font-size:clamp(9px,5.7cqi,var(--pc-body));line-height:1.1;text-transform:uppercase;letter-spacing:.2px;margin-top:4px;color:#f0e9fb}.pc-modes{font-size:clamp(11px,7cqi,16px);line-height:1.1;font-weight:700;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 3px #000}.pc-creator-badge{position:absolute;left:var(--pc-padding);bottom:55px;z-index:3;border-radius:8px;background:#5b101ae8;border:1px solid var(--pc-accent);font-family:Rajdhani,sans-serif;font-size:9px;line-height:1.1;padding:2px 5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pc-frame-red .pc-rating{padding-bottom:10px}.pc-footer{position:absolute;bottom:5px;left:5px;right:5px;height:24px;border-radius:4px 4px calc(var(--pc-radius) - 5px) calc(var(--pc-radius) - 5px);border:1px solid color-mix(in srgb,var(--pc-accent) 38%,#121322);background:#080b14d9;display:flex;align-items:center;gap:6px;padding:3px 7px;z-index:3;overflow:hidden}.pc-footer:empty{border-color:color-mix(in srgb,var(--pc-accent) 20%,#141522);background:#080b1480}.pc-footer img{height:22px;width:60%;object-fit:contain}.pc-footer span{font-size:12px;text-transform:uppercase;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-flip-hint{position:absolute;top:8px;right:7px;z-index:3;display:grid;place-items:center;width:22px;height:22px;background:#080d17bc;border:1px solid var(--pc-accent);color:#f4efff;border-radius:50%;font-size:19px;line-height:1}.pc-front-trigger{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;background:transparent!important;box-shadow:none;padding:0;z-index:4;border-radius:calc(var(--pc-radius) - 2px)}.pc-front-trigger:hover{background:transparent!important}.pc-return{position:absolute;right:7px;top:6px;z-index:3;min-height:24px;width:24px;height:24px;padding:1px;box-shadow:none;border:1px solid var(--pc-accent);border-radius:50%;background:#111624;color:#fff;font-size:19px;line-height:1}.pc-back-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-height:0;flex:1;align-content:start}.pc-back-name{grid-column:1/-1;font-family:Rajdhani,Arial,sans-serif;font-size:clamp(15px,10cqi,23px);color:#fff;line-height:1;margin:0 0 3px;padding-right:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pc-stat{display:flex;align-items:center;justify-content:space-between;gap:3px;flex-direction:column;background:#070b15aa;border:1px solid color-mix(in srgb,var(--pc-accent) 35%,#171c2b);border-radius:5px;padding:3px;min-width:0;min-height:28px}.pc-stat strong{font-family:Rajdhani,Arial,sans-serif;font-size:clamp(15px,10cqi,21px);line-height:.9;color:var(--pc-accent)}.pc-stat strong em{font-size:9px;font-style:normal;margin-left:3px;color:#e2dbf0}.pc-stat small{font-size:clamp(9px,4.7cqi,11px);text-transform:uppercase;line-height:1;color:#e4e1ef;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.pc-progress{grid-column:1/-1;padding:3px 1px 4px;min-width:0}.pc-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:4px;font-family:Rajdhani,sans-serif;font-size:9px;color:#e2ddef;margin-bottom:4px}.pc-progress small{font-size:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pc-progress span{white-space:nowrap;font-size:9px}.pc-progress-track{height:6px;border-radius:6px;background:#25263c;border:1px solid #656078;overflow:hidden}.pc-progress-track i{display:block;height:100%;background:var(--pc-accent);border-radius:5px;box-shadow:inset 0 1px #ffffff85}.pc-profile-link{font-family:Rajdhani,Arial,sans-serif;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:28px;height:28px;padding:4px 8px;border-radius:7px;background:linear-gradient(110deg,color-mix(in srgb,var(--pc-accent) 65%,#fff),var(--pc-accent));color:#111320;font-size:13px;font-weight:700;text-transform:uppercase;border:1px solid #ffffff80;box-shadow:inset 0 1px #fff6}.pc-profile-link .icon{width:14px;height:14px}.pcard button:focus-visible{outline:2px solid #fff;outline-offset:-4px}.player-card-grid,.identity-grid.player-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.75rem),1fr));gap:var(--pc-gap,8px);align-items:start;justify-items:start}.my-card-layout .pcard{margin:12px;width:min(calc(100% - 24px),var(--pc-width))}.setup-columns .pcard{margin:8px 0}.pc-character-picker form{display:grid;gap:8px}.pc-character-picker p{font-size:11px;margin:10px 0 0}.pc-character-picker h3{font-size:18px}.pc-character-picker select{max-width:100%;font-size:14px}.pc-character-picker .primary{justify-self:start}.pc-owner-fields{display:grid;gap:7px}.pc-owner-field{display:grid;grid-template-columns:24px minmax(0,1fr) 52px;gap:7px;align-items:center}.pc-owner-field>input[type=checkbox]{width:18px;height:18px;min-height:18px}.pc-owner-field .field{margin:0}.pc-owner-field input{min-width:0;width:100%}.pc-owner-field small{font-size:10px;color:var(--muted)}.pc-owner-section{margin:10px 0}.pc-owner-section>summary{font-family:Rajdhani,sans-serif;text-transform:uppercase;padding:10px;background:var(--panel2);font-size:17px;cursor:pointer}.pc-owner-section>div{padding:12px 0}.pc-owner-note{font-size:12px;line-height:1.5}.pc-catalogue-entry{background:var(--panel2);padding:10px;margin-bottom:8px;border-radius:3px}.pc-catalogue-entry img{width:50px;height:58px;object-fit:contain;float:right}.pc-catalogue-entry .form-grid{clear:both;padding-top:8px}.pc-owner-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.pc-owner-access{margin-left:auto}.pc-owner-config .form-grid{gap:10px}.pc-owner-config label.field{min-width:0}.pc-character-picker .field{margin:0}.pc-owner-config .form-actions{margin-top:14px}.pcard img.pc-character{max-width:none}.pc-face[aria-hidden=true]{pointer-events:none}
@media(max-width:700px){.player-card-grid,.identity-grid.player-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.75rem),1fr));max-width:calc(var(--pc-width,180px)*2 + var(--pc-gap,8px));gap:var(--pc-gap,8px)}.pcard{--pc-height:246px}.pc-character-picker select{font-size:16px}.pc-owner-field{grid-template-columns:22px minmax(0,1fr) 46px}.pc-owner-field input{font-size:14px}.pc-owner-config input,.pc-owner-config select,.pc-owner-config textarea{font-size:16px}}

@media(prefers-reduced-motion:reduce){.pc-card-inner{transition:none}.pcard{perspective:none}.pc-front,.pc-back{transition:none}}
/* Keep all reverse rows legible inside the compact card, without shrinking text rows. */
.pc-back{padding:9px;gap:4px}.pc-back-fields{grid-auto-rows:max-content;gap:3px}.pc-back-name{font-size:18px;line-height:18px;min-height:18px;margin-bottom:1px}.pc-stat{min-height:29px;padding:3px}.pc-stat strong{font-size:17px;line-height:15px}.pc-stat small{font-size:9px;line-height:10px}.pc-progress{padding:2px 1px 3px}.pc-progress>div:first-child{line-height:10px;margin-bottom:3px}

.pc-front-content .pc-creator-badge{position:static;flex-shrink:0;max-width:100%;min-height:13px;padding:1px 5px}.pc-frame-red .pc-rating{padding-bottom:0}

/* Portrait field cards: shared steel surfaces and restrained category accents. */
.pcard{color:var(--text);transition:translate .15s ease}
.pc-face{border:1px solid var(--line);border-top:3px solid var(--pc-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--pc-accent) 8%,var(--panel)),var(--panel) 55%);box-shadow:var(--shadow)}
.pc-front:after{content:'';position:absolute;inset:auto 0 0;height:2px;background:var(--pc-accent);opacity:.65;pointer-events:none;z-index:3}
.pc-art-shade{background:linear-gradient(90deg,var(--panel),transparent 90%);opacity:.7}
.pc-front-content .pc-name,.pc-back-name{color:var(--text);text-shadow:none;letter-spacing:.2px}
.pc-social,.pc-modes{color:var(--text);text-shadow:none}
.pc-rating>strong,.pc-stat strong{color:color-mix(in srgb,var(--pc-accent) 68%,var(--text));text-shadow:none}
.pc-rating>small,.pc-stat small,.pc-progress>div:first-child,.pc-stat strong em{color:var(--muted)}
.pc-placeholder{color:color-mix(in srgb,var(--pc-accent) 30%,var(--panel3));opacity:.8}
.pc-stat{border:0;background:var(--panel2);border-radius:2px;padding:5px 3px;min-height:35px}
.pc-back{padding:10px;gap:8px}.pc-back-fields{gap:5px}.pc-back-name{margin-bottom:3px}
.pc-progress-track{border:0;background:var(--panel3);height:5px;border-radius:1px}.pc-progress-track i{border-radius:1px;box-shadow:none}
.pc-flip-hint,.pc-return{border:0;border-radius:2px;background:var(--panel2);color:var(--text);box-shadow:inset 0 -2px var(--pc-accent);font-size:18px}
.pc-front-trigger{border-radius:var(--pc-radius)}
.pc-footer,.pc-footer:empty{border:0;border-radius:2px;background:var(--panel2);color:var(--text)}
.pc-profile-link{border:0;border-radius:2px;background:var(--pc-accent);box-shadow:inset 0 -2px #0003;min-height:32px;height:32px;color:#10131c;font-size:13px}
.pc-profile-link:hover{background:color-mix(in srgb,var(--pc-accent) 85%,white)!important;color:#10131c}
.pc-front-content .pc-creator-badge{border:0;border-radius:2px;background:color-mix(in srgb,var(--pc-accent) 14%,var(--panel2));color:var(--text)}
.my-card-layout .pcard{width:min(calc((100vw - 28px)/2),var(--pc-width));margin:12px}
.pcard button:focus-visible{outline:2px solid var(--text);outline-offset:-3px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.pcard:hover{translate:0 -2px}}
@media(prefers-reduced-motion:reduce){.pcard{transition:none}}

/* Sharper text at native phone size; solid field surfaces avoid a hazy appearance. */
.pc-face{background:var(--panel);box-shadow:0 1px 2px #0002}
.pc-back{padding:8px;gap:6px}.pc-back-fields{gap:4px}
.pc-stat{min-height:40px;padding:4px 2px;gap:2px}.pc-stat strong{font-size:22px;line-height:21px;font-weight:700}.pc-stat small{font-size:10.5px;line-height:11px;font-weight:600;color:var(--text)}
.pc-stat strong em{font-size:10px;color:var(--text)}
.pc-progress>div:first-child,.pc-progress small,.pc-progress span{font-size:10.5px;line-height:12px;color:var(--text)}
.pc-rating>small{font-size:11px;font-weight:600;color:var(--text)}
.pc-profile-link{font-size:15px;letter-spacing:.2px}
.pc-creator .pc-front-content .pc-modes{margin-top:auto;font-size:16px}
.pc-creator-summary{grid-column:1/-1;display:grid;gap:10px;margin-top:8px;min-width:0}.pc-creator-summary>div{padding:8px;background:var(--panel2);border-radius:2px;display:grid;gap:3px}.pc-creator-summary small{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase}.pc-creator-summary strong{font-size:15px;line-height:1.15;color:var(--text)}.pc-creator-summary p{font-size:12px;line-height:1.3;margin:0;color:var(--text)}

.pc-profile-showcase{margin:14px 0;display:flex;align-items:flex-start;max-width:100%}.pc-profile-showcase .pcard{width:min(calc((100vw - 28px)/2),var(--pc-width))}

/* Crisp, flat edges; no bloom or soft frame shadows. */
.pc-face{box-shadow:none;border-radius:2px;border-color:var(--line);border-top-color:var(--pc-accent)}.pc-front-content .pc-name,.pc-back-name{font-weight:700}.pc-stat{border-radius:1px}.pc-card-inner{transition:transform .28s ease}.pc-front:after{opacity:1}.pc-profile-link{box-shadow:none;border-radius:1px}.pc-flip-hint,.pc-return{border-radius:1px}
@media(prefers-reduced-motion:reduce){.pc-card-inner{transition:none}}

/* Native game artwork, shared across players rather than copied per account. */
.pc-character{right:-12%;bottom:27px;width:89%;height:70%;object-fit:contain;z-index:1}.pc-has-art .pc-placeholder{visibility:hidden}.pc-has-art .pc-art-shade{z-index:1;background:linear-gradient(90deg,var(--panel) 2%,color-mix(in srgb,var(--panel) 70%,transparent) 25%,transparent 65%);opacity:1}.pc-has-art .pc-rating{max-width:38%}.pc-has-art .pc-rating>strong{font-size:40px}.pc-has-art .pc-modes{background:var(--panel);padding:2px 4px;max-width:100%;z-index:2}.pc-avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:280px;overflow:auto;padding:2px}.pc-avatar-option{height:104px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4px;border:1px solid var(--line);border-radius:2px;background:var(--panel2)}.pc-avatar-option img{height:71px;width:100%;object-fit:contain}.pc-avatar-option span{font-family:Rajdhani,Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.05;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-avatar-option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 -3px var(--accent)}

/* Fit the entire portrait below the name; scaling never pushes a head beyond the frame. */
.pcard .pc-character{transform:none;right:0;bottom:28px;width:calc(86% * var(--pc-image-scale,1));max-width:100%;height:calc(100% - 88px);object-fit:contain;object-position:right bottom}