/* Stadyum sohbeti — oyunun ikonlarındaki mavi tonlar. */
.ch-panel{position:absolute;left:.8%;bottom:1.5%;width:19%;height:38%;z-index:8;display:flex;flex-direction:column;border:2px solid #6fc3ff;border-radius:12px;background:linear-gradient(#1b5bb0f2,#0b2f6cf2);box-shadow:0 4px 14px #0009,inset 0 1px 0 #9fdcff88;overflow:hidden;font-family:Arial,sans-serif;color:#fff}
.ch-panel.closed{height:auto}
.ch-panel header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(#2f86ea,#1a5fc0);border-bottom:1px solid #6fc3ff}
.ch-panel header b{font:italic 900 14px 'Barlow Condensed',Arial;letter-spacing:.5px}
.ch-panel header small{font-size:9px;color:#cfe8ff}
.ch-panel header button{margin-left:auto;width:22px;height:22px;border-radius:6px;border:1px solid #9fdcff;background:#0b3d7c;color:#fff;font:900 14px/1 Arial;cursor:pointer}
.ch-list{flex:1;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin;scrollbar-color:#6fc3ff #0b2f6c}
.ch-msg{margin:0;font-size:11px;line-height:1.35;word-break:break-word}
.ch-msg span{color:#eaf5ff}
.ch-name{padding:0;margin-right:5px;border:0;background:none;color:#ffd166;font:800 11px Arial;cursor:pointer;text-decoration:underline dotted}
.ch-msg.mine .ch-name{color:#7dff7d}
.ch-name:hover{color:#fff}
.ch-empty{margin:auto 0;text-align:center;font-size:11px;color:#cfe8ff}
#ch-form{display:flex;gap:5px;padding:6px;border-top:1px solid #6fc3ff66;background:#0a2b5ecc}
#ch-input{flex:1;min-width:0;padding:6px 8px;border-radius:8px;border:1px solid #6fc3ff;background:#06224b;color:#fff;font:12px Arial}
#ch-form button{padding:0 10px;border-radius:8px;border:1px solid #ffd27a;background:linear-gradient(#ffb84e,#e07a12);color:#3a1800;font:800 11px Arial;cursor:pointer;white-space:nowrap}
#ch-form button:disabled{filter:grayscale(.7);cursor:not-allowed;background:linear-gradient(#8aa2c0,#5a7090);color:#fff;border-color:#9fb8d4}
.ch-team-modal{position:fixed;inset:0;z-index:96;display:flex;align-items:center;justify-content:center;background:#000c;padding:3vh 2vw}
.ch-team-wrap{width:min(96vw,calc((100dvh - 8vh) * 1418 / 820))!important;aspect-ratio:1418/820!important}
.ch-team-wrap .o2-card{cursor:default}
.ch-close{position:absolute;z-index:5;padding:0;border:0;background:none;cursor:pointer}
.ch-close img{width:100%;height:100%;display:block}
.ch-popup{z-index:140}
.ch-panel.ch-arena{left:1.2%;bottom:1.2%;width:27.5%;height:30%;z-index:6}
.ch-panel.ch-arena.closed{height:auto}
.ch-panel header{height:auto!important;min-height:0!important;position:static!important;flex:0 0 auto;margin:0!important;box-shadow:none!important;backdrop-filter:none!important}
.ch-list{min-height:0}
/* Sohbet arka planı: mavi yerine bulanık, yarı saydam cam — arkadaki sahne görünür. */
.ch-panel{background:rgba(8,20,40,.35)!important;backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);border-color:#9fd3ff99!important;box-shadow:0 4px 14px #0006!important}
.ch-panel header{background:rgba(26,95,192,.55)!important;border-bottom-color:#9fd3ff66!important}
#ch-form{background:rgba(6,20,45,.45)!important}
#ch-input{background:rgba(6,34,75,.6)!important}
.ch-msg span{text-shadow:0 1px 2px #000}
.ch-name{text-shadow:0 1px 2px #000}
/* Sohbetten açılan takım: base / solo base rozeti kartın fotoğraf alanında */
.ch-team-modal .o2-photo .base-badge{right:5%;bottom:4%;font-size:calc(26*var(--k))}
.ch-team-modal .o2-bench-photo .base-badge{right:2%;bottom:2%;font-size:calc(18*var(--k))}
/* Online sayacı: sohbet başlığında ve SOHBET butonunun üstünde küçük kutu */
.ch-online{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:2px 7px;border-radius:9px;border:1px solid #7dff7d88;background:rgba(4,30,12,.75);color:#d9ffd9;font:700 10px Arial;white-space:nowrap}
.ch-online i{width:7px;height:7px;border-radius:50%;background:#3dff5a;box-shadow:0 0 6px #3dff5a}
.ch-online b{font:900 11px Arial;color:#fff}
/* Stadyum/maç dışındaki ekranlarda sağ alttaki sohbet */
.ch-float{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.ch-float-btn{position:relative;padding:10px 18px;border-radius:14px;border:2px solid #9fd3ff;background:linear-gradient(#2f86ea,#1a5fc0);color:#fff;font:italic 900 15px 'Barlow Condensed',Arial;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 14px #0008}
.ch-float-btn:hover{filter:brightness(1.12)}
.ch-float-btn .ch-online{position:absolute;top:-13px;right:-6px;margin:0;font-style:normal}
.ch-panel.ch-float-panel{position:relative;left:auto;bottom:auto;width:min(360px,86vw);height:min(420px,60vh)}
/* Hall of Fame → Teams */
.hf-row.hf-mine{outline:2px solid #7dff7d;outline-offset:-2px}
.hf-tab span{font-size:calc(22*var(--k))}
.ch-panel.ch-city{z-index:20}
/* Ofis: QUIZ butonu sohbet panelinin hemen üstünde (panel: sol .8%, alt 1.5%, yükseklik 38%) */
.office-scene .office-hotspot.office-quiz{left:.8%;top:auto;bottom:calc(39.5% + 10px);width:auto;height:auto;z-index:9}
.office-scene .office-hotspot.office-quiz span{position:static;transform:none}
.office-scene .office-hotspot.office-quiz:hover{outline:0}
.office-scene .office-hotspot.office-quiz:hover span{filter:brightness(1.15)}
/* Başka takımları görüntüleme: epic (mor) / legendary (turuncu) set aurası */
.ch-team-modal .o2-photo.eq-aura-epic,.ch-team-modal .o2-photo.eq-aura-legendary{overflow:visible}
.ch-team-modal .o2-photo.eq-aura-epic .portrait,.ch-team-modal .o2-photo.eq-aura-legendary .portrait{z-index:1}
.ch-team-modal .o2-bench-photo.eq-aura-epic,.ch-team-modal .o2-bench-photo.eq-aura-legendary{overflow:visible}
.ch-team-modal .eq-aura-epic .base-badge,.ch-team-modal .eq-aura-legendary .base-badge{z-index:2}