/* =====================================================================
   Sıcak Sohbetler — "klasik oyun istemcisi" teması
   Eski MOBA başlatıcılarından esinlenme: lacivert-çelik paneller, altın
   çerçeveler, serif başlıklar, turuncu-altın ana düğme. (Özgün tasarım.)
   ===================================================================== */
@font-face{font-family:'Cinzel';font-weight:600;font-display:swap;src:url(fonts/cinzel-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cinzel';font-weight:600;font-display:swap;src:url(fonts/cinzel-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cinzel';font-weight:700;font-display:swap;src:url(fonts/cinzel-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cinzel';font-weight:700;font-display:swap;src:url(fonts/cinzel-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cinzel';font-weight:800;font-display:swap;src:url(fonts/cinzel-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cinzel';font-weight:800;font-display:swap;src:url(fonts/cinzel-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --bg0:#030b14; --bg1:#0a1828; --bg2:#0d2033; --bg3:#13304a; --bg4:#1a3d5c;
  --line:#22415e; --tx:#e9e3d0; --tx2:#a9b6c4; --tx3:#6c8198;
  --acc:#2f8fd8; --acc2:#5fb3f0; --ok:#3ddc84; --warn:#f0b232; --bad:#e8494f;
  --gold:#c8aa6e; --gold2:#f0e6d2; --gold3:#785a28; --gold4:#463714;
  --steel:#3c5a77; --steel2:#5b7d9c;
  --head: "Cinzel", "Trajan Pro", "Palatino Linotype", Georgia, serif;
  --font: "Segoe UI", ui-sans-serif, system-ui, -apple-system, Roboto, sans-serif;
  --r:4px;
  --frame: inset 0 0 0 1px #000a, 0 0 0 1px var(--gold3), 0 0 0 2px #000c, 0 8px 30px #000a;
}
html,body{background:#020810}
body{
  background:
    radial-gradient(1100px 700px at 50% -10%, #12345a55, transparent 70%),
    repeating-linear-gradient(45deg, #ffffff03 0 2px, transparent 2px 6px),
    linear-gradient(#06121f, #020810);
  color:var(--tx);
}
::selection{background:#c8aa6e55}
h1,h2,h3,.modal-body h2,.gl-head h2{font-family:var(--head);letter-spacing:.04em;color:var(--gold2)}

/* ---------- düğmeler ---------- */
.btn{
  font-family:var(--head);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12.5px;
  color:#cdbe91;border-radius:2px;padding:9px 16px;
  background:linear-gradient(#1e3247,#0f1d2c);
  border:1px solid var(--gold3);box-shadow:inset 0 1px 0 #ffffff12, 0 0 0 1px #000a;
}
.btn:hover{background:linear-gradient(#27415c,#122335);color:var(--gold2);border-color:var(--gold);box-shadow:inset 0 1px 0 #ffffff1a,0 0 12px #c8aa6e33,0 0 0 1px #000a}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.5;cursor:default}
.btn.primary{
  color:#fff;text-shadow:0 1px 2px #6a2a00;border-color:#ffcf7a;
  background:linear-gradient(#f7b65a,#e8841f 48%,#c55b0e 52%,#d8701a);
  box-shadow:inset 0 1px 0 #fff6, inset 0 -2px 6px #7a330044, 0 0 0 1px #3a1800, 0 0 14px #e8841f33;
}
.btn.primary:hover{background:linear-gradient(#ffc46e,#f09330 48%,#d0681a 52%,#e47e24);color:#fff;box-shadow:inset 0 1px 0 #fff8,0 0 0 1px #3a1800,0 0 20px #f0933066}
.btn.red,.btn.danger{color:#ffd6d6;border-color:#8a2c2c;background:linear-gradient(#5a1d22,#2e0e12)}
.btn.red:hover,.btn.danger:hover{background:linear-gradient(#7a2730,#3e1418);color:#fff;border-color:#e8494f}
.btn.sm{font-size:11.5px;padding:6px 10px}
.icon-btn{border-radius:3px;color:#9fb2c6}
.icon-btn:hover{background:#ffffff0d;color:var(--gold2);box-shadow:inset 0 0 0 1px var(--gold3)}
.icon-btn.off{color:var(--bad)}
input[type=range]{accent-color:var(--gold)}
.chk input{accent-color:var(--gold)}

/* ---------- alanlar ---------- */
.field{color:var(--gold);font-family:var(--head);letter-spacing:.06em;font-size:11.5px}
.field input:not([type=range]),.field select,.gl-select,.dlg-in,#glSearch,.gl-tabs input{
  background:linear-gradient(#020a12,#06121e);border:1px solid var(--steel);border-radius:2px;color:var(--tx);
  box-shadow:inset 0 1px 3px #000c;font-family:var(--font)
}
.field input:focus,.field select:focus,.gl-select:focus,.dlg-in:focus{border-color:var(--gold);box-shadow:inset 0 1px 3px #000c,0 0 8px #c8aa6e44;outline:none}

/* =====================================================================
   BAŞLATICI
   ===================================================================== */
.lobby{background:none;padding:18px;display:grid;place-items:center;min-height:100%}
.launcher{
  width:min(1040px,100%);display:flex;flex-direction:column;gap:12px;padding:12px;
  background:linear-gradient(#0e2238,#07111d);border:1px solid #2c4a68;border-radius:6px;
  box-shadow:inset 0 0 0 1px #000, inset 0 1px 0 #6d8fb055, 0 0 0 1px #000, 0 30px 80px #000c;
  position:relative
}
.launcher::before{content:"";position:absolute;inset:4px;border:1px solid #c8aa6e22;border-radius:4px;pointer-events:none}
.lc-top{display:grid;grid-template-columns:240px 1fr;gap:12px;min-height:470px}
.lc-left{
  display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 16px;
  background:radial-gradient(260px 340px at 50% 40%,#1b3d63,#081626 75%);
  border:1px solid #2c4a68;box-shadow:var(--frame);border-radius:3px;position:relative;overflow:hidden
}
.lc-left::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 3px);pointer-events:none}
.lc-logo{display:flex;align-items:center;gap:10px;width:100%}
.lc-logo img{width:46px;height:46px;border-radius:8px;box-shadow:0 0 0 2px var(--gold3),0 0 14px #e8841f55}
.lc-title{display:flex;flex-direction:column;font-family:var(--head);font-weight:800;line-height:1;letter-spacing:.06em;
  background:linear-gradient(#fff3c9,#e2b764 45%,#a47a2e 55%,#e9cf8f);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 1px #000)}
.lc-title span:first-child{font-size:24px}.lc-title span:last-child{font-size:17px;letter-spacing:.09em}
.lc-emblem{flex:1;display:grid;place-items:center;position:relative;width:100%}
.lc-emblem img{width:150px;height:150px;border-radius:26px;box-shadow:0 0 0 3px var(--gold3),0 0 0 5px #000,0 0 60px #e8841f55;position:relative;z-index:1}
.lc-ring{position:absolute;width:210px;height:210px;border-radius:50%;border:1px solid #c8aa6e44;
  background:conic-gradient(from 0deg,transparent,#c8aa6e33,transparent 30%,#5fb3f022,transparent 60%);animation:spin 14s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.lc-server{text-align:center}
.lc-sname{color:var(--tx);font-size:15px;font-weight:600;text-shadow:0 1px 2px #000}
.lc-status{font-family:var(--head);font-weight:800;font-size:24px;letter-spacing:.04em;text-shadow:0 0 12px currentColor}
.lc-status.on{color:#2ee66b}.lc-status.off{color:var(--warn)}.lc-status.lock{color:var(--gold)}
.lc-change{width:100%;background:linear-gradient(#2463a8,#123d6e);color:#e6f1ff;border-color:#5fa0e0}
.lc-change:hover{background:linear-gradient(#2e74c2,#164a85);color:#fff;border-color:#9fd0ff}

.lc-right{display:flex;flex-direction:column;gap:12px;min-width:0}
.lc-news{padding:10px 14px 8px;background:linear-gradient(#0a1a2b,#071320);border:1px solid #23405d;box-shadow:inset 0 0 0 1px #000a}
.lc-h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #23405d;padding-bottom:6px;margin-bottom:4px}
.lc-h span:first-child{font-family:var(--head);font-size:17px;color:var(--tx);letter-spacing:.03em}
.lc-va{color:#5fb3f0;font-size:12.5px}
.lobby .lobby-rooms{display:flex;flex-direction:column;gap:0;max-height:150px;overflow:auto}
.lobby .lobby-room{display:flex;justify-content:space-between;gap:12px;padding:6px 8px;background:none;border-radius:0;color:#6fa8d6;text-align:left;border-left:2px solid transparent}
.lobby .lobby-room:hover{background:#ffffff08;color:#a9d4f5}
.lobby .lobby-room.sel{background:linear-gradient(90deg,#c8aa6e22,transparent);color:var(--gold2);border-left-color:var(--gold)}
.lobby .lobby-room small{color:#b8c6d4;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lr-n{display:flex;align-items:center;gap:8px}
.lc-locked{padding:18px 4px}

.lc-banner{flex:1;position:relative;min-height:260px;border:1px solid #23405d;box-shadow:var(--frame);overflow:hidden;background:#000}
.lc-slides{position:absolute;inset:0}
.lc-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s;cursor:default}
.lc-slide.on{opacity:1}
.lc-art{position:absolute;inset:0;overflow:hidden}
.lc-art i{position:absolute;border-radius:50%;filter:blur(2px)}
/* slayt görselleri — tamamen CSS ile çizilir */
.s-mac .lc-art{background:
  radial-gradient(ellipse 60% 22% at 50% 100%,#2f9e4a,transparent 70%),
  repeating-linear-gradient(90deg,#1f6e34 0 60px,#237a3a 60px 120px),
  linear-gradient(#0b1a33,#123a2a 55%,#1d6a35)}
.s-mac .lc-art::before{content:"";position:absolute;left:8%;right:8%;bottom:14%;height:46%;border:3px solid #ffffffaa;border-top:0;transform:perspective(380px) rotateX(55deg);transform-origin:bottom}
.s-mac .lc-art::after{content:"";position:absolute;left:50%;bottom:14%;width:3px;height:46%;background:#ffffffaa;transform:perspective(380px) rotateX(55deg);transform-origin:bottom}
.s-mac .lc-art i{width:220px;height:220px;top:-90px;background:radial-gradient(#fff,#fff0 70%);opacity:.55}
.s-mac .lc-art i:nth-child(1){left:6%}.s-mac .lc-art i:nth-child(2){left:42%}.s-mac .lc-art i:nth-child(3){right:6%}
.s-oyun .lc-art{background:radial-gradient(circle at 70% 40%,#ff7a1a55,transparent 45%),radial-gradient(circle at 25% 70%,#8a3cff55,transparent 50%),linear-gradient(135deg,#140a2a,#2a0d1a 60%,#120b1f)}
.s-oyun .lc-art i{border:2px solid #ffb35a88;filter:none;animation:pulse2 3s ease-in-out infinite}
.s-oyun .lc-art i:nth-child(1){width:160px;height:160px;left:60%;top:20%}
.s-oyun .lc-art i:nth-child(2){width:260px;height:260px;left:calc(60% - 50px);top:calc(20% - 50px);animation-delay:.6s;border-color:#ff7a1a44}
.s-oyun .lc-art i:nth-child(3){width:90px;height:90px;left:18%;top:25%;border-color:#b98cff88;animation-delay:1.2s}
@keyframes pulse2{50%{transform:scale(1.08);opacity:.6}}
.s-ses .lc-art{background:linear-gradient(160deg,#04203f,#0b3d6e 50%,#051a33)}
.s-ses .lc-art::before{content:"";position:absolute;left:0;right:0;top:38%;height:90px;
  background:repeating-linear-gradient(90deg,#5fb3f0 0 3px,transparent 3px 9px);
  -webkit-mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 0 40%,transparent 75%);mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 0 40%,transparent 75%);opacity:.8}
.s-ses .lc-art i{width:300px;height:300px;left:calc(50% - 150px);top:10%;background:radial-gradient(#5fb3f055,transparent 65%)}
.s-sohbet .lc-art{background:radial-gradient(circle at 30% 30%,#c8aa6e33,transparent 40%),linear-gradient(135deg,#0d1f33,#1a2f45 60%,#0b1724)}
.s-sohbet .lc-art i{width:120px;height:80px;border-radius:14px;background:linear-gradient(#244766,#16304a);border:1px solid #c8aa6e55;filter:none}
.s-sohbet .lc-art i:nth-child(1){left:52%;top:16%}.s-sohbet .lc-art i:nth-child(2){left:64%;top:42%;width:150px;background:linear-gradient(#e8841f,#a8520e);border-color:#ffcf7a}.s-sohbet .lc-art i:nth-child(3){left:48%;top:62%;width:100px}
.s-live .lc-art{background:radial-gradient(circle at 50% 45%,#e8494f44,transparent 50%),linear-gradient(135deg,#1a0508,#300a10 60%,#12050a)}
.s-live .lc-art i{width:26px;height:26px;left:calc(50% - 13px);top:30%;background:#e8494f;filter:none;box-shadow:0 0 40px #e8494f;animation:pulse2 1.4s infinite}
.s-live{cursor:pointer}
.lc-cap{position:absolute;left:0;right:0;bottom:0;padding:14px 18px 16px;background:linear-gradient(transparent,#000c 35%,#000e)}
.lc-cap h3{margin:0 0 4px;font-size:24px;color:#fff;text-shadow:0 2px 4px #000}
.lc-cap p{margin:0;color:#d6dde6;max-width:720px}
.lc-dots{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:6px;z-index:2}
.lc-dots button{width:15px;height:11px;border-radius:2px;background:#ffffff55;border:1px solid #0006}
.lc-dots button.on{background:#fff;width:19px}

.lc-bottom{display:grid;grid-template-columns:1fr 200px;gap:12px}
.lc-login{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:12px 14px;
  background:linear-gradient(#0a1a2b,#061220);border:1px solid #23405d;box-shadow:inset 0 0 0 1px #000a;position:relative}
.lc-field{display:flex;flex-direction:column;gap:5px;font-family:var(--head);font-size:10.5px;letter-spacing:.08em;color:var(--gold)}
.lc-field input{width:200px;background:linear-gradient(#020a12,#06121e);border:1px solid var(--steel);border-radius:2px;padding:9px 11px;color:var(--tx);font:13.5px var(--font);outline:none;box-shadow:inset 0 1px 3px #000c}
.lc-field input:focus{border-color:var(--gold);box-shadow:inset 0 1px 3px #000c,0 0 8px #c8aa6e44}
.lc-room{color:var(--tx2);font-size:12.5px;padding-bottom:10px}
.lc-room b{color:var(--gold2)}
.lc-note{margin-left:auto;align-self:flex-end;color:#e0b844;font-size:13.5px;padding-bottom:9px}
.lc-login.shake{animation:shake .4s}
@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.lc-play{
  position:relative;border-radius:3px;min-height:92px;
  font-family:var(--head);font-weight:800;font-size:34px;letter-spacing:.04em;color:#fff;
  text-shadow:0 2px 2px #7a3300, 0 0 14px #fff6;
  background:linear-gradient(#fbc15f,#ee8e25 46%,#cf6110 54%,#e57d1d);
  border:1px solid #ffd58a;
  box-shadow:inset 0 2px 0 #fff8, inset 0 -6px 14px #7a330055, 0 0 0 1px #2a1200, 0 0 0 3px #b8892e55, 0 0 30px #ee8e2544;
  transition:filter .15s, box-shadow .15s
}
.lc-play:hover:not(:disabled){filter:brightness(1.1) saturate(1.1);box-shadow:inset 0 2px 0 #fff9, inset 0 -6px 14px #7a330055, 0 0 0 1px #2a1200, 0 0 0 3px #e0b04a88, 0 0 44px #ffa53f88}
.lc-play:active:not(:disabled){transform:translateY(1px);filter:brightness(.95)}
.lc-play:disabled{filter:grayscale(.7) brightness(.6);cursor:default}
.lc-play::after{content:"";position:absolute;inset:3px;border:1px solid #fff3;border-radius:2px;pointer-events:none}
@media (max-width:820px){
  .lc-top{grid-template-columns:1fr}.lc-emblem{display:none}.lc-left{flex-direction:row;flex-wrap:wrap;justify-content:space-between}
  .lc-logo{width:auto}.lc-change{width:auto}.lc-bottom{grid-template-columns:1fr}.lc-play{min-height:64px;font-size:26px}
  .lc-field input{width:100%}.lc-field{flex:1;min-width:160px}.lc-banner{min-height:200px}.lc-note{margin-left:0}
}

/* =====================================================================
   ANA UYGULAMA
   ===================================================================== */
.app{background:none;gap:0}
.sidebar,.chat{background:linear-gradient(#0b1b2c,#06111d);border-color:#1d3953}
.sidebar{box-shadow:inset -1px 0 0 #000,1px 0 0 var(--gold4)}
.chat{box-shadow:inset 1px 0 0 #000,-1px 0 0 var(--gold4)}
.server-head,.chat-head,.topbar{
  background:linear-gradient(#14304b,#0a1b2d);border-bottom:1px solid var(--gold3);
  box-shadow:inset 0 1px 0 #6d8fb044, 0 1px 0 #000;font-family:var(--head);letter-spacing:.04em;color:var(--gold2)
}
.server-head{font-size:15px}
.chat-head .hash,.room-title .hash{color:var(--gold)}
.room-title{font-family:var(--head);color:var(--gold2);letter-spacing:.04em}
.chan-head{color:var(--gold);font-family:var(--head);letter-spacing:.1em;font-size:10.5px;padding-top:14px}
.chan-head::after{content:"";flex:1;height:1px;margin:0 8px;background:linear-gradient(90deg,var(--gold3),transparent);order:1}
.chan-head button{order:2}
.channel{border-radius:2px;color:#8fa6bd;border-left:2px solid transparent}
.channel:hover{background:#ffffff08;color:#d8e4ef}
.channel.active{background:linear-gradient(90deg,#c8aa6e26,#c8aa6e05);color:var(--gold2);border-left-color:var(--gold)}
.channel .hash{color:#4f6f8f}.channel.active .hash{color:var(--gold)}
.channel.unread{color:#fff;font-weight:600}
.member{color:#9fb2c6}
.avatar{box-shadow:0 0 0 1px #000,0 0 0 2px #c8aa6e55}
.badge{background:linear-gradient(#ff5a5f,#c0262c);color:#fff;border:1px solid #ff9a9a55;box-shadow:0 0 8px #e8494f66}
.live-pill{background:linear-gradient(#ff5a5f,#b5242a);box-shadow:0 0 8px #e8494f88}

.stream-panel{background:linear-gradient(#0d2236,#081625);border-top:1px solid var(--gold3)}
.voice-status{background:linear-gradient(#0d2236,#081625);border-top:1px solid #1d3953}
.vs-title{color:var(--ok);font-family:var(--head);letter-spacing:.05em;font-size:12.5px}
.user-panel{background:linear-gradient(#071421,#030b14);border-top:1px solid var(--gold3)}
.me-name{color:var(--gold2)}

.stage{background:radial-gradient(900px 500px at 50% 0%,#12305033,transparent 70%)}
.tile{background:linear-gradient(#10263c,#0a1828);border:1px solid #24435f;border-radius:3px;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #000}
.tile.screen{border-color:var(--gold3)}
.tile .label{background:linear-gradient(#000c,#000a);border:1px solid #c8aa6e33;border-radius:2px}
.tile .live{background:linear-gradient(#ff5a5f,#b5242a);border-radius:2px}
.watch-ov{background:radial-gradient(circle at 50% 40%,#1c3d60,#050d17 75%)}

.dock-btn{border-radius:50%;width:50px;min-width:50px;height:50px;padding:0;background:radial-gradient(circle at 50% 35%,#264766,#0d1d2e);
  border:1px solid var(--gold3);box-shadow:inset 0 1px 0 #ffffff22,0 0 0 1px #000,0 4px 10px #0008;color:#cdbe91}
.dock-btn:hover{border-color:var(--gold);color:var(--gold2);box-shadow:inset 0 1px 0 #ffffff33,0 0 0 1px #000,0 0 14px #c8aa6e55}
.dock-btn.off{background:radial-gradient(circle at 50% 35%,#5a1d22,#2a0a0e);color:#ff8a8a;border-color:#8a2c2c}
.dock-btn.share{width:auto;padding:0 20px;border-radius:25px;font-family:var(--head);letter-spacing:.05em}
.dock-btn.share.on{background:linear-gradient(#57e28e,#1e9b52);color:#03170a;border-color:#a6ffc8}
.dock-btn.danger{background:radial-gradient(circle at 50% 35%,#e04b50,#8a1c22);border-color:#ff9a9a;color:#fff}

.messages .msg .meta{color:var(--gold2)}
.msg .text{color:#cfd8e2}
.msg:hover{background:#ffffff05}
.chat-intro h3{font-family:var(--head)}
.ci-hash{background:linear-gradient(#1a3550,#0d1f33);color:var(--gold);box-shadow:0 0 0 1px var(--gold3)}
.chat-form{background:none}
.chat-form textarea,#chatInput{background:linear-gradient(#020a12,#071422);border:1px solid #23405d;border-radius:3px;box-shadow:inset 0 1px 3px #000c}
.chat-form textarea:focus,#chatInput:focus{border-color:var(--gold3)}
.att-img,.att-vid{border:1px solid #23405d;border-radius:3px}
.att-file{background:linear-gradient(#10263c,#0a1828);border:1px solid #23405d;border-radius:3px}

/* modallar, menüler */
.modal{background:#000c}
.modal-card,.dlg-card{background:linear-gradient(#0e2238,#07111d);border:1px solid #2c4a68;border-radius:4px;box-shadow:var(--frame)}
.modal-side{background:linear-gradient(#0a1a2b,#061220);border-right:1px solid var(--gold3)}
.ms-title{color:var(--gold);font-family:var(--head)}
.tab{border-radius:2px;color:#8fa6bd;font-family:var(--head);letter-spacing:.04em;font-size:13.5px}
.tab:hover{background:#ffffff08;color:var(--gold2)}
.tab.active{background:linear-gradient(90deg,#c8aa6e26,transparent);color:var(--gold2);box-shadow:inset 2px 0 0 var(--gold)}
.close-x{border-color:var(--gold3);color:var(--gold);border-radius:50%}
.close-x:hover{background:#c8aa6e22;color:var(--gold2)}
.hint{background:#0a1a2b;border:1px solid #1d3953;border-left:2px solid var(--gold3);border-radius:2px}
.gl-foot{background:linear-gradient(#0a1a2b,#061220);border-top:1px solid var(--gold3)}
.preset,.src,.gl-adv{background:linear-gradient(#10263c,#0a1828);border:1px solid #23405d;border-radius:3px}
.preset.sel,.src.sel{border-color:var(--gold);background:linear-gradient(#1f3a55,#0f2236);box-shadow:0 0 12px #c8aa6e44}
.gl-sec,.so-sec{font-family:var(--head);color:var(--gold);letter-spacing:.1em}
.ctx{background:linear-gradient(#0f2438,#081626);border:1px solid var(--gold3);border-radius:3px;box-shadow:0 0 0 1px #000,0 12px 36px #000c}
.ctx-item:hover:not(:disabled){background:linear-gradient(90deg,#c8aa6e2a,transparent);color:var(--gold2)}
.ctx-head{font-family:var(--head);color:var(--gold2);letter-spacing:.04em;border-bottom-color:var(--gold3)}
.ctx-sep{background:#c8aa6e22}
.toast{background:linear-gradient(#13304a,#0a1b2d);border:1px solid var(--gold3);border-radius:3px;color:var(--gold2)}
.toast.err{border-color:#8a2c2c;color:#ffd6d6}
.meter{background:#020a12;border:1px solid #23405d}
#meterBar{background:linear-gradient(90deg,#1e9b52,#3ddc84 60%,#f0b232 85%,#e8494f)}
.kbd-row{border-color:#1d3953}
kbd{background:#0a1a2b;border-color:var(--gold3);color:var(--gold2)}
::-webkit-scrollbar-thumb{background:#24435f;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:#c8aa6e66;background-clip:padding-box;border:2px solid transparent}

/* =====================================================================
   MESSENGER (sağ alt)
   ===================================================================== */
.social{position:fixed;right:12px;bottom:0;width:280px;z-index:65;display:flex;flex-direction:column}
.so-bar{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;width:100%;
  background:linear-gradient(#1b3a59,#0d1f33);border:1px solid var(--gold3);border-bottom:0;border-radius:4px 4px 0 0;
  color:var(--gold2);font-family:var(--head);letter-spacing:.04em;font-size:13.5px;box-shadow:0 -4px 16px #0008,inset 0 1px 0 #ffffff1a}
.so-bar:hover{background:linear-gradient(#22476c,#11273f)}
.so-dot{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}
.so-t{font-weight:700}.so-n{color:var(--tx2);font-family:var(--font);font-size:12.5px}
.so-bar .badge{margin-left:auto}
.so-car{margin-left:auto;color:var(--gold);transition:transform .2s}
.so-bar .badge:not(.hidden)+.so-car{margin-left:6px}
.social.open .so-car{transform:rotate(180deg)}
/* yeni mesaj parıltısı: gölgeyi her karede çizmek yerine hazır bir katmanın opaklığı titreşir (ekran kartında ücretsiz) */
.so-bar{position:relative}
.so-bar::after{content:'';position:absolute;inset:-1px;border:1px solid #ffcf7a;border-radius:inherit;box-shadow:0 0 18px #e8841f99;opacity:0;pointer-events:none;will-change:opacity}
.social.has-new .so-bar::after{animation:glow 1.6s ease-in-out infinite}
@keyframes glow{50%{opacity:1}}
.social.ping .so-bar{animation:bump .5s}
.social.ping .so-bar::after{animation:glow 1.6s ease-in-out .5s infinite}
@keyframes bump{30%{transform:translateY(-5px)}}
.so-panel{height:min(460px,calc(100vh - 120px));display:flex;flex-direction:column;background:linear-gradient(#0e2238,#07111d);
  border:1px solid var(--gold3);border-bottom:0;border-radius:4px 4px 0 0;box-shadow:0 -10px 40px #000b;overflow:hidden}
.so-head{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #1d3953}
.so-head b{font-family:var(--head);color:var(--gold2);letter-spacing:.04em}
.so-head input{flex:1;min-width:0;background:linear-gradient(#020a12,#06121e);border:1px solid var(--steel);border-radius:2px;padding:6px 9px;color:var(--tx);outline:none;font-size:13.5px}
.so-list{flex:1;overflow:auto;padding:4px 0 8px}
.so-sec{font-size:10.5px;padding:10px 12px 4px}
.so-row{display:flex;align-items:center;gap:10px;width:100%;padding:7px 12px;text-align:left;border-left:2px solid transparent}
.so-row:hover{background:linear-gradient(90deg,#c8aa6e1e,transparent);border-left-color:var(--gold3)}
.so-row.unread .so-txt b{color:#fff}.so-row.unread .so-txt small{color:#e0e7ef;font-weight:600}
.so-row .dm-av .avatar{width:32px;height:32px;font-size:12.5px}
.so-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.so-txt b{font-size:13.5px;color:var(--gold2);font-weight:600}
.so-txt small{color:var(--tx3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.so-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.so-meta small{color:var(--tx3);font-size:11.5px}
.so-empty{color:var(--tx3);font-size:12.5px;padding:6px 12px 10px}
/* sohbet penceresi Messenger gibi alta yapışık, kutunun solunda */
.dm-dock{right:304px;bottom:0;gap:10px}
.dm-pop{border-radius:4px 4px 0 0;border:1px solid var(--gold3);border-bottom:0;background:linear-gradient(#0e2238,#07111d);height:420px}
.dm-pop.min{height:38px}
.dp-head{background:linear-gradient(#1b3a59,#0d1f33);border-bottom:1px solid var(--gold3);padding:5px 6px 5px 10px}
.dp-head b{font-family:var(--head);color:var(--gold2);letter-spacing:.03em}
.dp-in textarea{background:linear-gradient(#020a12,#071422);border:1px solid #23405d;border-radius:3px}
.dp-in{border-top-color:#1d3953}
/* sohbet yazma alanı Messenger çubuğunun altında kalmasın */
.chat .chat-form{margin-bottom:40px}
.app.no-chat ~ .social{right:12px}
@media (max-width:960px){.social{width:auto;left:auto}.so-panel{width:min(320px,calc(100vw - 24px))}.dm-dock{right:12px;bottom:40px}.chat .chat-form{margin-bottom:40px}}
.so-bar .badge,.so-meta .badge,.channel .badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font:700 11.5px/1 var(--font)}

/* =====================================================================
   BAŞLATICI v2 — görsel, etkinlikler, fikstür
   ===================================================================== */
.lc-left{justify-content:space-between;padding:0;background:#050d17}
.lc-hero{position:absolute;inset:0;display:grid;place-items:center;
  background:radial-gradient(260px 340px at 50% 42%,#1b3d63,#081626 75%)}
.lc-hero img{width:150px;height:150px;border-radius:26px;box-shadow:0 0 0 3px var(--gold3),0 0 0 5px #000,0 0 60px #e8841f55}
.lc-hero.custom img{width:100%;height:100%;border-radius:0;object-fit:cover;box-shadow:none}
.lc-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(#050d17ee,transparent 22%,transparent 55%,#050d17f2 88%),repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 3px)}
.lc-hero.custom::after{background:linear-gradient(#050d17cc,transparent 25%,transparent 60%,#050d17 92%)}
.lc-left>.lc-logo,.lc-left>.lc-server,.lc-left>.lc-change{position:relative;z-index:1}
.lc-left>.lc-logo{padding:16px 16px 0}
.lc-left>.lc-server{margin-top:auto;padding:0 12px 14px;text-shadow:0 2px 6px #000}
.lc-left>.lc-change{margin:0 16px 16px;width:calc(100% - 32px)}
.lc-sname{font-family:var(--head);color:#fff;font-size:15px;letter-spacing:.06em}
.lc-status{font-size:30px;line-height:1.05;font-family:var(--head);font-weight:800;letter-spacing:.06em}
.lc-status.on{color:#2ee66b}.lc-status.bad{color:#ff4b52}.lc-status.off{color:var(--warn)}
.lc-count{color:#e8f3ff;font-size:13.5px;margin-top:2px;font-weight:600}
.lc-count::before{content:"●";color:#2ee66b;margin-right:6px;font-size:10.5px;vertical-align:1px}
.lc-status.bad~.lc-count::before{color:#ff4b52}

.lc-events{display:flex;flex-direction:column;max-height:150px;overflow:auto}
.lc-ev{display:flex;justify-content:space-between;gap:12px;padding:6px 8px;border-left:2px solid transparent;color:#6fa8d6}
.lc-ev:hover{background:#ffffff08;color:#a9d4f5}
.lc-ev.now{border-left-color:#e8494f;background:linear-gradient(90deg,#e8494f1a,transparent)}
.lce-t{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lce-t em{font-style:normal;font-size:10.5px;padding:1px 7px;border-radius:9px;border:1px solid;flex:none}
.lce-d{color:#d7e1ea;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13.5px}
em.rs-yes{color:#3ddc84;border-color:#3ddc8466}em.rs-maybe{color:#f0b232;border-color:#f0b23266}em.rs-no{color:#e8494f;border-color:#e8494f66}em.rs-none{color:var(--gold);border-color:var(--gold3);animation:pulse 2s infinite}

.lc-fix{flex:1;display:flex;flex-direction:column;min-height:270px;border:1px solid #23405d;box-shadow:var(--frame);
  background:radial-gradient(ellipse 80% 60% at 50% 120%,#1f6e3455,transparent 70%),repeating-linear-gradient(90deg,#0c2a1c22 0 46px,#0f331f22 46px 92px),linear-gradient(#0a1b2b,#06131f)}
.fx-head{display:flex;justify-content:space-between;align-items:baseline;padding:8px 12px 4px}
.fx-head span{font-family:var(--head);font-size:17px;color:var(--gold2);letter-spacing:.04em}
.fx-head small{color:var(--tx3);font-size:11.5px}
.fx-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:4px 10px 10px}
.fx-card{background:linear-gradient(#0d2236f0,#081625f0);border:1px solid #23405d;border-radius:3px;overflow:hidden;display:flex;flex-direction:column}
.fx-team{display:flex;align-items:center;gap:9px;padding:6px 10px;background:linear-gradient(90deg,var(--c1),color-mix(in srgb,var(--c1) 55%,#000));border-bottom:2px solid var(--c2)}
.fx-team b{font-family:var(--head);letter-spacing:.04em;color:#fff;font-size:13.5px;text-shadow:0 1px 2px #000}
.fx-crest{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:800 10.5px/1 var(--font);letter-spacing:-.02em;
  color:var(--c1);background:var(--c2);box-shadow:0 0 0 2px var(--c1),0 0 0 3px var(--c2),0 2px 6px #000a;flex:none}
.fx-crest.star{color:#3a2600;background:linear-gradient(#ffe39a,#d9a23a);font-size:15px}
.fx-big{--c1:#3a2a08;--c2:#e2b764}
.fx-big .fx-team{background:linear-gradient(90deg,#5a3f0c,#1c1404)}
.fx-row{display:flex;align-items:center;gap:9px;padding:5px 10px;border-top:1px solid #ffffff0a;min-height:38px}
.fx-row:hover{background:#ffffff07}
.fx-row.live{background:linear-gradient(90deg,#e8494f22,transparent)}
.fx-row.clasico{background:linear-gradient(90deg,#c8aa6e22,transparent)}
.fx-ha{font:700 10.5px/1 var(--font);padding:4px 5px;border-radius:2px;flex:none;width:30px;text-align:center}
.fx-ha.home{background:#3ddc8422;color:#6ff0a6;border:1px solid #3ddc8444}
.fx-ha.away{background:#5fb3f01c;color:#8cc9f5;border:1px solid #5fb3f044}
.fx-opp{flex:1;min-width:0;display:flex;flex-direction:column}
.fx-opp b{font-size:13.5px;color:#eef3f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.fx-opp small,.fx-when small{color:var(--tx3);font-size:11.5px}
.fx-when{display:flex;flex-direction:column;align-items:flex-end;flex:none}
.fx-when b{font-size:13.5px;color:var(--gold2);font-variant-numeric:tabular-nums}
.fx-live{color:#ff6b70!important;animation:pulse 1.5s infinite}
.fx-none,.fx-empty{color:var(--tx3);font-size:12.5px;padding:10px}
.fx-empty{grid-column:1/-1;align-self:center;text-align:center}
.lc-roomf select{width:180px;background:linear-gradient(#020a12,#06121e);border:1px solid var(--steel);border-radius:2px;padding:8px 9px;color:var(--tx);font:13.5px var(--font);outline:none;box-shadow:inset 0 1px 3px #000c}
@media (max-width:820px){.fx-grid{grid-template-columns:1fr}.lc-roomf select{width:100%}}

/* =====================================================================
   ETKİNLİKLER SAYFASI
   ===================================================================== */
.stage{position:relative}
.events-view{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;overflow:hidden;
  background:radial-gradient(900px 400px at 50% -10%,#1a3d6355,transparent 70%),linear-gradient(#081626,#040c16)}
.evv-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px 14px;border-bottom:1px solid var(--gold3);
  background:linear-gradient(#14304b,#0a1b2d)}
.evv-head h2{margin:0;font-size:24px}
.evv-head small{color:var(--tx2)}
.evv-btns{display:flex;gap:8px;align-items:center}
.evv-list{flex:1;overflow:auto;padding:18px 24px 80px;display:flex;flex-direction:column;gap:12px}
.evv-sec{font-family:var(--head);color:var(--gold);letter-spacing:.1em;font-size:11.5px;margin-top:14px}
.evv-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:60px 0;color:var(--tx2)}
.ee-ic{font-size:44px;filter:drop-shadow(0 0 12px #c8aa6e66)}
.ev-card{display:flex;background:linear-gradient(#10263c,#0a1828);border:1px solid #24435f;border-radius:4px;box-shadow:inset 0 0 0 1px #000,0 6px 18px #0006;overflow:hidden}
.ev-card.live{border-color:#e8494f;box-shadow:inset 0 0 0 1px #000,0 0 18px #e8494f44}
.ev-card.past{opacity:.55}
.ev-date{width:84px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  background:linear-gradient(#1b3a59,#0d1f33);border-right:1px solid var(--gold3);color:var(--gold2)}
.ev-date b{font-family:var(--head);font-size:30px;line-height:1}
.ev-date small{font-size:11.5px;letter-spacing:.08em;color:var(--gold)}
.k-mac .ev-date{background:linear-gradient(#1d5a34,#0c2a19)}
.k-oyun .ev-date{background:linear-gradient(#4b2a6e,#1f0f33)}
.k-turnuva .ev-date{background:linear-gradient(#6e5214,#2c1f05)}
.k-film .ev-date{background:linear-gradient(#6e1f2a,#2c0a10)}
.ev-body{flex:1;min-width:0;padding:12px 16px}
.ev-top{display:flex;align-items:center;gap:10px}
.ev-kind{font-size:11.5px;color:var(--tx2);text-transform:uppercase;letter-spacing:.06em}
.ev-cd{font-size:12.5px;color:var(--gold)}
.ev-live{font-size:11.5px;font-weight:800;color:#ff6b70;animation:pulse 1.4s infinite}
.ev-past{font-size:11.5px;color:var(--tx3)}
.ev-tools{margin-left:auto;display:flex;gap:2px}
.ev-body h3{margin:6px 0 4px;font-size:20px}
.ev-meta{color:#b8c6d4;font-size:13.5px}
.ev-desc{color:#cfd8e2;margin:8px 0 0;white-space:pre-wrap;font-size:13.5px}
.ev-desc a{color:var(--acc2)}
.ev-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.ev-people{display:flex;align-items:center}
.ev-people .avatar{width:24px;height:24px;font-size:10.5px;margin-left:-6px;box-shadow:0 0 0 2px #0a1828}
.ev-people .avatar:first-child{margin-left:0}
.ev-people small{margin-left:8px;color:var(--tx2);font-size:12.5px}
.ev-people span{margin-left:4px;font-size:11.5px;color:var(--tx2)}
.ev-by{margin-left:auto;color:var(--tx3);font-size:11.5px}
.rsvp{display:flex;gap:6px}
.rs-btn{display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:2px;border:1px solid #2c4a68;background:linear-gradient(#152c43,#0c1b2b);color:#b8c6d4;font-size:12.5px;font-weight:600}
.rs-btn b{background:#0006;border-radius:8px;padding:0 6px;font-size:11.5px;color:#fff}
.rs-btn:hover{border-color:var(--gold3);color:#fff}
.rs-yes.on{background:linear-gradient(#2ea862,#156b3a);border-color:#7dffb4;color:#fff}
.rs-maybe.on{background:linear-gradient(#c98f1d,#7a540c);border-color:#ffd27a;color:#fff}
.rs-no.on{background:linear-gradient(#b3343a,#6a1419);border-color:#ff9a9a;color:#fff}

.ev-dlg{width:min(600px,100%)}
.ev-form{display:flex;flex-direction:column;gap:2px;margin:6px 0 4px}
.ev-form textarea{background:linear-gradient(#020a12,#06121e);border:1px solid var(--steel);border-radius:2px;color:var(--tx);padding:10px 12px;font:13.5px var(--font);resize:vertical;outline:none;text-transform:none;letter-spacing:0}
.ev-form input[type=date],.ev-form input[type=time]{color-scheme:dark}
.gate-card{width:min(620px,100%);max-height:86vh;overflow:auto}
.gate-head{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.gate-ic{font-size:36px;filter:drop-shadow(0 0 12px #c8aa6e88)}
.gate-head h3{margin:0}.gate-head p{margin:2px 0 0;color:var(--tx2)}
.gate-ev{background:linear-gradient(#10263c,#0a1828);border:1px solid #24435f;border-radius:3px;padding:12px;margin-top:10px}
.ge-t{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:8px}
.ge-t b{font-size:15px;color:var(--gold2)}.ge-t small{color:var(--gold);white-space:nowrap}
.gate-ev p{margin:0 0 10px;color:#b8c6d4;font-size:13.5px}
.gate-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
.adm-row{display:flex;gap:8px;align-items:center;margin:8px 0}
.adm-row .dlg-in{max-width:280px}
.adm-hero{display:flex;gap:14px;align-items:flex-start}
.adm-hero img{width:96px;height:140px;object-fit:cover;border:1px solid var(--gold3);border-radius:3px;background:#000}
.adm-users{display:flex;flex-direction:column;gap:2px}
.adm-u{display:flex;align-items:center;gap:12px;padding:6px 4px;border-bottom:1px solid #1d3953}
.adm-u .avatar{width:26px;height:26px;font-size:11.5px}.adm-u b{flex:1}
.channel.events .hash{font-size:13.5px}

/* ---------- kullanıcı simgeleri ---------- */
.avatar.has-img{background-size:cover;background-position:center;color:transparent;background-color:#0a1828}
.lc-av{width:58px;height:58px;border-radius:50%;flex:none;align-self:center;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 35%,#1d3a58,#081626);background-size:cover;background-position:center;
  border:2px solid var(--gold3);box-shadow:0 0 0 1px #000,0 0 14px #c8aa6e22;color:var(--gold);transition:.15s}
.lc-av span{display:flex;flex-direction:column;align-items:center;font-size:20px;line-height:1}
.lc-av small{font-family:var(--head);font-size:10.5px;letter-spacing:.08em;margin-top:2px}
.lc-av:hover{border-color:var(--gold);box-shadow:0 0 0 1px #000,0 0 18px #c8aa6e66}
.lc-av.has-img span{visibility:hidden}
.me-av{cursor:pointer;border-radius:50%;position:relative}
.me-av::after{content:"✎";position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border-radius:50%;background:var(--gold3);color:#fff;font-size:10.5px;display:grid;place-items:center;opacity:0;transition:.15s}
.me-av:hover::after{opacity:1}
#passInput.otp{font-family:Consolas,"Courier New",monospace;letter-spacing:.08em;text-transform:uppercase;width:230px}
.dev-dot{width:9px;height:9px;border-radius:50%;background:#3c5a77;flex:none}
.dev-dot.on{background:var(--ok);box-shadow:0 0 6px var(--ok)}
.adm-u small{margin-right:8px}

/* ---------- Spotify ---------- */
.sp-line{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#1ed760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sp-line em{font-style:normal;color:var(--gold)}
.sp-line.paused{color:#6c8198}.sp-line.paused .sp-eq b{animation:none;transform:scaleY(.333)}
.member{flex-wrap:wrap}.member .sp-line{flex-basis:100%;padding-left:30px;margin-top:-2px}
.so-sp{margin-top:1px}
.sp-eq{display:inline-flex;align-items:flex-end;gap:1px;height:9px;flex:none}
.sp-eq b{width:2px;height:9px;background:currentColor;transform-origin:bottom;animation:eq .9s ease-in-out infinite}
.sp-eq b:nth-child(2){animation-delay:.25s}.sp-eq b:nth-child(3){animation-delay:.5s}
@keyframes eq{0%,100%{transform:scaleY(.333)}50%{transform:scaleY(1)}}   /* boyut yerine ölçek: yeniden yerleşim/çizim yok */
.sp-now{position:absolute;left:8px;right:8px;bottom:40px;justify-content:center;background:#000a;border-radius:3px;padding:3px 8px;font-size:11.5px}
.grid.strip .sp-now{display:none}
.sp-bar{display:flex;align-items:center;gap:10px;padding:8px 10px;border-top:1px solid #1d3953;background:linear-gradient(90deg,#0f3a24,#0a1b2d)}
.spb-ic{font-size:20px}
.spb-t{flex:1;min-width:0;display:flex;flex-direction:column}
.spb-t b{font-size:12.5px;color:#1ed760}.spb-t small{font-size:11.5px;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-card{display:flex;align-items:center;gap:14px;padding:12px;background:linear-gradient(#10263c,#0a1828);border:1px solid #24435f;border-radius:4px}
.sp-card>div:nth-child(2){flex:1;display:flex;flex-direction:column}.sp-card small{color:var(--tx2)}
.sp-logo{width:44px;height:44px;border-radius:50%;background:#1ed760;color:#000;display:grid;place-items:center;font-size:24px;font-weight:800}
.sp-steps{color:var(--tx2);font-size:13.5px;line-height:1.7;padding-left:20px}
.sp-steps code{background:#020a12;border:1px solid #23405d;padding:1px 6px;border-radius:3px;color:#1ed760;user-select:all}

/* ---------- etkinlik grupları & "işim olmaz" ---------- */
.ev-group{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}
.evg-head{display:flex;align-items:baseline;gap:10px;padding:6px 2px 2px;border-bottom:1px solid var(--gold3)}
.evg-n{font-family:var(--head);color:var(--gold2);font-size:17px;letter-spacing:.03em}
.evg-head small{color:var(--tx3)}
.evg-mute{margin-left:auto;display:flex;align-items:center;gap:8px;color:#ff8a8a;font-size:12.5px}
.ev-group.muted .ev-card{opacity:.5}
.ev-game{font-size:11.5px;padding:1px 8px;border-radius:9px;background:#c8aa6e22;border:1px solid var(--gold3);color:var(--gold2)}
.rs-mute.on{background:linear-gradient(#5a1d22,#2e0e12);border-color:#e8494f;color:#ffd6d6}
.pref-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.pref-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:linear-gradient(#10263c,#0a1828);border:1px solid #24435f;border-radius:3px}
.sp-warn.recover{color:#ffd27a;background:#3a2a0a99;border:1px solid #8a6a2a;padding:5px 7px;border-radius:3px;line-height:1.35}

/* ---------- performans ----------
 * Ekran dışındaki sohbet mesajları ve etkinlik kartları çizilmez/hesaplanmaz (görünüm aynı, kaydırınca anında çizilir).
 * Pencere küçükken tüm süs animasyonları durur. */
#messages > .msg{content-visibility:auto;contain-intrinsic-size:auto 52px}
.ev-card{content-visibility:auto;contain-intrinsic-size:auto 170px}
html.bg *, html.bg *::before, html.bg *::after{animation-play-state:paused!important}

/* Konuşma ışığı: yalnızca opaklığı değişen ayrı bir katman → ekran kartı her kelimede yeniden boyama yapmaz
 * (eskiden gölge/kenarlık geçişleri her konuşmada tüm alanı yeniden çiziyordu). Görünüm aynı. */
.member .avatar{position:relative}
.member .avatar::after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 2px var(--ok),0 0 10px #3ddc8488;opacity:0;transition:opacity .12s;will-change:opacity;pointer-events:none}
.member.speaking .avatar::after{opacity:1}
.tile::after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid var(--ok);box-shadow:inset 0 0 0 1px #3ddc8466,inset 0 0 18px #3ddc8444;opacity:0;transition:opacity .12s;will-change:opacity;pointer-events:none;z-index:3}
.tile.speaking::after{opacity:1}

/* ---------- öneri / hata bildir ---------- */
.report-btn{font-size:15px;filter:grayscale(.35);opacity:.85}.report-btn:hover{filter:none;opacity:1}
.rep-card{width:min(560px,94vw);display:flex;flex-direction:column;gap:10px}
.rep-card .field{display:flex;flex-direction:column;gap:4px}
.rep-text{resize:vertical;min-height:110px;font-family:var(--font);font-size:13.5px;line-height:1.45;text-transform:none}
.rep-text::placeholder,.rep-card .dlg-in::placeholder{font-family:var(--font);text-transform:none;letter-spacing:0}
.rep-kind{display:flex;gap:8px}
.rep-k{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px;border:1px solid #24435f;background:linear-gradient(#10263c,#0a1828);color:var(--tx2);border-radius:3px;cursor:pointer;font:inherit;font-weight:600}
.rep-k span{font-size:17px}
.rep-k.on{border-color:var(--gold);color:var(--gold2);background:linear-gradient(#1e3550,#10263c);box-shadow:inset 0 0 0 1px #c8aa6e55}
.rep-opt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px}
.rep-shot{height:54px;border:1px solid #24435f;border-radius:3px;cursor:zoom-in;margin-left:auto}
.rep-shot.big{height:auto;max-width:100%;max-height:260px;margin:6px 0}
.tab-badge{margin-left:6px;background:#e8494f;color:#fff;border-radius:9px;font-size:10.5px;padding:0 6px;font-weight:800}
.rep-smtp{padding:10px 12px;border:1px solid #8a6a2a;background:#3a2a0a55;border-radius:3px;margin-bottom:12px}
.rep-smtp.ok{border-color:#2f7a52;background:#0f3a2455}
.rep-smtp .adm-row{margin-top:8px;flex-wrap:wrap}.rep-smtp .dlg-in{flex:1;min-width:180px}
.rep-smtp a{color:var(--gold2)}
.rep-item{border:1px solid #24435f;background:linear-gradient(#10263c,#0a1828);border-radius:3px;margin-bottom:6px}
.rep-item.st-yeni{border-left:3px solid #f0a232}.rep-item.st-çözüldü{opacity:.65}
.rep-head{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer}
.rep-head b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rep-head small{color:var(--tx3);white-space:nowrap}
.rep-st{font-size:11.5px;color:var(--tx2);white-space:nowrap}
.rep-det{padding:0 12px 10px}
.rep-body{white-space:pre-wrap;line-height:1.45;border-left:2px solid var(--gold3);padding-left:10px;margin:2px 0 8px}
.rep-info{font:11.5px/1.45 Consolas,monospace;white-space:pre-wrap;background:#050c15;border:1px solid #1d3953;padding:8px;max-height:220px;overflow:auto;color:#9fb2c6}

/* kendi yayının — önizleme gizli */
.tile.screen.self-off .watch-ov{display:flex;text-align:center;padding:10px}
.tile.screen.self-off video,.tile.screen.self-off .stats{visibility:hidden}
.self-ov .so-ic{font-size:34px;filter:drop-shadow(0 0 12px #e8494f88)}
.self-ov small{max-width:320px}
.grid.strip .self-ov small,.grid.strip .self-ov .so-ic{display:none}
.sp-prev.still{cursor:pointer;opacity:.9}
.sp-btns{gap:5px;flex-wrap:wrap}.sp-btns .btn{flex:1 1 0;white-space:nowrap}.sp-btns .btn.danger{flex:1 0 100%}
.sp-btns .btn.sp-eye{flex:0 0 32px}
.duck{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:8px 10px;border-radius:3px;margin:4px 0 6px;font-size:13.5px}
.duck small{color:var(--tx2)}.duck .btn{flex:none}
.duck.warn{border:1px solid #8a6a2a;background:#3a2a0a66}.duck.ok{border:1px solid #2f7a52;background:#0f3a2444}

/* ---------- bağış ---------- */
.donate-btn{font-size:15px}
.don-card{width:min(440px,94vw);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.don-net{display:flex;gap:8px;align-items:center;padding:4px 12px;border:1px solid var(--gold3);border-radius:14px;background:#c8aa6e18;color:var(--gold2)}
.don-net b{color:#26a17b}
.don-qr{width:200px;height:200px;border-radius:6px;border:4px solid #fff;background:#fff}
.don-addr{display:block;width:100%;font:13.5px/1.4 Consolas,monospace;word-break:break-all;padding:8px 10px;background:#050c15;border:1px solid #1d3953;border-radius:3px;color:#e9e3d0;user-select:all}
.don-warn{font-size:12.5px;line-height:1.45;color:#ffd27a;background:#3a2a0a66;border:1px solid #8a6a2a;border-radius:3px;padding:7px 10px;text-align:left}
.don-card .dlg-btns{width:100%;justify-content:flex-end}
.don-admin{margin-top:18px}
.don-card .dlg-btns .btn{white-space:nowrap;text-decoration:none;padding-left:12px;padding-right:12px;font-size:12.5px}
.tile .sp-now{color:#1ed760}
/* Windows ses kısması uyarısı: her sayfada (ses kanalı, güncellemeler, etkinlikler) aynı yerde — orta alanın altında, alt düğmelerin üstünde yüzer */
/* Windows ses kısması uyarısı: her sayfada üst çubuğun hemen altında; güncellemeler/etkinlikler sayfaları da onun altından başlar */
.duck-banner{position:relative;z-index:6;flex:none;display:flex;align-items:center;gap:10px;padding:9px 14px;margin:8px 12px 0;border:1px solid #8a6a2a;background:linear-gradient(#3a2a0a,#2a1d06);border-radius:4px;font-size:13.5px;color:#ffe2a0}
.duck-banner .btn{flex:none;white-space:nowrap}
.stage.has-duck>.events-view{top:var(--duck-bottom,0)}
@media (max-width:700px){.duck-banner{flex-wrap:wrap}.duck-banner span{flex-basis:100%}}
.duck-banner span{flex:1}
.fx-logo{width:30px;height:30px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 2px #000a)}
/* yönetici: kişiyi kanala sürükle */
.member.movable{cursor:grab}.member.movable:active{cursor:grabbing}
body.dragging-member .channel:not(.text){outline:1px dashed #c8aa6e66;outline-offset:-2px}
.channel.drop-ok{background:linear-gradient(90deg,#c8aa6e33,transparent)!important;outline:1px solid var(--gold)!important}
/* yalnızca ses */
.gl-audioonly{display:flex;gap:16px;align-items:flex-start;padding:18px;border:1px solid #24435f;border-radius:4px;background:linear-gradient(#10263c,#0a1828);min-height:180px}
.gl-audioonly .gao-ic{font-size:54px;line-height:1;filter:drop-shadow(0 0 14px #c8aa6e66)}
.gl-audioonly b{color:var(--gold2);font-size:15px}.gl-audioonly p{margin:8px 0 0;line-height:1.5}
/* ---------- Sıcak Asistan ---------- */
.bot-av{display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#3a7bd5,#1b2f6b)!important;font-size:1.05em}
.so-row.so-bot{border-bottom:1px solid #24435f;background:linear-gradient(90deg,#1b2f6b55,transparent)}
.ai-src{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:11.5px;color:var(--tx3)}
.ai-src a{color:#8fb8ff;text-decoration:none;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ai-src a:hover{text-decoration:underline}
.ai-ul{margin:4px 0 4px 18px;padding:0}.ai-ul li{margin:2px 0}.ai-gap{height:6px}
.ai-typing{display:flex;gap:6px;align-items:center;padding:6px 12px;color:var(--tx3);font-size:12.5px;font-style:italic}
.ai-typing i{animation:pulse 1.2s infinite}
.ai-admin{margin-top:18px}
/* bağış: yeşil dolar */
.dollar{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3ddc84,#138a4a);color:#fff;font:800 13.5px/1 var(--font);box-shadow:0 0 0 1px #0b5a30,0 0 8px #3ddc8466;vertical-align:middle}
.donate-btn:hover .dollar{filter:brightness(1.15);box-shadow:0 0 0 1px #0b5a30,0 0 12px #3ddc84aa}
/* izleyici: belirgin "yayından çık" */
.leave-stream-tile{position:absolute;top:10px;right:10px;z-index:6;padding:6px 12px;border-radius:16px;border:1px solid #ff8a8a88;
  background:linear-gradient(#c8323a,#8e1d24);color:#fff;font:700 12.5px/1 var(--font);cursor:pointer;box-shadow:0 2px 10px #000a;letter-spacing:.02em}
.leave-stream-tile:hover{filter:brightness(1.15)}
.tile.screen.not-watching .leave-stream-tile{display:none}
.tile.screen .stats{max-width:calc(100% - 230px)}
.dock-btn.leave-stream{width:auto;padding:0 14px;border-radius:22px;background:linear-gradient(#c8323a,#8e1d24)!important;color:#fff;font:700 12.5px/1 var(--font);border-color:#ff8a8a88!important;white-space:nowrap}

/* ===== ses paneli (soundboard) ===== */
.dock-btn.sb-btn{font-size:20px}
.dock-btn.sb-btn.on{border-color:var(--gold);box-shadow:0 0 14px #c8aa6e88}
.sb-panel{position:absolute;left:50%;bottom:92px;transform:translateX(-50%);width:min(560px,calc(100% - 24px));max-height:52vh;overflow:auto;z-index:40;
  background:linear-gradient(#0d2033f5,#071322f5);box-shadow:var(--frame);border-radius:6px;padding:10px 12px 12px}
.sb-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--gold2);font-family:var(--head)}
.sb-head b{flex:1;font-weight:600;letter-spacing:.04em}
.sb-vol{display:flex;align-items:center;gap:4px;font-family:var(--font)}
.sb-vol input{width:90px}
.sb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}
.sb-snd{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px 8px;border-radius:6px;background:var(--bg2);
  border:1px solid var(--line);color:var(--tx);cursor:pointer;transition:transform .08s,border-color .15s}
.sb-snd:hover{border-color:var(--gold);transform:translateY(-1px)}
.sb-snd:active{transform:scale(.96)}
.sb-snd .sb-e{font-size:24px;line-height:1}
.sb-snd .sb-n{font-size:12.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-snd kbd{position:absolute;top:3px;right:5px;font-size:10.5px;color:var(--tx3);background:none;border:0}
.sb-add{border-style:dashed;color:var(--tx2)}
.sb-empty{margin:10px 2px 0;font-size:13.5px}
.sb-emojis{display:flex;flex-wrap:wrap;gap:4px}
.sb-em{width:34px;height:34px;font-size:20px;border-radius:6px;background:var(--bg2);border:1px solid var(--line);cursor:pointer}
.sb-em.on{border-color:var(--gold);background:var(--bg4)}
.sb-ed{display:flex;flex-direction:column;gap:10px;margin:6px 0 4px}
.sb-chip{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:5;padding:4px 10px;border-radius:14px;background:#000c;color:var(--gold2);
  font-size:13.5px;white-space:nowrap;pointer-events:none;animation:sbChip 2.2s ease forwards}
@keyframes sbChip{0%{opacity:0;transform:translate(-50%,6px)}12%{opacity:1;transform:translate(-50%,0)}80%{opacity:1}100%{opacity:0}}
.sb-ping{animation:sbPing .9s ease}
@keyframes sbPing{0%{background:#c8aa6e44}100%{background:transparent}}

/* ===== yayın sesi kontrolü ===== */
.tile .tools .sv-mute{width:32px}
.tile .tools .sv.muted .sv-mute{color:#ff7b7f;background:#e8494f22}
.tile .tools .sv-range{-webkit-appearance:none;appearance:none;width:96px;height:4px;border-radius:3px;cursor:pointer;
  background:linear-gradient(90deg,var(--gold) var(--f,50%),#ffffff33 var(--f,50%))}
.tile .tools .sv.muted .sv-range{background:linear-gradient(90deg,#ffffff55 var(--f,50%),#ffffff22 var(--f,50%))}
.tile .tools .sv-range::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--gold2);box-shadow:0 0 0 2px #000a;transition:transform .1s}
.tile .tools .sv-range:hover::-webkit-slider-thumb{transform:scale(1.2)}
.tile .tools .sv-pct{min-width:40px;font-size:11.5px;color:#fff;font-variant-numeric:tabular-nums;text-align:right;opacity:.85}
.tile .tools .sv.muted .sv-pct{color:#ff9a9d}
.sb-head .close-x{position:static;inset:auto;margin-left:2px}

/* Spotify "şimdi dinliyor": kutunun altına yapışık şerit yerine, simgenin hemen altında ortalı küçük hap (ad ve ses simgeleriyle çakışmaz) */
.tile:not(.screen){container-type:inline-size}
.tile .sp-now{left:50%;right:auto;bottom:auto;top:calc(50% + min(42px, 15cqw) + 10px);transform:translateX(-50%);max-width:calc(100% - 28px);width:max-content;
  justify-content:center;padding:3px 11px 3px 9px;border-radius:999px;background:#000000c4;border:1px solid #1ed76038;box-shadow:0 2px 10px #0006;font-size:12.5px;z-index:2}
.tile .sp-now em{color:#b9f5cf}
@container (max-width:230px){.tile .sp-now{display:none}}
.sp-line .sp-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tile .sp-now{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}
.sp-now .sp-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.member .sp-line{order:99}

/* ===== giriş: kod iste ===== */
#passField{position:relative}
.lc-login:has(#passField.has-req){padding-bottom:30px}
.lc-codereq{position:absolute;left:0;right:-40px;top:calc(100% + 5px);display:flex;align-items:center;gap:7px;white-space:nowrap;font-family:var(--font);letter-spacing:0}
.lc-codebtn{background:none;border:0;color:var(--gold2);padding:0;font-size:12.5px;cursor:pointer;text-decoration:underline;text-decoration-color:#c8aa6e66;text-underline-offset:3px}
.lc-codebtn:hover:not(:disabled){color:#fff;text-decoration-color:var(--gold)}
.lc-codebtn:disabled{opacity:.6;cursor:default;text-decoration:none}
.lc-codereq small{font-size:12.5px;color:var(--tx3)}
.lc-codereq small.ok{color:#7fe0a5}
.lc-login:has(#passField.has-req) .lc-note{display:none}

/* ===== titreşim (MSN) ===== */
@keyframes nudgeShake{0%,100%{transform:translate(0,0)}10%{transform:translate(-9px,3px)}20%{transform:translate(8px,-4px)}30%{transform:translate(-7px,-3px)}40%{transform:translate(9px,4px)}50%{transform:translate(-6px,2px)}60%{transform:translate(5px,-3px)}70%{transform:translate(-4px,3px)}80%{transform:translate(3px,-1px)}90%{transform:translate(-2px,1px)}}
body.nudge-shake #app{animation:nudgeShake .7s cubic-bezier(.36,.07,.19,.97) both}
@keyframes nudgeWiggle{0%,100%{transform:translateX(0) rotate(0)}8%{transform:translateX(-4px) rotate(-.8deg)}16%{transform:translateX(4px) rotate(.8deg)}24%{transform:translateX(-4px) rotate(-.6deg)}32%{transform:translateX(3px) rotate(.6deg)}40%{transform:translateX(-3px)}48%{transform:translateX(2px)}56%{transform:translateX(-2px)}64%{transform:translateX(1px)}72%{transform:translateX(0)}}
@keyframes nudgeGlow{0%,100%{box-shadow:0 0 0 0 #f0c86400}20%,70%{box-shadow:0 0 0 2px #f0c864aa,0 0 16px #f0c86466}}
.nudge-wiggle{animation:nudgeWiggle 1.1s ease both,nudgeGlow 1.3s ease both !important;border-radius:4px;position:relative;z-index:2}
.nudge-line{color:#f0c864 !important;font-weight:600}
.chat-head{display:flex;align-items:center}
.nudge-btn{margin-left:auto;background:none;border:1px solid var(--gold3);color:var(--gold2);border-radius:3px;padding:3px 10px;font-size:12.5px;cursor:pointer}
.nudge-btn:hover{border-color:var(--gold);background:#c8aa6e14;color:#fff}
.dp-nudge{font-size:13.5px}
/* ===== ses kanalında değilken ===== */
.no-room{margin:28px auto 0;max-width:720px;width:calc(100% - 32px);text-align:center}
.nr-title{font-family:var(--head);color:var(--gold2);font-size:20px;letter-spacing:.06em;margin-bottom:6px}
.nr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:16px}
.nr-ch{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:6px;background:linear-gradient(#0d2033,#091828);border:1px solid var(--line);color:var(--tx);cursor:pointer;text-align:left;transition:border-color .15s,transform .1s}
.nr-ch:hover{border-color:var(--gold);transform:translateY(-1px)}
.nr-ch b{font-size:15px}
.nr-ppl{display:flex;gap:4px;min-height:28px;align-items:center}
.nr-ppl .avatar{width:26px;height:26px;font-size:12.5px}
.nr-ppl i{color:var(--tx3);font-size:12.5px}
.nr-go{align-self:flex-end;font-size:12.5px;color:var(--gold2);letter-spacing:.05em;text-transform:uppercase}

body.no-voice .dock, body.no-voice #voiceStatus, body.no-voice #streamPanel, body.no-voice #netBadge{display:none !important}
body.no-voice .room-title .hash{opacity:.45}

/* ===================== görsel yenileme: fontlar ===================== */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-ext-wght-normal.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--font:"Inter","Segoe UI",ui-sans-serif,system-ui,sans-serif;--label:"Inter","Segoe UI",sans-serif}
body{font-family:var(--font);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.003em}
input,textarea,select,button{font-family:var(--font)}
.fx-when b,.lc-ev b,.ev-time,.nr-ppl{font-variant-numeric:tabular-nums}

/* ===================== giriş ekranı ===================== */
.lc-news.empty{padding:9px 14px}
.lc-news.empty .lc-h{margin-bottom:2px;border-bottom:0}
.lc-news.empty .lc-locked{padding:2px 0 2px;font-size:12.5px;color:#7f97ad}
.lc-status{letter-spacing:.08em}
.lc-count{font-family:var(--font);font-weight:500}
.lc-field input,.lc-field select{font-size:15px;font-weight:500}
.lc-play span{letter-spacing:.06em}

/* ===================== fikstür ===================== */
.fx-team{padding:8px 12px;gap:10px}
.fx-team b{font-size:13.5px;letter-spacing:.06em}
.fx-logo{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 1px 2px #000a)}
.fx-row{gap:10px;padding:6px 12px;min-height:44px;position:relative;transition:background .15s}
.fx-row:hover{background:linear-gradient(90deg,#ffffff0d,transparent)}
.fx-ologo{width:24px;height:24px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 1px #000a)}
.fx-oini{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;font:700 10.5px/1 var(--font);color:#cfe0ee;background:#ffffff12;border:1px solid #ffffff1f}
.fx-opp b{font-size:13.5px;font-weight:600;letter-spacing:-.005em}
.fx-opp small,.fx-when small{font-size:11.5px;color:#7c93a8}
.fx-when b{font-size:13.5px;font-weight:650;color:#f0d9a2}
.fx-ha{font:700 10.5px/1 var(--font);letter-spacing:.06em;padding:4px 0;width:30px;border-radius:3px}
.fx-row.today{background:linear-gradient(90deg,#c8aa6e1f,transparent 70%)}
.fx-row.today::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:linear-gradient(#f3d58c,#c8aa6e)}
.fx-row.today .fx-when small{color:#f3d58c;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}
.fx-row.live .fx-when small{color:#ff8a8e}
.fx-none{font-size:12.5px;padding:12px}

/* ===================== yeni sürüm şeridi ===================== */
.upd-bar{position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:300;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:6px;
  background:linear-gradient(#183150f2,#0d1f36f2);border:1px solid #c8aa6e88;box-shadow:0 8px 28px #000a;color:#eef3f8;font-size:13.5px;animation:updIn .3s ease}
@keyframes updIn{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}

/* =====================================================================
   YAZI TİPİ SİSTEMİ (eski LoL istemcisi: Beaufort başlık + Spiegel gövde)
   Cinzel → başlıklar, düğmeler, sekmeler, bölüm başlıkları, küçük büyük-harf etiketler (en az 11,5 px, kalın)
   Inter  → tüm içerik: adlar, mesajlar, açıklamalar, giriş kutuları, sayılar
   Boyut ölçeği: 10,5 · 11,5 · 12,5 · 13,5 · 15 · 17 · 20 · 24 (büyük vitrin başlıkları hariç)
   ===================================================================== */
:root{--mono:Consolas,"Cascadia Mono",ui-monospace,monospace}
/* düğmeler LoL gibi: Cinzel, büyük harf — ama içindeki emoji/simge gövde fontunda kalsın */
.btn,.tab,.dock-btn.share,.lc-play{font-family:var(--head);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.btn.sm{font-size:11.5px;letter-spacing:.05em}
/* küçük büyük-harf etiketler: hepsi aynı */
.field>span:first-child,.lc-field>span,.chan-head,.gl-sec,.so-sec,.evv-sec,.ctx-head,.vs-title,.ms-title{
  font-family:var(--head);font-weight:700;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:#c8aa6e}
.vs-title{color:#3ddc84}
/* etiket içindeki açıklama: normal yazı, büyük harf/aralık yok */
.field small,.field>span small,.lc-field small,.gl-sec small,.so-sec small{font-family:var(--font);font-weight:400;font-size:11.5px;letter-spacing:0;text-transform:none;color:#8197ab}
/* değerler (%70, 256 kbps…) hizalı rakam */
.field b,.field output,.field .val{font-family:var(--font);font-variant-numeric:tabular-nums;letter-spacing:0;color:#f0e6d2}
/* başlık hiyerarşisi */
.modal-body h2,.gl-head h2,.dlg-card h3,.ev-dlg h3{font-size:20px}
h3{font-size:17px}
/* istatistik yazıları: kod fontu yerine hizalı rakamlı gövde fontu */
.tile .stats,.sp-stats,.lat-btn{font-family:var(--font);font-variant-numeric:tabular-nums;letter-spacing:0}
.sp-stats{font-size:11.5px;color:#7fe0a5}
/* kod/adres/teşhis metinleri kod fontunda kalır */
kbd,.inv-row code,#passInput.otp,.rep-info,.don-addr,code,pre{font-family:var(--mono)}
/* ayarlarda iki sütun taşmasın */
.row2>*{min-width:0}
.row2 select,.row2 input{width:100%;min-width:0}
/* gövde metinleri */
.msg .text,.dp-msgs .text,.chat-intro p,.muted-text,.member .m-name,.so-row b,.so-row small{font-family:var(--font)}
.msg .text{font-size:13.5px;line-height:1.5}
.field select,.field input,.field textarea,.lc-field input,.lc-field select{font-family:var(--font);text-transform:none;letter-spacing:0;font-weight:500}

/* ===================== bağlantı önizlemesi ===================== */
.lps{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.lp{--lp:#c8aa6e;max-width:440px;background:linear-gradient(#0d2033,#091828);border:1px solid #1f3a55;border-left:3px solid var(--lp);border-radius:4px;padding:9px 11px 10px;display:flex;flex-direction:column;gap:8px}
.lp.loading{display:none}
.lp.row{flex-direction:row;align-items:flex-start;gap:12px}
.lp-head{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.lp-site{font-size:11.5px;color:#8fa7bc;font-weight:600}
.lp-link{color:#7cc4ff;text-decoration:none}
.lp-link:hover{text-decoration:underline}
.lp-title{font-weight:650;font-size:13.5px;color:#7cc4ff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lp-desc{font-size:12.5px;color:#a9b8c6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.lp-img{display:block;border-radius:3px;object-fit:cover;background:#061220}
.lp.row .lp-img{width:80px;height:80px}
.lp-img.wide{width:100%;max-height:240px}
.lp-imgwrap{position:relative;display:block}
.lp-imgwrap.video::after{content:"▶";position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#000a;color:#fff;font-size:20px;border:2px solid #fff8}
.lp-yt{position:relative;display:block;padding:0;border:0;background:#000;border-radius:3px;overflow:hidden;cursor:pointer;aspect-ratio:16/9;width:100%}
.lp-yt img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .15s}
.lp-yt:hover img{filter:brightness(1.12)}
.lp-yt.short{aspect-ratio:9/16;max-width:220px}
.lp-play{position:absolute;inset:0;margin:auto;width:62px;height:44px;border-radius:12px;background:#ff0000e0;color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 4px 18px #0008}
.lp-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:3px;background:#000}
.lp-frame.short{aspect-ratio:9/16;max-width:260px}
.lp.lp-spotify{padding:0;border:0;background:none;max-width:440px}
.lp-sp{width:100%;height:152px;border:0;border-radius:12px;background:#121212}
.lp-sp.tall{height:352px}
.dp-msgs .lp{max-width:100%}
.dp-msgs .lp-sp.tall{height:232px}

/* ===================== anketler ===================== */
.poll-sec{margin-bottom:18px}
.poll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin-top:8px}
.poll-grid.done{opacity:.85}
.poll-card{background:linear-gradient(#0e2238,#0a1a2c);border:1px solid #23405d;border-top:2px solid #c8aa6e;border-radius:4px;padding:12px 14px;display:flex;flex-direction:column;gap:9px;box-shadow:0 6px 20px #0005}
.poll-card.closed{border-top-color:#5d7690}
.poll-top{display:flex;align-items:flex-start;gap:8px}
.poll-q{flex:1;display:flex;gap:8px;align-items:flex-start}
.poll-q b{font-size:15px;line-height:1.35;color:#f0e6d2}
.poll-ic{font-size:17px;line-height:1.2}
.poll-more{font-size:17px;padding:0 6px}
.poll-desc{margin:0;color:#a9b8c6;font-size:12.5px;line-height:1.45;white-space:pre-wrap}
.poll-tags{display:flex;flex-wrap:wrap;gap:6px}
.poll-tags span{font-size:11.5px;color:#9fb3c6;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;padding:2px 8px}
.poll-tags .soon{color:#f3d58c;border-color:#c8aa6e55}
.poll-tags .end{color:#9fe3b6;border-color:#3ddc8444}
.poll-opts{display:flex;flex-direction:column;gap:6px}
.poll-opt{position:relative;display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 11px;border-radius:4px;border:1px solid #2a4764;background:#071321;color:#e6eef6;cursor:pointer;overflow:hidden;font-size:13.5px;transition:border-color .15s}
.poll-opt::before{content:"";position:absolute;inset:0;width:var(--pct);background:linear-gradient(90deg,#1e4a74,#163a5c);transition:width .5s cubic-bezier(.2,.8,.2,1);z-index:0}
.poll-opt.lead::before{background:linear-gradient(90deg,#6b5424,#4a3a18)}
.poll-opt.mine{border-color:#c8aa6e}
.poll-opt:hover:not(:disabled){border-color:#c8aa6e99}
.poll-opt:disabled{cursor:default}
.poll-opt>*{position:relative;z-index:1}
.po-box{flex:none;width:18px;height:18px;display:grid;place-items:center;border:1.5px solid #6f8aa5;color:#0a1a2c;font-size:12px;font-weight:800}
.po-box.single{border-radius:50%}
.po-box.multi{border-radius:3px}
.poll-opt.mine .po-box{background:#c8aa6e;border-color:#c8aa6e}
.po-txt{flex:1;min-width:0}
.po-txt small{color:#8197ab;font-size:11.5px}
.po-res{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}
.po-res b{font-size:13.5px;color:#f0e6d2}
.po-res small{font-size:11.5px;color:#8fa7bc}
.poll-add{display:flex;gap:6px}
.poll-add .dlg-in{flex:1;padding:6px 9px;font-size:12.5px}
.poll-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11.5px;color:#8fa7bc;border-top:1px solid #ffffff0d;padding-top:7px}
.poll-foot .poll-by{margin-left:auto}
.poll-new{border-color:#c8aa6e88}
.poll-dlg{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto}
.pe-opts{display:flex;flex-direction:column;gap:6px;margin-top:2px}
.pe-opt{display:flex;align-items:center;gap:8px}
.pe-opt .dlg-in{flex:1}
.pe-n{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;font:600 11.5px/1 var(--font);color:#c8aa6e;border:1px solid #c8aa6e66}
.pe-addbtn{align-self:flex-start;margin-top:6px}
.pe-flags{display:flex;flex-direction:column;gap:8px;margin:2px 0 12px}
.pe-flags .chk{align-items:flex-start}
.pe-flags .chk span{display:flex;flex-direction:column;gap:1px}
.pe-flags .chk b{font-weight:600;font-size:13.5px}
.pe-flags .chk small{color:#8197ab;font-size:11.5px}
.pe-opts .dlg-in,.poll-add .dlg-in{margin:0}
.pe-opt{margin:0}
.poll-dlg .field{margin-bottom:12px}
.poll-dlg .pe-flags{margin:4px 0 12px}
.evv-btns{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.evv-btns .btn{white-space:nowrap;padding:8px 14px;font-size:11.5px}
.poll-add .btn{align-self:stretch;padding:0 12px}

.poll-tags .req{color:#ffb4a0;border-color:#e8494f66;background:#e8494f1a;font-weight:600}
.pe-flags .chk.req b{color:#ffb4a0}
.gate-poll{margin:10px 0}
.gate-poll .poll-card{box-shadow:none}
.gate-card{max-height:calc(100vh - 60px);overflow:auto}

.dl-admin{border-color:#c8aa6e66}
.dl-row{gap:8px;flex-wrap:wrap}
.dl-row .dl-url{flex:1;min-width:240px;max-width:none;font-family:var(--mono);font-size:12.5px;color:#f3d58c}
.dl-meta{font-size:12.5px;color:#9fe3b6;margin:8px 0 0}
.dl-meta.warn{color:#f3d58c}

.adm-card{margin:0 0 18px;padding:12px 14px;border:1px solid #c8aa6e66;border-radius:4px;background:linear-gradient(#0e2238,#0a1a2c)}
.adm-card h3{margin-top:0}
.dl-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:10px;color:#e6eef6}
.dl-ver{display:flex;flex-direction:column;gap:2px}
.dl-ver span{font-family:var(--head);font-weight:700;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:#c8aa6e}
.dl-ver b{font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums}
.dl-ver small{font-size:11.5px;color:#7fe0a5}

.adm-code{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;min-width:260px}
.role-owner{color:#f3d58c;font-weight:700;font-size:12.5px}
.role-adm{color:#f0e6d2;font-size:12.5px}
.btn.danger{border-color:#e8494f88;color:#ffb4a0}

/* listede küçük resmi olmayan (küçültülmüş / meşgul) oyun pencereleri */
.src-ph{width:100%;aspect-ratio:16/9;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  background:radial-gradient(circle at 50% 40%,#1e3a52,#0a1420);border:1px dashed #c8aa6e55;padding:8px;text-align:center}
.src-ph img{width:44px;height:44px;object-fit:contain;background:none;aspect-ratio:auto;filter:drop-shadow(0 2px 6px #000a)}
.src-ph b{font-size:32px}
.src-ph small{font-size:10.5px;line-height:1.35;color:var(--muted,#a09b8c);white-space:normal}

/* 📢 güncellemeler kanalı */
.channel.upd-ch .hash{font-size:12px;filter:saturate(1.2)}
.channel.upd-ch .c-name{color:var(--gold,#c8aa6e)}
.ro-note{margin:6px 12px 46px;text-align:center;padding:10px 12px;border:1px dashed #c8aa6e55;border-radius:6px;background:#0a142033;color:var(--muted,#a09b8c);font-size:12.5px;line-height:1.45}
.msg.upd .body{border:1px solid #c8aa6e40;border-left:3px solid var(--gold,#c8aa6e);background:linear-gradient(90deg,#c8aa6e14,transparent 70%);border-radius:6px;padding:8px 12px 10px;margin-top:2px}
.msg.upd .m-author{color:var(--gold,#c8aa6e);cursor:default}
.msg.upd .text .ai-ul{margin:4px 0 2px 18px}
.msg.upd .text b{color:#f0e6d2}
.avatar.upd-av{background:radial-gradient(circle at 40% 35%,#3a2f17,#0a1420);border:1px solid #c8aa6e88;display:flex;align-items:center;justify-content:center;font-size:17px}
.upd-dl{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.upd-dl .btn{text-decoration:none;font-size:11.5px}

/* 📢 güncellemeler sayfası (ortada) */
.upd-view .upd-list{align-items:center}
.upd-list>*{width:100%;max-width:880px}
.upd-card{position:relative;display:flex;background:linear-gradient(#10263c,#0a1828);border:1px solid #24435f;border-radius:4px;box-shadow:inset 0 0 0 1px #000,0 6px 18px #0006;flex:none}
.upd-card .ev-date{width:84px}
.upd-card .ev-date i{font-style:normal;font-size:10.5px;color:var(--tx2);margin-top:4px}
.upd-card.new{border-color:var(--gold);box-shadow:inset 0 0 0 1px #000,0 0 22px #c8aa6e33}
.upd-body{flex:1;min-width:0;padding:14px 18px 16px;font-size:13.5px;line-height:1.55}
.upd-body .text b{color:#f0e6d2}
.upd-body .text>div:first-child b:first-child{font-family:var(--head);font-size:17px;color:var(--gold2,#f0e6d2);letter-spacing:.02em}
.upd-body .ai-ul{margin:6px 0 4px 20px}
.upd-body .ai-ul li{margin:3px 0}
.upd-by{font-size:11.5px;color:var(--gold);margin-bottom:4px}
.upd-new{position:absolute;top:10px;right:12px;font-family:var(--head);font-size:10.5px;letter-spacing:.12em;color:#1a0e00;background:linear-gradient(#ffd27a,#c8862a);padding:2px 8px;border-radius:2px;box-shadow:0 0 12px #f0933088}
.upd-card .msg-del{position:absolute;bottom:8px;right:8px;opacity:0;transition:opacity .15s}
.upd-card:hover .msg-del{opacity:.8}
.upd-compose{display:flex;flex-direction:column;gap:8px;padding:12px;background:#0a1828;border:1px dashed #c8aa6e55;border-radius:4px;flex:none}
.upd-compose textarea{width:100%;resize:vertical;min-height:64px;background:#04101c;border:1px solid #24435f;color:var(--tx1,#f0e6d2);border-radius:3px;padding:8px 10px;font:inherit;font-size:13.5px}
.uc-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.uc-row small{color:var(--tx2)}

/* dikkat çeken indirme bloğu */
.dl-hero{position:relative;display:flex;align-items:center;gap:14px;margin-top:12px;padding:12px 14px;border-radius:6px;overflow:hidden;flex:none;
  background:linear-gradient(100deg,#3a2408,#1d3a22 55%,#0d2a3a);border:1px solid #f0b04c;box-shadow:0 0 0 1px #000,0 0 22px #f0933044}
.dl-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff18 45%,transparent 60%);transform:translateX(-100%);animation:dlShine 3.2s ease-in-out infinite;pointer-events:none}
@keyframes dlShine{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.dlh-ic{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#1a0e00;border-radius:50%;
  background:radial-gradient(circle at 40% 35%,#ffe2a0,#e08a20);box-shadow:0 0 16px #f09330aa;animation:dlPulse 1.8s ease-in-out infinite}
@keyframes dlPulse{0%,100%{box-shadow:0 0 10px #f0933088}50%{box-shadow:0 0 24px #ffc46ecc}}
.dlh-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dlh-t b{font-family:var(--head);color:#ffe6b0;font-size:15px;letter-spacing:.03em}
.dlh-t small{color:#d8c9a6;font-size:11.5px}
.dlh-btns{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
.dlh-go{font-size:13.5px!important;padding:9px 18px!important;text-decoration:none}
.dl-hero.big{margin:0;padding:18px 20px}
.dl-hero.big .dlh-ic{width:56px;height:56px;font-size:30px}
.dl-hero.big .dlh-t b{font-size:18px}
.dl-hero.big .dlh-go{font-size:15px!important;padding:11px 24px!important}
.msg .dl-hero{flex-wrap:wrap}
.msg .dl-hero .dlh-btns{width:100%}
@media (max-width:700px){.dl-hero{flex-wrap:wrap}.dlh-btns{width:100%}}
@media (prefers-reduced-motion:reduce){.dl-hero::after,.dlh-ic{animation:none}}

/* 🎮 açık oyun kartı (yayın panelinin üstünde) */
.game-card{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;padding:10px 12px;overflow:hidden;
  background:linear-gradient(100deg,#1d3a22,#0d2236 70%);border-top:1px solid #4fbf6a66;box-shadow:inset 3px 0 0 #4fbf6a}
.game-card::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff12 45%,transparent 60%);transform:translateX(-100%);animation:dlShine 4s ease-in-out infinite;pointer-events:none}
.gc-ic{width:38px;height:38px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#04101c;border:1px solid #4fbf6a55;box-shadow:0 0 12px #4fbf6a33}
.gc-ic img{width:30px;height:30px;object-fit:contain}
.gc-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.gc-t small{font-size:10.5px;color:#8fd9a0;letter-spacing:.04em}
.gc-t b{font-size:13.5px;color:#f0e6d2;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:12px}
.gc-go{position:relative;z-index:1;white-space:nowrap;grid-column:1/-1;width:100%;justify-content:center;background:linear-gradient(#7be08f,#3fae58 48%,#2c8a42 52%,#38a050)!important;color:#04170a!important;border-color:#1d5a2c!important}
.gc-x{position:absolute;top:2px;right:4px;z-index:1;background:none;border:0;color:var(--tx2);font-size:10.5px;cursor:pointer;opacity:0;transition:opacity .15s;padding:2px}
.game-card:hover .gc-x{opacity:.8}
@media (prefers-reduced-motion:reduce){.game-card::after{animation:none}}

/* 🕶 gizli görünüm */
.disg{margin-top:22px;padding-top:16px;border-top:1px solid var(--gold3)}
.disg-row{display:flex;align-items:center;gap:10px;margin:10px 0}
.disg-row span{min-width:90px;color:var(--tx2);font-size:12.5px}
.disg-row input{flex:1;max-width:320px;background:#04101c;border:1px solid #24435f;color:#f0e6d2;border-radius:3px;padding:8px 10px;font:inherit;font-size:13.5px}
.disg-row input:focus{outline:none;border-color:var(--gold)}
.disg-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;margin:6px 0 12px;max-width:720px}
.disg-icons button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:#0a1828;border:1px solid #24435f;border-radius:6px;cursor:pointer;color:var(--tx2)}
.disg-icons button img{width:40px;height:40px;border-radius:9px}
.disg-icons button small{font-size:10.5px}
.disg-icons button:hover{border-color:#c8aa6e88}
.disg-icons button.sel{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 14px #c8aa6e44;color:#f0e6d2}
.disg-chk{display:flex;align-items:flex-start;gap:8px;margin:6px 0;font-size:12.5px;cursor:pointer}
.disg-chk small{display:block;color:var(--tx2);font-size:11.5px}
.disg-btns{display:flex;gap:8px;margin-top:12px}
.disg-warn{color:#ffcf7a;font-size:12.5px}
.disg-out{margin-top:8px;font-size:12.5px}

/* yayına geç: seçilen kaynağın canlı önizlemesi */
.gl-live{position:relative;margin:10px 0 4px;border:1px solid var(--gold3);border-radius:6px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #000,0 8px 22px #0008}
.gl-live video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}
.gl-live.loading video{opacity:.35}
.gll-t{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;padding:6px 10px;background:linear-gradient(transparent,#000c);font-size:11.5px}
.gll-t b{font-family:var(--head);letter-spacing:.06em;color:#f0e6d2;font-size:11.5px}
.gll-t small{color:var(--tx2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gll-dot{width:8px;height:8px;border-radius:50%;background:#e8494f;box-shadow:0 0 8px #e8494f;animation:dlPulse 1.6s ease-in-out infinite}

/* uygulama güncellemesi */
.upd-bar.app-upd{border-color:#7be08f88;box-shadow:0 8px 24px #000a,0 0 18px #4fbf6a33;max-width:min(760px,calc(100vw - 24px));flex-wrap:wrap}
.app-ver{margin-top:22px;padding-top:16px;border-top:1px solid var(--gold3)}

.reg-card textarea.dlg-in{resize:vertical;min-height:52px;font-family:var(--font);letter-spacing:0;text-transform:none}
.reg-h{margin:16px 0 8px;font-size:14px;color:var(--gold2)}
.reg-item .rep-body{white-space:pre-wrap}
.lc-codereq .lc-codebtn+.lc-codebtn{margin-left:4px}
.reg-bday{display:flex;gap:6px}.reg-bday .dlg-in{flex:1;margin:6px 0 16px}
.dev-all{margin-bottom:10px;flex-wrap:wrap;align-items:center;gap:8px}.dev-reg{color:var(--gold2);font-size:12px}
.dl-owner{border:1px dashed #c8aa6e88;border-radius:4px;padding:8px 10px 2px;margin-bottom:12px}.dl-owner>small{color:var(--gold2);display:block;margin-bottom:6px}

/* Yayın teknik bilgileri: varsayılan gizli; döşemenin üstüne gelince ya da bir sorun varken (.warn) görünür */
.tile .stats{display:none}
.tile:hover .stats,.tile .stats.warn{display:block}
.tile .stats.warn{color:#ffd27a;background:#2a1a00d9;border:1px solid #8a6a2a}
.sp-stats.hidden-soft{display:none}
#streamPanel:hover .sp-stats.hidden-soft{display:block;opacity:.75}

/* Ses paylaşımı görseli: video kartının yerine bu bilgisayarda akıcı çizilen tuval */
.tile.np-tile video{visibility:hidden}
.tile .np-live{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit;background:#071423}
.tile.np-tile.not-watching .np-live{visibility:hidden}
/* odak dışındayken süs animasyonları dursun (konuşma halkaları ve yayınlar sürer) */
html.unfocused .lc-ring,html.unfocused .game-card::after,html.unfocused .dl-hero::after,html.unfocused .gll-dot,html.unfocused .sp-eq b,
html.unfocused .social .so-bar::after,html.unfocused .ev-live,html.unfocused .fx-live,html.unfocused .sp-top .live,html.unfocused em.rs-none{animation-play-state:paused!important}