.duel-wrap,.duel-admin{overflow:hidden}.duel-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:radial-gradient(circle at 15% 20%,rgba(251,146,60,.18),transparent 36%),linear-gradient(135deg,rgba(14,17,27,.98),rgba(28,16,22,.94));box-shadow:0 18px 45px rgba(0,0,0,.28)}.duel-hero:after{content:"VS";position:absolute;right:12%;top:50%;transform:translateY(-50%) rotate(-8deg);font-size:82px;font-weight:900;color:rgba(255,255,255,.035);pointer-events:none}.duel-hero h1{position:relative;margin:3px 0 8px;color:#fff;font-size:28px;line-height:1.2;text-transform:none}.duel-hero p{position:relative;max-width:760px;margin:0;color:#b8becb;font-size:13px}.duel-hero-simple{align-items:center}.duel-server-picker{margin-top:14px;padding:18px 14px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(15,18,28,.78)}.duel-server-title{text-align:center;color:#fff;font-size:18px;font-weight:900;margin-bottom:14px}.duel-server-row{display:flex;align-items:center;gap:10px}.duel-server-scroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;flex:1;scroll-behavior:smooth}.duel-server-scroll::-webkit-scrollbar{display:none}.duel-server-btn{flex:0 0 auto;padding:11px 15px;border-radius:10px;background:rgba(255,255,255,.045);color:#fff!important;font-size:12px;font-weight:800;text-decoration:none!important;white-space:nowrap;border:1px solid transparent;transition:.18s}.duel-server-btn:hover{background:rgba(255,255,255,.08)}.duel-server-btn.active{background:#318df4;color:#fff!important;box-shadow:0 8px 20px rgba(49,141,244,.22)}.duel-server-arrow{width:35px;height:35px;flex:0 0 35px;border:0;border-radius:9px;background:rgba(255,255,255,.025);color:#6f7887;font-size:21px;cursor:pointer}.duel-server-arrow:hover{color:#fff;background:rgba(255,255,255,.07)}.duel-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:14px}.duel-summary>div{display:flex;flex-direction:column;padding:16px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(15,18,28,.78)}.duel-summary b{color:#fff;font-size:22px}.duel-summary span{margin-top:3px;color:#929baa;font-size:11px}.duel-card{padding:15px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(15,18,28,.76);box-shadow:0 12px 28px rgba(0,0,0,.19)}.duel-title{margin-bottom:13px;color:#fff;font-size:16px;font-weight:800}.duel-title-main{text-align:center;font-size:20px;letter-spacing:.04em}.duel-table-wrap{width:100%;overflow:auto}.duel-table{width:100%;border-collapse:separate;border-spacing:0 7px;color:#d2d7df;font-size:12px}.duel-table th{padding:0 9px 5px;color:#8892a1;font-weight:700;text-align:left;white-space:nowrap}.duel-table td{padding:9px;background:rgba(255,255,255,.035);border-top:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.045);vertical-align:middle;white-space:nowrap}.duel-table tr td:first-child{border-left:1px solid rgba(255,255,255,.045);border-radius:9px 0 0 9px}.duel-table tr td:last-child{border-right:1px solid rgba(255,255,255,.045);border-radius:0 9px 9px 0}.duel-click-row{cursor:pointer}.duel-click-row:hover td{background:rgba(255,255,255,.065)}.duel-player{display:flex;align-items:center;gap:8px;color:#fff!important;text-decoration:none!important}.duel-player img{width:31px;height:31px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.12)}.duel-player-plain{display:inline-flex;align-items:center;min-height:31px;color:#fff;font-weight:600}.duel-place,.duel-score{font-weight:900;color:#fff}.duel-win{color:#4ade80}.duel-lose{color:#fb7185}.duel-muted,.duel-empty{color:#929baa}.duel-empty{text-align:center!important;padding:20px!important}.duel-badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.duel-badge-win{color:#86efac;background:rgba(34,197,94,.14)}.duel-badge-lose{color:#fda4af;background:rgba(244,63,94,.14)}.duel-badge-draw{color:#fde68a;background:rgba(245,158,11,.14)}.duel-badge-tech{color:#93c5fd;background:rgba(59,130,246,.14)}.duel-badge-cancel{color:#aeb5c2;background:rgba(148,163,184,.12)}.duel-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:end;max-width:930px;margin:4px auto 20px;padding:26px 8px 0}.duel-podium-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:342px;padding:12px 10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);text-align:center;overflow:hidden}.duel-podium-card.place-1{grid-column:2;min-height:382px;margin-bottom:34px;background:radial-gradient(circle at 50% 14%,rgba(251,191,36,.10),transparent 44%),rgba(255,255,255,.03);z-index:2}.duel-podium-card.place-2{grid-column:1;min-height:342px}.duel-podium-card.place-3{grid-column:3;min-height:342px}.duel-podium-skin-wrap{width:100%;height:255px;display:flex;align-items:flex-end;justify-content:center;margin:0 0 4px}.place-1 .duel-podium-skin-wrap{height:300px}.duel-podium-skin-link{display:flex;align-items:flex-end;justify-content:center;max-width:100%;height:auto;text-decoration:none!important}.duel-podium-skin{display:block;width:auto!important;height:auto!important;max-width:175px!important;max-height:255px!important;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 11px 11px rgba(0,0,0,.42));transition:transform .18s ease}.place-1 .duel-podium-skin{max-width:204px!important;max-height:300px!important}.duel-podium-skin-link:hover .duel-podium-skin{transform:translateY(-2px)}.duel-podium-rank{display:flex;align-items:center;justify-content:center;gap:2px;min-height:52px;margin:1px 0 5px}.duel-podium-rank-number{display:block;width:auto!important;height:50px!important;max-width:78px!important;object-fit:contain}.place-1 .duel-podium-rank-number{height:58px!important;max-width:88px!important}.duel-podium-laurel{display:block;width:auto!important;height:38px!important;max-width:30px!important;object-fit:contain;opacity:.92}.place-1 .duel-podium-laurel{height:44px!important;max-width:34px!important}.duel-podium-laurel-left{transform:scaleX(-1) rotate(-7deg)}.duel-podium-laurel-right{transform:rotate(-7deg)}.duel-podium-name{color:#fff!important;font-weight:900;text-decoration:none!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duel-podium-stats{margin-top:5px;color:#8f98a7;font-size:11px}.duel-podium-stats b{color:#dfe5ec}.duel-top-table{margin-top:2px}.duel-me{display:flex;align-items:center;gap:18px}.duel-me-user{min-width:190px}.duel-me-user .duel-player img{width:52px;height:52px}.duel-me-grid{display:grid;grid-template-columns:repeat(8,minmax(72px,1fr));gap:8px;flex:1}.duel-me-grid>div{display:flex;flex-direction:column;padding:10px;border-radius:10px;background:rgba(255,255,255,.035)}.duel-me-grid b{color:#fff;font-size:17px}.duel-me-grid span{color:#8993a1;font-size:10px}.duel-detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.duel-back{color:#aeb5c2!important;text-decoration:none!important}.duel-detail-date{color:#fff;font-size:18px;font-weight:900}.duel-vs-card{display:grid;grid-template-columns:1fr minmax(180px,.5fr) 1fr;align-items:center;gap:14px;padding:26px}.duel-vs-side{display:flex;justify-content:center}.duel-vs-player{font-size:17px;font-weight:900}.duel-vs-player img{width:58px;height:58px}.duel-vs-center{text-align:center;display:flex;flex-direction:column;align-items:center}.duel-vs-center>span{font-size:12px;font-weight:900;color:#fb923c;letter-spacing:.18em}.duel-vs-center>b{font-size:34px;color:#fff;line-height:1.2;margin:4px 0}.duel-vs-center>small{color:#8f98a7}.duel-detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.duel-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.duel-info-grid>div{padding:10px;border-radius:9px;background:rgba(255,255,255,.03);display:flex;flex-direction:column}.duel-info-grid span{color:#8993a1;font-size:10px}.duel-info-grid b{color:#fff;font-size:12px;margin-top:3px}.duel-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.duel-compare>div:not(.duel-compare-labels){display:grid;grid-template-columns:auto 1fr;gap:7px 9px;align-items:center}.duel-compare b{color:#fff;font-size:18px}.duel-compare span{color:#8993a1;font-size:10px}.duel-compare-labels{display:flex;flex-direction:column;gap:12px;text-align:center}.duel-bets-empty{padding:28px!important}.duel-admin{padding:0}.duel-admin-hero{border-radius:12px}.duel-note{padding:10px 12px;border-left:3px solid #fb923c;border-radius:8px;background:rgba(251,146,60,.08);color:#b7bec9;font-size:12px}.duel-admin-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.duel-admin-server-card{overflow:hidden;border:1px solid #d9dee5;border-radius:5px;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.05)}.duel-admin-server-head{padding:11px 12px;background:#486f91;color:#fff;font-size:13px;font-weight:800}.duel-form-grid-server{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.duel-form-grid-server label{display:flex;flex-direction:column;gap:5px;color:#444;font-size:12px;font-weight:600}.duel-form-grid-server input,.duel-form-grid-server select{width:100%;height:36px;padding:0 10px;border:1px solid #ccd1d7;border-radius:2px;background:#fff;color:#555;outline:none}.duel-form-grid-server .duel-check{flex-direction:row;align-items:center;justify-content:flex-start;min-height:36px;font-weight:500}.duel-form-grid-server .duel-check input{width:auto;height:auto}.duel-admin-actions{padding:0 12px 12px}.duel-action-result{padding:0 12px 12px}.duel-server-status{margin:0 12px 11px;padding:8px 10px;border-radius:4px;font-size:11px}.duel-server-status.ok{color:#277a3e;background:#e9f7ed}.duel-server-status.error{color:#a33b45;background:#fbecef}.duel-alert{padding:9px 12px;border-radius:8px;font-size:12px}.duel-alert-ok{color:#277a3e;background:#e9f7ed}.duel-alert-error{color:#a33b45;background:#fbecef}@media(max-width:1200px){.duel-summary{grid-template-columns:repeat(3,1fr)}.duel-me-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1000px){.duel-admin-server-grid,.duel-detail-grid{grid-template-columns:1fr}.duel-vs-card{grid-template-columns:1fr}.duel-vs-center{order:-1}.duel-form-grid-server{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.duel-hero{padding:18px}.duel-summary{grid-template-columns:repeat(2,1fr)}.duel-podium{grid-template-columns:1fr;max-width:360px;padding-top:8px}.duel-podium-card,.duel-podium-card.place-1,.duel-podium-card.place-2,.duel-podium-card.place-3{grid-column:1;min-height:auto;margin-bottom:0}.duel-podium-card.place-1{order:-1}.duel-podium-skin-wrap,.place-1 .duel-podium-skin-wrap{height:auto;min-height:0}.duel-podium-card.place-1 .duel-podium-skin{max-height:270px!important}.duel-podium-card.place-2 .duel-podium-skin,.duel-podium-card.place-3 .duel-podium-skin{max-height:235px!important}.duel-me{align-items:flex-start;flex-direction:column}.duel-me-grid{grid-template-columns:repeat(2,1fr);width:100%}.duel-detail-head{align-items:flex-start;flex-direction:column;gap:8px}.duel-info-grid{grid-template-columns:1fr}.duel-form-grid-server{grid-template-columns:1fr}}@media(max-width:480px){.duel-summary,.duel-me-grid{grid-template-columns:1fr}.duel-hero h1{font-size:22px}.duel-server-arrow{display:none}.duel-vs-card{padding:16px}}

@media(max-width:760px){.duel-podium-card,.duel-podium-card.place-1{grid-column:auto;min-height:285px}.duel-podium-skin-wrap,.place-1 .duel-podium-skin-wrap{height:205px}.duel-podium-skin,.place-1 .duel-podium-skin{max-height:198px}.duel-podium-platform,.place-1 .duel-podium-platform{width:140px}}

/* TOP-3 scene background + centered podium */
.duel-top-card{padding:15px}
.duel-top-scene{
    position:relative;
    width:100%;
    aspect-ratio:1916/818;
    min-height:0;
    margin:10px 0 14px;
    overflow:hidden;
    border:0;
    border-radius:16px;
    background:#090c15 url('../img/top/top_bg_scene.png') center center/cover no-repeat;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)
}
.duel-top-scene:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom,rgba(4,6,12,.02),rgba(4,6,12,.03) 68%,rgba(4,6,12,.15));
    pointer-events:none;
    z-index:1
}
.duel-top-scene .duel-podium{
    position:absolute;
    inset:0;
    z-index:2;
    display:block;
    width:100%;
    max-width:none;
    height:100%;
    margin:0;
    padding:0
}
.duel-top-scene .duel-podium-card{
    position:absolute;
    top:0;
    bottom:0;
    display:block;
    min-height:0;
    margin:0;
    padding:0;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible;
    text-align:center;
    color:#fff!important;
    text-decoration:none!important
}
.duel-top-scene .duel-podium-card-link{cursor:pointer}
.duel-top-scene .duel-podium-card-link:hover .duel-podium-skin{filter:drop-shadow(0 18px 26px rgba(0,0,0,.68)) brightness(1.05)}
.duel-top-scene .duel-podium-card-link:hover .duel-podium-name{color:#fff}

/* Positions reproduced from the user's Paint.NET mockup (1916x818). */
.duel-top-scene .duel-podium-card.place-1{left:49.43%;width:20.6%;transform:translateX(-50%);z-index:4}
.duel-top-scene .duel-podium-card.place-2{left:32.80%;width:17.9%;transform:translateX(-50%);z-index:3}
.duel-top-scene .duel-podium-card.place-3{left:63.07%;width:19.6%;transform:translateX(-50%);z-index:3}

.duel-top-scene .duel-podium-name-wrap{
    position:absolute;
    left:50%;
    width:140%;
    transform:translateX(-50%);
    margin:0;
    z-index:4;
    line-height:1.15
}
.duel-top-scene .place-1 .duel-podium-name-wrap{top:9.7%}
.duel-top-scene .place-2 .duel-podium-name-wrap{top:20.5%}
.duel-top-scene .place-3 .duel-podium-name-wrap{top:16.0%}
.duel-top-scene .duel-podium-name{
    display:inline-block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#fff!important;
    font-size:clamp(12px,1.15vw,24px);
    font-weight:900;
    text-shadow:0 3px 12px rgba(0,0,0,.95)
}
.duel-top-scene .place-1 .duel-podium-name{font-size:clamp(13px,1.3vw,27px)}

.duel-top-scene .duel-podium-skin-wrap{
    position:absolute;
    left:0;
    width:100%;
    height:auto;
    margin:0;
    display:block
}
.duel-top-scene .place-1 .duel-podium-skin-wrap{top:15.65%}
.duel-top-scene .place-2 .duel-podium-skin-wrap{top:26.65%}
.duel-top-scene .place-3 .duel-podium-skin-wrap{top:22.00%}
.duel-top-scene .duel-podium-skin{
    display:block;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain;
    image-rendering:auto;
    backface-visibility:hidden;
    filter:drop-shadow(0 12px 18px rgba(0,0,0,.54));
    transition:filter .15s ease,transform .15s ease
}
.duel-top-scene .duel-podium-card-link:hover .duel-podium-skin{transform:translateY(-2px)}

.duel-top-scene .duel-podium-rank{
    position:absolute;
    top:81.9%;
    left:50%;
    width:100%;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2%;
    min-height:0;
    margin:0;
    z-index:5
}
.duel-top-scene .duel-podium-rank-number{
    display:block;
    width:21%!important;
    height:auto!important;
    max-width:none!important;
    object-fit:contain
}
.duel-top-scene .place-1 .duel-podium-rank-number{width:23%!important}
.duel-top-scene .duel-podium-laurel{
    display:block;
    width:7.8%!important;
    height:auto!important;
    max-width:none!important;
    object-fit:contain;
    opacity:.96
}
.duel-top-scene .place-1 .duel-podium-laurel{width:8.8%!important}
.duel-top-scene .duel-podium-laurel-left{transform:scaleX(-1) rotate(-7deg)}
.duel-top-scene .duel-podium-laurel-right{transform:rotate(-7deg)}

.duel-top-scene .duel-podium-stats{
    position:absolute;
    top:90.6%;
    left:50%;
    width:135%;
    transform:translateX(-50%);
    margin:0;
    color:#eef2f8;
    font-size:clamp(9px,.72vw,14px);
    line-height:1.28;
    white-space:nowrap;
    text-shadow:0 3px 10px rgba(0,0,0,.95);
    z-index:5
}
.duel-top-scene .duel-podium-stats b{color:#fff}

@media(max-width:760px){
    .duel-top-scene{aspect-ratio:auto;min-height:720px;background-position:center center;background-size:cover}
    .duel-top-scene .duel-podium{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;height:auto;padding:18px 0}
    .duel-top-scene .duel-podium-card,
    .duel-top-scene .duel-podium-card.place-1,
    .duel-top-scene .duel-podium-card.place-2,
    .duel-top-scene .duel-podium-card.place-3{
        position:relative;left:auto;top:auto;bottom:auto;transform:none;width:100%;max-width:260px;height:210px;padding:0
    }
    .duel-top-scene .duel-podium-card.place-1{order:1;height:240px}
    .duel-top-scene .duel-podium-card.place-2{order:2}
    .duel-top-scene .duel-podium-card.place-3{order:3}
    .duel-top-scene .duel-podium-name-wrap,
    .duel-top-scene .place-1 .duel-podium-name-wrap,
    .duel-top-scene .place-2 .duel-podium-name-wrap,
    .duel-top-scene .place-3 .duel-podium-name-wrap{top:0;width:100%}
    .duel-top-scene .duel-podium-skin-wrap,
    .duel-top-scene .place-1 .duel-podium-skin-wrap,
    .duel-top-scene .place-2 .duel-podium-skin-wrap,
    .duel-top-scene .place-3 .duel-podium-skin-wrap{top:26px;left:50%;width:105px;transform:translateX(-50%)}
    .duel-top-scene .place-1 .duel-podium-skin-wrap{width:125px}
    .duel-top-scene .duel-podium-rank{top:auto;bottom:31px;width:130px}
    .duel-top-scene .duel-podium-stats{top:auto;bottom:8px;width:100%;font-size:11px}
    .duel-top-scene .duel-podium-name{font-size:15px!important}
}


/* ===== Precise UI refinements 2026-08-12 ===== */
.duel-server-btn{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;max-width:none!important;flex:0 0 auto!important;padding:11px 15px!important}

/* Podium: more breathing room below rank; third place moved right. */
.duel-top-scene .duel-podium-card.place-3{left:65.8%!important}
.duel-top-scene .duel-podium-stats{top:92.4%!important;width:120%!important}
.duel-top-scene .place-3 .duel-podium-stats{width:116%!important}

/* Ranking: show a window and allow wheel scrolling through every player. */
.duel-ranking-scroll{position:relative;max-height:430px;overflow-y:auto!important;overflow-x:auto!important;scrollbar-gutter:stable;border-radius:10px}
.duel-ranking-table{margin:0;border-spacing:0 7px;min-width:980px}
.duel-ranking-table thead th{position:sticky;top:0;z-index:4;background:#20252e;padding:8px 9px}
.duel-ranking-table th:not(:nth-child(2)),.duel-ranking-table td:not(:nth-child(2)){text-align:center}
.duel-ranking-table th:nth-child(2),.duel-ranking-table td:nth-child(2){text-align:left}
.duel-ranking-table th:last-child,.duel-ranking-table td:last-child{width:96px}

/* Compact blue action buttons. */
.duel-mini-btn,.duel-return-btn{display:inline-flex;align-items:center;justify-content:center;width:auto!important;max-width:max-content;padding:7px 11px;border:0;border-radius:8px;background:#318df4;color:#fff!important;font-size:11px;font-weight:800;line-height:1;text-decoration:none!important;white-space:nowrap;cursor:pointer;box-shadow:0 6px 16px rgba(49,141,244,.16);transition:.15s}
.duel-mini-btn:hover,.duel-return-btn:hover{background:#49a0ff;color:#fff!important;transform:translateY(-1px)}
.duel-actions-cell{text-align:right!important;white-space:nowrap}

/* Recent duels: exactly ~10 visible rows; more rows load when wheel reaches the bottom. */
.duel-recent-scroll{position:relative;max-height:610px;overflow-y:auto!important;overflow-x:auto!important;scrollbar-gutter:stable;border-radius:10px}
.duel-recent-table{min-width:1080px;margin:0;border-spacing:0 7px;table-layout:fixed}
.duel-recent-table thead th{position:sticky;top:0;z-index:4;background:#20252e;padding:8px 9px}
.duel-recent-table th:nth-child(1),.duel-recent-table td:nth-child(1){width:14%}
.duel-recent-table th:nth-child(2),.duel-recent-table td:nth-child(2){width:20%}
.duel-recent-table th:nth-child(3),.duel-recent-table td:nth-child(3){width:8%;text-align:center}
.duel-recent-table th:nth-child(4),.duel-recent-table td:nth-child(4){width:20%}
.duel-recent-table th:nth-child(5),.duel-recent-table td:nth-child(5){width:12%}
.duel-recent-table th:nth-child(6),.duel-recent-table td:nth-child(6){width:14%}
.duel-recent-table th:nth-child(7),.duel-recent-table td:nth-child(7){width:6%;text-align:center}
.duel-recent-table th:nth-child(8),.duel-recent-table td:nth-child(8){width:90px;text-align:right}
.duel-scroll-loader{position:sticky;bottom:6px;width:max-content;margin:5px auto;padding:6px 10px;border-radius:999px;background:rgba(49,141,244,.92);color:#fff;font-size:10px;font-weight:700;z-index:5}

/* Detail page: date on the left, return button on the right. */
.duel-detail-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;margin-bottom:12px}
.duel-detail-date{color:#fff;font-size:18px;font-weight:900;text-align:left}
.duel-return-btn{margin-left:auto;font-size:12px;padding:9px 14px}

/* Player details modal. */
body.duel-modal-open{overflow:hidden}
.duel-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;z-index:99999}
.duel-modal.open{display:flex}
.duel-modal-backdrop{position:absolute;inset:0;background:rgba(3,5,10,.78);backdrop-filter:blur(4px)}
.duel-modal-dialog{position:relative;z-index:2;width:min(1040px,94vw);max-height:86vh;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#10141d;box-shadow:0 28px 80px rgba(0,0,0,.55);padding:18px}
.duel-modal-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:9px;background:rgba(255,255,255,.06);color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:5}
.duel-modal-close:hover{background:rgba(255,255,255,.11)}
.duel-modal-loading{padding:32px;text-align:center;color:#9aa4b3}
.duel-player-modal-profile{display:flex;align-items:center;gap:14px;padding:4px 44px 14px 2px}
.duel-player-modal-avatar{width:64px;height:64px;flex:0 0 64px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.12);background:#181d27;display:flex;align-items:center;justify-content:center}
.duel-player-modal-avatar img{width:100%;height:100%;object-fit:cover}
.duel-player-modal-avatar-empty{font-size:24px;color:#778293;font-weight:900}
.duel-player-modal-main{display:flex;align-items:flex-start;flex-direction:column;gap:5px;min-width:0}
.duel-player-modal-name{color:#fff;font-size:20px;font-weight:900;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.duel-player-modal-profile-link{color:inherit;text-decoration:none!important}
.duel-player-modal-avatar-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:50%}
.duel-player-modal-name-link{display:inline-block;max-width:100%;color:#fff!important;text-decoration:none!important}
.duel-player-modal-name-link:hover{color:#52a7ff!important}
.duel-player-modal-stats{display:grid;grid-template-columns:repeat(8,minmax(70px,1fr));gap:8px;margin-bottom:14px}
.duel-player-modal-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 7px;border-radius:10px;background:rgba(255,255,255,.035);text-align:center}
.duel-player-modal-stats b{color:#fff;font-size:16px}.duel-player-modal-stats span{margin-top:2px;color:#8994a4;font-size:9px}
.duel-player-modal-subtitle{color:#fff;font-size:14px;font-weight:900;margin:2px 0 8px}
.duel-player-duels-scroll{position:relative;max-height:470px;overflow-y:auto;overflow-x:auto;scrollbar-gutter:stable;border-radius:10px}
.duel-player-history-table{min-width:860px;margin:0;border-spacing:0 7px;table-layout:fixed}
.duel-player-history-table thead th{position:sticky;top:0;z-index:4;background:#20252e;padding:8px 9px}
.duel-player-history-table th:nth-child(1),.duel-player-history-table td:nth-child(1){width:16%}
.duel-player-history-table th:nth-child(2),.duel-player-history-table td:nth-child(2){width:24%}
.duel-player-history-table th:nth-child(3),.duel-player-history-table td:nth-child(3){width:10%;text-align:center}
.duel-player-history-table th:nth-child(4),.duel-player-history-table td:nth-child(4){width:13%}
.duel-player-history-table th:nth-child(5),.duel-player-history-table td:nth-child(5){width:14%}
.duel-player-history-table th:nth-child(6),.duel-player-history-table td:nth-child(6){width:9%;text-align:center}
.duel-player-history-table th:nth-child(7),.duel-player-history-table td:nth-child(7){width:94px;text-align:right}
.duel-result{font-weight:800}.duel-result-win{color:#4ade80}.duel-result-loss{color:#fb7185}.duel-result-draw{color:#fde68a}.duel-result-tech{color:#93c5fd}

@media(max-width:1000px){
    .duel-player-modal-stats{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
    .duel-top-scene .duel-podium-card.place-3{left:auto!important}
    .duel-top-scene .duel-podium-stats{top:auto!important;width:100%!important}
    .duel-ranking-scroll{max-height:420px}
    .duel-recent-scroll{max-height:560px}
    .duel-detail-head{flex-direction:row!important;align-items:center!important}
    .duel-modal{padding:8px}.duel-modal-dialog{width:98vw;max-height:92vh;padding:12px}
    .duel-player-modal-stats{grid-template-columns:repeat(2,1fr)}
}

.duel-ranking-scroll::-webkit-scrollbar,.duel-recent-scroll::-webkit-scrollbar,.duel-player-duels-scroll::-webkit-scrollbar{width:8px;height:8px}
.duel-ranking-scroll::-webkit-scrollbar-thumb,.duel-recent-scroll::-webkit-scrollbar-thumb,.duel-player-duels-scroll::-webkit-scrollbar-thumb{background:rgba(99,114,135,.55);border-radius:999px}
.duel-ranking-scroll::-webkit-scrollbar-track,.duel-recent-scroll::-webkit-scrollbar-track,.duel-player-duels-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.025)}

/* ===== FIX 2026-08-12: Recent duels must NEVER have horizontal scrolling ===== */
.duel-recent-scroll{
    width:100%;
    max-width:100%;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-gutter:stable;
}
.duel-recent-table{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:fixed!important;
}
/* Compact columns so the action button stays inside the block. */
.duel-recent-table th,.duel-recent-table td{padding-left:7px!important;padding-right:7px!important}
.duel-recent-table th:nth-child(1),.duel-recent-table td:nth-child(1){width:13%!important}
.duel-recent-table th:nth-child(2),.duel-recent-table td:nth-child(2){width:18%!important}
.duel-recent-table th:nth-child(3),.duel-recent-table td:nth-child(3){width:7%!important;text-align:center}
.duel-recent-table th:nth-child(4),.duel-recent-table td:nth-child(4){width:18%!important}
.duel-recent-table th:nth-child(5),.duel-recent-table td:nth-child(5){width:11%!important}
.duel-recent-table th:nth-child(6),.duel-recent-table td:nth-child(6){width:14%!important}
.duel-recent-table th:nth-child(7),.duel-recent-table td:nth-child(7){width:7%!important;text-align:center}
.duel-recent-table th:nth-child(8),.duel-recent-table td:nth-child(8){width:12%!important;text-align:right!important;padding-right:10px!important}
/* Long player/winner labels stay inside their own column instead of widening the table. */
.duel-recent-table td:nth-child(2),
.duel-recent-table td:nth-child(4),
.duel-recent-table td:nth-child(5),
.duel-recent-table td:nth-child(6){overflow:hidden;text-overflow:ellipsis}
.duel-recent-table td:nth-child(2) .duel-player,
.duel-recent-table td:nth-child(4) .duel-player{min-width:0;max-width:100%;overflow:hidden}
.duel-recent-table td:nth-child(2) .duel-player,
.duel-recent-table td:nth-child(4) .duel-player,
.duel-recent-table td:nth-child(2) .duel-player-plain,
.duel-recent-table td:nth-child(4) .duel-player-plain{white-space:nowrap;text-overflow:ellipsis}
.duel-recent-table .duel-actions-cell .duel-mini-btn{margin-left:auto}

/* ===== FIX 2026-08-12: table header rounding is always visible ===== */
.duel-ranking-table thead th:first-child,
.duel-recent-table thead th:first-child{
    border-radius:9px 0 0 9px!important;
}
.duel-ranking-table thead th:last-child,
.duel-recent-table thead th:last-child{
    border-radius:0 9px 9px 0!important;
}

/* ===== Player profile metadata: GameCMS group + BONES clan ===== */
.duel-profile-meta{display:flex;flex-direction:column;align-items:flex-start;gap:3px;max-width:100%;margin:0 0 1px}
.duel-profile-group{max-width:100%;font-size:12px;line-height:1.25;font-weight:600;white-space:normal}
.duel-profile-clan{max-width:100%;font-size:12px;line-height:1.25;color:#d1d5db;white-space:normal}
.duel-profile-clan span{color:#fff;font-weight:600}

.duel-profile-clan-empty{color:#c7ccd6;font-weight:400}

/* ===== Detail duel page: clean profile cards + participant comparison ===== */
.duel-detail-grid{grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);gap:14px}

/* Reusable compact profile, visually matching the player-details modal. */
.duel-detail-profile{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%}
.duel-detail-profile-avatar{width:56px;height:56px;flex:0 0 56px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.12);background:#181d27;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.22)}
.duel-detail-profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.duel-detail-profile-avatar-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:50%;text-decoration:none!important}
.duel-detail-profile-avatar-empty{color:#778293;font-size:20px;font-weight:900}
.duel-detail-profile-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-width:0;max-width:100%}
.duel-detail-profile-name{max-width:100%;margin:0;color:#fff;font-size:16px;line-height:1.05;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.duel-detail-profile-name-link{display:inline-block;max-width:100%;color:#fff!important;text-decoration:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.duel-detail-profile-name-link:hover{color:#52a7ff!important}
.duel-detail-profile .duel-profile-meta{margin:0;gap:0;align-items:flex-start}
.duel-detail-profile .duel-profile-group,.duel-detail-profile .duel-profile-clan{font-size:11px;line-height:1.12}

/* Top VS block on the duel detail page. */
.duel-vs-card{grid-template-columns:minmax(0,1fr) minmax(170px,.42fr) minmax(0,1fr);gap:22px;padding:22px 28px;min-height:136px}
.duel-vs-side{display:flex;align-items:center;min-width:0}
.duel-vs-side:first-child{justify-content:flex-start}
.duel-vs-side:last-child{justify-content:flex-end}
.duel-detail-profile-vs .duel-detail-profile-avatar{width:62px;height:62px;flex-basis:62px}
.duel-detail-profile-vs .duel-detail-profile-name{font-size:17px}
.duel-detail-profile-vs .duel-profile-group,.duel-detail-profile-vs .duel-profile-clan{font-size:11px}
.duel-detail-profile-right{flex-direction:row-reverse;text-align:right}
.duel-detail-profile-right .duel-detail-profile-main{align-items:flex-end;text-align:right}
.duel-detail-profile-right .duel-profile-meta{align-items:flex-end;text-align:right}
.duel-vs-center>span{font-size:13px}
.duel-vs-center>b{font-size:34px}

/* Participant statistics card. */
.duel-participants-card{min-width:0;padding:15px 16px 16px}
.duel-participants-title{margin-bottom:14px;font-size:16px}
.duel-participants-grid{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:12px;align-items:stretch;min-width:0}
.duel-participant-side{display:flex;flex-direction:column;min-width:0;padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.026)}
.duel-detail-profile-stat{min-height:60px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.055)}
.duel-detail-profile-stat .duel-detail-profile-avatar{width:50px;height:50px;flex-basis:50px}
.duel-detail-profile-stat .duel-detail-profile-name{font-size:15px}
.duel-detail-profile-stat .duel-profile-group,.duel-detail-profile-stat .duel-profile-clan{font-size:10.5px}
.duel-participant-vs{display:flex;align-items:center;justify-content:center;min-width:0}
.duel-participant-vs span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(251,146,60,.28);background:rgba(251,146,60,.07);color:#fb923c;font-size:14px;font-weight:900;letter-spacing:.08em;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.duel-participant-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}
.duel-participant-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:66px;padding:9px 5px;border:1px solid rgba(255,255,255,.035);border-radius:9px;background:rgba(255,255,255,.036);text-align:center}
.duel-participant-stats b{color:#fff;font-size:20px;line-height:1;font-weight:900}
.duel-participant-stats span{margin-top:5px;color:#929dac;font-size:9px;line-height:1.15;font-weight:600;white-space:nowrap}

@media(max-width:1250px){
  .duel-detail-grid{grid-template-columns:1fr}
  .duel-participants-grid{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)}
}
@media(max-width:900px){
  .duel-vs-card{grid-template-columns:1fr;gap:12px;padding:18px}
  .duel-vs-center{order:-1}
  .duel-vs-side,.duel-vs-side:first-child,.duel-vs-side:last-child{justify-content:center}
  .duel-detail-profile-vs,.duel-detail-profile-vs.duel-detail-profile-right{flex-direction:row;text-align:left}
  .duel-detail-profile-vs.duel-detail-profile-right .duel-detail-profile-main,
  .duel-detail-profile-vs.duel-detail-profile-right .duel-profile-meta{align-items:flex-start;text-align:left}
}
@media(max-width:700px){
  .duel-participants-grid{grid-template-columns:1fr;gap:10px}
  .duel-participant-vs{height:34px}
  .duel-participant-vs span{width:38px;height:38px;font-size:12px}
  .duel-detail-profile-stat,.duel-detail-profile-stat.duel-detail-profile-right{flex-direction:row;text-align:left}
  .duel-detail-profile-stat.duel-detail-profile-right .duel-detail-profile-main,
  .duel-detail-profile-stat.duel-detail-profile-right .duel-profile-meta{align-items:flex-start;text-align:left}
}
@media(max-width:480px){
  .duel-participant-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .duel-participant-stats b{font-size:18px}
  .duel-detail-profile-name{font-size:14px}
}


/* ===== FIX 2026-08-13: duel detail profiles/stat block follow requested layout ===== */
.duel-vs-side:last-child{justify-content:flex-end}
.duel-detail-profile-right,
.duel-detail-profile-vs.duel-detail-profile-right,
.duel-detail-profile-stat.duel-detail-profile-right{
    flex-direction:row!important;
    text-align:left!important;
}
.duel-detail-profile-right .duel-detail-profile-main,
.duel-detail-profile-right .duel-profile-meta,
.duel-detail-profile-vs.duel-detail-profile-right .duel-detail-profile-main,
.duel-detail-profile-vs.duel-detail-profile-right .duel-profile-meta,
.duel-detail-profile-stat.duel-detail-profile-right .duel-detail-profile-main,
.duel-detail-profile-stat.duel-detail-profile-right .duel-profile-meta{
    align-items:flex-start!important;
    text-align:left!important;
}
.duel-detail-profile-vs{gap:14px}
.duel-detail-profile-vs .duel-detail-profile-avatar{width:64px;height:64px;flex-basis:64px}
.duel-detail-profile-vs .duel-detail-profile-name{font-size:18px}
.duel-detail-profile-vs .duel-profile-group,.duel-detail-profile-vs .duel-profile-clan{font-size:12px;line-height:1.12}
.duel-participants-title{margin-bottom:16px}
.duel-participants-grid{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:16px;align-items:start}
.duel-participant-side{display:flex;flex-direction:column;min-width:0;padding:15px 16px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.026)}
.duel-detail-profile-stat{min-height:0;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.065)}
.duel-detail-profile-stat .duel-detail-profile-avatar{width:50px;height:50px;flex-basis:50px}
.duel-detail-profile-stat .duel-detail-profile-name{font-size:16px}
.duel-detail-profile-stat .duel-profile-group,.duel-detail-profile-stat .duel-profile-clan{font-size:11.5px;line-height:1.12}
.duel-participant-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.duel-participant-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.04);background:rgba(255,255,255,.035)}
.duel-participant-row span{color:#aeb7c5;font-size:12px;font-weight:700;line-height:1.2}
.duel-participant-row b{color:#fff;font-size:24px;font-weight:900;line-height:1}
.duel-participant-vs{display:flex;align-items:center;justify-content:center;min-width:0;align-self:stretch}
.duel-participant-vs span{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(251,146,60,.28);background:rgba(251,146,60,.07);color:#fb923c;font-size:15px;font-weight:900;letter-spacing:.08em;box-shadow:0 8px 22px rgba(0,0,0,.16)}
@media(max-width:900px){
  .duel-vs-card{grid-template-columns:1fr;gap:14px;padding:18px}
  .duel-vs-center{order:-1}
  .duel-vs-side,.duel-vs-side:first-child,.duel-vs-side:last-child{justify-content:center}
}
@media(max-width:760px){
  .duel-participants-grid{grid-template-columns:1fr;gap:10px}
  .duel-participant-vs{min-height:40px}
}

/* ===== TOP-3 exact size/level correction 2026-08-13 ===== */
/* #2 and #3 must be exactly the same visual size and both smaller than #1. */
.duel-top-scene .duel-podium-card.place-2,
.duel-top-scene .duel-podium-card.place-3{
    width:17.9%!important;
}
/* Their source PNGs have the same 340x510 aspect ratio; equal card width = equal rendered size. */
.duel-top-scene .place-2 .duel-podium-skin-wrap,
.duel-top-scene .place-3 .duel-podium-skin-wrap{
    top:26.65%!important;
    width:100%!important;
}
/* #1 remains visibly larger. */
.duel-top-scene .duel-podium-card.place-1{
    width:20.6%!important;
}

/* Rank/info hierarchy: #1 is higher, #2/#3 sit lower on the podium. */
.duel-top-scene .place-1 .duel-podium-rank{top:81.9%!important}
.duel-top-scene .place-2 .duel-podium-rank,
.duel-top-scene .place-3 .duel-podium-rank{top:84.4%!important}

.duel-top-scene .place-1 .duel-podium-stats{top:90.6%!important}
.duel-top-scene .place-2 .duel-podium-stats,
.duel-top-scene .place-3 .duel-podium-stats{top:93.2%!important}

@media(max-width:760px){
    .duel-top-scene .duel-podium-card.place-2,
    .duel-top-scene .duel-podium-card.place-3{width:100%!important}
    .duel-top-scene .place-2 .duel-podium-skin-wrap,
    .duel-top-scene .place-3 .duel-podium-skin-wrap{top:26px!important;width:105px!important}
    .duel-top-scene .place-1 .duel-podium-rank,
    .duel-top-scene .place-2 .duel-podium-rank,
    .duel-top-scene .place-3 .duel-podium-rank{top:auto!important}
    .duel-top-scene .place-1 .duel-podium-stats,
    .duel-top-scene .place-2 .duel-podium-stats,
    .duel-top-scene .place-3 .duel-podium-stats{top:auto!important}
}

/* ===== TOP-3 nickname alignment + #1 spacing fix 2026-08-13 ===== */
/* #2 and #3 nicknames must sit on the same horizontal level. */
.duel-top-scene .place-2 .duel-podium-name-wrap,
.duel-top-scene .place-3 .duel-podium-name-wrap{top:16.0%!important}

/* Add a small breathing gap between #1 rank number and its stats line. */
.duel-top-scene .place-1 .duel-podium-stats{top:91.6%!important}


/* Hero banner image block */
.duel-hero-banner-block{position:relative;display:block;padding:0 !important;min-height:220px;border-radius:18px;overflow:hidden;background:#0b1220 !important;box-shadow:none !important;border:1px solid rgba(255,255,255,.08)}
.duel-hero-banner-block:after{display:none !important;content:none !important}
.duel-hero-banner-img{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:18px;object-fit:cover;object-position:center center;z-index:1}
.duel-hero-banner-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(6,10,18,.70) 0%,rgba(6,10,18,.40) 28%,rgba(6,10,18,.20) 52%,rgba(6,10,18,.35) 100%)}
.duel-hero-banner-content{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:220px;padding:18px 28px}
.duel-hero-banner-content h1{margin:0 0 8px;color:#fff;font-size:28px;line-height:1.15;font-weight:900}
.duel-hero-banner-content p{max-width:760px;margin:0;color:#c5ccd8;font-size:13px;line-height:1.45}
@media(max-width:760px){.duel-hero-banner-block{min-height:170px;border-radius:14px}.duel-hero-banner-img{border-radius:14px}.duel-hero-banner-content{min-height:170px;padding:14px 18px;justify-content:center}.duel-hero-banner-content h1{font-size:22px}.duel-hero-banner-content p{font-size:12px}}


/* ===== PROFILE.TPL EXACT TEXT STRUCTURE 2026-08-13 ===== */
/* Native GameCMS profile order: login -> group -> clan. No extra meta wrapper/gap. */
.duel-wrap .duel-detail-profile-main.profile_page_container_infos,
.duel-modal .duel-player-modal-main.profile_page_container_infos{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    min-width:0!important;
}
.duel-wrap .profile_page_container_info_login,
.duel-modal .profile_page_container_info_login{
    margin:0!important;
    padding:0!important;
}
.duel-wrap .profile_page_container_info_group,
.duel-modal .profile_page_container_info_group{
    margin:0!important;
    padding:0!important;
}
/* Copied from the user's profile.tpl clan badge styling. */
.duel-wrap .profile_page_container_info_clan,
.duel-modal .profile_page_container_info_clan{
    margin-top:4px!important;
    font-size:12px!important;
    color:#d1d5db!important;
    line-height:1.2!important;
}
.duel-wrap .profile_page_container_info_clan span,
.duel-modal .profile_page_container_info_clan span{
    color:#ffffff!important;
    font-weight:600!important;
}
.duel-wrap .profile_page_container_info_clan_empty,
.duel-modal .profile_page_container_info_clan_empty{
    color:#9ca3af!important;
}
/* Do not let old duel-specific meta rules introduce vertical gaps. */
.duel-wrap .duel-detail-profile-name,
.duel-modal .duel-player-modal-name{
    margin:0!important;
    padding:0!important;
}


/* ===== Duel detail VS image refresh 2026-08-14 ===== */
.duel-vs-card{grid-template-columns:minmax(0,1fr) minmax(240px,.62fr) minmax(0,1fr)!important;gap:24px!important;padding:24px 28px!important;min-height:138px}
.duel-vs-center{display:flex;align-items:center;justify-content:center;text-align:center}
.duel-vs-center>span,.duel-vs-center>small{display:none!important}
.duel-vs-scoreboard{display:flex;align-items:center;justify-content:center;gap:16px;min-width:0}
.duel-vs-score{display:block;color:#fff;font-size:52px;line-height:1;font-weight:900;letter-spacing:-.03em;text-shadow:0 4px 16px rgba(0,0,0,.32)}
.duel-vs-logo{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:76px;height:76px}
.duel-vs-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}
.duel-participants-grid{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr)!important;gap:16px!important;align-items:stretch}
.duel-participant-vs{display:flex;align-items:center;justify-content:center;align-self:center;min-width:0}
.duel-participant-vs span{display:none!important}
.duel-participant-vs img{display:block;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.24))}
@media(max-width:900px){
  .duel-vs-card{grid-template-columns:1fr!important;gap:14px!important;padding:18px!important}
  .duel-vs-center{order:-1}
  .duel-vs-score{font-size:42px}
  .duel-vs-logo{width:62px;height:62px}
  .duel-vs-side,.duel-vs-side:first-child,.duel-vs-side:last-child{justify-content:center}
}
@media(max-width:760px){
  .duel-vs-scoreboard{gap:12px}
  .duel-vs-score{font-size:36px}
  .duel-vs-logo{width:56px;height:56px}
  .duel-participants-grid{grid-template-columns:1fr!important;gap:12px!important}
  .duel-participant-vs{min-height:48px}
  .duel-participant-vs img{width:56px;height:56px}
}


/* ===== Duel detail result block clean layout 2026-08-14 ===== */
.duel-vs-card{grid-template-columns:minmax(0,1fr) minmax(220px,.48fr) minmax(0,1fr)!important;gap:34px!important;padding:24px 52px!important;min-height:138px}
.duel-vs-side:first-child{justify-content:flex-end!important}
.duel-vs-side:last-child{justify-content:flex-start!important}
.duel-vs-center{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.duel-vs-result-label{margin-bottom:7px;color:#aeb7c5;font-size:13px;line-height:1.15;font-weight:800;letter-spacing:.02em}
.duel-vs-scoreline{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;line-height:1}
.duel-vs-scoreline b{color:#fff;font-size:50px;line-height:1;font-weight:900;letter-spacing:-.035em;text-shadow:0 4px 16px rgba(0,0,0,.32)}
.duel-vs-scoreline span{color:#fff;font-size:40px;line-height:1;font-weight:800;opacity:.92}
.duel-vs-scoreboard,.duel-vs-logo{display:none!important}
@media(max-width:1050px){
  .duel-vs-card{padding:22px 28px!important;gap:24px!important}
}
@media(max-width:900px){
  .duel-vs-card{grid-template-columns:1fr!important;gap:14px!important;padding:18px!important}
  .duel-vs-center{order:-1}
  .duel-vs-side,.duel-vs-side:first-child,.duel-vs-side:last-child{justify-content:center!important}
  .duel-vs-scoreline b{font-size:42px}
  .duel-vs-scoreline span{font-size:34px}
}
@media(max-width:760px){
  .duel-vs-scoreline b{font-size:36px}
  .duel-vs-scoreline span{font-size:30px}
  .duel-vs-result-label{font-size:12px}
}

/* ===== readability tune: duel data + bets headings ===== */
.duel-info-grid span{
  color:#b5bfcd!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.duel-info-grid b{
  font-size:13px!important;
  margin-top:5px!important;
}
.duel-table th{
  color:#b3bcc9!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
}

/* make headers in duel detail and bets a bit clearer on dark background */
.duel-card .duel-title{
  letter-spacing:.01em;
}


/* ===== 2026-08-14: bets header + personal stats metadata/readability ===== */
/* Bets table header now matches the rounded header style of Recent duels. */
.duel-bets-table-wrap{width:100%;overflow-x:hidden!important;border-radius:10px}
.duel-bets-table{width:100%!important;margin:0!important;border-spacing:0 7px!important;table-layout:fixed}
.duel-bets-table thead th{background:#20252e!important;padding:8px 9px!important}
.duel-bets-table thead th:first-child{border-radius:9px 0 0 9px!important}
.duel-bets-table thead th:last-child{border-radius:0 9px 9px 0!important}

/* My statistics: use the same full GameCMS-like identity block (avatar + nick + group + clan). */
.duel-me{align-items:center!important;gap:20px!important}
.duel-me-user{min-width:280px!important;max-width:340px;flex:0 0 auto}
.duel-detail-profile-me{gap:12px!important}
.duel-detail-profile-me .duel-detail-profile-avatar{width:56px!important;height:56px!important;flex-basis:56px!important}
.duel-detail-profile-me .duel-detail-profile-name{font-size:16px!important}
.duel-detail-profile-me .profile_page_container_info_group,
.duel-detail-profile-me .profile_page_container_info_clan{font-size:11.5px!important;line-height:1.18!important}

/* Labels below the large summary numbers and inside My statistics are easier to read. */
.duel-summary span,
.duel-me-grid span{
    color:#b6c0ce!important;
    font-size:11.5px!important;
    font-weight:700!important;
    line-height:1.2!important;
}
.duel-me-grid>div{justify-content:center;min-height:62px}

@media(max-width:1100px){
    .duel-me{align-items:flex-start!important;flex-direction:column!important}
    .duel-me-user{min-width:0!important;max-width:100%;width:100%}
    .duel-me-grid{width:100%}
}


/* ===== 2026-08-14: compact My statistics identity + explicit clan label ===== */
/* Do not reserve a wide empty column for the personal profile block. */
.duel-me{
    gap:14px!important;
}
.duel-me-user{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    flex:0 0 auto!important;
}
.duel-detail-profile-me{
    width:auto!important;
    max-width:260px!important;
}
.duel-detail-profile-me .duel-detail-profile-main{
    width:auto!important;
    max-width:190px!important;
}

/* Clan line is now self-explanatory: "Клан - ...". */
.duel-wrap .profile_page_container_info_clan,
.duel-modal .profile_page_container_info_clan{
    white-space:nowrap;
}

@media(max-width:1100px){
    .duel-me-user{
        width:auto!important;
        max-width:100%!important;
    }
    .duel-detail-profile-me{
        max-width:100%!important;
    }
}


/* =====================================================================
   MOBILE V2 — block-by-block layout, not generic stacked tables
   2026-08-14
   ===================================================================== */
@media (max-width:700px){
  /* page breathing room above fixed mobile site navigation */
  .duel-wrap{overflow:visible!important;padding-bottom:92px!important}
  .duel-card{border-radius:14px!important;box-shadow:none!important}
  .duel-title{font-size:18px!important;line-height:1.2!important;margin-bottom:14px!important}

  /* HERO: compact banner, readable copy */
  .duel-hero-banner-block{min-height:168px!important;border-radius:14px!important}
  .duel-hero-banner-img{border-radius:14px!important;object-position:center center!important}
  .duel-hero-banner-overlay{background:linear-gradient(90deg,rgba(5,9,17,.78),rgba(5,9,17,.42) 55%,rgba(5,9,17,.18))!important}
  .duel-hero-banner-content{min-height:168px!important;padding:18px 20px!important;justify-content:center!important}
  .duel-hero-banner-content h1{font-size:25px!important;line-height:1.08!important;margin-bottom:8px!important}
  .duel-hero-banner-content p{max-width:320px!important;font-size:12.5px!important;line-height:1.45!important}

  /* SERVER PICKER: horizontal native-feeling selector */
  .duel-server-picker{padding:15px 12px!important;margin-top:12px!important;border-radius:13px!important}
  .duel-server-title{font-size:17px!important;margin-bottom:12px!important}
  .duel-server-row{gap:7px!important}
  .duel-server-arrow{display:flex!important;align-items:center;justify-content:center;width:32px!important;height:38px!important;flex:0 0 32px!important}
  .duel-server-scroll{gap:8px!important;padding:1px 0!important}
  .duel-server-btn{min-height:42px!important;padding:10px 13px!important;font-size:11.5px!important;border-radius:9px!important}

  /* TOP-3: keep the Olympic podium composition on phones. */
  .duel-top-card{padding:10px!important}
  .duel-top-scene{height:540px!important;min-height:0!important;aspect-ratio:auto!important;margin:0 0 12px!important;border-radius:14px!important;background-size:cover!important;background-position:center center!important}
  .duel-top-scene .duel-podium{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;max-width:none!important}
  .duel-top-scene .duel-podium-card,
  .duel-top-scene .duel-podium-card.place-1,
  .duel-top-scene .duel-podium-card.place-2,
  .duel-top-scene .duel-podium-card.place-3{
    position:absolute!important;top:0!important;bottom:auto!important;height:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;transform:translateX(-50%)!important;background:transparent!important;border:0!important
  }
  .duel-top-scene .duel-podium-card.place-1{left:50%!important;width:38%!important;z-index:4!important}
  .duel-top-scene .duel-podium-card.place-2{left:23%!important;width:29%!important;z-index:3!important}
  .duel-top-scene .duel-podium-card.place-3{left:77%!important;width:29%!important;z-index:3!important}

  .duel-top-scene .duel-podium-name-wrap{left:50%!important;transform:translateX(-50%)!important;width:145%!important}
  .duel-top-scene .place-1 .duel-podium-name-wrap{top:5%!important}
  .duel-top-scene .place-2 .duel-podium-name-wrap,
  .duel-top-scene .place-3 .duel-podium-name-wrap{top:51%!important}
  .duel-top-scene .duel-podium-name,
  .duel-top-scene .place-1 .duel-podium-name{font-size:14px!important;line-height:1.1!important;max-width:100%!important}

  .duel-top-scene .duel-podium-skin-wrap,
  .duel-top-scene .place-1 .duel-podium-skin-wrap,
  .duel-top-scene .place-2 .duel-podium-skin-wrap,
  .duel-top-scene .place-3 .duel-podium-skin-wrap{position:absolute!important;left:0!important;transform:none!important;height:auto!important;margin:0!important}
  .duel-top-scene .place-1 .duel-podium-skin-wrap{top:11%!important;width:100%!important}
  .duel-top-scene .place-2 .duel-podium-skin-wrap,
  .duel-top-scene .place-3 .duel-podium-skin-wrap{top:57%!important;width:100%!important}
  .duel-top-scene .duel-podium-skin,
  .duel-top-scene .place-1 .duel-podium-skin,
  .duel-top-scene .place-2 .duel-podium-skin,
  .duel-top-scene .place-3 .duel-podium-skin{width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important}

  .duel-top-scene .duel-podium-rank{left:50%!important;transform:translateX(-50%)!important;margin:0!important;width:90%!important}
  .duel-top-scene .place-1 .duel-podium-rank{top:43%!important;bottom:auto!important}
  .duel-top-scene .place-2 .duel-podium-rank,
  .duel-top-scene .place-3 .duel-podium-rank{top:82%!important;bottom:auto!important}
  .duel-top-scene .duel-podium-rank-number{width:31%!important;height:auto!important;max-width:none!important}
  .duel-top-scene .place-1 .duel-podium-rank-number{width:34%!important}
  .duel-top-scene .duel-podium-laurel{width:11%!important;height:auto!important;max-width:none!important}

  .duel-top-scene .duel-podium-stats,
  .duel-top-scene .place-1 .duel-podium-stats,
  .duel-top-scene .place-2 .duel-podium-stats,
  .duel-top-scene .place-3 .duel-podium-stats{left:50%!important;transform:translateX(-50%)!important;bottom:auto!important;width:155%!important;font-size:9.5px!important;line-height:1.2!important;white-space:nowrap!important}
  .duel-top-scene .place-1 .duel-podium-stats{top:50%!important}
  .duel-top-scene .place-2 .duel-podium-stats,
  .duel-top-scene .place-3 .duel-podium-stats{top:89%!important}

  /* SUMMARY: 3 x 2, not six giant vertical cards */
  .duel-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}
  .duel-summary>div{min-width:0!important;padding:10px 8px!important;border-radius:10px!important;text-align:center!important;align-items:center!important;justify-content:center!important}
  .duel-summary b{font-size:19px!important;line-height:1.05!important}
  .duel-summary span{font-size:9.5px!important;line-height:1.15!important;text-align:center!important}

  /* MY STATS: profile on top, eight stats in 4 x 2 */
  .duel-me{display:block!important}
  .duel-me-user{width:100%!important;margin-bottom:12px!important}
  .duel-detail-profile-me{max-width:100%!important}
  .duel-me-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
  .duel-me-grid>div{min-height:58px!important;padding:8px 5px!important;align-items:center!important;text-align:center!important}
  .duel-me-grid b{font-size:16px!important}
  .duel-me-grid span{font-size:9px!important;text-align:center!important}

  /* DETAIL PAGE: result + two profiles, then independent blocks */
  .duel-detail-head{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:10px!important}
  .duel-detail-date{font-size:16px!important;line-height:1.2!important}
  .duel-return-btn{width:auto!important;max-width:none!important;margin:0!important;padding:9px 12px!important}

  .duel-vs-card{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-areas:'result result' 'p1 p2'!important;gap:12px 10px!important;padding:16px!important;min-height:0!important}
  .duel-vs-side:first-child{grid-area:p1!important;justify-content:flex-start!important}
  .duel-vs-center{grid-area:result!important;order:initial!important;border-bottom:1px solid rgba(255,255,255,.07)!important;padding-bottom:12px!important}
  .duel-vs-side:last-child{grid-area:p2!important;justify-content:flex-start!important}
  .duel-vs-result-label{font-size:11.5px!important;margin-bottom:4px!important}
  .duel-vs-scoreline b{font-size:38px!important}
  .duel-vs-scoreline span{font-size:30px!important}
  .duel-detail-profile-vs{gap:8px!important;min-width:0!important}
  .duel-detail-profile-vs .duel-detail-profile-avatar{width:46px!important;height:46px!important;flex:0 0 46px!important}
  .duel-detail-profile-vs .duel-detail-profile-name{font-size:14px!important}
  .duel-detail-profile-vs .profile_page_container_info_group,
  .duel-detail-profile-vs .profile_page_container_info_clan{font-size:9.5px!important;line-height:1.18!important;white-space:normal!important}
  .duel-detail-profile-right{flex-direction:row!important;text-align:left!important}
  .duel-detail-profile-right .duel-detail-profile-main,
  .duel-detail-profile-right .duel-profile-meta{align-items:flex-start!important;text-align:left!important}

  .duel-detail-grid{grid-template-columns:1fr!important;gap:12px!important}
  .duel-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .duel-info-grid>div{padding:11px!important;min-height:70px!important;justify-content:center!important}
  .duel-info-grid span{font-size:10.5px!important}
  .duel-info-grid b{font-size:12px!important;line-height:1.28!important;word-break:break-word!important}

  .duel-participants-grid{grid-template-columns:1fr!important;gap:10px!important}
  .duel-participant-vs{display:none!important}
  .duel-participant-side{padding:12px!important}
  .duel-detail-profile-stat{padding-bottom:10px!important;margin-bottom:10px!important}
  .duel-participant-row{min-height:48px!important;padding:9px 11px!important}
  .duel-participant-row span{font-size:11px!important}
  .duel-participant-row b{font-size:22px!important}

  /* generic mobile tables reset */
  .duel-table.duel-mobile-cards thead{display:none!important}
  .duel-table.duel-mobile-cards,
  .duel-table.duel-mobile-cards tbody{display:block!important;width:100%!important;min-width:0!important}
  .duel-table.duel-mobile-cards td:before{content:attr(data-label);display:block;color:#aeb8c7;font-size:9px;font-weight:800;line-height:1.1;margin-bottom:4px;text-transform:none}
  .duel-table.duel-mobile-cards td{white-space:normal!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;min-width:0!important;overflow:visible!important}
  .duel-table.duel-mobile-cards td .duel-player,
  .duel-table.duel-mobile-cards td .duel-player-plain{max-width:100%!important;margin:0!important;justify-content:center!important;text-align:left!important}
  .duel-table.duel-mobile-cards td .duel-player span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .duel-table.duel-mobile-cards .duel-empty{display:block!important;width:100%!important;padding:16px!important;text-align:center!important}
  .duel-ranking-table tbody tr.duel-empty-row,
  .duel-recent-table tbody tr.duel-empty-row{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
  .duel-ranking-table tbody tr.duel-empty-row td,
  .duel-recent-table tbody tr.duel-empty-row td{display:block!important;width:100%!important;grid-column:1/-1!important;padding:16px 14px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:rgba(255,255,255,.032)!important;text-align:center!important;white-space:normal!important;word-break:normal!important;line-height:1.35!important;font-size:14px!important}
  .duel-ranking-table tbody tr.duel-empty-row td:before,
  .duel-recent-table tbody tr.duel-empty-row td:before{display:none!important}

  /* RANKING: one compact card, player header + 2 rows of four stats */
  .duel-ranking-scroll{max-height:none!important;overflow:visible!important;border-radius:0!important}
  .duel-ranking-table{width:100%!important;min-width:0!important;border-spacing:0!important}
  .duel-ranking-table tbody tr{display:grid!important;grid-template-columns:44px repeat(2,minmax(0,1fr)) 86px!important;gap:8px!important;margin:0 0 10px!important;padding:11px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:rgba(255,255,255,.032)!important}
  .duel-ranking-table td:nth-child(1){grid-column:1;grid-row:1;align-self:center!important;text-align:center!important;font-size:17px!important}
  .duel-ranking-table td:nth-child(1):before{display:none!important}
  .duel-ranking-table td:nth-child(2){grid-column:2/4;grid-row:1;align-self:center!important}
  .duel-ranking-table td:nth-child(2):before{display:none!important}
  .duel-ranking-table td:nth-child(11){grid-column:4;grid-row:1;align-self:center!important;text-align:right!important}
  .duel-ranking-table td:nth-child(11):before{display:none!important}
  .duel-ranking-table td:nth-child(3){grid-column:1;grid-row:2}.duel-ranking-table td:nth-child(4){grid-column:2;grid-row:2}.duel-ranking-table td:nth-child(5){grid-column:3;grid-row:2}.duel-ranking-table td:nth-child(6){grid-column:4;grid-row:2}
  .duel-ranking-table td:nth-child(7){grid-column:1;grid-row:3}.duel-ranking-table td:nth-child(8){grid-column:2;grid-row:3}.duel-ranking-table td:nth-child(9){grid-column:3;grid-row:3}.duel-ranking-table td:nth-child(10){grid-column:4;grid-row:3}
  .duel-ranking-table td:nth-child(n+3):nth-child(-n+10){padding:7px 4px!important;border-radius:8px!important;background:rgba(255,255,255,.035)!important;text-align:center!important;font-size:11.5px!important;font-weight:800!important}
  .duel-ranking-table td:nth-child(n+3):nth-child(-n+10):before{font-size:8px!important;margin-bottom:3px!important;text-align:center!important}
  .duel-ranking-table .duel-mini-btn{padding:8px 8px!important;font-size:9px!important;width:100%!important;max-width:none!important}

  /* RECENT DUELS: match-shaped card, not a 9-line vertical list */
  .duel-recent-scroll{max-height:none!important;overflow:visible!important;border-radius:0!important}
  .duel-recent-table{width:100%!important;min-width:0!important;border-spacing:0!important;table-layout:auto!important}
  .duel-recent-table tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr)!important;gap:8px 9px!important;margin:0 0 11px!important;padding:12px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:rgba(255,255,255,.032)!important}
  .duel-recent-table td:nth-child(1){grid-column:auto;grid-row:auto;color:#98a3b2!important;font-size:10px!important;padding-bottom:2px!important}
  .duel-recent-table td:nth-child(1):before{display:none!important}
  .duel-recent-table td:nth-child(2){grid-column:1;grid-row:2}.duel-recent-table td:nth-child(3){grid-column:2;grid-row:2;align-self:center!important;text-align:center!important}.duel-recent-table td:nth-child(4){grid-column:3;grid-row:2}
  .duel-recent-table td:nth-child(2) .duel-player,.duel-recent-table td:nth-child(4) .duel-player{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;text-align:center!important}
  .duel-recent-table td:nth-child(2) .duel-player img,.duel-recent-table td:nth-child(4) .duel-player img{width:38px!important;height:38px!important}
  .duel-recent-table td:nth-child(2) .duel-player span,.duel-recent-table td:nth-child(4) .duel-player span{max-width:115px!important;font-size:10.5px!important;text-align:center!important}
  .duel-recent-table td:nth-child(2):before,.duel-recent-table td:nth-child(4):before{text-align:center!important}
  .duel-recent-table td:nth-child(3):before{display:none!important}.duel-recent-table td:nth-child(3){font-size:17px!important;white-space:nowrap!important}
  .duel-recent-table td:nth-child(5){grid-column:1;grid-row:3}.duel-recent-table td:nth-child(6){grid-column:2/4;grid-row:3}
  .duel-recent-table td:nth-child(7){grid-column:1;grid-row:4}.duel-recent-table td:nth-child(8){grid-column:2/4;grid-row:4;align-self:end!important}
  .duel-recent-table td:nth-child(5),.duel-recent-table td:nth-child(6),.duel-recent-table td:nth-child(7){padding:7px 8px!important;border-radius:8px!important;background:rgba(255,255,255,.035)!important;font-size:10.5px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .duel-recent-table td:nth-child(8):before{display:none!important}
  .duel-recent-table .duel-mini-btn{width:100%!important;max-width:none!important;justify-content:center!important;padding:9px 10px!important}

  /* BETS: compact 2-column betting card */
  .duel-bets-table-wrap{overflow:visible!important;border-radius:0!important}
  .duel-bets-table{width:100%!important;min-width:0!important;border-spacing:0!important;table-layout:auto!important}
  .duel-bets-table tbody tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:0 0 11px!important;padding:12px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:rgba(255,255,255,.032)!important}
  .duel-bets-table td{padding:8px!important;border-radius:8px!important;background:rgba(255,255,255,.03)!important;min-height:52px!important}
  .duel-bets-table td .duel-player{gap:7px!important;font-size:11px!important}
  .duel-bets-table td .duel-player img{width:34px!important;height:34px!important}
  .duel-bets-table .duel-badge{margin-top:2px!important}

  /* PLAYER MODAL: profile compact, 4x2 stats; history as compact match cards */
  .duel-modal{padding:8px!important;align-items:center!important}
  .duel-modal-dialog{width:calc(100vw - 16px)!important;max-height:calc(100vh - 30px)!important;padding:13px!important;border-radius:15px!important}
  .duel-player-modal-profile{padding:2px 42px 12px 0!important;gap:10px!important}
  .duel-player-modal-avatar{width:54px!important;height:54px!important;flex:0 0 54px!important}
  .duel-player-modal-name{font-size:17px!important}
  .duel-player-modal-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin-bottom:12px!important}
  .duel-player-modal-stats>div{min-height:60px!important;padding:7px 4px!important}
  .duel-player-modal-stats b{font-size:15px!important}.duel-player-modal-stats span{font-size:8.5px!important}
  .duel-player-duels-scroll{max-height:44vh!important;overflow-y:auto!important;overflow-x:hidden!important}
  .duel-player-history-table{width:100%!important;min-width:0!important;border-spacing:0!important;table-layout:auto!important}
  .duel-player-history-table tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important;gap:8px!important;margin:0 0 10px!important;padding:11px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:11px!important;background:rgba(255,255,255,.032)!important}
  .duel-player-history-table td:nth-child(1){grid-column:1/4;grid-row:1;color:#98a3b2!important;font-size:10px!important}.duel-player-history-table td:nth-child(1):before{display:none!important}
  .duel-player-history-table td:nth-child(2){grid-column:1;grid-row:2}.duel-player-history-table td:nth-child(3){grid-column:2;grid-row:2;text-align:center!important;align-self:center!important}.duel-player-history-table td:nth-child(4){grid-column:3;grid-row:2}
  .duel-player-history-table td:nth-child(5){grid-column:1;grid-row:3}.duel-player-history-table td:nth-child(6){grid-column:2;grid-row:3}.duel-player-history-table td:nth-child(7){grid-column:3;grid-row:3}
  .duel-player-history-table td:nth-child(5),.duel-player-history-table td:nth-child(6){padding:7px!important;border-radius:8px!important;background:rgba(255,255,255,.035)!important;font-size:10px!important}
  .duel-player-history-table td:nth-child(7):before{display:none!important}
  .duel-player-history-table .duel-mini-btn{width:100%!important;max-width:none!important;padding:8px 7px!important;font-size:9px!important}
}

@media (max-width:430px){
  .duel-hero-banner-block,.duel-hero-banner-content{min-height:155px!important}
  .duel-hero-banner-content h1{font-size:22px!important}
  .duel-server-arrow{display:none!important}
  .duel-top-scene{height:500px!important}
  .duel-top-scene .duel-podium-card.place-1{width:42%!important}
  .duel-top-scene .duel-podium-card.place-2{left:22%!important;width:31%!important}
  .duel-top-scene .duel-podium-card.place-3{left:78%!important;width:31%!important}
  .duel-top-scene .duel-podium-name,.duel-top-scene .place-1 .duel-podium-name{font-size:12px!important}
  .duel-top-scene .duel-podium-stats,.duel-top-scene .place-1 .duel-podium-stats,.duel-top-scene .place-2 .duel-podium-stats,.duel-top-scene .place-3 .duel-podium-stats{font-size:8px!important;width:165%!important}
  .duel-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .duel-me-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .duel-vs-card{grid-template-columns:1fr!important;grid-template-areas:'result' 'p1' 'p2'!important}
  .duel-vs-side:first-child,.duel-vs-side:last-child{justify-content:flex-start!important}
  .duel-info-grid{grid-template-columns:1fr!important}
  .duel-ranking-table tbody tr{grid-template-columns:40px minmax(0,1fr) 78px!important}
  .duel-ranking-table td:nth-child(1){grid-column:1;grid-row:1}.duel-ranking-table td:nth-child(2){grid-column:2;grid-row:1}.duel-ranking-table td:nth-child(11){grid-column:3;grid-row:1}
  .duel-ranking-table td:nth-child(3){grid-column:1;grid-row:2}.duel-ranking-table td:nth-child(4){grid-column:2;grid-row:2}.duel-ranking-table td:nth-child(5){grid-column:3;grid-row:2}
  .duel-ranking-table td:nth-child(6){grid-column:1;grid-row:3}.duel-ranking-table td:nth-child(7){grid-column:2;grid-row:3}.duel-ranking-table td:nth-child(8){grid-column:3;grid-row:3}
  .duel-ranking-table td:nth-child(9){grid-column:1;grid-row:4}.duel-ranking-table td:nth-child(10){grid-column:2/4;grid-row:4}
  .duel-ranking-table td:nth-child(n+3):nth-child(-n+10){font-size:10.5px!important}
  .duel-recent-table tbody tr{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)!important}
  .duel-player-modal-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .duel-player-duels-scroll{max-height:48vh!important}
}

/* MOBILE V2 podium fine-tuning after visual geometry check */
@media (max-width:700px){
  .duel-top-scene .duel-podium-card.place-1{width:34%!important}
  .duel-top-scene .duel-podium-card.place-2{left:22%!important;width:25%!important}
  .duel-top-scene .duel-podium-card.place-3{left:78%!important;width:25%!important}
  .duel-top-scene .place-1 .duel-podium-name-wrap{top:4%!important}
  .duel-top-scene .place-1 .duel-podium-skin-wrap{top:10%!important}
  .duel-top-scene .place-1 .duel-podium-rank{top:55%!important}
  .duel-top-scene .place-1 .duel-podium-stats{top:63%!important}
  .duel-top-scene .place-2 .duel-podium-name-wrap,
  .duel-top-scene .place-3 .duel-podium-name-wrap{top:53%!important}
  .duel-top-scene .place-2 .duel-podium-skin-wrap,
  .duel-top-scene .place-3 .duel-podium-skin-wrap{top:59%!important}
  .duel-top-scene .place-2 .duel-podium-rank,
  .duel-top-scene .place-3 .duel-podium-rank{top:88%!important}
  .duel-top-scene .place-2 .duel-podium-stats,
  .duel-top-scene .place-3 .duel-podium-stats{top:95%!important}
}
@media (max-width:430px){
  .duel-top-scene .duel-podium-card.place-1{width:36%!important}
  .duel-top-scene .duel-podium-card.place-2{left:21%!important;width:26%!important}
  .duel-top-scene .duel-podium-card.place-3{left:79%!important;width:26%!important}
}

/* =====================================================================
   MOBILE V3 — targeted fixes from real-device screenshots
   2026-08-14
   Fixes: Recent duels, action buttons, player modal/history
   ===================================================================== */
@media (max-width:700px){
  /* 1) Recent duels: reset desktop percentage widths that were squeezing grid cells. */
  .duel-recent-table td,
  .duel-recent-table td:nth-child(1),
  .duel-recent-table td:nth-child(2),
  .duel-recent-table td:nth-child(3),
  .duel-recent-table td:nth-child(4),
  .duel-recent-table td:nth-child(5),
  .duel-recent-table td:nth-child(6),
  .duel-recent-table td:nth-child(7),
  .duel-recent-table td:nth-child(8){
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .duel-recent-table tbody tr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto!important;
    gap:10px 10px!important;
    padding:14px!important;
    box-sizing:border-box!important;
  }
  .duel-recent-table td:nth-child(1){grid-column:1/4!important;grid-row:1!important;padding:0 0 2px!important;font-size:11px!important}
  .duel-recent-table td:nth-child(2){grid-column:1!important;grid-row:2!important}
  .duel-recent-table td:nth-child(3){grid-column:2!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:19px!important;line-height:1!important}
  .duel-recent-table td:nth-child(4){grid-column:3!important;grid-row:2!important}
  .duel-recent-table td:nth-child(5){grid-column:1!important;grid-row:3!important}
  .duel-recent-table td:nth-child(6){grid-column:2!important;grid-row:3!important}
  .duel-recent-table td:nth-child(7){grid-column:3!important;grid-row:3!important}
  .duel-recent-table td:nth-child(8){grid-column:1/4!important;grid-row:4!important;display:block!important;padding:2px 0 0!important}
  .duel-recent-table td:nth-child(5),
  .duel-recent-table td:nth-child(6),
  .duel-recent-table td:nth-child(7){
    min-height:54px!important;
    padding:8px!important;
    box-sizing:border-box!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.035)!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  .duel-recent-table td:nth-child(2) .duel-player,
  .duel-recent-table td:nth-child(4) .duel-player{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    text-align:center!important;
  }
  .duel-recent-table td:nth-child(2) .duel-player img,
  .duel-recent-table td:nth-child(4) .duel-player img{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .duel-recent-table td:nth-child(2) .duel-player span,
  .duel-recent-table td:nth-child(4) .duel-player span{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }
  .duel-recent-table .duel-actions-cell,
  .duel-ranking-table .duel-actions-cell,
  .duel-player-history-table .duel-actions-cell{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
  .duel-recent-table .duel-actions-cell .duel-mini-btn{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:10px 12px!important;
  }

  /* 2) Ranking action button must stay inside its own card. */
  .duel-ranking-table td,
  .duel-ranking-table td:nth-child(1),
  .duel-ranking-table td:nth-child(2),
  .duel-ranking-table td:nth-child(3),
  .duel-ranking-table td:nth-child(4),
  .duel-ranking-table td:nth-child(5),
  .duel-ranking-table td:nth-child(6),
  .duel-ranking-table td:nth-child(7),
  .duel-ranking-table td:nth-child(8),
  .duel-ranking-table td:nth-child(9),
  .duel-ranking-table td:nth-child(10),
  .duel-ranking-table td:nth-child(11){width:auto!important;min-width:0!important;max-width:none!important}
  .duel-ranking-table td:nth-child(11){justify-self:stretch!important;align-self:center!important;overflow:hidden!important}
  .duel-ranking-table td:nth-child(11) .duel-mini-btn{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:9px 7px!important;
    font-size:9px!important;
    overflow:hidden!important;
  }

  /* 3) Player details modal: same desktop dialog concept, only scaled down. */
  .duel-modal{padding:18px!important;align-items:center!important;justify-content:center!important}
  .duel-modal-dialog{
    width:min(92vw,440px)!important;
    max-width:440px!important;
    height:auto!important;
    max-height:84vh!important;
    padding:14px!important;
    border-radius:16px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .duel-player-modal-profile{padding:2px 44px 12px 0!important}
  .duel-player-modal-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
  .duel-player-modal-stats>div{min-width:0!important;min-height:58px!important;padding:7px 4px!important}
  .duel-player-modal-stats b{font-size:15px!important}
  .duel-player-modal-stats span{font-size:8px!important}
  .duel-player-duels-scroll{
    width:100%!important;
    max-height:38vh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:3px!important;
    box-sizing:border-box!important;
  }
  .duel-player-history-table,
  .duel-player-history-table tbody{width:100%!important;min-width:0!important;max-width:100%!important;display:block!important}
  .duel-player-history-table td,
  .duel-player-history-table td:nth-child(1),
  .duel-player-history-table td:nth-child(2),
  .duel-player-history-table td:nth-child(3),
  .duel-player-history-table td:nth-child(4),
  .duel-player-history-table td:nth-child(5),
  .duel-player-history-table td:nth-child(6),
  .duel-player-history-table td:nth-child(7){
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .duel-player-history-table tbody tr{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto!important;
    gap:9px!important;
    margin:0 0 11px!important;
    padding:12px!important;
    box-sizing:border-box!important;
  }
  .duel-player-history-table td:nth-child(1){grid-column:1/4!important;grid-row:1!important;padding:0 0 2px!important;font-size:10.5px!important}
  .duel-player-history-table td:nth-child(2){grid-column:1!important;grid-row:2!important}
  .duel-player-history-table td:nth-child(3){grid-column:2!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important}
  .duel-player-history-table td:nth-child(4){grid-column:3!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;text-align:right!important}
  .duel-player-history-table td:nth-child(5){grid-column:1!important;grid-row:3!important}
  .duel-player-history-table td:nth-child(6){grid-column:2/4!important;grid-row:3!important}
  .duel-player-history-table td:nth-child(7){grid-column:1/4!important;grid-row:4!important;display:block!important;padding:2px 0 0!important}
  .duel-player-history-table td:nth-child(2) .duel-player{
    width:100%!important;max-width:100%!important;margin:0!important;gap:7px!important;justify-content:flex-start!important;text-align:left!important
  }
  .duel-player-history-table td:nth-child(2) .duel-player img{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .duel-player-history-table td:nth-child(2) .duel-player span{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10.5px!important}
  .duel-player-history-table td:nth-child(5),
  .duel-player-history-table td:nth-child(6){
    min-height:48px!important;
    padding:8px!important;
    box-sizing:border-box!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.035)!important;
    white-space:normal!important;
  }
  .duel-player-history-table td:nth-child(7) .duel-mini-btn{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:10px 12px!important;
    font-size:10px!important;
  }
}

@media (max-width:430px){
  .duel-modal{padding:14px!important}
  .duel-modal-dialog{width:min(92vw,400px)!important;max-width:400px!important;max-height:82vh!important}
  .duel-player-modal-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .duel-player-duels-scroll{max-height:35vh!important}
  .duel-recent-table tbody tr{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr)!important;padding:12px!important;gap:9px 8px!important}
  .duel-player-history-table tbody tr{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)!important;padding:11px!important;gap:8px!important}
}

/* =====================================================================
   MOBILE V4 — player history result + compact duel data
   2026-08-14
   ===================================================================== */
@media (max-width:700px){
  /* Player modal history: remove the score from mobile cards.
     Keep only a clear Result row so nothing gets squeezed. */
  .duel-player-history-table tbody tr{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto auto!important;
    gap:8px 10px!important;
  }
  .duel-player-history-table td:nth-child(1){
    grid-column:1/3!important;
    grid-row:1!important;
    padding:0 0 3px!important;
  }
  .duel-player-history-table td:nth-child(2){
    grid-column:1/3!important;
    grid-row:2!important;
    min-width:0!important;
  }
  .duel-player-history-table td:nth-child(3){
    display:none!important;
  }
  .duel-player-history-table td:nth-child(4){
    grid-column:1/3!important;
    grid-row:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:48px!important;
    padding:10px 11px!important;
    box-sizing:border-box!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.045)!important;
    text-align:left!important;
  }
  .duel-player-history-table td:nth-child(4):before{
    content:"Результат"!important;
    display:block!important;
    flex:0 0 auto!important;
    color:#b8c1cf!important;
    font-size:11px!important;
    font-weight:800!important;
  }
  .duel-player-history-table td:nth-child(4) .duel-result{
    margin-left:auto!important;
    font-size:12px!important;
    font-weight:900!important;
    text-align:right!important;
  }
  .duel-player-history-table td:nth-child(5){
    grid-column:1!important;
    grid-row:4!important;
  }
  .duel-player-history-table td:nth-child(6){
    grid-column:2!important;
    grid-row:4!important;
  }
  .duel-player-history-table td:nth-child(7){
    grid-column:1/3!important;
    grid-row:5!important;
  }
  .duel-player-history-table td:nth-child(5),
  .duel-player-history-table td:nth-child(6){
    min-width:0!important;
    min-height:52px!important;
    padding:9px 10px!important;
  }

  /* Detail page: Data of duel stays compact on phones, like the stats cards. */
  .duel-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .duel-info-grid>div{
    min-width:0!important;
    min-height:72px!important;
    padding:10px 11px!important;
    box-sizing:border-box!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.035)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.035)!important;
  }
  .duel-info-grid span{
    font-size:10.5px!important;
    line-height:1.2!important;
    font-weight:800!important;
    color:#b6c0ce!important;
  }
  .duel-info-grid b{
    margin-top:5px!important;
    font-size:12px!important;
    line-height:1.28!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
}

@media (max-width:430px){
  .duel-player-history-table tbody tr{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    padding:11px!important;
    gap:8px!important;
  }
  .duel-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .duel-info-grid>div{
    min-height:68px!important;
    padding:9px 10px!important;
  }
}

/* =====================================================================
   MOBILE V5 — precise fixes requested from real-device screenshots
   2026-08-14
   1) VS emblem back between duel participants
   2) Full hero banner visible on phones
   3) Compact server picker
   4) TOP-3 keeps the wide desktop scene, scaled down as one composition
   ===================================================================== */
@media (max-width:700px){
  /* 1. Statistics duel: keep the supplied VS image between the two players. */
  .duel-participants-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .duel-participant-vs{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:58px!important;
    height:auto!important;
    padding:2px 0!important;
  }
  .duel-participant-vs img{
    display:block!important;
    width:54px!important;
    height:54px!important;
    max-width:54px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 7px 16px rgba(0,0,0,.32))!important;
  }

  /* 2. Main hero: preserve the source 2048x682 ratio so nothing is cropped. */
  .duel-hero-banner-block{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:2048/682!important;
    overflow:hidden!important;
    border-radius:13px!important;
    background:#070b12!important;
  }
  .duel-hero-banner-img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    border-radius:13px!important;
    background:#070b12!important;
  }
  .duel-hero-banner-overlay{
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(90deg,rgba(4,8,15,.72) 0%,rgba(4,8,15,.40) 34%,rgba(4,8,15,.10) 70%,rgba(4,8,15,.16) 100%)!important;
  }
  .duel-hero-banner-content{
    position:absolute!important;
    inset:0!important;
    min-height:0!important;
    height:100%!important;
    padding:12px 16px!important;
    justify-content:center!important;
  }
  .duel-hero-banner-content h1{
    margin:0 0 5px!important;
    font-size:clamp(18px,5.1vw,23px)!important;
    line-height:1.08!important;
  }
  .duel-hero-banner-content p{
    max-width:68%!important;
    margin:0!important;
    font-size:clamp(9px,2.65vw,12px)!important;
    line-height:1.32!important;
  }

  /* 3. Server picker: compact controls; a single long server does not fill the screen. */
  .duel-server-picker{
    margin-top:10px!important;
    padding:11px 10px!important;
    border-radius:12px!important;
  }
  .duel-server-title{
    margin-bottom:9px!important;
    font-size:15px!important;
    line-height:1.15!important;
  }
  .duel-server-row{
    gap:6px!important;
    justify-content:center!important;
  }
  .duel-server-scroll{
    flex:1 1 auto!important;
    min-width:0!important;
    gap:7px!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    scroll-snap-type:x proximity;
    padding:1px 0!important;
  }
  .duel-server-btn{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:230px!important;
    padding:8px 10px!important;
    border-radius:9px!important;
    font-size:10.5px!important;
    line-height:1.18!important;
    white-space:normal!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
    scroll-snap-align:start;
  }
  .duel-server-arrow{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:28px!important;
    height:28px!important;
    flex:0 0 28px!important;
    border-radius:8px!important;
    font-size:17px!important;
  }

  /* 4. TOP-3: one wide landscape scene, not a tall mobile column. */
  .duel-top-card{
    padding:8px!important;
    overflow:hidden!important;
  }
  .duel-top-scene{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1916/818!important;
    margin:0 0 9px!important;
    border-radius:11px!important;
    overflow:hidden!important;
    background-color:#090c15!important;
    background-image:url('../img/top/top_bg_scene.png')!important;
    background-position:center center!important;
    background-size:100% 100%!important;
    background-repeat:no-repeat!important;
  }
  .duel-top-scene .duel-podium{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  .duel-top-scene .duel-podium-card,
  .duel-top-scene .duel-podium-card.place-1,
  .duel-top-scene .duel-podium-card.place-2,
  .duel-top-scene .duel-podium-card.place-3{
    position:absolute!important;
    top:0!important;
    bottom:0!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    overflow:visible!important;
    transform:translateX(-50%)!important;
  }
  .duel-top-scene .duel-podium-card.place-1{left:49.5%!important;width:16.8%!important;z-index:4!important}
  .duel-top-scene .duel-podium-card.place-2{left:32.0%!important;width:13.8%!important;z-index:3!important}
  .duel-top-scene .duel-podium-card.place-3{left:67.0%!important;width:13.8%!important;z-index:3!important}

  .duel-top-scene .duel-podium-name-wrap,
  .duel-top-scene .place-1 .duel-podium-name-wrap,
  .duel-top-scene .place-2 .duel-podium-name-wrap,
  .duel-top-scene .place-3 .duel-podium-name-wrap{
    position:absolute!important;
    left:50%!important;
    width:170%!important;
    transform:translateX(-50%)!important;
    margin:0!important;
  }
  .duel-top-scene .place-1 .duel-podium-name-wrap{top:7.5%!important}
  .duel-top-scene .place-2 .duel-podium-name-wrap,
  .duel-top-scene .place-3 .duel-podium-name-wrap{top:18.0%!important}
  .duel-top-scene .duel-podium-name,
  .duel-top-scene .place-1 .duel-podium-name{
    display:block!important;
    max-width:100%!important;
    font-size:clamp(6px,1.85vw,9px)!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .duel-top-scene .duel-podium-skin-wrap,
  .duel-top-scene .place-1 .duel-podium-skin-wrap,
  .duel-top-scene .place-2 .duel-podium-skin-wrap,
  .duel-top-scene .place-3 .duel-podium-skin-wrap{
    position:absolute!important;
    left:0!important;
    width:100%!important;
    height:auto!important;
    transform:none!important;
    margin:0!important;
  }
  .duel-top-scene .place-1 .duel-podium-skin-wrap{top:14.5%!important}
  .duel-top-scene .place-2 .duel-podium-skin-wrap,
  .duel-top-scene .place-3 .duel-podium-skin-wrap{top:25.5%!important}
  .duel-top-scene .duel-podium-skin,
  .duel-top-scene .place-1 .duel-podium-skin,
  .duel-top-scene .place-2 .duel-podium-skin,
  .duel-top-scene .place-3 .duel-podium-skin{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
  }

  .duel-top-scene .duel-podium-rank,
  .duel-top-scene .place-1 .duel-podium-rank,
  .duel-top-scene .place-2 .duel-podium-rank,
  .duel-top-scene .place-3 .duel-podium-rank{
    position:absolute!important;
    left:50%!important;
    bottom:auto!important;
    width:100%!important;
    transform:translateX(-50%)!important;
    margin:0!important;
  }
  .duel-top-scene .place-1 .duel-podium-rank{top:77.0%!important}
  .duel-top-scene .place-2 .duel-podium-rank,
  .duel-top-scene .place-3 .duel-podium-rank{top:80.0%!important}
  .duel-top-scene .duel-podium-rank-number{width:24%!important;height:auto!important;max-width:none!important}
  .duel-top-scene .place-1 .duel-podium-rank-number{width:26%!important}
  .duel-top-scene .duel-podium-laurel{width:8.5%!important;height:auto!important;max-width:none!important}
  .duel-top-scene .place-1 .duel-podium-laurel{width:9.5%!important}

  .duel-top-scene .duel-podium-stats,
  .duel-top-scene .place-1 .duel-podium-stats,
  .duel-top-scene .place-2 .duel-podium-stats,
  .duel-top-scene .place-3 .duel-podium-stats{
    position:absolute!important;
    left:50%!important;
    bottom:auto!important;
    width:190%!important;
    transform:translateX(-50%)!important;
    margin:0!important;
    font-size:clamp(5px,1.45vw,7px)!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
  .duel-top-scene .place-1 .duel-podium-stats{top:88.0%!important}
  .duel-top-scene .place-2 .duel-podium-stats,
  .duel-top-scene .place-3 .duel-podium-stats{top:91.0%!important}
}

@media (max-width:430px){
  .duel-server-btn{max-width:205px!important;font-size:10px!important;padding:7px 9px!important}
  .duel-server-arrow{width:26px!important;height:26px!important;flex-basis:26px!important}
  .duel-top-scene .duel-podium-card.place-1{width:17.2%!important}
  .duel-top-scene .duel-podium-card.place-2{left:31.8%!important;width:14.1%!important}
  .duel-top-scene .duel-podium-card.place-3{left:67.2%!important;width:14.1%!important}
  .duel-top-scene .duel-podium-name,
  .duel-top-scene .place-1 .duel-podium-name{font-size:6px!important}
  .duel-top-scene .duel-podium-stats,
  .duel-top-scene .place-1 .duel-podium-stats,
  .duel-top-scene .place-2 .duel-podium-stats,
  .duel-top-scene .place-3 .duel-podium-stats{font-size:5px!important}
}

/* =====================================================================
   MOBILE V6 — recent duels card layout on main page
   2026-08-14
   Only change the mobile "Последние дуэли" cards:
   date → players + score + VS → mode/reward → winner → details
   ===================================================================== */
@media (max-width:700px){
  .duel-recent-table tbody tr{
    position:relative!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:auto auto auto auto!important;
    gap:10px 10px!important;
    margin:22px 0 12px!important;
    padding:18px 12px 12px!important;
    box-sizing:border-box!important;
  }
  .duel-recent-table td,
  .duel-recent-table td:nth-child(1),
  .duel-recent-table td:nth-child(2),
  .duel-recent-table td:nth-child(3),
  .duel-recent-table td:nth-child(4),
  .duel-recent-table td:nth-child(5),
  .duel-recent-table td:nth-child(6),
  .duel-recent-table td:nth-child(7),
  .duel-recent-table td:nth-child(8){
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* 1) date */
  .duel-recent-table td:nth-child(1){
    position:absolute!important;
    top:-16px!important;
    right:12px!important;
    z-index:2!important;
    grid-column:auto!important;
    grid-row:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:auto!important;
    max-width:none!important;
    padding:4px 10px!important;
    border-radius:8px!important;
    background:rgba(24,30,45,.96)!important;
    border:1px solid rgba(255,255,255,.07)!important;
    color:#d2d9e4!important;
    font-size:11px!important;
    line-height:1.2!important;
    box-shadow:0 6px 16px rgba(0,0,0,.24)!important;
  }
  .duel-recent-table td:nth-child(1):before{display:none!important}

  /* 2) player 1 / score / player 2 */
  .duel-recent-table td:nth-child(2){grid-column:1!important;grid-row:2!important}
  .duel-recent-table td:nth-child(3){grid-column:2/4!important;grid-row:2!important}
  .duel-recent-table td:nth-child(4){grid-column:4!important;grid-row:2!important}

  .duel-recent-table td:nth-child(2):before,
  .duel-recent-table td:nth-child(4):before{
    display:block!important;
    margin:0 0 5px!important;
    text-align:center!important;
    color:#b8c1cf!important;
    font-size:10px!important;
    font-weight:800!important;
  }
  .duel-recent-table td:nth-child(2) .duel-player,
  .duel-recent-table td:nth-child(4) .duel-player{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    margin:0!important;
    text-align:center!important;
  }
  .duel-recent-table td:nth-child(2) .duel-player img,
  .duel-recent-table td:nth-child(4) .duel-player img{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    border-radius:50%!important;
  }
  .duel-recent-table td:nth-child(2) .duel-player span,
  .duel-recent-table td:nth-child(4) .duel-player span{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:break-word!important;
    line-height:1.18!important;
    font-size:11px!important;
    text-align:center!important;
  }

  .duel-recent-table td:nth-child(3):before{display:none!important}
  .duel-recent-table td:nth-child(3){
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding-top:16px!important;
    text-align:center!important;
    font-size:18px!important;
    font-weight:900!important;
    color:#fff!important;
    white-space:nowrap!important;
  }
  .duel-recent-table td:nth-child(3)::after{
    content:"";
    display:block;
    width:56px;
    height:56px;
    margin-top:6px;
    background:url('../img/duel_vs_emblem.png') center center / contain no-repeat;
    filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));
  }

  /* 3) mode + reward */
  .duel-recent-table td:nth-child(5){
    grid-column:1/3!important;
    grid-row:3!important;
    min-height:58px!important;
  }
  .duel-recent-table td:nth-child(7){
    grid-column:3/5!important;
    grid-row:3!important;
    min-height:58px!important;
  }

  /* 4) winner full width */
  .duel-recent-table td:nth-child(6){
    grid-column:1/5!important;
    grid-row:4!important;
    min-height:58px!important;
  }

  .duel-recent-table td:nth-child(5),
  .duel-recent-table td:nth-child(6),
  .duel-recent-table td:nth-child(7){
    padding:9px 10px!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.04)!important;
    border:1px solid rgba(255,255,255,.035)!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .duel-recent-table td:nth-child(5):before,
  .duel-recent-table td:nth-child(6):before,
  .duel-recent-table td:nth-child(7):before{
    display:block!important;
    margin:0 0 5px!important;
    color:#b8c1cf!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.1!important;
  }
  .duel-recent-table td:nth-child(6):before{
    text-align:center!important;
  }
  .duel-recent-table td:nth-child(5),
  .duel-recent-table td:nth-child(7){
    font-size:12px!important;
    line-height:1.28!important;
  }
  .duel-recent-table td:nth-child(6){
    font-size:12px!important;
    line-height:1.3!important;
    word-break:break-word!important;
    text-align:center!important;
  }

  /* 5) details button */
  .duel-recent-table td:nth-child(8){
    grid-column:1/5!important;
    grid-row:5!important;
    display:block!important;
    padding:0!important;
  }
  .duel-recent-table td:nth-child(8):before{display:none!important}
  .duel-recent-table td:nth-child(8) .duel-mini-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:10px 12px!important;
    font-size:10.5px!important;
    border-radius:10px!important;
  }
}

@media (max-width:430px){
  .duel-recent-table tbody tr{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px 8px!important;
    margin:22px 0 12px!important;
    padding:18px 11px 11px!important;
  }
  .duel-recent-table td:nth-child(2) .duel-player img,
  .duel-recent-table td:nth-child(4) .duel-player img{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  .duel-recent-table td:nth-child(2) .duel-player span,
  .duel-recent-table td:nth-child(4) .duel-player span{
    font-size:10.5px!important;
  }
  .duel-recent-table td:nth-child(3){
    font-size:17px!important;
    gap:8px!important;
  }
  .duel-recent-table td:nth-child(3)::after{
    width:48px;
    height:48px;
  }
  .duel-recent-table td:nth-child(1){
    top:-15px!important;
    right:10px!important;
    padding:4px 8px!important;
    font-size:10.5px!important;
  }
}

/* =====================================================================
   MOBILE V9 — bets cards, duel detail alignment, server pill, recent title
   2026-08-14
   Requested fixes:
   1) Bets block: each field clearly lives in its own compact card.
   2) Duel detail top result card: right player hugs the right edge on mobile.
   3) Server selector button width follows its text, not an oversized pill.
   4) Recent duels mobile cards: show "Результат дуэли" above the score.
   ===================================================================== */
@media (max-width:700px){
  /* 1) Bets block — keep every item as a separate card with even geometry. */
  .duel-bets-table tbody tr{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin:0 0 12px!important;
    padding:12px!important;
  }
  .duel-bets-table td{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    min-width:0!important;
    min-height:66px!important;
    padding:9px 10px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.035)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.038)!important;
  }
  .duel-bets-table td:before{
    display:block!important;
    margin:0 0 6px!important;
    color:#b8c1cf!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:800!important;
  }
  .duel-bets-table td .duel-player,
  .duel-bets-table td .duel-player-plain{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    text-align:left!important;
  }
  .duel-bets-table td .duel-player img{width:34px!important;height:34px!important;flex:0 0 34px!important}
  .duel-bets-table td .duel-player span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .duel-bets-table td .duel-badge{margin-top:2px!important;align-self:flex-start!important}

  /* 2) Duel detail mobile: remove the dead space on the right participant. */
  .duel-vs-card{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:'result result' 'p1 p2'!important;
    gap:12px 10px!important;
    padding:16px!important;
  }
  .duel-vs-side:first-child{grid-area:p1!important;justify-content:flex-start!important}
  .duel-vs-side:last-child{grid-area:p2!important;justify-content:flex-end!important}
  .duel-vs-center{grid-area:result!important}
  .duel-vs-side:last-child .duel-detail-profile-vs,
  .duel-vs-side:last-child .duel-detail-profile{
    margin-left:auto!important;
  }
  .duel-vs-side:last-child .duel-detail-profile-main,
  .duel-vs-side:last-child .duel-profile-meta,
  .duel-vs-side:last-child .duel-detail-profile-name{
    text-align:left!important;
    align-items:flex-start!important;
  }

  /* 3) Server picker: active blue button should size itself by the text. */
  .duel-server-row{justify-content:center!important}
  .duel-server-scroll{
    flex:0 1 auto!important;
    width:auto!important;
    max-width:calc(100% - 70px)!important;
    justify-content:center!important;
  }
  .duel-server-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:min(78vw,280px)!important;
    min-width:0!important;
    min-height:38px!important;
    padding:8px 12px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1.15!important;
  }

  /* 4) Recent duels: add a clear score title above the score. */
  .duel-recent-table td:nth-child(3){
    justify-content:flex-start!important;
    gap:8px!important;
    padding-top:0!important;
  }
  .duel-recent-table td:nth-child(3):before{
    content:"Результат дуэли"!important;
    display:block!important;
    margin:0!important;
    color:#b8c1cf!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:800!important;
    text-align:center!important;
  }
  .duel-recent-table td:nth-child(3)::after{
    margin-top:2px!important;
  }
}

@media (max-width:430px){
  .duel-bets-table tbody tr{grid-template-columns:1fr!important}
  .duel-vs-card{grid-template-columns:1fr!important;grid-template-areas:'result' 'p1' 'p2'!important}
  .duel-vs-side:first-child,.duel-vs-side:last-child{justify-content:flex-start!important}
  .duel-vs-side:last-child .duel-detail-profile-vs,
  .duel-vs-side:last-child .duel-detail-profile{margin-left:0!important}
  .duel-server-scroll{max-width:100%!important}
  .duel-server-btn{max-width:calc(100vw - 120px)!important;padding:8px 11px!important;font-size:10px!important}
  .duel-recent-table td:nth-child(3){font-size:17px!important;gap:6px!important}
  .duel-recent-table td:nth-child(3):before{font-size:9.5px!important}
}


/* =====================================================================
   MOBILE V10 — bounded ranking/recent scroll + stronger betting subcards
   2026-08-14
   ===================================================================== */
@media (max-width:700px){
  /* Ranking: JS sets exact viewport to rows #4–#10. Fallback keeps it bounded. */
  .duel-ranking-scroll{
    max-height:1120px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-gutter:stable!important;
    border-radius:12px!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* Recent duels: JS sets exact viewport to first 10 cards. */
  .duel-recent-scroll{
    max-height:2280px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-gutter:stable!important;
    border-radius:12px!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding-right:3px!important;
  }

  .duel-ranking-scroll::-webkit-scrollbar,
  .duel-recent-scroll::-webkit-scrollbar{width:6px!important}
  .duel-ranking-scroll::-webkit-scrollbar-thumb,
  .duel-recent-scroll::-webkit-scrollbar-thumb{background:rgba(105,126,154,.58)!important;border-radius:999px!important}
  .duel-ranking-scroll::-webkit-scrollbar-track,
  .duel-recent-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.025)!important}

  /* Bets: each field is visibly its own card, not just text in the bet container. */
  .duel-bets-table tbody tr{
    gap:10px!important;
    padding:11px!important;
    background:rgba(9,14,23,.28)!important;
  }
  .duel-bets-table td{
    min-height:72px!important;
    padding:10px 11px!important;
    border:1px solid rgba(122,145,178,.18)!important;
    border-radius:11px!important;
    background:#1d232d!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .duel-bets-table td:before{
    margin-bottom:7px!important;
    color:#aebbd0!important;
    font-size:10px!important;
    font-weight:800!important;
  }
  .duel-bets-table td:nth-child(3),
  .duel-bets-table td:nth-child(5),
  .duel-bets-table td:nth-child(6){
    justify-content:center!important;
  }
  .duel-bets-table td:nth-child(4){
    justify-content:center!important;
  }
  .duel-bets-table td .duel-badge{align-self:flex-start!important}
}

@media (max-width:430px){
  /* Keep bets in 2 columns on phones; each point remains a compact card. */
  .duel-bets-table tbody tr{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .duel-bets-table td{min-height:68px!important;padding:9px!important}
}

/* =====================================================================
   MOBILE V14 — BETS MINI-CARDS, MOBILE ONLY
   IMPORTANT: desktop layout is intentionally untouched.
   ===================================================================== */
@media (max-width:700px){
  .duel-bets-table-wrap{
    width:100%!important;
    overflow:visible!important;
  }
  .duel-bets-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    border-spacing:0!important;
    table-layout:auto!important;
  }
  .duel-bets-table thead{
    display:none!important;
  }
  .duel-bets-table tbody{
    display:block!important;
    width:100%!important;
  }
  .duel-bets-table tbody tr{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    margin:0 0 12px!important;
    padding:11px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.055)!important;
    border-radius:13px!important;
    background:rgba(9,14,23,.28)!important;
  }
  .duel-bets-table tbody tr:last-child{
    margin-bottom:0!important;
  }
  .duel-bets-table td{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    min-width:0!important;
    min-height:72px!important;
    padding:10px 11px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:1px solid rgba(122,145,178,.18)!important;
    border-radius:11px!important;
    background:#1d232d!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    white-space:normal!important;
    overflow:hidden!important;
  }
  .duel-bets-table td:before{
    content:attr(data-label)!important;
    display:block!important;
    margin:0 0 7px!important;
    color:#aebbd0!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:800!important;
    text-align:left!important;
  }
  .duel-bets-table td .duel-player,
  .duel-bets-table td .duel-player-plain{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    text-align:left!important;
  }
  .duel-bets-table td .duel-player img{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }
  .duel-bets-table td:nth-child(1),
  .duel-bets-table td:nth-child(2){
    justify-content:flex-start!important;
  }
  .duel-bets-table td:nth-child(1) .duel-player,
  .duel-bets-table td:nth-child(2) .duel-player{
    align-self:flex-start!important;
  }

  .duel-bets-table td .duel-player span,
  .duel-bets-table td .duel-player-plain{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .duel-bets-table td .duel-badge{
    align-self:flex-start!important;
    margin-top:1px!important;
  }
}

@media (max-width:430px){
  .duel-bets-table tbody tr{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    padding:10px!important;
  }
  .duel-bets-table td{
    min-height:68px!important;
    padding:9px!important;
  }
}


/* =====================================================================
   MOBILE V16 — BETS REDESIGN (compact mini-cards, clean top alignment)
   ===================================================================== */
@media (max-width:700px){
  .duel-bets-table tbody tr{
    gap:10px!important;
    padding:10px!important;
  }
  .duel-bets-table td{
    min-height:auto!important;
    height:auto!important;
    padding:10px!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    align-content:flex-start!important;
  }
  .duel-bets-table td:before{
    margin:0 0 6px!important;
  }
  .duel-bets-table td:nth-child(1),
  .duel-bets-table td:nth-child(2){
    min-height:60px!important;
  }
  .duel-bets-table td:nth-child(3),
  .duel-bets-table td:nth-child(4),
  .duel-bets-table td:nth-child(5),
  .duel-bets-table td:nth-child(6){
    min-height:56px!important;
  }
  .duel-bets-table td .duel-player,
  .duel-bets-table td .duel-player-plain{
    align-self:flex-start!important;
    margin:0!important;
    line-height:1.2!important;
  }
  .duel-bets-table td .duel-player{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }
  .duel-bets-table td .duel-player img{
    margin:0!important;
  }
  .duel-bets-table td .duel-player span,
  .duel-bets-table td .duel-player-plain{
    display:block!important;
    line-height:1.2!important;
  }
  .duel-bets-table td .duel-badge{
    margin-top:0!important;
  }
}
@media (max-width:430px){
  .duel-bets-table td{
    padding:9px!important;
  }
  .duel-bets-table td:nth-child(1),
  .duel-bets-table td:nth-child(2){
    min-height:58px!important;
  }
}


/* =====================================================================
   MOBILE V17 — BETS COMPLETE REDESIGN (single-column mini-cards only)
   ===================================================================== */
@media (max-width:700px){
  .duel-bets-table-wrap{overflow:visible!important}
  .duel-bets-table,
  .duel-bets-table tbody{display:block!important;width:100%!important;min-width:0!important}
  .duel-bets-table thead{display:none!important}
  .duel-bets-table tbody tr{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    width:100%!important;
    margin:0 0 12px!important;
    padding:10px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.055)!important;
    border-radius:14px!important;
    background:rgba(9,14,23,.28)!important;
  }
  .duel-bets-table tbody tr:last-child{margin-bottom:0!important}
  .duel-bets-table tbody tr > td{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    min-height:auto!important;
    height:auto!important;
    margin:0!important;
    padding:10px 12px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(122,145,178,.18)!important;
    border-radius:11px!important;
    background:#1d232d!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    overflow:hidden!important;
    white-space:normal!important;
    text-align:left!important;
  }
  .duel-bets-table tbody tr > td:before{
    content:attr(data-label)!important;
    display:block!important;
    width:100%!important;
    margin:0 0 6px!important;
    color:#aebbd0!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:800!important;
    text-align:left!important;
  }
  .duel-bets-table tbody tr > td .duel-player,
  .duel-bets-table tbody tr > td .duel-player-plain{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-self:flex-start!important;
    gap:8px!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    text-align:left!important;
  }
  .duel-bets-table tbody tr > td .duel-player img{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    margin:0!important;
  }
  .duel-bets-table tbody tr > td .duel-player span,
  .duel-bets-table tbody tr > td .duel-player-plain{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    line-height:1.2!important;
  }
  .duel-bets-table tbody tr > td .duel-badge{
    align-self:flex-start!important;
    margin:0!important;
  }
}
@media (max-width:430px){
  .duel-bets-table tbody tr{padding:9px!important;gap:7px!important}
  .duel-bets-table tbody tr > td{padding:9px 10px!important}
}


/* =====================================================================
   MOBILE V18 — BETS VARIANT #2 (2 mini-cards per row)
   Layout: Игрок | Ставка на / Сумма | Результат / Прибыль | Выплата
   ===================================================================== */
@media (max-width:700px){
  .duel-bets-table-wrap{overflow:visible!important}
  .duel-bets-table,
  .duel-bets-table tbody{display:block!important;width:100%!important;min-width:0!important}
  .duel-bets-table thead{display:none!important}

  .duel-bets-table tbody tr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    margin:0 0 14px!important;
    padding:10px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.055)!important;
    border-radius:14px!important;
    background:rgba(9,14,23,.28)!important;
  }
  .duel-bets-table tbody tr:last-child{margin-bottom:0!important}

  .duel-bets-table tbody tr > td{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    width:auto!important;
    min-width:0!important;
    min-height:78px!important;
    height:auto!important;
    margin:0!important;
    padding:10px 11px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(122,145,178,.18)!important;
    border-radius:11px!important;
    background:#1d232d!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    overflow:hidden!important;
    white-space:normal!important;
    text-align:left!important;
  }

  .duel-bets-table tbody tr > td:before{
    content:attr(data-label)!important;
    display:block!important;
    width:100%!important;
    margin:0 0 7px!important;
    color:#aebbd0!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:800!important;
    text-align:left!important;
  }

  .duel-bets-table tbody tr > td .duel-player,
  .duel-bets-table tbody tr > td .duel-player-plain{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-self:flex-start!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    text-align:left!important;
  }

  .duel-bets-table tbody tr > td .duel-player img{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    margin:0!important;
  }

  .duel-bets-table tbody tr > td .duel-player span,
  .duel-bets-table tbody tr > td .duel-player-plain{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    line-height:1.2!important;
    font-size:13px!important;
  }

  .duel-bets-table tbody tr > td .duel-badge{
    align-self:flex-start!important;
    margin:0!important;
  }
}
@media (max-width:430px){
  .duel-bets-table tbody tr{padding:9px!important;gap:8px!important}
  .duel-bets-table tbody tr > td{padding:9px 10px!important;min-height:72px!important}
  .duel-bets-table tbody tr > td .duel-player img{width:32px!important;height:32px!important;flex-basis:32px!important}
  .duel-bets-table tbody tr > td .duel-player span,
  .duel-bets-table tbody tr > td .duel-player-plain{font-size:12px!important}
}


/* =====================================================================
   MOBILE V19 — BETS PROFILE REAL LEFT ALIGN FIX
   Reason: generic .duel-mobile-cards rule was still centering duel-player.
   ===================================================================== */
@media (max-width:700px){
  .duel-table.duel-bets-table.duel-mobile-cards td .duel-player,
  .duel-table.duel-bets-table.duel-mobile-cards td .duel-player-plain,
  .duel-bets-table.duel-mobile-cards tbody tr > td .duel-player,
  .duel-bets-table.duel-mobile-cards tbody tr > td .duel-player-plain{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-content:flex-start!important;
    align-self:flex-start!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
  }

  .duel-table.duel-bets-table.duel-mobile-cards td .duel-player img,
  .duel-bets-table.duel-mobile-cards tbody tr > td .duel-player img{
    margin:0 8px 0 0!important;
  }

  .duel-table.duel-bets-table.duel-mobile-cards td .duel-player span,
  .duel-bets-table.duel-mobile-cards tbody tr > td .duel-player span,
  .duel-table.duel-bets-table.duel-mobile-cards td .duel-player-plain,
  .duel-bets-table.duel-mobile-cards tbody tr > td .duel-player-plain{
    text-align:left!important;
  }
}

/* =====================================================================
   V20 — PLAYER MODAL STAT LABEL READABILITY
   Match the label readability used by the main "Моя статистика" block.
   ===================================================================== */
.duel-player-modal-stats span{
  color:#b6c0ce!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1.2!important;
}

@media (max-width:700px){
  .duel-player-modal-stats span{
    font-size:10.5px!important;
    font-weight:700!important;
  }
}


/* =====================================================================
   V26 — TOP 3 EXACT USER TASK ONLY
   1) remove wins/WR/HS line under #1/#2/#3
   2) show blue "Подробнее" button instead
   3) lower the buttons
   4) move TOP 2 / TOP 3 nicknames above the head with same offset as TOP 1
   ===================================================================== */
.duel-podium-details-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin-top:8px;
}
.duel-podium-details{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:86px;
  height:24px;
  padding:0 14px;
  border-radius:8px;
  background:#318df4;
  color:#fff!important;
  font-size:12px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  text-decoration:none!important;
  box-shadow:0 6px 16px rgba(49,141,244,.22);
}

.duel-top-scene .place-2 .duel-podium-name-wrap,
.duel-top-scene .place-3 .duel-podium-name-wrap{
  top:18.5%!important;
}

.duel-top-scene .duel-podium-details-wrap,
.duel-top-scene .place-1 .duel-podium-details-wrap,
.duel-top-scene .place-2 .duel-podium-details-wrap,
.duel-top-scene .place-3 .duel-podium-details-wrap{
  position:absolute!important;
  left:50%!important;
  bottom:auto!important;
  width:100%!important;
  transform:translateX(-50%)!important;
  margin:0!important;
}
.duel-top-scene .place-1 .duel-podium-details-wrap{top:94.8%!important}
.duel-top-scene .place-2 .duel-podium-details-wrap,
.duel-top-scene .place-3 .duel-podium-details-wrap{top:94.2%!important}

@media (max-width:700px){
  .duel-podium-details{
    min-width:56px;
    height:16px;
    padding:0 8px;
    border-radius:6px;
    font-size:8px;
  }
  .duel-top-scene .place-2 .duel-podium-name-wrap,
  .duel-top-scene .place-3 .duel-podium-name-wrap{
    top:18.5%!important;
  }
  .duel-top-scene .place-1 .duel-podium-details-wrap{top:95.4%!important}
  .duel-top-scene .place-2 .duel-podium-details-wrap,
  .duel-top-scene .place-3 .duel-podium-details-wrap{top:94.8%!important}
}

@media (max-width:430px){
  .duel-podium-details{
    min-width:50px;
    height:14px;
    padding:0 7px;
    border-radius:5px;
    font-size:7px;
  }
  .duel-top-scene .place-1 .duel-podium-details-wrap{top:95.8%!important}
  .duel-top-scene .place-2 .duel-podium-details-wrap,
  .duel-top-scene .place-3 .duel-podium-details-wrap{top:95.1%!important}
}


.duel-podium-card-empty{cursor:default;pointer-events:none}
.duel-podium-name-wrap-empty{visibility:hidden}
.duel-podium-skin-empty{object-fit:contain}