#profileModal { --profile-winrate:0;--profile-winrate-color:#54e2b5;--profile-winrate-soft:#62e1bb;--profile-winrate-panel:rgba(31,172,143,.22);--profile-winrate-border:rgba(81,226,190,.2);--profile-winrate-glow:rgba(55,218,177,.13); }
#profileModal.profile-winrate-warning { --profile-winrate-color:#f0c85c;--profile-winrate-soft:#f5d77e;--profile-winrate-panel:rgba(190,142,37,.2);--profile-winrate-border:rgba(236,190,75,.22);--profile-winrate-glow:rgba(225,173,55,.12); }
#profileModal.profile-winrate-danger { --profile-winrate-color:#e98078;--profile-winrate-soft:#f09a92;--profile-winrate-panel:rgba(174,68,64,.18);--profile-winrate-border:rgba(229,117,108,.2);--profile-winrate-glow:rgba(213,88,80,.11); }
#profileModal .profile-dialog { --bs-modal-width: 520px; width:min(520px,calc(100vw - 20px)); }
#profileModal .profile-modal {
    width:100%; padding:20px; display:grid; gap:10px; overflow:hidden;
    color:#edfaff; border:1px solid rgba(100,218,236,.18); border-radius:24px;
    background:radial-gradient(circle at 8% 0,rgba(43,195,218,.2),transparent 32%),linear-gradient(155deg,#123541 0%,#071c26 68%,#061720 100%);
    box-shadow:0 26px 70px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.07);
}
#profileModal .profile-modal::before { content:"";position:absolute;inset:0;height:3px;background:linear-gradient(90deg,#5ee5ee,#f4ca63 55%,transparent);border-radius:inherit;opacity:.9; }
#profileModal .profile-game-identity { min-width:0;display:flex;align-items:center;gap:14px;padding:12px 46px 12px 12px;border-radius:17px;background:rgba(80,184,205,.07);border:1px solid rgba(122,216,234,.1); }
#profileModal .profile-avatar { width:76px;height:76px;border:2px solid rgba(126,226,239,.42);box-shadow:0 0 0 5px rgba(54,179,199,.08); }
#profileModal .profile-level { min-width:29px;height:29px;right:-3px;bottom:-3px;border:2px solid #0b2a35;background:linear-gradient(145deg,#ffe88f,#eeb83e);font-size:12px; }
#profileModal .profile-avatar-rating { gap:3px;padding:0 6px;border-radius:999px; }
#profileModal .profile-avatar-rating i { font-size:8px; }
#profileModal .profile-game-player { min-width:0;flex:1; }
#profileModal .profile-name { overflow:hidden;color:#fff;font-size:22px;font-weight:950;line-height:1.05;text-overflow:ellipsis;white-space:nowrap; }
#profileModal .profile-id { margin-top:4px;color:rgba(209,235,240,.55);font-size:11px;font-weight:750; }
#profileModal .profile-modal.profile-opponent .profile-id,
#profileModal .profile-modal.profile-partner .profile-id { display:none; }
#profileModal .profile-game-badges { margin-top:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap; }
#profileModal .profile-vip,#profileModal .profile-rank { width:auto;margin:0;padding:5px 8px;display:inline-flex;align-items:center;gap:5px;border-radius:8px;font-size:10px;font-weight:900;line-height:1; }
#profileModal .profile-vip { color:#ffe79a;background:rgba(222,168,46,.13);border:1px solid rgba(248,205,95,.23); }
#profileModal .profile-vip-days { margin:0;color:inherit;font-size:9px; }
#profileModal .profile-rank { color:#91eaf1;background:rgba(55,187,207,.11);border:1px solid rgba(95,218,232,.17); }
#profileModal .profile-game-scoreboard { margin:0;display:grid;grid-template-columns:1.2fr .8fr;gap:8px; }
#profileModal .profile-main-stat { min-width:0;min-height:130px;padding:13px;border-radius:17px;box-shadow:none; }
#profileModal .profile-winrate-panel { display:flex;align-items:center;justify-content:center;gap:13px;background:linear-gradient(145deg,var(--profile-winrate-panel),rgba(18,91,104,.12));border:1px solid var(--profile-winrate-border); }
#profileModal .profile-winrate-ring { width:96px;height:96px;flex:0 0 96px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--profile-winrate-color) calc(var(--profile-winrate) * 1%),rgba(151,211,218,.1) 0);box-shadow:0 0 24px var(--profile-winrate-glow); }
#profileModal .profile-winrate-ring::after { content:"";grid-area:1/1;width:76px;height:76px;border-radius:50%;background:#0b2932;box-shadow:inset 0 1px rgba(255,255,255,.06); }
#profileModal .profile-winrate-value { z-index:1;grid-area:1/1;margin:0;color:#fff;font-size:29px;font-weight:950;line-height:1;text-shadow:none; }
#profileModal .profile-winrate-value small { margin-left:1px;color:var(--profile-winrate-soft);font-size:13px; }
#profileModal .profile-game-metric-copy { min-width:0;display:grid;gap:6px; }
#profileModal .profile-winrate-label { color:rgba(223,244,247,.72);font-size:10px;font-weight:850;line-height:1.15;letter-spacing:.05em;text-transform:uppercase; }
#profileModal .profile-game-metric-copy small { color:var(--profile-winrate-soft);font-size:18px; }
#profileModal .profile-games-panel { display:grid;place-content:center;justify-items:center;text-align:center;background:linear-gradient(145deg,rgba(211,157,42,.18),rgba(95,70,25,.08));border:1px solid rgba(240,195,81,.18); }
#profileModal .profile-games-icon { color:#f5cf69;font-size:19px; }
#profileModal .profile-games-value { margin:6px 0 5px;color:#ffe281;font-size:34px;font-weight:950;line-height:1;text-shadow:none; }
#profileModal .profile-stats { margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px; }
#profileModal .profile-stat { min-width:0;min-height:67px;padding:8px;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;border:1px solid rgba(137,216,231,.08);border-radius:13px;background:rgba(91,183,202,.045); }
#profileModal .profile-stat-icon { grid-row:1/3;width:28px;height:28px;margin:0;font-size:12px; }
#profileModal .profile-stat-label { align-self:end;font-size:8px;font-weight:800;line-height:1; }
#profileModal .profile-stat-value { align-self:start;margin:3px 0 0;font-size:17px;font-weight:950;line-height:1; }
#profileModal .profile-game-progress { margin:0;padding:9px 11px;border:1px solid rgba(132,211,228,.08);border-radius:12px;background:rgba(2,18,24,.3); }
#profileModal .profile-progress-head { margin-bottom:6px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px; }
#profileModal .profile-rating { width:max-content;margin:0;padding:4px 7px;display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:1; }
#profileModal .profile-rating-current { justify-self:start; }
#profileModal .profile-rating-next { justify-self:end;color:#bd9cff;background:rgba(111,77,190,.16);border:1px solid rgba(176,142,247,.24); }
#profileModal .profile-rating-next i { color:#77dce8;font-size:9px; }
#profileModal .profile-progress-percent,#profileModal .profile-progress-percent span { margin:0;color:#fff;font-size:13px;line-height:1; }
#profileModal .profile-progress-track { height:6px; }
#profileModal .profile-progress-meta { margin-top:6px;font-size:11px;font-weight:800;opacity:.82; }
#profileModal .profile-close { top:13px;right:13px;width:34px;height:34px;border-radius:11px; }

@media (max-width:700px) and (orientation:portrait) {
    #profileModal .profile-dialog { width:100vw;max-width:none;margin:0;align-items:flex-end; }
    #profileModal .profile-modal { width:100%;max-height:calc(100dvh - 10px);padding:13px;gap:8px;border-radius:22px 22px 0 0; }
    #profileModal .profile-game-identity { padding:9px 40px 9px 9px;gap:11px; }
    #profileModal .profile-avatar { width:64px;height:64px; }
    #profileModal .profile-avatar-rating { min-width:27px;height:27px;padding:0 5px;font-size:10px; }
    #profileModal .profile-name { font-size:19px; }
    #profileModal .profile-main-stat { min-height:112px;padding:10px; }
    #profileModal .profile-winrate-ring { width:82px;height:82px;flex-basis:82px; }
    #profileModal .profile-winrate-ring::after { width:64px;height:64px; }
    #profileModal .profile-winrate-value { font-size:25px; }
    #profileModal .profile-games-value { font-size:30px; }
}

@media (orientation:landscape) and (max-width:1024px) and (max-height:600px) {
    #profileModal .profile-dialog { width:min(390px,calc(100vw - 8px));height:100dvh;margin:0 0 0 auto; }
    #profileModal .profile-modal { height:100%;max-height:100dvh;padding:8px 9px;gap:6px;border-radius:18px 0 0 18px;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(78px,1fr) auto auto; }
    #profileModal .profile-game-identity { grid-column:1;grid-row:auto;padding:7px 38px 7px 7px;display:flex;align-items:center;justify-items:initial;text-align:left; }
    #profileModal .profile-avatar { width:54px;height:54px; }
    #profileModal .profile-game-player { width:auto; }
    #profileModal .profile-name { margin-top:0;font-size:16px; }
    #profileModal .profile-avatar-rating { min-width:23px;height:23px;padding:0 4px;font-size:9px; }
    #profileModal .profile-game-badges { margin-top:5px;justify-content:flex-start; }
    #profileModal .profile-game-scoreboard { grid-column:1;grid-row:2;grid-template-columns:1.18fr .82fr;align-items:stretch;min-height:0; }
    #profileModal .profile-main-stat { min-height:78px;height:100%;padding:6px; }
    #profileModal .profile-winrate-panel { gap:5px;flex-direction:column; }
    #profileModal .profile-game-metric-copy { display:flex;align-items:center;gap:7px; }
    #profileModal .profile-game-metric-copy small { display:inline-flex;align-items:center;margin:0;font-size:15px; }
    #profileModal .profile-winrate-ring { width:clamp(54px,22dvh,92px);height:clamp(54px,22dvh,92px);flex-basis:clamp(54px,22dvh,92px); }
    #profileModal .profile-winrate-ring::after { width:76%;height:76%; }
    #profileModal .profile-winrate-value { font-size:clamp(17px,6.2dvh,27px); }
    #profileModal .profile-winrate-value small { font-size:clamp(9px,2.8dvh,13px); }
    #profileModal .profile-games-value { margin:2px 0;font-size:clamp(21px,6.4dvh,27px); }
    #profileModal .profile-stats { grid-column:1;grid-row:3;align-self:stretch;gap:6px; }
    #profileModal .profile-stat { min-height:48px;height:100%;padding:5px;display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;align-items:center;justify-items:initial;text-align:left; }
    #profileModal .profile-stat-icon { grid-row:1/3;width:26px;height:26px; }
    #profileModal .profile-stat-label { align-self:end; }
    #profileModal .profile-stat-value { align-self:start;margin:2px 0 0;font-size:14px; }
    #profileModal .profile-game-progress { grid-column:1;grid-row:4;min-height:0;height:auto;align-self:end;padding:6px 8px; }
    #profileModal .profile-progress-meta { display:flex;margin-top:4px;font-size:9px; }
    #profileModal .profile-close { top:12px;right:12px; }
    #profileModal .profile-partner-block { grid-column:1; }
}