/* Zaplat Gaming V3.1 — final profile experience polish */
.profile-experience-v31 .profile-hero{align-items:flex-start;gap:20px;background:radial-gradient(circle at 76% 0,rgba(239,35,60,.07),transparent 32%),linear-gradient(145deg,#15151b,#0c0c11 72%)}
.profile-experience-v31 .profile-main{min-width:360px;padding:3px 0 6px;align-self:stretch}
.profile-main-toolbar{display:flex;justify-content:flex-end;align-items:center;margin:0 0 4px}
.profile-preview-btn{display:inline-flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #32323b;border-radius:12px;background:rgba(255,255,255,.018);color:#eee;text-decoration:none;transition:.18s ease}.profile-preview-btn:hover{border-color:rgba(239,35,60,.42);background:rgba(239,35,60,.055);transform:translateY(-1px)}
.profile-preview-eye{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#0b0b10;border:1px solid #303039;font-size:14px}.profile-preview-btn b,.profile-preview-btn small{display:block}.profile-preview-btn b{font-size:9px}.profile-preview-btn small{font-size:7px;color:#8e8e99;margin-top:1px}
.profile-v31-identity{display:grid;gap:10px;margin-top:15px;max-width:760px}.profile-v31-bio,.profile-v31-featured{border:1px solid rgba(255,255,255,.075);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));padding:11px 13px}.profile-v31-bio-head,.profile-v31-featured-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-v31-bio-head small,.profile-v31-featured-head small{font:900 9px Inter,Arial,sans-serif;letter-spacing:.10em;color:#ff7586}.profile-v31-edit{width:27px;height:27px;border:1px solid #303039;border-radius:8px;background:#0b0b10;color:#aaa;cursor:pointer}.profile-v31-edit:hover{color:#fff;border-color:#555}.profile-v31-bio p{margin:7px 0 4px;color:#d7d7de;font-size:12.5px;line-height:1.75}.profile-v31-bio p.is-empty{color:#777782}.profile-v31-member-since{font-size:9px;color:#8f8f9a}.profile-v31-bio-editor{display:grid;gap:7px;margin-top:7px}.profile-v31-bio-editor[hidden]{display:none!important}.profile-v31-bio-editor textarea{width:100%;resize:none;border:1px solid #34343d;border-radius:10px;background:#09090d;color:#fff;padding:9px 10px;font:600 10px Cairo,Arial,sans-serif;line-height:1.7;outline:none}.profile-v31-bio-editor textarea:focus{border-color:rgba(239,35,60,.55);box-shadow:0 0 0 3px rgba(239,35,60,.06)}.profile-v31-char-count{color:#777783;font-size:7px}.profile-v31-char-count.err{color:#ff7586}.profile-v31-editor-actions{display:flex;gap:6px;justify-content:flex-end}
.profile-v31-featured-head>div small,.profile-v31-featured-head>div span{display:block}.profile-v31-featured-head>div span{margin-top:4px;color:#90909b;font-size:9px;line-height:1.55}.profile-v31-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}.profile-v31-feature-card{min-width:0;display:grid;grid-template-columns:31px minmax(0,1fr);gap:7px;align-items:center;padding:8px;border:1px solid rgba(220,177,58,.14);border-radius:11px;background:rgba(225,180,49,.025)}.profile-v31-feature-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#151308;border:1px solid rgba(222,177,58,.16);font-size:14px}.profile-v31-feature-card small,.profile-v31-feature-card b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-v31-feature-card small{color:#b5a46c;font-size:8px}.profile-v31-feature-card b{margin-top:3px;color:#f3f3f6;font-size:10.5px}.profile-v31-feature-empty{grid-column:1/-1;min-height:54px;border:1px dashed #35353e;border-radius:11px;background:rgba(255,255,255,.012);color:#aaa;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;text-align:inherit;padding:8px 10px;cursor:pointer}.profile-v31-feature-empty>span{grid-row:1/3;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;border:1px solid #33333b}.profile-v31-feature-empty b{font-size:10.5px;color:#e8e8ec}.profile-v31-feature-empty small{font-size:8.5px;color:#8d8d98;line-height:1.5}
.profile-experience-v31 .profile-rank-spotlight{align-self:flex-start;flex:0 0 190px;min-width:175px;min-height:205px;height:auto;border-radius:18px;padding:14px;background:radial-gradient(circle at 50% 18%,rgba(231,190,74,.11),transparent 45%),linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.006))}.profile-experience-v31 .profile-rank-spotlight .rank-showcase>b{font-size:31px}.profile-experience-v31 .profile-rank-spotlight .rank-showcase strong{font-size:14px}
.profile-experience-v31 .profile-hero-kpis article{position:relative;padding:12px 12px 11px}.profile-experience-v31 .profile-hero-kpis article::before{display:block;margin-bottom:6px;color:#777783;font-size:11px}.profile-experience-v31 .profile-hero-kpis article:nth-child(1)::before{content:'⌁'}.profile-experience-v31 .profile-hero-kpis article:nth-child(2)::before{content:'♛'}.profile-experience-v31 .profile-hero-kpis article:nth-child(3)::before{content:'Ⅱ'}.profile-experience-v31 .profile-hero-kpis article:nth-child(4)::before{content:'✦'}
.profile-v31-completion{padding:12px 13px;border:1px solid rgba(255,255,255,.085);border-radius:13px;background:#0d0d12}.profile-v31-completion-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#aaaab4}.profile-v31-completion-head b{font:900 12px Inter;color:#fff}.profile-v31-progress{height:5px;background:#24242b;border-radius:99px;overflow:hidden;margin:9px 0}.profile-v31-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef233c,#e5b536)}.profile-v31-completion-chips{display:flex;gap:7px 9px;flex-wrap:wrap}.profile-v31-completion-chips span{font-size:8.5px;color:#8b8b96;line-height:1.45}.profile-v31-completion-chips span.done{color:#6fdba8}
.profile-v31-compact-panel{margin:12px 0!important;padding:0!important;overflow:hidden!important;border-radius:17px!important}.profile-v31-panel-trigger{width:100%;min-height:68px;border:0;background:linear-gradient(90deg,rgba(255,255,255,.014),rgba(255,255,255,.026));color:#fff;padding:13px 16px;display:grid;grid-template-columns:42px minmax(0,1fr) auto 24px;gap:11px;align-items:center;text-align:inherit;cursor:pointer}.profile-v31-panel-trigger:hover{background:rgba(255,255,255,.035)}.profile-v31-panel-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;border:1px solid #33333c;background:#0b0b10;font-size:14px}.profile-v31-panel-copy b,.profile-v31-panel-copy small{display:block}.profile-v31-panel-copy b{font-size:14px}.profile-v31-panel-copy small{font-size:8px;color:#858590;margin-top:2px}.profile-v31-panel-open{font-size:7px;padding:5px 8px;border:1px solid #33333c;border-radius:999px;color:#9d9da7}.profile-v31-panel-chevron{color:#888893;font-size:18px;transition:.18s}.profile-v31-panel-trigger[aria-expanded="true"] .profile-v31-panel-chevron{transform:rotate(180deg)}.profile-v31-panel-body{padding:0 16px 16px}.profile-v31-panel-body[hidden]{display:none!important}.profile-v31-compact-panel.v31-youtube{border:1px solid rgba(46,211,128,.22)!important}.profile-v31-compact-panel.v31-youtube .profile-v31-panel-icon{color:#61dda1;border-color:rgba(46,211,128,.3)}.profile-v31-compact-panel .section-head{margin-top:8px}.profile-experience-v31 .profile-privacy-panel .section-head>a[href^="#player"],.profile-experience-v31 .pro-approved-card>a[href^="#player"]{display:none!important}
.profile-v31-pin-note{margin:4px 0 0;color:#8c8c97;font-size:8px}.profile-v31-pin-note.err{color:#ff7687}.profile-achievements-modal-content [data-achievement-key]{position:relative;padding-bottom:42px!important}.profile-v31-pin-btn{position:absolute;bottom:8px;inset-inline-end:8px;min-height:25px;border:1px solid #36363f;border-radius:8px;background:#101015;color:#aaa;padding:3px 8px;font:800 7px Cairo,Arial,sans-serif;cursor:pointer}.profile-v31-pin-btn:hover{border-color:rgba(224,178,51,.5);color:#ffe078}.profile-v31-pin-btn.active{background:rgba(224,178,51,.11);border-color:rgba(224,178,51,.42);color:#ffe078}
.public-profile-preview-banner{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;margin-bottom:12px;padding:10px 12px;border:1px solid rgba(100,180,255,.24);border-radius:14px;background:linear-gradient(90deg,rgba(80,150,255,.08),rgba(255,255,255,.012));color:#eaf5ff}.public-profile-preview-banner>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#0d1420;border:1px solid rgba(100,180,255,.24)}.public-profile-preview-banner b,.public-profile-preview-banner small{display:block}.public-profile-preview-banner b{font-size:10px}.public-profile-preview-banner small{font-size:8px;color:#93a7b9;margin-top:2px}.profile-badge.preview-only{border-color:#5f9ccb!important;background:rgba(74,139,190,.08)!important;color:#bfe7ff!important}
.public-player-page .public-player-hero{background:radial-gradient(circle at 78% 0,rgba(239,35,60,.09),transparent 34%),linear-gradient(145deg,#15151b,#0b0b10 72%);border:1px solid rgba(255,255,255,.085)}.public-player-page .public-player-main{min-width:0}.public-player-page .public-player-bio{max-width:680px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);font-size:11px;color:#c9c9d1}.public-featured-showcase{margin:13px 0;padding:15px;border:1px solid rgba(222,177,58,.18);border-radius:18px;background:linear-gradient(145deg,rgba(222,177,58,.045),rgba(255,255,255,.01))}.public-featured-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.public-featured-head small{font:900 7px Inter;letter-spacing:.16em;color:#d6ad38}.public-featured-head h2{margin:3px 0 0;font-size:18px}.public-featured-head>span{color:#aa9557;font:900 9px Inter}.public-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.public-featured-achievement{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;padding:10px;border:1px solid rgba(222,177,58,.16);border-radius:13px;background:#0c0c10}.public-featured-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#171409;border:1px solid rgba(222,177,58,.18);font-size:18px}.public-featured-achievement small,.public-featured-achievement b{display:block}.public-featured-achievement small{color:#a28e55;font-size:7px}.public-featured-achievement b{margin-top:2px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-featured-achievement p{margin:4px 0 0;color:#92929d;font-size:8px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1180px){.profile-experience-v31 .profile-main{min-width:300px}.profile-v31-featured-grid{grid-template-columns:1fr}.profile-v31-feature-card{grid-template-columns:31px minmax(0,1fr)}}
@media(max-width:980px){.profile-experience-v31 .profile-main{min-width:100%;order:2}.profile-experience-v31 .profile-rank-spotlight{order:3;min-height:170px}.profile-main-toolbar{justify-content:center}.profile-v31-identity{max-width:none}.public-featured-grid{grid-template-columns:1fr}}
@media(max-width:680px){.profile-preview-btn{width:100%;justify-content:center}.profile-v31-identity{grid-template-columns:1fr}.profile-v31-panel-trigger{grid-template-columns:38px minmax(0,1fr) 22px}.profile-v31-panel-open{display:none}.public-profile-preview-banner{grid-template-columns:36px 1fr}.public-profile-preview-banner .btn{grid-column:1/-1;width:100%}.profile-v31-featured-grid{grid-template-columns:1fr}}
.profile-v31-compact-panel{display:block!important}
.profile-v31-compact-panel.v31-youtube .profile-v31-panel-body:not([hidden]){display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding-top:14px}
@media(max-width:820px){.profile-v31-compact-panel.v31-youtube .profile-v31-panel-body:not([hidden]){grid-template-columns:auto minmax(0,1fr)}.profile-v31-compact-panel.v31-youtube .youtube-profile-actions{grid-column:1/-1}}
@media(max-width:520px){.profile-v31-compact-panel.v31-youtube .profile-v31-panel-body:not([hidden]){grid-template-columns:1fr;text-align:center}.profile-v31-compact-panel.v31-youtube .youtube-profile-mark{margin:auto}.profile-v31-compact-panel.v31-youtube .youtube-profile-actions{grid-column:auto}}

/* V3.1.2 — use the left profile rail intentionally: achievements -> featured -> completion. */
.profile-experience-v31 .profile-hero-side{justify-content:flex-start;gap:10px}
.profile-experience-v31 .profile-v31-identity{display:block;max-width:760px}
.profile-experience-v31 .profile-v31-featured-side{width:100%;padding:12px 13px;background:linear-gradient(145deg,rgba(225,180,49,.035),rgba(255,255,255,.008));border-color:rgba(222,177,58,.16)}
.profile-experience-v31 .profile-hero-side .profile-v31-featured-grid{grid-template-columns:1fr;gap:7px}
.profile-experience-v31 .profile-hero-side .profile-v31-feature-card{grid-template-columns:38px minmax(0,1fr);padding:9px 10px;min-height:54px}
.profile-experience-v31 .profile-hero-side .profile-v31-feature-icon{width:36px;height:36px;font-size:16px}
.profile-experience-v31 .profile-hero-side .profile-v31-feature-card small{font-size:8.5px}
.profile-experience-v31 .profile-hero-side .profile-v31-feature-card b{font-size:11.5px}
.profile-experience-v31 .profile-v31-completion{width:100%;margin:0;padding:13px 14px}
.profile-experience-v31 .profile-v31-completion.is-complete{border-color:rgba(52,211,153,.22);background:linear-gradient(145deg,rgba(52,211,153,.035),rgba(255,255,255,.008))}
.profile-experience-v31 .profile-v31-completion.is-complete .profile-v31-progress i{background:linear-gradient(90deg,#36d58b,#d9b43c)}
@media(max-width:980px){.profile-experience-v31 .profile-hero-side{gap:10px}.profile-experience-v31 .profile-v31-featured-side,.profile-experience-v31 .profile-v31-completion{max-width:none}}

