/* GO UP (test) */
#gu-root{margin-top:1.2%}
.gu{display:grid;grid-template-columns:1fr minmax(220px,28%);grid-template-rows:1fr auto;gap:14px;background:linear-gradient(180deg,rgba(10,28,64,.92),rgba(6,16,40,.94));border:2px solid #3d8bff;border-radius:16px;padding:18px;color:#e8f1ff;box-shadow:0 10px 40px rgba(0,0,0,.45);min-height:52vh}
.gu h2{margin:0;font:900 clamp(22px,2.4vw,34px)/1 Arial,sans-serif;letter-spacing:.06em;color:#ffcf4a;text-shadow:0 2px 0 #7a4b00}
.gu h3{margin:14px 0 8px;font:800 clamp(13px,1.1vw,16px) Arial,sans-serif;letter-spacing:.08em;color:#8fc3ff}
.gu h3 small{background:#1d4f9a;border-radius:10px;padding:1px 8px;margin-left:6px;color:#fff}
.gu-sub{margin:6px 0 10px;color:#b9cdf0;font-size:clamp(12px,1vw,14px)}.gu-sub b{color:#ffcf4a}
.gu-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gu-stats div{background:rgba(255,255,255,.06);border:1px solid rgba(143,195,255,.3);border-radius:10px;padding:8px 10px;text-align:center}
.gu-stats small{display:block;color:#8fa9d6;font-size:11px;letter-spacing:.08em}.gu-stats b{font:900 clamp(20px,2vw,28px) Arial;color:#fff}
.gu-stats div:first-child b{color:#ffcf4a}
.gu-shop{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gu-item{background:rgba(255,255,255,.05);border:1px solid rgba(143,195,255,.28);border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.gu-item.off{opacity:.6}.gu-item b{font-size:clamp(12px,1vw,14px)}.gu-item small{color:#9fb6dc;font-size:11px}
.gu-ico{height:48px;display:flex;align-items:center;justify-content:center}.gu-ico img{max-height:44px}
.gu-gear{font-size:34px;line-height:1}.gu-gear.rare{color:#42a4ef;text-shadow:0 0 12px #42a4ef}.gu-gear.epic{color:#b35ae5;text-shadow:0 0 12px #b35ae5}
.gu-item button{margin-top:4px;border:0;border-radius:8px;padding:6px 14px;font:800 13px Arial;background:linear-gradient(#ffd04d,#f39a1e);color:#3a2100;cursor:pointer}
.gu-item button:disabled{background:#3b4a66;color:#8796b5;cursor:not-allowed}
.gu-queue{background:rgba(0,0,0,.25);border:1px solid rgba(143,195,255,.3);border-radius:12px;padding:10px 12px;overflow:auto;max-height:52vh}
.gu-queue h3{margin-top:0}.gu-queue ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.gu-queue li{display:grid;grid-template-columns:26px 1fr auto auto;gap:8px;align-items:center;background:rgba(255,255,255,.06);border-radius:8px;padding:6px 8px;font-size:13px}
.gu-queue li b{color:#ffcf4a}.gu-queue li small{color:#8fa9d6}.gu-queue li em{color:#7fe0a0;font-style:normal;font-size:12px}
.gu-queue li.me{outline:2px solid #ffcf4a}.gu-empty{color:#9fb6dc;font-size:13px}
.gu-bottom{grid-column:1/-1;display:flex;justify-content:center}
.gu-join{min-width:min(320px,60%);padding:14px 30px;border:0;border-radius:14px;font:900 clamp(16px,1.6vw,22px) Arial;letter-spacing:.1em;cursor:pointer;color:#fff;background:linear-gradient(#3fd36b,#169a41);box-shadow:0 4px 0 #0c5e27}
.gu-join.wait{background:linear-gradient(#5a6b8c,#38455f);box-shadow:0 4px 0 #222b3d}.gu-join.live{background:linear-gradient(#ffb23f,#e2700d);box-shadow:0 4px 0 #8a4200}
.gu-err{color:#ff8a8a;font-size:13px}
@media (max-width:760px){.gu{grid-template-columns:1fr}.gu-shop,.gu-stats{grid-template-columns:repeat(2,1fr)}}
.gu-ico img,.gu-ico svg{max-height:48px;max-width:56px}
.gu-top{background:rgba(0,0,0,.22);border:1px solid rgba(143,195,255,.28);border-radius:12px;padding:6px 10px;max-height:34vh;overflow:auto}
.gu-top table{width:100%;border-collapse:collapse;font-size:clamp(12px,1vw,14px)}
.gu-top th{text-align:left;color:#8fa9d6;font-size:11px;letter-spacing:.08em;padding:6px 6px;border-bottom:1px solid rgba(143,195,255,.25);position:sticky;top:0;background:#0b1f47}
.gu-top td{padding:6px;border-bottom:1px solid rgba(255,255,255,.06)}.gu-top td:first-child{color:#ffcf4a;font-weight:800;width:28px}
.gu-top td.w{color:#7fe0a0;font-weight:800}.gu-top tr.me td{background:rgba(255,207,74,.12)}
.gu-top tr:nth-child(1) td:first-child::before{content:'🥇 '}.gu-top tr:nth-child(2) td:first-child::before{content:'🥈 '}.gu-top tr:nth-child(3) td:first-child::before{content:'🥉 '}
.gu-bottom{gap:14px;align-items:center}
.gu-mkt{padding:14px 22px;border:0;border-radius:14px;font:900 clamp(14px,1.3vw,18px) Arial;letter-spacing:.06em;cursor:pointer;color:#3a2100;background:linear-gradient(#ffd04d,#f39a1e);box-shadow:0 4px 0 #8a5200}
.gu-mkt small{display:inline-block;margin-left:6px;background:#7a4300;color:#fff;border-radius:8px;padding:2px 8px;font-size:12px}
.gu-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:60}
.gu-dialog{position:relative;width:min(760px,92vw);background:linear-gradient(180deg,#0f2a5c,#081a3d);border:2px solid #3d8bff;border-radius:16px;padding:20px 22px;color:#e8f1ff;box-shadow:0 14px 50px rgba(0,0,0,.6)}
.gu-dialog h2{margin:0 0 4px;font:900 26px Arial;color:#ffcf4a;letter-spacing:.06em}.gu-dialog .gu-sub b{color:#ffcf4a;font-size:16px}
.gu-x{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:#c62f2f;color:#fff;font:900 20px Arial;cursor:pointer}
.gu-top th,.gu-top td{text-align:left}.gu-top th:nth-child(n+3),.gu-top td:nth-child(n+3){text-align:center;width:64px}.gu-top td:nth-child(2){font-weight:700}
.gu-qmain{margin-top:14px;background:rgba(0,0,0,.22);border:1px solid rgba(143,195,255,.28);border-radius:12px;padding:10px 12px;max-height:34vh;overflow:auto}
.gu-qmain h3{margin-top:0}.gu-qmain ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.gu-qmain li{display:grid;grid-template-columns:26px 1fr auto auto;gap:8px;align-items:center;background:rgba(255,255,255,.06);border-radius:8px;padding:6px 8px;font-size:13px}
.gu-qmain li b{color:#ffcf4a}.gu-qmain li small{color:#8fa9d6}.gu-qmain li em{color:#7fe0a0;font-style:normal;font-size:12px}.gu-qmain li.me{outline:2px solid #ffcf4a}
.gu-lb .gu-top{background:none;border:0;padding:0;max-height:none}
.gu-lb .gu-top th:nth-child(3),.gu-lb .gu-top td:nth-child(3){display:none}
.gu-lb .gu-top th:nth-child(n+4),.gu-lb .gu-top td:nth-child(n+4){width:40px}
/* CLIMB UP (test) */
.cu .gu-stats div:nth-child(4) b{font-size:clamp(14px,1.4vw,20px)}
.cu-ptsrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cu-ptsrow span{flex:1;min-width:52px;background:rgba(255,207,74,.08);border:1px solid rgba(255,207,74,.35);border-radius:8px;padding:4px 6px;text-align:center;line-height:1.15}
.cu-ptsrow small{display:block;color:#c9b27a;font-size:10px;letter-spacing:.06em}.cu-ptsrow b{color:#ffcf4a;font:900 clamp(13px,1.1vw,16px) Arial}
.cu-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.cu-card{background:rgba(255,255,255,.06);border:1px solid rgba(143,195,255,.3);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:2px}
.cu-card small{color:#8fa9d6;font-size:11px;letter-spacing:.08em}.cu-card b{font:900 clamp(15px,1.4vw,20px) Arial;color:#fff}.cu-card span{color:#b9cdf0;font-size:12px}.cu-card i{color:#7fe0a0;font-style:normal;font-weight:800}
.cu-card.open{border-color:#3fd36b}.cu-card.open b{color:#7fe0a0}.cu-card.live{border-color:#ffb23f;box-shadow:0 0 12px rgba(255,178,63,.35)}.cu-card.live b{color:#ffcf4a}
.cu-me{margin-top:10px;padding:8px 12px;border-radius:10px;background:rgba(63,211,107,.12);border:1px solid rgba(63,211,107,.45);font-size:13px}.cu-me b{color:#ffcf4a}.cu-me.gold{background:rgba(255,207,74,.16);border-color:#ffcf4a}
.cu-box h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cu-bt{margin-left:auto;display:flex;gap:4px}.cu-bt button{border:1px solid rgba(143,195,255,.4);background:rgba(255,255,255,.05);color:#b9cdf0;border-radius:8px;padding:3px 8px;font:800 11px Arial;cursor:pointer}
.cu-bt button.on{background:#1d4f9a;color:#fff}.cu-bt small{background:#0b1f47;margin-left:4px}
.cu-binfo{font-size:13px;color:#b9cdf0;margin-bottom:6px}.cu-binfo b{color:#ffcf4a}
.cu-rtabs{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}
.cu-rt{flex:1;min-width:44px;border:1px solid rgba(143,195,255,.35);background:rgba(255,255,255,.05);color:#b9cdf0;border-radius:8px;padding:5px 4px;font:800 12px Arial;cursor:pointer}
.cu-rt.on{background:#3d8bff;color:#fff;border-color:#3d8bff}.cu-rt.live:not(.on){border-color:#ffb23f;color:#ffcf4a}
.cu-ms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:26vh;overflow:auto;padding-right:2px}
.cu-m{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;background:rgba(255,255,255,.06);border:1px solid rgba(143,195,255,.2);border-radius:8px;padding:5px 8px;color:#e8f1ff;cursor:pointer;font-size:12px}
.cu-m em{grid-column:2;grid-row:1/3;font-style:normal;font-size:10px;font-weight:900;color:#8fa9d6}
.cu-m.live{border-color:#ffb23f}.cu-m.live em{color:#ff6b5b}.cu-m.done{cursor:default;opacity:.8}.cu-m.mine{outline:2px solid #ffcf4a}
.cu-t{display:flex;justify-content:space-between;gap:6px;min-width:0}.cu-t i{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cu-t b{color:#fff}
.cu-t.win i{color:#7fe0a0;font-weight:800}.cu-t.lose{opacity:.55}.cu-t.me i{color:#ffcf4a}
.cu u,.cu-t u{text-decoration:none;font-size:9px;background:#b35ae5;color:#fff;border-radius:4px;padding:0 4px;margin-left:3px}
.cu-test{padding:10px 14px;border:2px dashed #ff8a8a;border-radius:12px;background:rgba(198,47,47,.2);color:#ffb3b3;font:800 12px Arial;cursor:pointer}
.cu-lb .gu-top th:nth-child(5),.cu-lb .gu-top td:nth-child(5){width:44px;font-size:12px}
@media (max-width:760px){.cu-ms{grid-template-columns:1fr}.cu-cards{grid-template-columns:1fr}}
/* Climb UP: panel ekrana sığar; eşleşme listesi kalan alanda kayar */
.gu.cu{height:76vh;min-height:0;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:14px 16px}
.cu .gu-main{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.cu .gu-sub{margin:4px 0 8px;font-size:clamp(11px,.9vw,13px)}
.cu .gu-stats div{padding:4px 8px}.cu .gu-stats b{font-size:clamp(17px,1.6vw,24px)}
.cu-ptsrow,.cu-cards,.cu-me{margin-top:8px}.cu-card{padding:6px 10px}
.cu .cu-box{flex:1;min-height:110px;display:flex;flex-direction:column;margin-top:8px;max-height:none;overflow:hidden}
.cu .cu-box h3{margin-bottom:6px}
.cu .cu-ms,.cu .cu-box ol{flex:1;min-height:0;max-height:none;overflow:auto}
.cu-lb{max-height:none;min-height:0}
.cu-lb .cu-ptsrow{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 4px}
.cu-lb .cu-ptsrow span{min-width:0}
/* 2026-10-26: eşleşme tablosu açıkken ona daha çok yer: açıklama ve gün kartları gizlenir, istatistikler tek ince satır, maçlar 3 sütun */
.cu-wide h2{font-size:clamp(18px,1.8vw,26px)}
.cu-wide .gu-sub,.cu-wide .cu-cards{display:none}
.cu-wide .gu-stats{margin-top:6px;gap:6px}
.cu-wide .gu-stats div{display:flex;align-items:baseline;justify-content:center;gap:6px;padding:2px 6px}
.cu-wide .gu-stats small{display:inline;font-size:10px}.cu-wide .gu-stats b,.cu-wide .gu-stats div:nth-child(4) b{font-size:clamp(13px,1.2vw,17px)}
.cu-wide .cu-me{margin-top:6px;padding:5px 10px}
.cu-wide .cu-box{margin-top:6px;padding:8px 10px}
.cu-wide .cu-box h3{margin:0 0 4px}.cu-wide .cu-binfo{margin-bottom:4px}.cu-wide .cu-rtabs{margin-bottom:6px}.cu-wide .cu-rt{padding:4px}
.cu-wide .cu-ms{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-content:start}
.cu-wide .cu-m{padding:3px 7px;font-size:11.5px;line-height:1.25}
@media (max-width:1000px){.cu-wide .cu-ms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.cu-wide .cu-ms{grid-template-columns:1fr}}
/* 2026-10-26: alt düğmeler küçük, panel biraz kısa — alttaki menü (Alliance, Rank…) düğmelerin üstüne binmesin */
.gu.cu{height:70vh}
.cu .gu-bottom{gap:10px}
.cu .gu-join{min-width:min(220px,40%);padding:8px 20px;border-radius:11px;font-size:clamp(13px,1.15vw,17px);box-shadow:0 3px 0 #0c5e27}
.cu .gu-join.live{box-shadow:0 3px 0 #8a4200}.cu .gu-join.wait{box-shadow:0 3px 0 #222b3d}
.cu .gu-mkt{padding:8px 16px;border-radius:11px;font-size:clamp(12px,1vw,15px);box-shadow:0 3px 0 #8a5200}.cu .gu-mkt small{font-size:11px;padding:1px 6px}
.cu .cu-test{padding:6px 10px;font-size:11px}
/* 2026-10-26: Yükselme sekmesi düğmesi → CLIMB UP (test) */
.mc-tabbar .mc-tab:nth-child(7){background-image:url('assets/tab-climbup.webp')}
.cu-dialog-wide{width:min(900px,94vw)}
/* 2026-10-26: Climb UP — boş yer, hükmen geçiş, maaş sınırı uyarısı */
.cu-t.empty i{color:#6f83a8;font-style:italic}
.cu-m.wo{opacity:.7;border-style:dashed}.cu-m.wo em{color:#7fe0a0}
.cu-t u.ff{background:#c62f2f}
.cu-me.warn{background:rgba(198,47,47,.18);border-color:#ff8a8a}
