/* Card layout adapted from the approved game styles: fat.css / delivery.css.
   Real rarity paint is in rarities.css; no account ownership, skin or level. */
.intro .card{width:282px;height:380px;left:-141px;top:-190px;filter:drop-shadow(0 24px 28px #0009)}
.intro article.player-card{--frame:#7b8196;--frame2:#3a3f52;--glow:transparent;--face:#1c2030;--cut:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);--f-display:Bahnschrift,'Segoe UI Variable Display','Arial Black','Helvetica Neue',system-ui,sans-serif;--f-body:'Segoe UI Variable Text','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;position:relative;isolation:isolate;overflow:hidden;clip-path:var(--cut);width:100%;height:100%;color:#fff;padding:20px 20px 16px;border:0;border-radius:0;background:radial-gradient(120% 80% at 50% 0,var(--face),#0d0f17 90%);text-align:left}
.intro article.player-card:before,.intro article.player-card:after{content:'';position:absolute;inset:0;z-index:-1;clip-path:var(--cut);pointer-events:none}
.intro article.player-card.raro{--frame:#2f80ff;--frame2:#123a7a;--face:#12306a}
.intro article.player-card.epico{--frame:#b57bff;--frame2:#5a2fa3;--face:#33195f}
.intro article.player-card.lendario{--frame:#ffcf4a;--frame2:#8a5b00;--face:#4a3300}
.intro article.player-card .card-top{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:62px}
.intro article.player-card .card-top strong{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px;font-family:var(--f-display);font-size:42px;font-weight:800;line-height:1;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:white}
.intro article.player-card .card-top small{font-size:12px;letter-spacing:1.6px;color:var(--frame)}
.intro article.player-card .rarity{font:700 12px/1 var(--f-display);text-transform:uppercase;color:var(--frame);letter-spacing:1px;padding-top:6px;white-space:nowrap}
.intro article.player-card .rarity:before{display:inline-block;margin-right:4px}
.intro article.player-card.raro .rarity:before{content:'◆'}
.intro article.player-card.epico .rarity:before{content:'✦'}
.intro article.player-card.lendario .rarity:before{content:'♛'}
.intro article.player-card.raro .rarity,.intro article.player-card.raro .card-top small{color:#b8e7ff;text-shadow:0 1px 3px #000}
.intro article.player-card.epico .rarity,.intro article.player-card.epico .card-top small{color:#edddff;text-shadow:0 1px 3px #000}
.intro article.player-card .portrait{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:180/166;object-fit:contain;margin-top:-29px;z-index:1;filter:drop-shadow(0 6px 8px #0009)}
.intro article.player-card .player-name{position:relative;z-index:2;margin:-1px -1px 0;padding:12px 11px 10px;border-top:1px solid #ffffff30;border-left:3px solid var(--frame);background:linear-gradient(90deg,#ffffff1f,transparent);color:white;font:700 21px/1.1 var(--f-display);letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}
.intro article.player-card.lendario .player-name{border-left-width:5px}
.intro article.player-card .player-name small{display:block;color:#ffffffa8;font:400 10px/1.6 var(--f-body);letter-spacing:0;text-transform:none;margin-top:5px}
.intro article.player-card .card-foot{display:flex;justify-content:space-between;margin-top:10px;padding:0 2px;color:#c6cddd;font:400 9px/1.3 var(--f-body);letter-spacing:1px;text-transform:uppercase}
.intro article.player-card .portrait.failed{visibility:hidden}
.intro .card.unavailable{opacity:0!important}
.language{display:inline-flex;align-items:center;min-height:48px}
.language select{font:600 11px Arial,sans-serif;min-height:48px;min-width:56px;max-width:62px;border:1px solid #b8d9e126;background:#080f14;color:#dae2e4;border-radius:4px;padding:0 6px;cursor:pointer}
.language select:focus-visible{outline:2px solid #35e0ff;outline-offset:4px}
.intro .skip .skip-label{font-size:12px;margin-left:0}
.intro .replay .replay-label{font-size:12px;line-height:1.3;white-space:nowrap}
@media(max-width:700px){.intro .secondary{flex-direction:column;gap:0}.intro .duration{font-size:9px;line-height:1.4;white-space:nowrap;color:#8ca0a9}}
.intro .card{filter:none;box-shadow:0 24px 35px #0008}
.intro article.player-card .portrait{filter:none}
.intro article.player-card[data-frame-cached]{background:var(--frame-image) center/100% 100% no-repeat;clip-path:none}
.intro article.player-card[data-frame-cached]:before,.intro article.player-card[data-frame-cached]:after{display:none}
@media(max-width:700px){.intro .card{width:234px;height:316px;left:-117px;top:-158px}.intro .cards{top:43%}.intro article.player-card{padding:17px 17px 12px}.intro article.player-card .card-top{min-height:54px}.intro article.player-card .card-top strong{font-size:35px}.intro article.player-card .card-top small{font-size:10px}.intro article.player-card .rarity{font-size:10px;letter-spacing:.5px}.intro article.player-card .portrait{margin-top:-26px}.intro article.player-card .player-name{font-size:18px;padding:10px 8px 8px}.intro article.player-card .player-name small{font-size:9px;margin-top:4px}.intro article.player-card .card-foot{font-size:8px;margin-top:8px}.intro .controls{gap:7px}.intro .sound{padding:0;width:48px;min-width:48px}.intro .sound-label{display:none}.intro .edition{max-width:100px;line-height:1.6}.intro .club-copy{bottom:18%}}
@media(max-width:359px){.intro .card{width:214px;height:294px;left:-107px;top:-147px}.intro article.player-card{padding:16px}.intro article.player-card .player-name{font-size:16px}.intro article.player-card .rarity{font-size:9px}.intro .club-copy{bottom:17%}.intro .club-copy p{font-size:18px}.intro .edition{font-size:7px;max-width:88px}.intro .controls{gap:4px}.intro .topbar{left:16px;right:12px;gap:5px}}