/* Multiplayer turnuvası (tournament-ui.js). Ölçüler panel genişliğine göre (cqw). */
.mp-panel{container-type:inline-size}
.mp-body{position:absolute;inset:0;font-family:Arial,sans-serif;color:#fff}
.mp-btn{border:0.18cqw solid #ffe0a0;border-radius:2cqw;padding:0 1.4cqw;height:2.9cqw;font:900 1.15cqw Arial;color:#fff;cursor:pointer;text-shadow:0 .1cqw .2cqw #0008;white-space:nowrap}
.mp-btn.orange{background:linear-gradient(#ffb547,#e86f0c)}.mp-btn.blue{background:linear-gradient(#4fb0ff,#1564c8);border-color:#bfe3ff}.mp-btn.grey{background:linear-gradient(#8a9bb0,#56657a);border-color:#cfd8e3}
.mp-btn.small{height:2.4cqw;font-size:1cqw}.mp-btn:hover:not(:disabled){filter:brightness(1.12)}.mp-btn:disabled{opacity:.55;cursor:default}
.mp-head{position:absolute;left:3%;right:3%;top:5%;height:9%;display:flex;align-items:center;gap:1.4cqw}
.mp-head>b{font:italic 900 2.1cqw 'Barlow Condensed',Arial;color:#ffd166;text-shadow:0 .15cqw 0 #3a1800;white-space:nowrap}
.mp-head>small{flex:1;font:700 1.15cqw Arial;color:#dcecff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-head>small b{color:#ffd166}
.mp-acts{display:flex;gap:.7cqw;align-items:center;margin-left:auto}
.mp-rooms{position:absolute;left:3%;right:3%;top:15.5%;bottom:5%;display:flex;flex-direction:column;gap:.55cqw;overflow-y:auto}
.mp-room{flex:1;min-height:3.6cqw;display:grid;grid-template-columns:10cqw 1fr 8cqw 15cqw 13cqw 15cqw;align-items:center;gap:1cqw;padding:0 1.2cqw;border-radius:1.2cqw;border:.16cqw solid #ffcf6e;background:linear-gradient(#0d4e9e,#073670);box-shadow:inset 0 .15cqw .4cqw #fff3}
.mp-room.off{border-color:#5d86b8;background:linear-gradient(#123d70,#0a2a52);opacity:.72}
.mp-day{font:italic 900 1.5cqw 'Barlow Condensed',Arial;color:#ff9a1f;text-shadow:0 .12cqw 0 #3a1800}.mp-room.off .mp-day{color:#9fb8d6;text-shadow:none}
.mp-name{display:flex;flex-direction:column;min-width:0}.mp-name b{font:900 1.3cqw Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-name small{font:700 .85cqw Arial;color:#a9c8ea}
.mp-count,.mp-prize{display:flex;flex-direction:column;align-items:center}.mp-count small,.mp-prize small{font:700 .8cqw Arial;color:#a9c8ea}.mp-count b{font:900 1.35cqw Arial}.mp-prize b{font:900 1.05cqw Arial;color:#ffd166;white-space:nowrap}
.mp-st{font:800 1cqw Arial;font-style:normal;text-align:center;color:#cfe3f5}.mp-st.live{color:#7dff8a}.mp-st.off{color:#8aa3c2}
.mp-room .mp-acts{justify-content:flex-end}
.mp-error{position:absolute;left:3%;right:3%;bottom:2%;text-align:center;font:800 1.1cqw Arial;color:#ffb0b0}
.mp-main{position:absolute;left:3%;width:73%;top:15%;bottom:5%}
.mp-teams{position:absolute;right:3.6%;width:18%;top:9%;bottom:8%}
.mp-teams>img{position:absolute;inset:0;width:100%;height:100%}
.mp-tlist{position:absolute;left:7%;right:7%;top:18%;bottom:4%;overflow-y:auto;display:flex;flex-direction:column;gap:.18cqw}
.mp-trow{display:grid;grid-template-columns:3cqw 1fr auto;align-items:center;gap:.4cqw;min-height:1.75cqw;padding:0 .4cqw;border:0;border-radius:.5cqw;background:#ffffff0d;color:#fff;font:700 .95cqw Arial;text-align:left;cursor:pointer}
.mp-trow span{text-align:center;color:#ffd166;font-weight:900}.mp-trow b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-trow small{font:700 .75cqw Arial;color:#9fbfdf}
.mp-trow:hover{background:#ffffff26}.mp-trow.me{background:#ff9a1f40;outline:.1cqw solid #ffb347}.mp-trow.out{opacity:.45}.mp-trow.out b{text-decoration:line-through}
.mp-trow.empty{cursor:default;color:#7f9cc0;background:none}
.mp-bracket{position:absolute;inset:0;display:grid;grid-template-columns:1.15fr 1.1fr 1.05fr 1fr .8fr;gap:.8cqw}
.mp-col{display:flex;flex-direction:column;min-height:0}.mp-col h5{margin:0 0 .4cqw;text-align:center;font:italic 900 1.15cqw 'Barlow Condensed',Arial;color:#ffd166;letter-spacing:.05cqw}
.mp-col-body{flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:.3cqw;min-height:0}
.mp-match{position:relative;display:flex;flex-direction:column;padding:.2cqw .45cqw!important;border-radius:.6cqw;border:.12cqw solid #4f8fd6;background:linear-gradient(#0a2c59,#06203f);color:#fff;text-align:left;cursor:pointer}
.mp-match:hover{border-color:#ffd166}.mp-match.live{border-color:#7dff8a;box-shadow:0 0 .6cqw #7dff8a66}.mp-match.empty{cursor:default;opacity:.55}
.mp-team{display:flex;justify-content:space-between;gap:.4cqw;font:700 .88cqw/1.35 Arial}.mp-team i{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-team b{font-weight:900;color:#ffd166}
.mp-team.win i{color:#7dff8a;font-weight:900}.mp-team.lose{opacity:.55}.mp-team.me i{text-decoration:underline;text-decoration-color:#ff9a1f}
.mp-mst{position:absolute;right:.4cqw;top:-.75cqw;font:900 .65cqw Arial;font-style:normal;color:#7dff8a;text-shadow:0 0 .2cqw #000}.mp-match.done .mp-mst{color:#9fbfdf}
.mp-eye{position:absolute;left:.4cqw;top:-.75cqw;font:900 .7cqw Arial;font-style:normal;color:#fff;text-shadow:0 0 .2cqw #000}
.mp-col.champ .mp-col-body{justify-content:center}.mp-champ{display:flex;flex-direction:column;align-items:center;gap:.3cqw;padding:.8cqw .4cqw;border-radius:1cqw;border:.15cqw solid #ffd166;background:radial-gradient(#5a3a06,#2a1a02);font-size:2.6cqw}.mp-champ b{font:900 1cqw Arial;text-align:center;color:#ffd166}
.mp-wait{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1cqw;text-align:center}
.mp-wait-ring{width:9cqw;height:9cqw;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:.5cqw solid #ffb347;background:radial-gradient(#0d4e9e,#062c5c);box-shadow:0 0 1.4cqw #ffb34788}
.mp-wait-ring b{font:900 3.4cqw Arial;color:#ffd166}.mp-wait-ring small{font:800 .9cqw Arial;color:#dcecff}
.mp-wait p{max-width:44cqw;margin:0;font:700 1.15cqw/1.4 Arial;color:#dcecff}.mp-wait p b{color:#ffd166}
.mp-prizes{display:flex;gap:.6cqw;flex-wrap:wrap;justify-content:center}.mp-prizes span{display:flex;flex-direction:column;padding:.4cqw .8cqw;border-radius:.7cqw;background:#06244f;border:.1cqw solid #9fd6ff66;font:700 .85cqw Arial;color:#ffd166}.mp-prizes b{color:#fff;font-size:.9cqw}
/* İzleme penceresi */
.mp-watch{z-index:120}
.mp-w-box{position:relative;width:min(1100px,94vw);max-height:92vh;overflow:auto;border-radius:18px;border:3px solid #6fc3ff;background:linear-gradient(#0d4e9e,#062754);padding:18px 20px 12px;color:#fff;font-family:Arial,sans-serif;box-shadow:0 20px 60px #000c}
.mp-w-close{position:absolute;right:10px;top:8px;width:40px;height:40px;border-radius:50%;border:2px solid #fff;background:#d6282f;color:#fff;font:900 24px Arial;cursor:pointer}
.mp-w-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.mp-w-top b{font:italic 900 24px 'Barlow Condensed',Arial;text-align:center}.mp-w-top b.win{color:#7dff8a}
.mp-w-score{font:900 40px Arial;color:#ffd166;text-shadow:0 2px 0 #3a1800}.mp-w-score i{font-style:normal;color:#fff}
.mp-w-meta{text-align:center;font:700 14px Arial;color:#cfe3f5;margin:4px 0 12px}.mp-w-meta .mp-eye{position:static;font-size:14px}
.mp-w-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:12px}
.mp-w-side{display:flex;flex-direction:column;gap:6px}
.mp-w-p{display:grid;grid-template-columns:46px 1fr auto;gap:8px;align-items:center;padding:4px 8px;border-radius:10px;background:#06244f;border:1px solid #3d7bc4}
.mp-w-face{position:relative;width:46px;height:46px;border-radius:8px;overflow:hidden;background:#111}.mp-w-face .portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.mp-w-info{min-width:0;display:flex;flex-direction:column}.mp-w-info b{font:900 14px Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-w-info small{font:700 11px Arial;color:#a9c8ea}.mp-w-info em{font-style:normal;color:#ffd166}
.mp-w-en{display:block;height:5px;margin-top:3px;border-radius:3px;background:#0008;overflow:hidden}.mp-w-en u{display:block;height:100%;background:linear-gradient(90deg,#ff5a3c,#ffd166,#7dff8a)}
.mp-w-st{text-align:right}.mp-w-st b{display:block;font:900 20px Arial;color:#ffd166}.mp-w-st small{font:700 10px Arial;color:#a9c8ea}
.mp-w-bench{display:flex;flex-wrap:wrap;gap:4px;font:700 11px Arial;color:#cfe3f5}.mp-w-bench span{padding:2px 6px;border-radius:6px;background:#ffffff14}.mp-w-bench b{color:#ffd166}
.mp-w-log{margin:0;padding:8px;list-style:none;border-radius:12px;background:#031530;border:1px solid #3d7bc4;display:flex;flex-direction:column;gap:3px;max-height:420px;overflow:hidden}
.mp-w-log li{display:grid;grid-template-columns:auto 1fr auto;gap:6px;font:600 12px/1.3 Arial;color:#dcecff;padding:3px 4px;border-left:3px solid #4fb0ff}.mp-w-log li.s1{border-left-color:#ff9a1f}.mp-w-log li.system{color:#ffd166;border-left-color:#ffd166}
.mp-w-log time{color:#8fb0d6;font-size:11px}.mp-w-log em{font-style:normal;font-weight:900;color:#fff}
.mp-w-note{margin:10px 0 0;text-align:center;font:700 12px Arial;color:#9fbfdf}
.mp-w-wait{text-align:center;padding:40px 10px}.mp-w-wait h3{font:italic 900 28px 'Barlow Condensed',Arial;margin:0 0 10px}.mp-w-wait h3 i{color:#ffd166}.mp-w-wait p{font:700 16px Arial;color:#dcecff}
@media (max-width:760px){.mp-w-grid{grid-template-columns:1fr}.mp-w-log{max-height:220px}}
/* Sertifika */
.mp-cert-modal{z-index:130}
.mp-cert{position:relative;width:min(900px,94vw)}.mp-cert>img{display:block;width:100%}
.mp-cert-who{position:absolute;left:30.6%;top:38.6%;right:8%;font:800 clamp(12px,2vw,20px) Arial;color:#5a1a00}.mp-cert-who em{font-style:normal;color:#c0102a;font-weight:900}
.mp-cert-prizes{position:absolute;left:24.5%;top:60.6%;display:flex;gap:1.6em;font:900 clamp(14px,2.6vw,26px) Arial;color:#c0102a}
.mp-cert-ok{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);height:44px;font-size:18px;border-radius:22px;padding:0 28px}
.tour-eye{position:fixed;top:10px;left:14px;z-index:95;display:flex;align-items:center;gap:10px;padding:6px 8px 6px 14px;border-radius:20px;background:#06244fee;border:2px solid #6fc3ff;color:#fff;font:800 14px Arial;box-shadow:0 4px 14px #0008}
.tour-eye b{color:#ffd166}.tour-eye .mp-btn{height:30px;font-size:12px;border-radius:15px}
.mp-match.done{cursor:default}.mp-match.done:hover{border-color:#4f8fd6}
.mp-head.in-room{right:23.5%}