/* Guitar Game — isolated pre-beta profile and card presentation, no gameplay data changes. */
html.gg52-session #gg-view-profile.gg-v31-profile-view{display:flex;flex-direction:column;gap:12px;max-width:480px;padding:2px 2px 12px}
html.gg52-session #gg-view-profile.gg-v31-profile-view[hidden]{display:none!important}
html.gg52-session #gg-view-profile .gg-v31-profile-title{font-size:clamp(24px,5.8vw,29px);line-height:1.15;margin:3px 3px 0;color:#fff2cf}
html.gg52-session #gg-view-profile .gg-v31-identity-stage{padding:8px;border-radius:19px;border:1px solid #cbb17b;box-shadow:0 7px 22px #0003;background:linear-gradient(160deg,#23464a,#103038)}
html.gg52-session #gg-view-profile #profileCard{max-width:none;margin:0;border-radius:16px;overflow:hidden;border:1px solid #e0c88f75}
html.gg52-session #gg-view-profile #profileCard .gg-balanced-greeting{display:none!important}
html.gg52-session #gg-view-profile #profileCard .gg-balanced-hero-head{min-height:170px}
html.gg52-session #gg-view-profile #profileCard .card-top{display:flex;align-items:center;gap:12px;padding:14px 11px 12px;flex-wrap:wrap}
html.gg52-session #gg-view-profile #profileCard #playerAvatar{width:62px;height:62px;min-width:62px;display:grid;place-items:center;border-radius:17px;flex:none}
html.gg52-session #gg-view-profile #profileCard .player-id{flex:1;min-width:135px}
html.gg52-session #gg-view-profile #profileCard #editProfile{min-width:72px;min-height:44px;margin-left:auto;font-size:13px;border:1px solid #cdb17d;border-radius:11px;padding:7px 10px;background:#214f50;color:#fff0c6;box-shadow:none}
html.gg52-session #gg-view-profile #profileCard .stat-grid{gap:8px}
html.gg52-session #gg-view-profile #profileCard .stat-grid>div{min-width:0;padding:9px 7px;border-radius:12px}
html.gg52-session #gg-view-profile #profileCard .stat-grid strong{font-variant-numeric:tabular-nums}
@media(max-width:350px){html.gg52-session #gg-view-profile #profileCard .card-top{gap:6px;padding:10px 8px}html.gg52-session #gg-view-profile #profileCard #playerAvatar{width:52px;height:52px;min-width:52px}html.gg52-session #gg-view-profile #profileCard .player-id{min-width:110px}}
/* Illustrated but local/offline-friendly backgrounds for all five Guitix families. */
.ggx-tcg-v3 .ggx-tcg-card[data-family="Cordilhos"],.ggx-tcg-shade .ggx-tcg-detail-art[data-family="Cordilhos"]{--ggx-scene:url('/guitix-preview/assets/tcg-v3/backgrounds/Cordilhos.svg')}
.ggx-tcg-v3 .ggx-tcg-card[data-family="Ritmix"],.ggx-tcg-shade .ggx-tcg-detail-art[data-family="Ritmix"]{--ggx-scene:url('/guitix-preview/assets/tcg-v3/backgrounds/Ritmix.svg')}
.ggx-tcg-v3 .ggx-tcg-card[data-family="Notix"],.ggx-tcg-shade .ggx-tcg-detail-art[data-family="Notix"]{--ggx-scene:url('/guitix-preview/assets/tcg-v3/backgrounds/Notix.svg')}
.ggx-tcg-v3 .ggx-tcg-card[data-family="Tecnix"],.ggx-tcg-shade .ggx-tcg-detail-art[data-family="Tecnix"]{--ggx-scene:url('/guitix-preview/assets/tcg-v3/backgrounds/Tecnix.svg')}
.ggx-tcg-v3 .ggx-tcg-card[data-family="Lendários"],.ggx-tcg-shade .ggx-tcg-detail-art[data-family="Lendários"]{--ggx-scene:url('/guitix-preview/assets/tcg-v3/backgrounds/Lendarios.svg')}
.ggx-tcg-v3 .ggx-tcg-card .ggx-tcg-art{background-image:var(--ggx-scene);background-position:center;background-repeat:no-repeat;background-size:cover}
.ggx-tcg-shade .ggx-tcg-detail-art[data-family]{background-image:var(--ggx-scene);background-position:center;background-repeat:no-repeat;background-size:cover}
.ggx-tcg-v3 .ggx-rarity{position:absolute;left:5px;top:5px;z-index:3;background:#112a38e8;border:1px solid #ffdb9488;padding:3px 6px;border-radius:8px;font-size:10px;letter-spacing:.025em;font-weight:900;color:#fff2d4;text-shadow:0 1px #000b;pointer-events:none}
.ggx-tcg-v3 .ggx-tcg-card[data-rarity="Comum"]{--ggx-rarity-color:#a3cbcd}
.ggx-tcg-v3 .ggx-tcg-card[data-rarity="Rara"]{--ggx-rarity-color:#7bd7fa}
.ggx-tcg-v3 .ggx-tcg-card[data-rarity="Épica"]{--ggx-rarity-color:#cd9dff}
.ggx-tcg-v3 .ggx-tcg-card[data-rarity="Lendária"]{--ggx-rarity-color:#ffe2a2}
.ggx-tcg-v3 .ggx-tcg-card[data-rarity]{border-color:var(--ggx-rarity-color);box-shadow:0 4px 0 #071822,0 8px 18px #0005,inset 0 0 0 1px #ffffff35}
.ggx-tcg-v3 .ggx-tcg-card[data-rarity="Lendária"] .ggx-rarity{background:#69462ddd;border-color:#ffe2a2}
.ggx-tcg-v3 .ggx-tcg-card.locked .ggx-rarity{color:#b5c1c4;border-color:#667a80;background:#25373c}
