/* PK arena — positions measured against the 1104 × 624 reference court. */
.stadium-pk{position:absolute;left:50.5%;top:56%;transform:translateX(-50%);z-index:10;width:69px;height:69px;border-radius:50%;border:3px solid #ffd382;background:radial-gradient(circle at 30% 25%,#ffc45c,#f4770b 50%,#9e3404);box-shadow:0 0 0 5px #ee971d33,0 7px 13px #0009;color:#fff;text-shadow:0 2px 2px #713101;font:bold italic 27px Arial}.stadium-pk:before,.stadium-pk:after{content:'';position:absolute;inset:5px 24px;border-inline:2px solid #66351288;border-radius:50%;transform:rotate(30deg);pointer-events:none}.stadium-pk:after{transform:rotate(120deg)}.stadium-pk span{position:relative;z-index:1}.stadium-pk small{position:absolute;top:73px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#101a29e8;border:1px solid #e29539;padding:5px 10px;border-radius:4px;font:700 9px Arial;color:#ffd391;text-shadow:none}
.mc-scene{min-height:100vh;background:url('assets/match-bg.webp') center/cover no-repeat;display:flex;align-items:flex-start;justify-content:center;padding:3vh 0 40px;position:relative}
.mc-composite{position:relative;width:92vw;max-width:1400px}
/* VS Match lobisi %85 ölçekte: panel, sekmeler, butonlar ve yazılar birlikte küçülür. */
.mc-scene .mc-composite{width:min(86vw,calc((100dvh - 9vh) * 1.86));max-width:1310px}
.mc-tabbar{position:relative;width:100%;aspect-ratio:1595/65}
.mc-tabbar>img{display:none}
.mc-tabbar .mc-tab{position:absolute;top:8%;bottom:8%;background:transparent center/contain no-repeat;border:0;padding:0;cursor:pointer}
.mc-tabbar .mc-tab:nth-child(2){left:2.5%;width:9.5%;background-image:url('assets/tab-pk.webp')}
.mc-tabbar .mc-tab:nth-child(3){left:12.4%;width:11.5%;background-image:url('assets/tab-professional.webp')}
.mc-tabbar .mc-tab:nth-child(4){left:24.3%;width:10.8%;background-image:url('assets/tab-multiplayer.webp')}
.mc-tabbar .mc-tab:nth-child(5){left:35.5%;width:12.8%;background-image:url('assets/tab-dreamteam.webp')}
.mc-tabbar .mc-tab:nth-child(6){left:48.7%;width:15.5%;background-image:url('assets/tab-occupy.webp')}
.mc-tabbar .mc-tab:nth-child(7){left:64.6%;width:8.2%;background-image:url('assets/tab-goup.webp')}
.mc-tabbar .mc-tab:nth-child(8){left:73.2%;width:8.2%;background-image:url('assets/tab-chaos.webp')}
.mc-tabbar .mc-tab:nth-child(9){left:81.8%;width:8.2%;background-image:url('assets/tab-kickup.webp')}
.mc-tabbar .mc-tab.active{box-shadow:0 0 0 2px #fff8 inset;border-radius:8px}
.mc-panel{position:relative;width:100%;margin-top:-.5%}
.mc-panel>img{display:block;width:100%}
.mc-levels{position:absolute;left:0;top:0;width:20%;height:100%}
.mc-levels button{position:absolute;left:0;width:100%;transform:translateY(-50%);background:transparent;border:0;color:#fff9e8;font:700 clamp(8px,.9vw,11px) 'Barlow Condensed';letter-spacing:.3px;text-shadow:0 1px 2px #000;cursor:pointer;padding-left:16%;text-align:left}
.mc-levels button.active{color:#fff;text-shadow:0 0 6px #ffcf7a}
.mc-table{position:absolute;left:20.5%;top:19.5%;width:58.7%;height:67.5%;display:flex;flex-direction:column}
.mc-table-rows{flex:1;overflow:auto}
.mc-row{display:grid;grid-template-columns:10% 50% 20% 20%;align-items:center;padding:.8% 1%;font:600 clamp(7px,.77vw,9.5px) 'DM Sans',Arial;color:#cfe3f5}
.mc-row.mc-own{background:#ffdd8022}
.mc-row b{color:#ffb347;margin:0 4px;font-style:italic}
.mc-row small{color:#8fd0ea;margin-left:4px}
.mc-status{color:#7be6a8;font-weight:700}
.mc-status.live{color:#ffd166}
.mc-look{background:linear-gradient(#ffb84e,#e07a12);border:1px solid #ffcf85;border-radius:10px;padding:.26vw .77vw;font:700 clamp(7px,.72vw,9.5px) Arial;color:#4a2200;cursor:pointer}
.mc-look:disabled{opacity:.5;cursor:not-allowed}
.mc-coming{padding:6% 8%;text-align:center;color:#dce8f5;font:600 clamp(8.5px,.94vw,11px) 'DM Sans',Arial}
.mc-back{margin-top:14px;background:linear-gradient(#ffb84e,#e07a12);border:1px solid #ffcf85;border-radius:8px;padding:7px 15px;font:700 9.5px Arial;color:#4a2200}
.mc-refresh{position:absolute;left:60.2%;width:16.1%;top:87.5%;height:10.1%;background:transparent;border:0;cursor:pointer}
.mc-leaderboard{position:absolute;left:81.3%;top:19.5%;width:16.7%;height:67.5%}
.mc-actions{position:relative;width:100%;display:flex;justify-content:center;gap:1.5%;margin-top:-2%}
.mc-quickplay,.mc-buildroom{border:0;background:transparent center/contain no-repeat;cursor:pointer;width:26%;aspect-ratio:750/301}
.mc-quickplay{background-image:url('assets/match-quickplay.webp')}
.mc-buildroom{background-image:url('assets/match-buildroom.webp');width:32%;aspect-ratio:1070/279}
.mc-quickplay:hover,.mc-buildroom:hover{filter:brightness(1.08)}
.page-match .game-hud{display:none}
.pk-viewport{width:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#02050a;overflow:hidden}.pk-arena{width:min(100vw,176.923dvh);aspect-ratio:1104/624;position:relative;container-type:inline-size;background:url('assets/court-v5.webp') center/100% 100% no-repeat;color:#e9eef6;font-family:Arial,sans-serif;isolation:isolate;overflow:hidden}.pk-arena button{font-family:Arial,sans-serif}.pk-arena button:focus-visible{outline:2px solid #a5e9ff;outline-offset:3px}.pk-arena:before{content:'';position:absolute;inset:0;background:linear-gradient(#0001,transparent 55%,#0002);z-index:-1}.pk-player{position:absolute;width:7.8%;height:15%;z-index:3}.pk-player-card{position:absolute;inset:0 0 20%;background:linear-gradient(135deg,#293d4bd9,#0c1b2ad9);border:1px solid #3b4b60;border-radius:.4cqw;padding:0;box-shadow:0 .3cqw .5cqw #0007}.pk-player-card>.portrait{position:absolute;width:100%;height:112%;object-fit:contain;object-position:bottom;left:0;bottom:21%;pointer-events:none;filter:drop-shadow(0 .15cqw .1cqw #0006)}.pk-position-chip{position:absolute;bottom:27%;left:0;padding:.15cqw .45cqw;background:linear-gradient(#ed9b3d,#b75c19);font-size:1cqw;font-weight:800;line-height:1.3;box-shadow:0 1px 2px #0005}.pk-energy{position:absolute;bottom:22%;left:0;right:0;height:6%;background:#283142;overflow:hidden}.pk-energy i{display:block;height:100%;background:linear-gradient(#74f997,#27b664);transition:width .5s}.pk-player-name{position:absolute;bottom:0;left:0;right:0;height:22%;display:flex;justify-content:space-between;align-items:center;padding:0 .4cqw;border-radius:0 0 .4cqw .4cqw;color:var(--rarity-text);background:#0e1d2bd9;font-size:.78cqw}.pk-player-name b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk-player-name em{font-style:normal;margin-left:.25cqw}.pk-position-pill{position:absolute;bottom:-4%;height:22%;left:0;right:0;border:1px solid #6c809765;border-radius:2cqw;background:linear-gradient(#263c52e8,#102239df);box-shadow:0 .2cqw .4cqw #0006;display:flex;justify-content:center;align-items:center;font-size:.95cqw;font-weight:700;color:#d2dfef}.pk-energy-number{position:absolute;right:-39%;bottom:32%;min-width:38%;text-align:center;background:linear-gradient(#244c7a,#152439);color:#ffe554;border:1px solid #4b5773;font-size:1cqw;font-weight:800;border-radius:.2cqw;line-height:1.35}.pk-side-1 .pk-energy-number{right:auto;left:-39%}.pk-foul{position:absolute;right:-43%;bottom:54%;padding:.15cqw .4cqw;background:linear-gradient(#ab231c,#681714);border:1px solid #cc7135;border-radius:.2cqw;color:#ffe242;font-size:.92cqw;font-weight:800;white-space:nowrap}.pk-side-1 .pk-foul{left:-43%;right:auto}.pk-mini-stats{position:absolute;top:110%;left:50%;transform:translateX(-50%);background:#0c182aab;border-radius:3px;color:#e3edf6;font-size:.56cqw;white-space:nowrap;padding:.15cqw .3cqw}.pk-skill-indicator{position:absolute;right:-32%;bottom:4%;background:#1d344d;color:#ffd147;font-size:.8cqw;padding:.15cqw;border-radius:.15cqw}.pk-events{position:absolute;left:50%;transform:translateX(-50%);bottom:114%;display:flex;flex-direction:column;gap:.2cqw;pointer-events:none;white-space:nowrap}.pk-events span{background:#103e53dd;color:#9dffbd;border:1px solid #7ce4ac;padding:.3cqw .55cqw;border-radius:.35cqw;font:bold .9cqw Arial;text-shadow:0 1px #000;animation:pk-pop .5s ease-out}.pk-events .miss{color:#ffda8b;border-color:#e0a44e;background:#512b16de}.pk-fouled-out{filter:grayscale(1);opacity:.6}.pk-side-0.pk-pos-C{left:8.6%;top:34%}.pk-side-0.pk-pos-PF{left:22%;top:26.8%}.pk-side-0.pk-pos-PG{left:34.7%;top:31.8%}.pk-side-0.pk-pos-SF{left:13.5%;top:52.5%}.pk-side-0.pk-pos-SG{left:29%;top:48.5%}.pk-side-1.pk-pos-C{left:83.1%;top:34%}.pk-side-1.pk-pos-PF{left:69.8%;top:26.8%}.pk-side-1.pk-pos-PG{left:57.1%;top:31.8%}.pk-side-1.pk-pos-SF{left:78%;top:52.5%}.pk-side-1.pk-pos-SG{left:62.5%;top:48.5%}
.pk-scoreboard{position:absolute;left:40.1%;top:5.8%;width:19.8%;height:14.2%;z-index:5}.pk-type{position:absolute;top:-25%;left:0;right:0;text-align:center;font:bold 1cqw Arial;text-shadow:0 1px 3px #000}.pk-score-clock{position:absolute;z-index:5;top:-11%;left:28%;right:28%;height:27%;background:#010101;border:1px solid white;border-radius:3cqw;font:bold .97cqw Arial;display:flex;align-items:center;justify-content:center;white-space:nowrap}.pk-score-body{position:absolute;inset:0;background:linear-gradient(#27d4ed,#348be7);border-radius:0 0 .4cqw .4cqw;box-shadow:0 .3cqw .4cqw #0006}.pk-logo{position:absolute;width:26%;height:69%;top:-23%;object-fit:contain;filter:drop-shadow(0 .2cqw .2cqw #0007)}.pk-logo.home{left:-8%}.pk-logo.away{right:-8%}.pk-versus{position:absolute;left:35%;top:12%;width:30%;height:70%;object-fit:contain}.pk-team-name{position:absolute;top:53%;width:45%;text-align:center;font-size:.83cqw;text-shadow:0 1px #2866a2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk-team-name.home{left:0}.pk-team-name.away{right:0}.pk-team-name small{display:block;font-size:.55cqw;color:#ddf9ff}.pk-score-value{position:absolute;bottom:-12%;border:1px solid #afbac8;background:#000;border-radius:2cqw;width:29%;height:29%;text-align:center;font:bold 1.3cqw Arial;display:flex;justify-content:center;align-items:center;color:#56e392}.pk-score-value.home{left:2%}.pk-score-value.away{right:2%}.pk-team-strength{position:absolute;top:7%;width:18.5%;font-size:.7cqw;z-index:4}.strength-0{left:18.3%}.strength-1{right:18.3%}.pk-team-strength>span{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#22bae4,#086a9d);padding:.4cqw .5cqw;border:1px solid #4ec3ed;border-radius:.5cqw;gap:.35cqw;color:#f3fcff;font-weight:bold;box-shadow:0 .2cqw .4cqw #0006}.pk-team-strength b{background:#126188;border-radius:.3cqw;padding:.2cqw .7cqw;font-size:.85cqw;flex:1;text-align:center}.pk-team-strength>small{display:flex;align-items:center;justify-content:space-between;width:35%;margin:.6cqw 0 0 auto;border:1px solid #64768c;border-radius:2cqw;background:#182632c9;color:#acbfd2;padding:.1cqw .2cqw .1cqw .5cqw;font-size:.45cqw}.strength-1>small{margin-left:0}.pk-team-strength strong{background:linear-gradient(#ffc253,#cd7b0e);border-radius:2cqw;padding:.2cqw;font-size:.95cqw;color:white}.pk-exit{position:absolute;right:7.4%;top:7%;width:2.9%;aspect-ratio:1;background:linear-gradient(#ffa399,#e44640);border:2px solid #ffd2c1;border-radius:.7cqw;font-size:2cqw;font-weight:bold;line-height:1;padding:0;z-index:15;box-shadow:0 .25cqw .4cqw #0006}.pk-run{position:absolute;left:44%;right:44%;top:51%;text-align:center;font:bold italic 2.7cqw Arial;color:#ffc83b;text-shadow:0 .2cqw .3cqw #24221a;pointer-events:none}
.pk-chat{position:absolute;left:1.45%;bottom:1.4%;width:27%;height:27%;border:1px solid #4b607c;border-radius:1cqw;background:linear-gradient(#25354ce8,#0c192bec);padding:.8cqw;box-shadow:0 .3cqw 1cqw #0007;display:flex;flex-direction:column;z-index:4}.pk-chat-tabs{display:flex;gap:.4cqw;margin-bottom:.5cqw}.pk-chat-tabs button{border:0;border-radius:.3cqw;background:none;padding:.55cqw .65cqw;font-size:.6cqw;font-weight:bold;color:#cdd8e7}.pk-chat-tabs .active{background:#293f61;color:#8ec5ff}.pk-chat #pk-chat-messages{flex:1;min-height:0;border:1px solid #132239;background:#070e1dde;overflow:auto;border-radius:.4cqw;font-size:.8cqw;padding:.2cqw .5cqw}.pk-chat p{color:#b5c4d8;margin:.5cqw 0;font-size:.7cqw;overflow-wrap:anywhere}.pk-chat p b{color:#ffc570}.pk-chat form{display:flex;margin-top:.65cqw;gap:.4cqw;height:2.1cqw}.pk-chat input{width:0;flex:1;background:#15283e;border:1px solid #32435b;color:white;border-radius:.4cqw;padding:.5cqw;font-size:.7cqw;min-width:0}.pk-chat form button{background:#192e49;border:1px solid #334960;border-radius:.4cqw;color:#8bbcf4;font:bold .7cqw Arial;padding:.4cqw 1cqw}.pk-empty{height:100%;min-height:7cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6cqw;color:#8da1b8;text-align:center}.pk-empty>span{font-size:3.3cqw;color:#3d597c;line-height:1.15}.pk-empty>b{font-size:.9cqw;font-weight:500;color:#c4cede}.pk-empty>small{font-size:.66cqw;color:#8492a8}.pk-chat .pk-empty>span{font-size:2.7cqw}.pk-chat .pk-empty>b{font-weight:bold;font-size:.8cqw}.pk-chat .pk-empty>small{font-size:.57cqw}.pk-broadcast-area{position:absolute;left:31%;width:49.3%;bottom:1.4%;height:28.8%;z-index:4}.pk-latest{background:linear-gradient(110deg,#006947e8,#075b4be8);border:1px solid #399376;border-radius:.5cqw;height:15%;display:flex;align-items:center;gap:1cqw;padding:.5cqw .8cqw;margin-bottom:.35cqw;box-shadow:0 0 .5cqw #49bb6d44;font-size:.73cqw;overflow:hidden;white-space:nowrap}.pk-latest time{font-size:.6cqw;font-weight:bold}.pk-latest span{overflow:hidden;text-overflow:ellipsis;color:#d9ffe6}.pk-broadcast{height:82%;border:1px solid #3e5471;border-radius:.4cqw .4cqw 0 0;background:linear-gradient(#101b30f5,#1c293cf5);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 .3cqw 1cqw #0007}.pk-broadcast-tabs{display:flex;align-items:center;gap:.8cqw;padding:.35cqw .6cqw;background:linear-gradient(#35465a,#26364a);border-bottom:1px solid #53667a;white-space:nowrap;font-size:.69cqw}.pk-broadcast-tabs label{display:flex;align-items:center;gap:.2cqw;cursor:pointer;color:#d1d9e3}.pk-broadcast-tabs input{width:.75cqw;height:.75cqw;margin:0;accent-color:#269dff}.pk-full-stats{margin-left:auto;background:linear-gradient(#4a8cf7,#1b51cb);border:1px solid #5592ff;border-radius:.25cqw;padding:.25cqw .65cqw;font:bold .62cqw Arial;white-space:nowrap}.pk-broadcast #pk-broadcast-body{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#506077 #172438}.pk-log-row{display:flex;gap:1cqw;align-items:center;min-height:2.1cqw;padding:.45cqw .8cqw;border-left:2px solid #397cb3;font-size:.7cqw;color:#cfd8e5}.pk-log-row:nth-child(2n){background:#24324766}.pk-log-row time{font-size:.58cqw;min-width:3.2cqw;color:#cad4e2;font-weight:bold}.pk-log-row .home{color:#8bc6ff}.pk-log-row .away{color:#e9d175}.pk-log-row.skill-row{border-color:#bb67e9;background:#4727644f}.pk-stat-table{font-size:.78cqw;min-width:100%;width:auto}.pk-stat-table th,.pk-stat-table td{padding:.6cqw .7cqw;font-size:inherit;text-align:center;border-bottom:1px solid #4d607644;color:#d7e3f1;white-space:nowrap}.pk-stat-table th{font-weight:bold;font-size:.7cqw;background:#143f70;color:#c7e1fd;position:sticky;top:0;z-index:1}.pk-stat-table th:first-child,.pk-stat-table td:first-child{text-align:left}.pk-stat-table tbody tr:nth-child(even){background:#28394c66}.pk-stat-table tr.on-bench td{color:#8695ab!important}.pk-stat-table .blank-row{height:2.35cqw;color:#67788c}.pk-stat-table tfoot{position:sticky;bottom:0;background:#090f1a;font-weight:bold}.pk-stat-table tfoot td{color:#fff}.pk-toolbox{position:absolute;right:5.65%;bottom:1.4%;width:12%;height:25.5%;background:linear-gradient(#122239f2,#0b1626f5);border:1px solid #527394;border-radius:.4cqw;padding:.75cqw;box-shadow:0 .3cqw 1cqw #0008;z-index:5}.pk-toolbox h3{margin:.2cqw 0 .9cqw;font:bold .9cqw Arial;color:white}.pk-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8cqw}.pk-tools-grid button{position:relative;width:100%;aspect-ratio:1;background:transparent;border:0;padding:0;filter:drop-shadow(0 .1cqw .1cqw #000);border-radius:.5cqw}.pk-tools-grid button>img{width:100%;height:100%;object-fit:contain}.pk-tools-grid button small{position:absolute;bottom:3%;right:2%;background:#532b0a;color:#fff3c6;border:1px solid #efc074;border-radius:50%;min-width:1.3cqw;font:bold .75cqw Arial;padding:.2cqw}.pk-tools-grid button:disabled{opacity:.42;filter:grayscale(.7)}.pk-speed{position:absolute;right:.5cqw;top:.3cqw;padding:.25cqw;background:#1e3852;border:1px solid #4c6483;border-radius:.25cqw;color:#8cc6fa;font:bold .65cqw Arial}
.pk-bench-panel,.pk-props-panel{position:absolute;right:14.2%;top:22%;width:29.6%;min-height:36%;background:linear-gradient(#122033f5,#102135ef);border:1px solid #42617c;border-radius:.5cqw;z-index:12;box-shadow:0 .7cqw 1.2cqw #0008;backdrop-filter:blur(4px)}.pk-bench-panel h3,.pk-props-panel h3{display:flex;justify-content:space-between;align-items:center;margin:0;padding:.8cqw 1.2cqw;background:#24354a;font:bold 1cqw Arial;border-radius:.4cqw .4cqw 0 0}.pk-bench-panel h3 button,.pk-props-panel h3 button{background:none;border:0;padding:0;font-size:1.4cqw;color:#ccd5e3}.pk-bench-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw 2cqw;padding:4cqw 2cqw 2.5cqw}.pk-reserve{position:relative;width:100%;height:7.5cqw}.pk-bench-panel p{text-align:center;font-size:.65cqw;color:#adbed2;margin:1cqw}.pk-props-panel{top:17%;right:14%;width:35%;height:52%}.pk-props-panel .pk-empty{height:87%}.pk-picked .pk-player-card{outline:.2cqw solid #ffc74f}.pk-swap-target .pk-player-card{outline:.15cqw solid #6ee396;box-shadow:0 0 1cqw #36dc7477}.pk-swap-message{position:absolute;bottom:33%;left:25%;right:25%;padding:.8cqw;background:#062c24ee;border:1px solid #63d793;border-radius:.5cqw;text-align:center;font-size:1cqw;color:#caffd7;z-index:20}.pk-swap-message small{display:block;font-size:.7cqw;margin-top:.4cqw;color:#8ec6a0}
.pk-overlay{position:absolute;inset:0;z-index:25;background:#000b;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.pk-dialog{width:55.6%;max-height:87%;border:1px solid #243c5b;border-radius:1.5cqw;background:linear-gradient(130deg,#1e2e45,#0e192b);padding:2.8cqw 2.5cqw 2cqw;position:relative;box-shadow:0 1cqw 3cqw #000b}.pk-dialog-title{position:absolute;top:-1.5cqw;left:50%;transform:translateX(-50%);border:2px solid #cc8a1e;border-bottom:3px solid #ffcd57;border-radius:.2cqw;min-width:16cqw;padding:.8cqw 2.5cqw;background:linear-gradient(#ffe68d 0%,#e3ad3f 15%,#ac7520 70%,#d59e39);box-shadow:0 .35cqw 0 #53350c,0 .5cqw .5cqw #0007;color:#fff1ac;text-shadow:0 2px 2px #624212;text-align:center;font:bold italic 2.1cqw 'Barlow Condensed',Arial;letter-spacing:.2cqw;white-space:nowrap}.pk-modal-close{position:absolute;right:1.5cqw;top:1.3cqw;width:2.7cqw;height:2.7cqw;border:1px solid #ffba57;background:linear-gradient(#ffad46,#ed771a);border-radius:.6cqw;box-shadow:0 .25cqw 0 #733708;color:white;font:bold 2cqw Arial;line-height:1;padding:0;z-index:2}.pk-dialog-body{max-height:69cqh;overflow:auto;scrollbar-width:thin;padding-top:.7cqw}.pk-strategy-dialog{width:55.6%}.pk-strategy-legend{text-align:right;font-size:.62cqw;color:#e5c14f;margin:0 3cqw .5cqw 0}.pk-dialog h3{font:bold 1.1cqw Arial;margin:1.2cqw 0 .8cqw;color:#e1e8f0}.pk-strategy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6cqw}.pk-strategy-grid button{position:relative;min-height:5.7cqw;background:linear-gradient(#39485c,#263448);border:1px solid #596479;border-radius:.5cqw;padding:.8cqw .4cqw .5cqw;color:white}.pk-strategy-grid button small{position:absolute;left:.3cqw;top:.3cqw;background:#536378;padding:.15cqw .4cqw;border-radius:.2cqw;color:white;font-size:.65cqw}.pk-play-diagram{display:block;font-size:1.4cqw;letter-spacing:.5cqw;color:#9cb3cc;margin:.6cqw 0 .5cqw;opacity:.7}.pk-strategy-grid button b{display:block;font-size:.74cqw;font-weight:500}.pk-strategy-grid button.active{border-color:#e8b53e;box-shadow:inset 0 0 1cqw #ffb72c18}.pk-strategy-grid button em{position:absolute;right:.3cqw;top:.3cqw;color:#ffe045;font-size:1cqw}.pk-stat-team-tabs{display:flex;gap:.5cqw;margin:1cqw 0}.pk-stat-team-tabs button{border:1px solid #465c78;border-radius:.35cqw;background:#36455e;padding:.6cqw 1.2cqw;font-size:.85cqw}.pk-stat-team-tabs button.active{background:linear-gradient(#ffb23b,#f18b14);border-color:#ffcf72;color:#181d26;font-weight:bold}.pk-full-table{max-height:35cqw;overflow:auto;border:1px solid #506683;border-radius:.3cqw;scrollbar-width:thin}.pk-full-table .pk-stat-table{width:100%;font-size:.92cqw}.pk-full-table td,.pk-full-table th{padding:.75cqw .8cqw}.pk-player-detail{display:flex;gap:2cqw;align-items:center;padding:1.2cqw 0}.pk-player-detail .portrait{width:12cqw;height:14cqw;object-fit:contain}.pk-player-detail h2{font-size:2cqw;color:var(--rarity-text);margin-bottom:1cqw}.pk-player-detail p{font-size:1cqw}.pk-player-detail strong{font-size:1.2cqw}.pk-skill-card{padding:1.5cqw;border:1px solid #7d55a8;background:linear-gradient(130deg,#342546,#1e203c);border-radius:.7cqw}.pk-skill-card b{font-size:1.3cqw;color:#deb3ff}.pk-skill-card p{font-size:1cqw;color:#bdc4d7;margin:1cqw 0}.pk-skill-card span{font-size:.9cqw;color:#e5b6ff}.pk-result-score{font:bold 5cqw 'Barlow Condensed',Arial;color:#fbba53;text-align:center;margin:.5cqw 0}.pk-result-score span{color:#6d829e;margin:0 2cqw}.pk-period-table{overflow:auto}.pk-period-table table{font-size:.85cqw}.pk-period-table th,.pk-period-table td{font-size:inherit;padding:.8cqw}.pk-mvp{display:flex;align-items:center;justify-content:center;gap:2cqw;margin:1cqw 0}.pk-mvp .portrait{width:8cqw;height:10cqw;object-fit:contain}.pk-mvp small{font-size:.7cqw;color:#d29b42}.pk-mvp h2{font-size:2cqw;margin:.5cqw 0}.pk-mvp b{font-size:1cqw;color:#91bddc}.pk-rewards{text-align:center;font-size:1.5cqw;color:#af99fd;padding:1cqw;background:#070e1a80;border:1px solid #3e4e67;border-radius:.6cqw}.pk-rewards span{margin:0 2cqw;color:#ffcb69}.pk-award-note{text-align:center;font-size:.8cqw;margin:.8cqw 0}.pk-result-actions{display:flex;justify-content:center;gap:1cqw}.pk-result-actions button{font-size:.8cqw;padding:.8cqw 1.5cqw}.pk-blue{border:1px solid #5d93d4;border-radius:.3cqw;background:#285b9c;padding:.8cqw 1.5cqw}.pk-arena #pk-overlay-root:empty{display:none}@keyframes pk-pop{from{opacity:0;transform:translateY(8px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.page-match.content-mode main{padding:22px 12px 115px}.pk-lobby-title h1{font-size:25px}.pk-lobby-title button{font-size:10px;padding:8px}.pk-mode-tabs{padding-left:0;overflow:auto}.pk-mode-tabs button{font-size:9px;padding:10px;white-space:nowrap}.pk-lobby-layout{grid-template-columns:105px 1fr;gap:8px}.pk-lobby-layout aside button{padding:11px 6px;font-size:9px}.pk-room-heading{padding:10px;font-size:11px}.pk-room-heading span{float:none;display:block;font-size:7px;margin-top:7px}.pk-room-scroll{height:380px}.pk-room-scroll td{font-size:9px;padding:14px 8px}.pk-room-scroll td b{margin:0 5px}.pk-room-footer{padding:10px;display:block}.pk-room-footer button{font-size:10px;padding:10px}.pk-room-footer span{display:block;font-size:9px;margin-top:8px}.pk-lobby-note{font-size:8px;margin:15px 0}.stadium-pk{width:46px;height:46px;font-size:20px;top:60.5%;left:51%}.stadium-pk small{top:48px;font-size:6px;padding:4px}.stadium-pk:before,.stadium-pk:after{inset:3px 15px}.pk-arena{min-width:680px}.pk-viewport{overflow-x:auto;justify-content:flex-start}.pk-arena{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.pk-events span{animation:none}.pk-energy i{transition:none}}
.pk-stat-table td.rarity-text-d{color:#a8b1c0}.pk-stat-table td.rarity-text-c{color:#cbd3dd}.pk-stat-table td.rarity-text-b{color:#49cd89}.pk-stat-table td.rarity-text-a{color:#60a9fd}.pk-stat-table td.rarity-text-s{color:#bc8cf4}.pk-stat-table td.rarity-text-x{color:#ff9e36}
/* Ekran oranı sahneden farklıysa kalan boşluklar siyah yerine aynı saha görselinin bulanık, koyulaştırılmış kopyasıyla dolar. */
.pk-viewport{position:relative}.pk-viewport::before{content:'';position:absolute;inset:-40px;background:url('assets/court-v5.webp') center/cover no-repeat;filter:blur(24px) brightness(.45) saturate(1.1);z-index:0;pointer-events:none}.pk-viewport>.pk-arena{z-index:1;box-shadow:0 0 40px #000c}
.pk-props-list{display:flex;flex-direction:column;gap:.8cqw;padding:1cqw 1.2cqw}
.pk-prop{display:flex;align-items:center;gap:1cqw;padding:.6cqw;border:1px solid #42617c;border-radius:.5cqw;background:#0b1a2ccc}
.pk-prop img{width:4cqw;height:4cqw;object-fit:contain}
.pk-prop div{flex:1;display:flex;flex-direction:column;gap:.2cqw}
.pk-prop b{font:700 1.1cqw Arial;color:#fff}
.pk-prop small{font:.9cqw Arial;color:#9fd3ff}
.pk-prop button{padding:.5cqw 1.1cqw;border-radius:.4cqw;font:700 .95cqw Arial}
.pk-prop button{background:linear-gradient(#ffb84e,#e07a12);border:1px solid #ffcf85;color:#3a1800;cursor:pointer}.pk-prop button:hover{filter:brightness(1.08)}.pk-prop button:disabled{opacity:.5;cursor:not-allowed}
/* Maç alt paneli v2 (assets/matchbar). Tablo paneli 1218 × 458: sekmeler üst şeritte, ızgara x 2.2–97.9%, y 21.6–94.3%. */
.pk-broadcast-area.mb2{left:30.5%;width:45%;height:auto;bottom:1.2%;display:flex;flex-direction:column}
.mb2 .pk-latest{height:auto;min-height:2.2cqw;margin-bottom:.3cqw}
.mb2 .pk-broadcast{position:relative;height:auto;aspect-ratio:1218/458;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;display:block}
.mb2-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mb2 .pk-broadcast-tabs{position:absolute;left:2%;right:2%;top:3.5%;height:16%;display:flex;align-items:center;gap:1.2%;padding:0;background:none;border:0}
.mb2-tab{height:100%;background:none!important;border:0!important;padding:0!important;cursor:pointer;filter:brightness(.82) saturate(.8)}
.mb2-tab img{height:100%;width:auto;display:block}
.mb2-tab.active{filter:brightness(1.12) drop-shadow(0 0 .4cqw #ffd166)}
.mb2-tab:hover{filter:brightness(1.05)}
.mb2-stats{position:absolute;left:81.6%;top:-3%;width:19.4%;height:117%;background:none!important;border:0!important;padding:0!important;cursor:pointer}
.mb2-stats img{width:100%;height:100%;display:block}
.mb2-stats:hover img{filter:brightness(1.1)}
.mb2 #pk-broadcast-body{position:absolute;left:2.2%;right:2.1%;top:21.6%;bottom:5.7%;overflow:auto;background:#061736f0;border-radius:.4cqw;padding:.3cqw .6cqw;scrollbar-width:thin}
.mb2 #pk-broadcast-body.mb2-table-mode{background:none;padding:0;overflow:hidden}
.mb2-table-mode .pk-stat-table{width:100%;height:100%;table-layout:fixed;border-collapse:collapse;font:700 .78cqw Arial;color:#fff}
.mb2-table-mode .pk-stat-table th,.mb2-table-mode .pk-stat-table td{padding:0 .2cqw;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;background:none}
.mb2-table-mode .pk-stat-table thead tr{height:19.5%}
.mb2-table-mode .pk-stat-table tbody tr{height:15.6%}
.mb2-table-mode .pk-stat-table th{color:#fff;font-weight:800}
.mb2-table-mode .pk-stat-table td:first-child,.mb2-table-mode .pk-stat-table th:first-child{text-align:left;padding-left:.5cqw}
.mb2-table-mode .pk-stat-table th:nth-child(1),.mb2-table-mode .pk-stat-table td:nth-child(1){width:14.85%}
.mb2-table-mode .pk-stat-table th:nth-child(2){width:8.58%}.mb2-table-mode .pk-stat-table th:nth-child(3){width:7.64%}.mb2-table-mode .pk-stat-table th:nth-child(4){width:7.38%}.mb2-table-mode .pk-stat-table th:nth-child(5){width:7.21%}.mb2-table-mode .pk-stat-table th:nth-child(6){width:6.87%}.mb2-table-mode .pk-stat-table th:nth-child(7){width:6.01%}.mb2-table-mode .pk-stat-table th:nth-child(8){width:6.7%}.mb2-table-mode .pk-stat-table th:nth-child(9){width:6.27%}.mb2-table-mode .pk-stat-table th:nth-child(10){width:6.44%}.mb2-table-mode .pk-stat-table th:nth-child(11){width:6.44%}.mb2-table-mode .pk-stat-table th:nth-child(12){width:6.35%}.mb2-table-mode .pk-stat-table th:nth-child(13){width:9.27%}
/* Araç kutusu: Audience paneli 378 × 458; yuvalar x 10.8–48.1 / 52.1–89.4%, y 29–59 / 62.2–92.1%. */
.pk-toolbox{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;right:5.2%!important;width:11.6%!important;height:auto!important;aspect-ratio:378/458}
.mb2-aud{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mb2-tools{position:absolute;inset:0}
.mb2-tool{position:absolute!important;width:37.3%;height:30%;background:none!important;border:0!important;padding:0!important;cursor:pointer}
.mb2-tool img{width:100%;height:100%;object-fit:contain;display:block}
.mb2-tool-sub{left:10.8%;top:29%}.mb2-tool-strategy{left:52.1%;top:29%}.mb2-tool-pause{left:10.8%;top:62.2%}.mb2-tool-props{left:52.1%;top:62.2%}
.mb2-tool:not(:disabled):hover img{filter:brightness(1.1)}
.mb2-tool:disabled{opacity:.45;filter:grayscale(.7)}
.mb2-tool small{position:absolute;right:4%;bottom:4%;min-width:1.3cqw;padding:.1cqw .25cqw;border-radius:50%;background:#532b0a;border:1px solid #efc074;color:#fff3c6;font:bold .75cqw Arial}
.mb2-h{position:absolute!important;left:41%;top:52.5%;width:18%;aspect-ratio:1;background:none!important;border:0!important;padding:0!important;cursor:pointer;z-index:2}
.mb2-h img{width:100%;height:100%;display:block}
.mb2-h:hover img{filter:brightness(1.1)}
/* İstatistik tablosu panelin ızgarasına piksel ölçümüyle hizalı: ızgara x 26–1191, y 103–430 (1218 × 458). */
.mb2 #pk-broadcast-body.mb2-table-mode{left:2.13%;right:2.22%;top:22.49%;bottom:6.11%;padding:0;border-radius:0}
.mb2-table-mode .pk-stat-table{display:grid!important;width:100%;height:100%;grid-template-rows:18.65% 16.21% 14.98% 16.82% 14.98% 18.35%}
.mb2-table-mode .pk-stat-table thead,.mb2-table-mode .pk-stat-table tbody{display:contents}
.mb2-table-mode .pk-stat-table tr{display:grid!important;height:auto!important;grid-template-columns:14.94% 8.58% 7.55% 7.38% 7.21% 6.95% 5.92% 6.61% 6.44% 6.35% 6.52% 6.35% 9.18%;align-items:center}
.mb2-table-mode .pk-stat-table th,.mb2-table-mode .pk-stat-table td{width:auto!important;display:block;padding:0 .15cqw;line-height:1}
.mb2-table-mode .pk-stat-table th:first-child,.mb2-table-mode .pk-stat-table td:first-child{padding-left:.45cqw}

/* Üst panel v2 (assets/matchtop): VS paneli, Offense/Defense çubukları, enerji ve Cheer — referans maç ekranı düzeni */
.pk-scoreboard{left:39%;top:3.2%;width:22%;height:auto;aspect-ratio:900/444}
.pk-type{top:-13%;font:bold 1.05cqw Arial;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}
.mt-vs-panel{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 .25cqw .35cqw #0008)}
.mt-clock{position:absolute;left:31.5%;width:37.5%;top:14.5%;height:20%;display:flex;align-items:center;justify-content:center;font:bold 1.2cqw Arial;color:#fff;letter-spacing:.03cqw;white-space:nowrap}
.mt-name{position:absolute;top:55%;width:40%;display:flex;flex-direction:column;line-height:1.15;font:bold .78cqw Arial;color:#fff;text-shadow:0 1px 1px #0a2f7a;white-space:nowrap}
.mt-name em{font-style:normal;color:#ffe45c;overflow:hidden;text-overflow:ellipsis}
.mt-name span{overflow:hidden;text-overflow:ellipsis}
.mt-name.home{left:6%;align-items:flex-start}
.mt-name.away{right:6%;align-items:flex-end;text-align:right}
.mt-name.away em{color:#8fe6ff}
.mt-score{position:absolute;top:77%;height:21%;display:flex;align-items:center;justify-content:center;font:bold 1.5cqw Arial;color:#fff;z-index:2}
.mt-score.home{left:9.6%;width:27.4%}
.mt-score.away{left:62.6%;width:27%;color:#9fe9ff}
.mt-score-glow{position:absolute;left:61.8%;top:75.6%;width:28.6%;height:auto;z-index:1;pointer-events:none}
.mt-strength{position:absolute;top:6.2%;width:19.5%;aspect-ratio:900/108;z-index:4}
.mt-strength>img{position:absolute;inset:0;width:100%;height:100%}
.mt-strength.mt-side-0{left:18.8%}
.mt-strength.mt-side-1{right:18.8%}
.mt-strength b{position:absolute;top:18%;height:64%;display:flex;align-items:center;justify-content:center;font:bold 1cqw Arial;color:#ffd23a;text-shadow:0 1px 1px #000}
.mt-off{left:26.5%;width:20.5%}
.mt-def{left:74.4%;width:20.6%}
.mt-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mt-energy{position:absolute;top:11.3%;width:8.6%;aspect-ratio:500/110;z-index:4}
.mt-energy>img{position:absolute;inset:0;width:100%;height:100%}
.mt-energy b{position:absolute;left:74.6%;width:21.9%;top:24%;height:53%;display:flex;align-items:center;justify-content:center;font:bold .78cqw Arial;color:#3a2400}
.mt-energy.mt-side-0{left:23.4%}
.mt-energy.mt-side-1{right:23.4%}
.mt-energy.mt-side-1>img{transform:scaleX(-1)}
.mt-energy.mt-side-1 b{left:3.5%}
.pk-arena .mt-cheer{position:absolute;top:10.9%;width:6.2%;aspect-ratio:360/135;padding:0;border:0;background:none;z-index:4}
.mt-cheer img{width:100%;height:100%;display:block}
.mt-cheer.mt-side-0{left:32.1%}
.mt-cheer.mt-side-1{right:32.1%;cursor:default}
.pk-arena .mt-cheer.mt-side-0:hover img{filter:brightness(1.15)}
.pk-arena .mt-cheer.mt-side-0:active img{transform:scale(.94)}
.mt-cheer-burst{position:absolute;left:31%;top:17%;z-index:20;font:900 2.2cqw Arial;color:#ffd23a;-webkit-text-stroke:.12cqw #7a2d00;text-shadow:0 .2cqw .4cqw #000a;pointer-events:none;animation:mt-cheer 1.3s ease-out forwards}
@keyframes mt-cheer{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1;transform:translateY(-.5cqw) scale(1.15)}100%{opacity:0;transform:translateY(-4cqw) scale(1)}}
.mt-name{top:57%;width:33%;font-size:.72cqw}
.pk-arena .mt-cheer:disabled{opacity:1;filter:none}

/* Üst panel v3: avatar/logo yok; düz mavi takım paneli, üstte saat kutusu, ortada VS, iki skor ayrı siyah kutularda */
.pk-scoreboard{top:6.4%;aspect-ratio:900/317}
.pk-type{top:-44%}
.mt-team-panel{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 .25cqw .35cqw #0008)}
.mt-clock-pill{position:absolute;left:32%;width:36%;top:-19%;height:auto;pointer-events:none}
.mt-clock{left:32%;width:36%;top:-19%;height:34%}
.mt-vs{position:absolute;left:40%;width:20%;top:26%;height:auto;pointer-events:none}
.mt-name{top:22%;width:37%;font-size:.8cqw}
.mt-name.home{left:5%}
.mt-name.away{right:5%}
.mt-score-pill{position:absolute;top:58%;width:30%;height:auto;pointer-events:none}
.mt-score-pill.home{left:6%}
.mt-score-pill.away{right:6%}
.mt-score{top:58%;height:28.4%;width:30%;color:#fff;font-size:1.45cqw}
.mt-score.home{left:6%}
.mt-score.away{left:auto;right:6%;width:30%;color:#fff}
.mt-name{top:21%;width:32%;align-items:center!important;text-align:center!important}
.mt-name.home{left:5%}
.mt-name.away{right:5%}
/* Üst panel v4: referans konumları — üst köşeler ileride takım logoları için boş; adlar logo alanının altında, VS ortada, skor tabelaları panelin alt kenarından sarkıyor */
.mt-vs{left:38.5%;width:23%;top:27%}
.mt-name{top:50%;width:36%;font-size:.78cqw}
.mt-name.home{left:4%;align-items:flex-start!important;text-align:left!important}
.mt-name.away{right:4%;align-items:flex-end!important;text-align:right!important}
.mt-score-pill,.mt-score{top:80%}
.mt-score-pill{width:28%}
.mt-score{width:28%}
.mt-score-pill.home,.mt-score.home{left:9%}
.mt-score-pill.away,.mt-score.away{right:9%;width:28%}
.mt-score{height:26.5%}
.mt-vs{top:33%}
.mt-name.home{left:5.5%}
.mt-name.away{right:5.5%}

/* Çevrimiçi PK: hamle bekleme süresi (5 sn) butonun üzerinde geri sayım olarak görünür */
.mb2-tool.onl-cooling{position:relative;filter:grayscale(.7) brightness(.8)}
.mb2-tool.onl-cooling::after{content:attr(data-cd);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:900 1.6cqw Arial;color:#fff;text-shadow:0 0 .4cqw #000,0 0 .2cqw #000}
/* Maç efekt görselleri (assets/fx): kartın üstünde yan yana, kısa bir büyüme animasyonuyla */
.pk-events{flex-direction:row;align-items:flex-end;gap:.25cqw}
.pk-events .pk-fx{width:3.6cqw;height:auto;display:block;filter:drop-shadow(0 .2cqw .3cqw #000a);animation:pk-fx-pop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes pk-fx-pop{0%{transform:scale(.3) translateY(.8cqw);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}
.pk-events .pk-fx{width:4.8cqw}
/* Süren maça dönüş topu (vs-button.js): basketbol topu, üstünde VS, altında DEVAM ET; eskisinden büyük. */
.stadium-pk.vs-ball{width:92px;height:92px;font:900 italic 36px Arial;letter-spacing:1px;animation:vs-pulse 1.6s ease-in-out infinite}
.stadium-pk.vs-ball:before,.stadium-pk.vs-ball:after{inset:6px 32px}
.stadium-pk.vs-ball small{top:98px;padding:6px 14px;font:900 12px Arial;letter-spacing:1px}
.stadium-pk.vs-ball:hover{filter:brightness(1.12)}
.city-scene .stadium-pk.vs-city{left:47.2%;top:67%;z-index:6}
@keyframes vs-pulse{0%,100%{box-shadow:0 0 0 5px #ee971d33,0 7px 13px #0009}50%{box-shadow:0 0 0 10px #ee971d55,0 0 22px #ffb347,0 7px 13px #0009}}
@media(prefers-reduced-motion:reduce){.stadium-pk.vs-ball{animation:none}}
@media(max-width:760px){.stadium-pk.vs-ball{width:62px;height:62px;font-size:25px}.stadium-pk.vs-ball:before,.stadium-pk.vs-ball:after{inset:4px 21px}.stadium-pk.vs-ball small{top:66px;font-size:9px;padding:4px 8px}}
/* VS Match sekmeleri: yeni buton görselleri (assets/vs-tabs). Eşit yükseklik, oranlarına göre genişlik, aralarında eşit boşluk. */
.mc-tabbar .mc-tab{top:11%;bottom:11%;background-size:100% 100%;transition:transform .12s,filter .12s}
.mc-tabbar .mc-tab:nth-child(2){left:2.51%;width:8.66%;background-image:url('assets/vs-tabs/pk.webp')}
.mc-tabbar .mc-tab:nth-child(3){left:11.67%;width:13.63%;background-image:url('assets/vs-tabs/professional.webp')}
.mc-tabbar .mc-tab:nth-child(4){left:25.81%;width:11.65%;background-image:url('assets/vs-tabs/multiplayer.webp')}
.mc-tabbar .mc-tab:nth-child(5){left:37.96%;width:11.61%;background-image:url('assets/vs-tabs/dreamteam.webp')}
.mc-tabbar .mc-tab:nth-child(6){left:50.06%;width:11.87%;background-image:url('assets/vs-tabs/occupy.webp')}
.mc-tabbar .mc-tab:nth-child(7){left:62.44%;width:11.47%;background-image:url('assets/vs-tabs/goup.webp')}
.mc-tabbar .mc-tab:nth-child(8){left:74.41%;width:11.76%;background-image:url('assets/vs-tabs/chaos.webp')}
.mc-tabbar .mc-tab:nth-child(9){left:86.67%;width:11.26%;background-image:url('assets/vs-tabs/kickup.webp')}
.mc-tabbar .mc-tab:hover{filter:brightness(1.12)}
.mc-tabbar .mc-tab.active{box-shadow:none;border-radius:0;transform:scale(1.06);filter:brightness(1.15) drop-shadow(0 0 .45vw #ffd166)}
/* VS karşılaşmalar paneli (match-ui.js .vp): assets/vs-panel parçaları. Tasarım alanı 1600 × 780, 1 birim = --k. */
.vp{position:relative;width:100%;aspect-ratio:1600/780;margin-top:.6%;container-type:inline-size;--k:calc(100cqw / 1600);font-family:Arial,sans-serif;color:#fff}
.vp>*{position:absolute;background:transparent center/100% 100% no-repeat}
.vp button{border:0;padding:0;cursor:pointer;background-color:transparent;font:inherit;color:inherit;transition:filter .12s,transform .12s}
.vp button:hover:not(:disabled){filter:brightness(1.1)}
.vp-left{left:0;top:0;width:calc(300*var(--k));height:calc(620*var(--k));background-image:url('assets/vs-panel/panel-left.webp')}
.vp-mid{left:calc(316*var(--k));top:0;width:calc(968*var(--k));height:calc(620*var(--k));background-image:url('assets/vs-panel/panel-mid.webp')}
.vp-right{left:calc(1300*var(--k));top:0;width:calc(300*var(--k));height:calc(620*var(--k));background-image:url('assets/vs-panel/panel-right.webp')}
.vp-title{position:absolute;left:0;right:0;top:calc(66*var(--k));text-align:center;font:italic 900 calc(26*var(--k))/1 'Barlow Condensed',Arial;letter-spacing:calc(2*var(--k));color:#fff;text-shadow:0 calc(2*var(--k)) 0 #0b3d7c}
.vp-level{position:absolute;left:calc(34*var(--k));top:calc((126 + var(--i) * 51) * var(--k));width:calc(232*var(--k));height:calc(49*var(--k));background:center/100% 100% no-repeat}
.vp-level.active{filter:brightness(1.15) drop-shadow(0 0 calc(8*var(--k)) #ffd166)!important;transform:scale(1.04)}
.vp-head{position:absolute;left:4.5%;right:4.5%;top:7%;height:9%;display:grid;grid-template-columns:10% 50% 20% 20%;align-items:center;font:italic 900 calc(26*var(--k)) 'Barlow Condensed',Arial;color:#fff;text-shadow:0 calc(2*var(--k)) 0 #7a3d06}
.vp-head span{padding-left:calc(10*var(--k))}
.vp-rows{position:absolute;left:4.5%;right:4.5%;top:18.5%;bottom:17%;overflow:auto}
.vp-rows .mc-row{padding:calc(8*var(--k)) calc(10*var(--k));font:600 calc(17*var(--k)) 'DM Sans',Arial;border-bottom:1px solid #ffffff14}
.vp-rows .mc-look{padding:calc(6*var(--k)) calc(14*var(--k));font:700 calc(15*var(--k)) Arial}
.vp-rows .mc-coming{font-size:calc(19*var(--k))}
.vp-cancel{display:inline-block;width:calc(130*var(--k));height:calc(38*var(--k));background:url('assets/vs-panel/cancel.webp') center/100% 100% no-repeat!important}
.vp-refresh{position:absolute;left:69%;top:86.5%;width:26%;height:11.5%;background:url('assets/vs-panel/refresh.webp') center/100% 100% no-repeat!important}
.vp-soon{position:absolute;left:0;right:0;top:45%;margin:0;text-align:center;font:700 calc(20*var(--k)) Arial;color:#9fc4e8}
.vp-quick{left:calc(350*var(--k));top:calc(632*var(--k));width:calc(440*var(--k));height:calc(143*var(--k));background-image:url('assets/vs-panel/quickplay.webp')!important}
.vp-build{left:calc(810*var(--k));top:calc(636*var(--k));width:calc(440*var(--k));height:calc(140*var(--k));background-image:url('assets/vs-panel/buildroom.webp')!important}
.vp-quick:hover,.vp-build:hover{transform:scale(1.03)}
/* Maç içi Statistics penceresi: oyunun panel teması (mavi çerçeve, turuncu şerit başlık, kırmızı çarpı, turuncu tablo başlığı). */
.pk-stats-dialog{width:60%;padding:3.6cqw 2.2cqw 2cqw;border:.4cqw solid #3aa0ff;border-radius:1.8cqw;background:radial-gradient(ellipse at 50% 10%,#1167c7,#0a3a7c 55%,#072a5c);box-shadow:inset 0 0 0 .2cqw #9fd3ff88,0 1cqw 3cqw #000c;overflow:visible}
.pk-stats-dialog .pk-dialog-title{top:-2.6cqw;min-width:0;width:24cqw;height:5.2cqw;padding:0;display:grid;place-items:center;border:0;border-radius:0;background:url('assets/draft/header.webp') center/100% 100% no-repeat;box-shadow:none;font:italic 900 2.2cqw/1 'Barlow Condensed',Arial;letter-spacing:.05cqw;color:#ff9416;-webkit-text-stroke:.1cqw #7a2e00;paint-order:stroke fill;text-shadow:0 .15cqw 0 #7a2e00;text-transform:uppercase}
.pk-stats-dialog .pk-modal-close{right:-1.6cqw;top:-1.8cqw;width:4.4cqw;height:4.2cqw;border:0;border-radius:0;background:url('assets/inv-close.webp') center/100% 100% no-repeat;box-shadow:none;font-size:0;color:transparent}
.pk-stats-dialog .pk-modal-close:hover{filter:brightness(1.12)}
.pk-stats-dialog .pk-stat-team-tabs{gap:.8cqw;margin:0 0 1cqw}
.pk-stats-dialog .pk-stat-team-tabs button{padding:.7cqw 1.6cqw;border:.15cqw solid #9fd3ff;border-radius:.8cqw;background:linear-gradient(#2f86ea,#1a5fc0);color:#fff;font:900 .95cqw Arial;text-shadow:0 1px 2px #0008;cursor:pointer}
.pk-stats-dialog .pk-stat-team-tabs button.active{border-color:#ffe0a0;background:linear-gradient(#ffb84e,#e07a12);color:#3a1800;text-shadow:none}
.pk-stats-dialog .pk-full-table{max-height:33cqw;border:.2cqw solid #4fb0ff;border-radius:1cqw;background:#051a3acc;box-shadow:inset 0 0 1cqw #0007;scrollbar-color:#6fc3ff #0b2f6c}
.pk-stats-dialog .pk-stat-table th{background:linear-gradient(#ffc14e,#f08a0c);color:#fff;font:italic 900 1.05cqw 'Barlow Condensed',Arial;letter-spacing:.03cqw;text-shadow:0 .1cqw 0 #7a3d06;border-bottom:0}
.pk-stats-dialog .pk-stat-table td{color:#e6f1ff;border-bottom:1px solid #6fc3ff22;font-weight:700}
.pk-stats-dialog .pk-stat-table tbody tr:nth-child(even){background:#0d4f9e44}
.pk-stats-dialog .pk-stat-table tbody tr:hover{background:#ffd16622}
.pk-stats-dialog .pk-stat-table td:first-child{font-weight:900}
.pk-stats-dialog .pk-stat-table tfoot{background:linear-gradient(#1b64b8,#0d3f82)}
.pk-stats-dialog .pk-stat-table tfoot td{color:#ffd166;font-weight:900;border-top:.15cqw solid #9fd3ff}
.pk-stats-dialog .pk-stat-table .blank-row td{color:#6f8fb4}
/* Yedekteki / süre almamış oyuncular: sayılar soluk, isim kalitesinin renginde kalır. */
.pk-stat-table tr.on-bench td{color:#8695ab!important}
.pk-stat-table tr.on-bench td.rarity-text-d{color:#a8b1c0!important}.pk-stat-table tr.on-bench td.rarity-text-c{color:#cbd3dd!important}.pk-stat-table tr.on-bench td.rarity-text-b{color:#49cd89!important}.pk-stat-table tr.on-bench td.rarity-text-a{color:#60a9fd!important}.pk-stat-table tr.on-bench td.rarity-text-s{color:#bc8cf4!important}.pk-stat-table tr.on-bench td.rarity-text-x{color:#ff9e36!important}
/* Skill sekmesi: oyuncu + etkinleşen yetenek */
.pk-skill-row{display:flex;align-items:center;gap:.6cqw;flex-wrap:wrap}
.pk-skill-team{padding:.05cqw .4cqw;border-radius:.3cqw;font-weight:800;background:#0006}
.pk-skill-team.home{color:#7cc8ff}.pk-skill-team.away{color:#ff9b9b}
.pk-skill-who{font-weight:900}
.pk-skill-name{font-style:normal;font-weight:900;color:#e9b6ff;text-shadow:0 0 .4cqw #bb67e9}
.pk-skill-row small{color:#cfd9e6;opacity:.85}
/* Tetiklenen skill adı, skill kalitesinin renginde */
.pk-skill-name.pk-tier-blue{color:#5aa9ff;text-shadow:0 0 .4cqw #2f86ea}
.pk-skill-name.pk-tier-purple{color:#c77dff;text-shadow:0 0 .4cqw #9b3fd1}
.pk-skill-name.pk-tier-orange{color:#ffb347;text-shadow:0 0 .4cqw #e07a12}
.pk-skill-name.pk-tier-red{color:#ff5a5a;text-shadow:0 0 .4cqw #c81e1e}
.pk-skill-name .pk-tier-tag{font-style:normal;font-size:.85em;opacity:.9;margin-left:.2cqw}