/* ============================================================
   NT — "OYUNCU KONSOLU" TEMASI
   style.css'ten SONRA yüklenir; iskelet aynı kalır, görünüm
   yüzen cam panellere, aurora ortama ve neon aksanlara döner.
   Kaldırmak için header.php'deki tek <link> satırını sil.
   ============================================================ */

:root{
  --bg-deep:#04050A;
  --bg-rail:#07090F;
  --bg-side:#0B0E16;
  --bg-surface:#0B0E16;
  --bg-elevated:#141926;
  --bg-card:#10141F;
  --bg-hover:#1A2030;
  --line:#1C2334;
  /* Opak paneller: yarı saydam + backdrop-filter kombinasyonu her kaydırma ve
     hover'da tüm arka planın yeniden çizilmesine yol açıyordu (performans) */
  --pane:#0B0E16;
  --pane-2:#10141F;
  --text:#EAEEF6;
  --text-muted:#8C96AA;
  --text-faint:#525C70;
  --accent-2:#48E6A8;
  --cyan:#3FD5FF;
  --violet:#9D7BFF;
  --gold:#F5C860;
}

/* ---------- ORTAM: aurora + ızgara + yıldız tozu ---------- */
body{
  background:var(--bg-deep);
  background-image:none;
}
.app{
  position:relative;
  background:transparent;
  gap:10px;
  padding:10px;
  height:100vh;
  height:100dvh;
}
.app::before{
  content:'';position:fixed;inset:-20%;z-index:0;pointer-events:none;
  background:
    radial-gradient(52% 38% at 18% 8%, #FF5C3914, transparent 65%),
    radial-gradient(46% 40% at 88% 12%, #3FD5FF10, transparent 60%),
    radial-gradient(50% 44% at 55% 108%, #9D7BFF0C, transparent 62%),
    radial-gradient(30% 26% at 72% 55%, #48E6A808, transparent 70%);
  /* sürekli animasyon kaldırıldı: her karede tam ekran katman kaydırmak
     zayıf cihazlarda hover/scroll gecikmesine yol açıyordu */
}
.app::after{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(1100px 700px at 50% 8%, #000 15%, transparent 78%);
}
@media (prefers-reduced-motion: reduce){ .app::before{animation:none;} }

/* ---------- YÜZEN CAM PANELLER ---------- */
.server-rail,
.channel-sidebar,
.content,
.right-panel{
  position:relative;z-index:1;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--pane);
  box-shadow:0 24px 60px #00000080, inset 0 1px 0 #ffffff0C;
  overflow:hidden;
}
.content{display:flex;}

/* HUD köşe kancaları: sol menü, içerik ve sağ panelde */
.channel-sidebar::before,.content::before,.right-panel::before{
  content:'';position:absolute;top:-1px;left:-1px;width:14px;height:14px;z-index:40;pointer-events:none;
  border:1.5px solid #ffffff26;border-right:none;border-bottom:none;border-top-left-radius:16px;
}
.channel-sidebar::after,.content::after,.right-panel::after{
  content:'';position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;z-index:40;pointer-events:none;
  border:1.5px solid #ffffff26;border-left:none;border-top:none;border-bottom-right-radius:16px;
}

/* ---------- SUNUCU RAYI ---------- */
.server-rail{background:#07090FD9;}
.rail-logo{
  clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);
  border-radius:0;
  background:conic-gradient(from 210deg,#FF5C39,#FF3D7F 40%,#FF5C39 75%);
  filter:drop-shadow(0 0 12px #FF5C3966);
  font-family:var(--font-display);font-weight:900;
}
.rail-icon{border-radius:12px; background:#ffffff07; transition:background .18s var(--ease), box-shadow .18s var(--ease);}
.rail-icon:hover{background:#FF5C3922; box-shadow:0 0 14px #FF5C391E;}
.rail-icon.active{background:#FF5C392B; box-shadow:inset 0 0 0 1px #FF5C3944, 0 0 16px #FF5C3922;}
.rail-divider{background:linear-gradient(90deg,transparent,var(--line),transparent);}

/* ---------- SOL MENÜ (görsel arka plan + cam) ---------- */
.channel-sidebar{
  background:transparent;
}
.channel-sidebar__bg{
  z-index:0;
  filter:saturate(.55) brightness(.42);
}
.channel-sidebar__bg::after{
  background:
    linear-gradient(180deg, #07090Ff4 0%, #07090Eec 40%, #07090Ff8 100%),
    radial-gradient(480px 260px at 18% 0%, #FF5C3910, transparent 62%);
}
.server-header{
  background:linear-gradient(180deg,#00000066,#00000028);
  border-bottom:1px solid #ffffff0A;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.server-header h1{font-family:var(--font-display);letter-spacing:.05em;}
.server-boost{color:var(--cyan);font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;}

.group-label{
  display:flex;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:9px;letter-spacing:.26em;color:var(--text-faint);
  text-transform:uppercase;
}
.group-label::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent);}

.channel-item{
  position:relative;border-radius:10px;border:1px solid transparent;
  font-weight:600;transition:background .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease), transform .15s var(--ease);
}
.channel-item:hover{background:#ffffff0c;color:var(--text);transform:translateX(2px);}
.channel-item.active{
  color:#fff;border-color:#FF5C3938;
  background:linear-gradient(90deg,#FF5C3928,#FF5C3908 60%,transparent);
  box-shadow:inset 0 0 22px #FF5C390F, inset 3px 0 0 var(--accent);
}
.channel-item.active::before{display:none;} /* inset bar yukarıda */
.ch-badge{
  font-family:var(--font-mono);font-size:8.5px;font-weight:600;color:#0A0C12;
  background:var(--cyan);box-shadow:0 0 10px #3FD5FF55;border-radius:5px;
}
.ch-live{color:var(--accent-2);}
.ch-live i{background:var(--accent-2);box-shadow:0 0 8px var(--accent-2);}

/* kullanıcı paneli: cam kart — arka plan üstünde */
.user-panel{
  margin:8px;border-radius:12px;border:1px solid var(--line);
  background:linear-gradient(120deg,#00000088,#00000055);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}

/* ---------- ÜST BAR ---------- */
.topbar{
  background:transparent;
  border-bottom:1px solid #ffffff0A;
}
.topbar h2{font-family:var(--font-display);font-size:13px;}
.topbar .sub{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--text-faint);}
.search{
  background:#00000060;border:1px solid var(--line);border-radius:9px;
}
.icon-btn{border:1px solid var(--line);border-radius:9px;background:#00000040;}

/* ---------- KARTLAR (site geneli) ---------- */
.post-card,
.side-card,
.lfg-panel,
.lfg-card,
.notice,
.composer,
.card-composer{
  border:1px solid var(--line);
  background:var(--pane-2);
  box-shadow:0 14px 36px #00000055;
}
.post-card{border-radius:14px; overflow:hidden; position:relative;}
.post-card::before{
  content:'';position:absolute;top:0;left:18px;right:18px;height:1px;z-index:1;
  background:linear-gradient(90deg,transparent,#FF5C3955,transparent);opacity:.55;
}
.side-card{border-radius:14px;}
.side-kicker{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;}

/* butonlar */
.btn-primary{
  background:linear-gradient(135deg,var(--accent),#c93a1c);
  box-shadow:0 6px 20px #FF5C3938;
  font-family:var(--font-display);font-size:11px;letter-spacing:.05em;
  border-radius:9px;
}
.btn-primary:hover{background:linear-gradient(135deg,#ff6d4d,#d64524); box-shadow:0 8px 26px #FF5C3955;}
.btn-ghost{
  border:1px solid var(--line);background:#ffffff06;border-radius:9px;
}
.btn-ghost:hover{border-color:#ffffff30;background:#ffffff0C;}

/* girişler */
input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{
  background:#00000052;border:1px solid var(--line);color:var(--text);
}
input:focus,select:focus,textarea:focus{border-color:#FF5C3966; box-shadow:0 0 0 3px #FF5C391A;}

/* ---------- MANŞET ÜSTÜ OYUN ŞERİDİ ---------- */
.pk-games{
  display:flex;gap:8px;margin-bottom:10px;flex:none;
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.pk-games::-webkit-scrollbar{display:none;}
.pk-g{
  position:relative;flex:1;min-width:150px;height:44px;border-radius:11px;overflow:hidden;
  display:flex;align-items:center;gap:8px;padding:0 8px 0 12px;text-decoration:none;
  border:1px solid color-mix(in srgb, var(--gc,#3FD5FF) 40%, transparent);
  box-shadow:0 8px 22px #00000066, 0 0 14px color-mix(in srgb, var(--gc,#3FD5FF) 10%, transparent);
  background:#0B0E16;
}
.pk-g__bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  transition:transform .25s var(--ease);
}
.pk-g:hover .pk-g__bg{transform:scale(1.07);}
.pk-g__shade{
  position:absolute;inset:0;
  background:linear-gradient(90deg,#04050AD9 0%,#04050A66 55%,#04050A22 100%);
}
.pk-g__name{
  position:relative;z-index:1;flex:1;min-width:0;
  font-family:var(--font-display);font-size:10.5px;font-weight:800;color:#fff;
  letter-spacing:.02em;text-shadow:0 2px 8px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pk-g__play{
  position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;gap:4px;
  font-family:var(--font-mono);font-size:7.5px;font-weight:600;letter-spacing:.1em;color:#0b0b0b;
  background:var(--gc,#3FD5FF);border-radius:999px;padding:4px 8px;
  box-shadow:0 0 12px color-mix(in srgb, var(--gc,#3FD5FF) 45%, transparent);
}
.pk-g__play i{
  font-style:normal;font-size:6px;width:12px;height:12px;display:grid;place-items:center;
  background:#0b0b0bE0;color:var(--gc,#3FD5FF);border-radius:50%;
}
@media (max-width:1420px){ .pk-g{min-width:170px;flex:none;} }
@media (max-width:720px){
  .pk-games{gap:6px;margin-bottom:8px;}
  .pk-g{min-width:150px;height:40px;}
}

/* ---------- ANA SAYFA: BÖCÜK AVI MANŞETİ (oynanabilir) ---------- */
.hunt{
  position:relative; height:340px; border-radius:16px; overflow:hidden; isolation:isolate;
  border:1px solid #2B3A2A; margin-bottom:14px; background:#0A1410;
  box-shadow:0 18px 50px #00000073;
  user-select:none; -webkit-user-select:none; touch-action:manipulation;
}
.hunt__bg{
  position:absolute; inset:0; z-index:0;
  background-size:cover; background-position:center 62%;
  image-rendering:pixelated;
}
.hunt__vig{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    radial-gradient(120% 100% at 50% 40%, transparent 55%, #04070AB8 100%),
    linear-gradient(180deg, #04070A70 0%, transparent 22%);
}
.hunt__field{ position:absolute; inset:0; z-index:2; }
.hunt.is-playing .hunt__field{ cursor:crosshair; }

.hunt-bug{
  position:absolute; left:0; top:0; display:block;
  image-rendering:pixelated; will-change:transform;
  filter:drop-shadow(0 4px 6px #00000090);
  cursor:pointer; pointer-events:auto;
  transition:opacity .25s;
}
.hunt-bug.is-caught{
  opacity:0; transition:opacity .25s, filter .25s;
  filter:drop-shadow(0 0 14px #7CFF6B) brightness(2);
  pointer-events:none;
}
.hunt-pop{
  position:absolute; z-index:3; pointer-events:none;
  font-family:var(--font-display); font-size:15px; font-weight:900; color:#7CFF6B;
  text-shadow:0 0 10px #7CFF6B99, 0 2px 4px #000;
  animation:huntPop .65s ease-out forwards;
}
@keyframes huntPop{ 0%{ transform:translateY(0); opacity:1 } 100%{ transform:translateY(-34px); opacity:0 } }

.hunt__hud{
  position:absolute; top:0; left:0; right:0; z-index:4;
  display:flex; align-items:center; gap:10px;
  padding:12px 14px; pointer-events:none;
}
.hunt__logo{
  font-family:var(--font-display); font-size:13px; font-weight:900; letter-spacing:.08em; color:#EAF7E6;
  background:#04070AC9; border:1px solid #7CFF6B38; border-radius:9px; padding:7px 12px;
}
.hunt__stat{
  font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.14em; color:#B9D8B2;
  background:#04070AC9; border:1px solid #7CFF6B38; border-radius:9px; padding:7px 11px;
  display:inline-flex; align-items:baseline; gap:7px;
}
.hunt__stat b{
  font-family:var(--font-display); font-size:16px; color:#7CFF6B; line-height:1;
  font-variant-numeric:tabular-nums; text-shadow:0 0 12px #7CFF6B66;
}
.hunt__timer{
  flex:1; max-width:220px; height:8px; border-radius:999px; overflow:hidden;
  background:#04070AC9; border:1px solid #7CFF6B38;
}
.hunt__timer i{
  display:block; height:100%; width:100%; border-radius:999px;
  background:linear-gradient(90deg, #7CFF6B, #FFC24B);
  box-shadow:0 0 10px #7CFF6B66;
}
.hunt__online{
  margin-left:auto; display:inline-flex; align-items:center; gap:6px;
  font-family:var(--font-mono); font-size:8.5px; font-weight:600; letter-spacing:.14em; color:#B7F5D8;
  background:#04070AC9; border:1px solid #48E6A845; border-radius:999px; padding:6px 11px;
}
.hunt__online i{ width:6px; height:6px; border-radius:50%; background:#48E6A8; box-shadow:0 0 8px #48E6A8; animation:pkPulse 1.8s infinite; }
.hunt__stat[hidden], .hunt__timer[hidden], .hunt__panel[hidden]{ display:none; }

.hunt__panel{
  position:absolute; left:50%; top:52%; transform:translate(-50%,-50%); z-index:5;
  display:flex; flex-direction:column; align-items:center; gap:9px; text-align:center;
  background:#050A08E3; border:1px solid #7CFF6B3D; border-radius:16px;
  padding:20px 26px 18px; max-width:340px; width:calc(100% - 48px);
  box-shadow:0 18px 46px #000000A8, 0 0 30px #7CFF6B14;
}
.hunt__panel-t{
  font-family:var(--font-display); font-size:19px; font-weight:900; line-height:1.1; color:#fff;
  text-shadow:0 0 18px #7CFF6B4D;
}
.hunt__panel-p{ margin:0; font-size:12px; line-height:1.5; color:#C4DBC6; }
.hunt__go{
  appearance:none; border:0; cursor:pointer;
  font-family:var(--font-display); font-size:13px; font-weight:900; letter-spacing:.06em;
  color:#06130A; background:linear-gradient(180deg, #8DFF7E, #5FD653);
  border-radius:10px; padding:11px 26px; margin-top:2px;
  box-shadow:0 8px 22px #7CFF6B45, inset 0 1px 0 #ffffff70;
  transition:transform .14s var(--ease), box-shadow .14s;
}
.hunt__go:hover{ transform:translateY(-2px); box-shadow:0 12px 28px #7CFF6B5C, inset 0 1px 0 #ffffff70; }
.hunt__go:active{ transform:translateY(0) scale(.97); }
.hunt__panel-s{ font-family:var(--font-mono); font-size:8.5px; font-weight:600; letter-spacing:.1em; color:#8FB08F; }

.hunt__board{
  position:absolute; right:14px; bottom:14px; z-index:4; width:170px;
  background:#04070AD1; border:1px solid #FFC24B33; border-radius:12px;
  padding:10px 12px 11px;
}
.hunt__board-t{
  display:block; font-family:var(--font-mono); font-size:8px; font-weight:700; letter-spacing:.18em;
  color:#FFD98A; margin-bottom:7px;
}
.hunt__board-l{
  list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px;
  counter-reset:hunt;
}
.hunt__board-l li{
  display:flex; align-items:center; gap:7px; min-width:0;
  font-size:11px; color:#E6EDF3; counter-increment:hunt;
}
.hunt__board-l li::before{
  content:counter(hunt); flex:none; width:14px;
  font-family:var(--font-mono); font-size:8.5px; font-weight:700; color:#FFC24B99;
}
.hunt__board-l li span{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hunt__board-l li b{ font-family:var(--font-display); font-size:12px; color:#FFC24B; }
.hunt__board-l li:first-child span, .hunt__board-l li:first-child b{ color:#FFD98A; text-shadow:0 0 10px #FFC24B55; }
.hunt__board-empty{ font-size:10.5px; color:#8FA3B8; }
.hunt__board-empty::before{ content:"" !important; width:0 !important; }
.hunt__board-y{
  display:block; margin-top:8px; padding-top:7px; border-top:1px solid #FFC24B22;
  font-family:var(--font-mono); font-size:8px; font-weight:600; letter-spacing:.08em; color:#B9A87E;
}
.hunt__board-y b{ color:#FFD98A; }

@media (max-width:900px){
  .hunt__board{ display:none; }
}
@media (max-width:640px){
  .hunt{ height:280px; }
  .hunt__logo{ font-size:11px; padding:6px 10px; }
  .hunt__online{ display:none; }
  .hunt__timer{ max-width:120px; }
  .hunt__panel{ padding:16px 18px 14px; gap:7px; }
  .hunt__panel-t{ font-size:16px; }
  .hunt__panel-p{ font-size:11px; }
}

/* ---------- ANA SAYFA: AR MANŞET ---------- */
.arh{
  position:relative;flex:none;height:270px;border-radius:16px;overflow:hidden;
  border:1px solid #ffffff1A;background:#000;
  box-shadow:0 24px 60px #000000A0;
  margin-bottom:16px;
}
.arh video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  filter:brightness(.52) saturate(1.05); /* istek: video karartıldı */
}
.arh__fade{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(0deg,#04050AE6 0%,#04050A38 34%,transparent 55%),
    linear-gradient(90deg,#04050A78,transparent 26%),
    linear-gradient(-90deg,#04050A78,transparent 26%);
}
.arh__mark{
  position:absolute;left:16px;bottom:-32px;z-index:2;pointer-events:none;
  font-family:var(--font-display);font-weight:900;font-size:106px;letter-spacing:-.01em;line-height:1;
  color:transparent;-webkit-text-stroke:1.5px #ffffff2E;
  user-select:none;
}
.arh__slogan{
  position:absolute;left:22px;bottom:100px;z-index:3;
  font-family:var(--font-mono);font-size:9px;letter-spacing:.34em;color:#D6DEEA;
  text-shadow:0 2px 12px #000;
}
.arh__slogan b{color:var(--accent);font-weight:600;}
.arch{
  position:absolute;z-index:4;display:inline-flex;align-items:center;gap:7px;
  background:#04050AE0;border:1px solid color-mix(in srgb, var(--ac,#3FD5FF) 40%, transparent);
  border-radius:20px;padding:5px 11px 5px 6px;
  box-shadow:0 8px 26px #00000088, 0 0 16px color-mix(in srgb, var(--ac,#3FD5FF) 14%, transparent);
  animation:pk-hover1 5.2s ease-in-out infinite;
  color:var(--text);text-decoration:none;
}
.arch:nth-of-type(odd){animation-name:pk-hover2;animation-duration:6.1s;}
@keyframes pk-hover1{50%{transform:translateY(-6px)}}
@keyframes pk-hover2{50%{transform:translateY(5px)}}
@media (prefers-reduced-motion: reduce){ .arch{animation:none;} }
.arch::after{
  content:'';position:absolute;left:50%;top:100%;width:1px;height:20px;
  background:linear-gradient(180deg,color-mix(in srgb, var(--ac,#3FD5FF) 60%, transparent),transparent);
}
.arch__ic{
  width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;
  background:color-mix(in srgb, var(--ac,#3FD5FF) 22%, #000);font-size:10.5px;
}
.arch b{font-size:10.5px;font-weight:700;white-space:nowrap;}
.arch small{font-family:var(--font-mono);font-size:7.5px;color:var(--ac,#3FD5FF);letter-spacing:.08em;white-space:nowrap;display:block;}
.arch .arch__go{
  font-family:var(--font-display);font-size:7px;font-weight:800;letter-spacing:.05em;color:#0b0b0b;
  background:var(--ac,#3FD5FF);border-radius:10px;padding:4px 8px;margin-left:2px;
}
.arh__live{
  position:absolute;top:12px;right:14px;z-index:4;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--font-mono);font-size:8.5px;letter-spacing:.18em;color:#E4E9F2;
  background:#04050AE0;border:1px solid #48E6A83A;border-radius:8px;padding:6px 11px;
}
.arh__live i{width:6px;height:6px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 9px var(--accent-2);animation:pk-blink 1.6s infinite;}
.arh__live b{color:var(--accent-2);font-weight:600;}
@keyframes pk-blink{50%{opacity:.3}}
.arh__dive{
  position:absolute;right:14px;bottom:12px;z-index:4;
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-display);font-size:8.5px;font-weight:800;letter-spacing:.1em;color:#fff;
  background:#3A160DE0;border:1px solid #FF5C3966;border-radius:9px;padding:9px 15px;
  box-shadow:0 0 22px #FF5C391E;
}
.arh__dive i{animation:pk-dip 1.6s ease-in-out infinite;font-style:normal;}
@keyframes pk-dip{50%{transform:translateY(3px)}}
@media (max-width:720px){
  .arh{height:210px;}
  .arh__mark{font-size:64px;bottom:-18px;}
  .arh__slogan{bottom:70px;}
  .arch{display:none;}
  .arch--keep{display:inline-flex;}
}

/* ---------- SAĞ PANEL: CANLI NABIZ ---------- */
/* overflow-y:auto ŞART: cam panel kuralındaki overflow:hidden ana temanın
   kaydırmasını eziyordu — panel aşağı inmiyordu */
.right-panel{padding:12px;overflow-y:auto;}

/* --- ÖNE ÇIKAN TAKIM: sağ panelin tepe kartı --- */
.pk-team{
  position:relative;border:1px solid color-mix(in srgb, var(--tc,#F5C860) 35%, transparent);
  border-radius:14px;overflow:hidden;background:var(--pane-2);
  box-shadow:0 18px 44px #00000070, 0 0 24px color-mix(in srgb, var(--tc,#F5C860) 10%, transparent);
  margin-bottom:12px;flex:none;
}
.pk-team__art{position:relative;height:76px;background-size:cover;background-position:center;}
.pk-team__art::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 10%,#10141FF6 96%),
             linear-gradient(90deg,color-mix(in srgb, var(--tc,#F5C860) 22%, transparent),transparent 60%);
}
.pk-team__crown{
  position:absolute;top:8px;left:9px;z-index:2;display:inline-flex;align-items:center;gap:5px;
  font-family:var(--font-mono);font-size:7.5px;letter-spacing:.22em;color:#0b0b0b;
  background:var(--tc,#F5C860);border-radius:5px;padding:3.5px 8px;font-weight:600;
  box-shadow:0 0 16px color-mix(in srgb, var(--tc,#F5C860) 50%, transparent);
}
.pk-team__id{position:absolute;left:11px;bottom:8px;z-index:2;display:flex;align-items:center;gap:9px;}
.pk-team__ico{
  width:34px;height:34px;flex:none;display:grid;place-items:center;font-size:17px;
  background:#04050AD9;border:1px solid color-mix(in srgb, var(--tc,#F5C860) 45%, transparent);
  clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);
  overflow:hidden;
}
.pk-team__ico img.psp-logo{width:100%;height:100%;object-fit:cover;border-radius:0;}
.pk-team__id b{font-family:var(--font-display);font-size:13px;font-weight:800;color:#fff;display:block;text-shadow:0 2px 10px #000;}
.pk-team__id small{font-family:var(--font-mono);font-size:7.5px;letter-spacing:.12em;color:color-mix(in srgb, var(--tc,#F5C860) 80%, #fff);display:block;margin-top:2px;}
.pk-team__body{padding:11px 12px 12px;}
.pk-team__nums{display:flex;gap:14px;margin-bottom:10px;}
.pk-team__nums span{font-family:var(--font-mono);font-size:7.5px;color:var(--text-faint);letter-spacing:.1em;}
.pk-team__nums b{display:block;font-size:14px;color:var(--text);font-weight:600;margin-bottom:2px;font-family:var(--font-mono);}
.pk-team__row{display:flex;align-items:center;gap:8px;justify-content:space-between;}
.pk-team__cta{
  font-family:var(--font-display);font-size:8px;font-weight:800;letter-spacing:.06em;color:#0b0b0b;
  background:var(--tc,#F5C860);border-radius:7px;padding:8px 12px;white-space:nowrap;text-decoration:none;
  box-shadow:0 4px 14px color-mix(in srgb, var(--tc,#F5C860) 35%, transparent);
}
.pk-team__cta:hover{filter:brightness(1.08);}

/* --- NT PLATINUM kartı --- */
.pk-plat{
  position:relative;border-radius:14px;overflow:hidden;flex:none;
  border:1px solid #C8D0DC55;
  background:linear-gradient(150deg,#1A1F2B,#10141F 55%,#151B28);
  box-shadow:0 18px 44px #00000070, inset 0 1px 0 #ffffff14;
  padding:13px 13px 13px;
}
.pk-plat::before{
  content:'';position:absolute;top:0;left:14px;right:14px;height:1px;
  background:linear-gradient(90deg,transparent,#E8EDF5AA,transparent);
}
.pk-plat::after{
  content:'◆';position:absolute;right:-14px;top:-20px;font-size:92px;line-height:1;
  color:#C8D0DC12;pointer-events:none;
}
.pk-plat__kick{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-mono);font-size:8px;letter-spacing:.26em;color:#E8EDF5;
}
.pk-plat__kick i{font-style:normal;color:#C8D0DC;text-shadow:0 0 10px #C8D0DC88;}
.pk-plat__sub{font-size:11.5px;color:var(--text-muted);margin:7px 0 10px;line-height:1.5;}
.pk-plat__list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
.pk-plat__list span{display:flex;align-items:center;gap:7px;font-size:11px;color:#C9D2E0;}
.pk-plat__list i{
  font-style:normal;width:15px;height:15px;flex:none;display:grid;place-items:center;
  font-size:8.5px;color:#0b0b0b;background:linear-gradient(135deg,#F4F6FA,#AAB6C6);border-radius:50%;
}
.pk-plat__cta{
  display:block;text-align:center;text-decoration:none;
  font-family:var(--font-display);font-size:9px;font-weight:800;letter-spacing:.07em;color:#0b0b0b;
  background:linear-gradient(135deg,#F4F6FA,#B9C4D4);border-radius:8px;padding:10px 12px;
  box-shadow:0 6px 18px #C8D0DC33, inset 0 1px 0 #ffffffAA;
}
.pk-plat__cta:hover{filter:brightness(1.05);}
.pk-plat__foot{
  text-align:center;font-family:var(--font-mono);font-size:7.5px;letter-spacing:.14em;
  color:var(--text-faint);margin-top:8px;
}
.pk-pulse{
  display:flex;align-items:center;gap:13px;padding:13px;flex:none;
  border:1px solid var(--line);border-radius:13px;background:var(--pane-2);
  margin-bottom:12px;
}
.pk-gauge{
  width:58px;height:58px;flex:none;border-radius:50%;position:relative;display:grid;place-items:center;
  background:conic-gradient(var(--accent-2) 0 var(--fill,60%), #1C2334 var(--fill,60%) 100%);
}
.pk-gauge::before{content:'';position:absolute;inset:5px;border-radius:50%;background:#0C0F18;}
.pk-gauge b{position:relative;font-family:var(--font-mono);font-size:16px;color:var(--accent-2);text-shadow:0 0 12px #48E6A855;}
.pk-gauge small{position:relative;display:block;font-family:var(--font-mono);font-size:6px;letter-spacing:.18em;color:var(--text-faint);text-align:center;margin-top:1px;}
.pk-pulse__st{flex:1;min-width:0;}
.pk-pulse__st h5{font-family:var(--font-mono);font-size:9px;letter-spacing:.24em;color:var(--text-muted);font-weight:400;}
.pk-pulse__st h5 i{color:var(--accent-2);font-style:normal;}
.pk-pulse__nums{display:flex;gap:12px;margin-top:8px;}
.pk-pulse__nums span{font-family:var(--font-mono);font-size:8px;color:var(--text-faint);letter-spacing:.06em;}
.pk-pulse__nums b{display:block;font-size:14px;color:var(--text);font-weight:600;margin-bottom:2px;}

.pk-stream{position:relative;padding:2px 0;}
.pk-stream::before{
  content:'';position:absolute;left:9px;top:8px;bottom:8px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,var(--accent-2),var(--cyan) 30%,var(--violet) 65%,transparent);opacity:.4;
}
.pk-stream__day{
  position:relative;z-index:1;margin:10px 0 4px 28px;
  font-family:var(--font-mono);font-size:8px;letter-spacing:.24em;color:var(--text-faint);
}
.pk-ev{position:relative;display:flex;gap:10px;padding:8px 0 8px 2px;align-items:flex-start;}
.pk-ev__dot{
  position:relative;z-index:1;width:16px;height:16px;flex:none;margin-top:3px;
  border-radius:50%;border:2px solid var(--ec,var(--cyan));background:#0B0E16;
  box-shadow:0 0 11px color-mix(in srgb, var(--ec,var(--cyan)) 55%, transparent);
}
.pk-ev__dot::before{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--ec,var(--cyan));opacity:.8;}
.pk-ev__b{flex:1;min-width:0;}
.pk-ev__t{font-size:11.5px;line-height:1.5;color:#B9C2D2;overflow-wrap:anywhere;}
.pk-ev__t b{color:var(--text);}
.pk-ev__t em{font-style:normal;color:var(--ec,var(--cyan));}
.pk-ev__meta{display:flex;align-items:center;gap:8px;margin-top:4px;}
.pk-ev__time{font-family:var(--font-mono);font-size:7.5px;color:var(--text-faint);letter-spacing:.14em;}
.pk-ev__go{
  font-family:var(--font-display);font-size:7px;font-weight:800;letter-spacing:.05em;color:#0b0b0b !important;
  background:var(--ec,var(--cyan));border-radius:5px;padding:3.5px 8px;text-decoration:none;
}
.pk-side-rest{margin-top:14px;display:flex;flex-direction:column;gap:12px;}

/* ---------- ÜST BAR SEKMELERİ (demo: HEPSİ / KLİPLER / TAKIMIM) ---------- */
.top-tabs{display:flex;gap:3px;margin-left:12px;}
.top-tabs .tt{
  font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-muted);
  padding:6px 12px;border-radius:8px;border:1px solid transparent;white-space:nowrap;
}
.top-tabs .tt:hover{color:var(--text);background:#ffffff06;}
.top-tabs .tt.on{color:var(--cyan);border-color:#3FD5FF33;background:#3FD5FF0E;box-shadow:0 0 14px #3FD5FF14;}
@media (max-width:900px){ .top-tabs{display:none;} }
.search-form{position:relative;display:flex;align-items:center;}
.search-kbd{
  position:absolute;right:9px;top:50%;transform:translateY(-50%);pointer-events:none;
  font-family:var(--font-mono);font-size:8.5px;color:var(--text-faint);
  border:1px solid var(--line);border-radius:4px;padding:1.5px 5px;background:#00000040;
}

/* ---------- SOL MENÜ: ikon kutuları + XP kartı (demo) ---------- */
.channel-item .hash{
  width:25px;height:25px;flex:none;display:grid;place-items:center;border-radius:7px;
  background:#ffffff09;font-size:12px;color:var(--text-muted);
}
.channel-item.active .hash{background:#FF5C392B;box-shadow:inset 0 0 0 1px #FF5C3944;color:#fff;}
.channel-item .game-dot{
  width:7px;height:7px;border-radius:2px;transform:rotate(45deg);margin:0 9px;
  box-shadow:0 0 8px currentColor;
}
.user-panel{flex-wrap:wrap;}
.up-lv{
  font-family:var(--font-mono);font-size:9.5px;color:var(--gold);flex:none;
  margin-left:auto;padding-right:2px;
}
.up-xp{width:100%;margin-top:8px;}
.up-xp__bar{height:4px;border-radius:3px;background:#00000066;overflow:hidden;}
.up-xp__bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--accent));box-shadow:0 0 8px #F5C86077;}
.up-xp__txt{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:8px;color:var(--text-faint);margin-top:5px;}

/* ---------- POST KARTI: demo detayları ---------- */
.post-avatar--hex{
  border-radius:0 !important;
  clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);
}
.post-avatar--hex img{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);}
.meta--console{
  font-family:var(--font-mono) !important;font-size:8.5px !important;letter-spacing:.1em;
  color:var(--text-faint) !important;margin-top:3px;
}
.post-team{color:var(--tc,#F5C860);font-weight:600;}
.post-gametag{
  margin-left:auto;flex:none;align-self:flex-start;
  font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;
  color:var(--accent);border:1px solid #FF5C3944;border-radius:6px;padding:4px 8px;opacity:.9;
  white-space:nowrap;
}
.post-head{display:flex;align-items:center;gap:10px;}
.react{
  font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted);
  border:1px solid var(--line);border-radius:8px;padding:6px 11px;background:#00000030;
}
.react.on{color:var(--accent);border-color:#FF5C3944;background:#FF5C3910;box-shadow:0 0 14px #FF5C3918;}
.react:hover{color:var(--text);border-color:#ffffff30;}

/* ---------- COMPOSER (demo) ---------- */
.composer-mini span:first-of-type{font-size:13px;}
.btn-composer{display:inline-flex;align-items:center;gap:5px;}
.btn-composer small{font-family:var(--font-mono);font-size:8px;opacity:.85;font-weight:600;}

/* ---------- ANA SAYFA LFG KARTLARI (demo birebir) ---------- */
.pk-lfg{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;}
.pk-lfg__head{
  grid-column:1/-1;display:flex;align-items:center;gap:9px;margin-top:2px;
  font-family:var(--font-mono);font-size:9.5px;letter-spacing:.26em;color:var(--text-muted);
}
.pk-lfg__head i{width:6px;height:6px;border-radius:2px;transform:rotate(45deg);background:var(--cyan);box-shadow:0 0 9px var(--cyan);}
.pk-lfg__head::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent);order:2;}
.pk-lfg__x{font-size:9px;letter-spacing:.08em;color:var(--cyan);order:3;white-space:nowrap;}
.pk-lg{
  position:relative;border:1px solid color-mix(in srgb, var(--gc) 30%, transparent);
  border-radius:14px;overflow:hidden;
  background:var(--pane-2);
  box-shadow:0 18px 44px #00000070;
}
.pk-lg__vis{position:relative;height:58px;overflow:hidden;display:block;}
.pk-lg__vis img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.1);}
.pk-lg__vis::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 20%,#0B0E16F2 96%),linear-gradient(90deg,color-mix(in srgb, var(--gc) 16%, transparent),transparent 55%);
}
.pk-lg__name{position:absolute;left:11px;bottom:7px;z-index:2;display:flex;align-items:center;gap:7px;}
.pk-lg__short{
  font-family:var(--font-display);font-weight:900;font-size:9px;color:#0b0b0b;
  background:var(--gc);border-radius:5px;padding:3px 6px;box-shadow:0 0 14px color-mix(in srgb, var(--gc) 45%, transparent);
}
.pk-lg__name b{font-family:var(--font-display);font-size:11.5px;font-weight:800;text-shadow:0 2px 12px #000;display:block;color:#fff;}
.pk-lg__name small{font-family:var(--font-mono);font-size:7px;color:#C9D2E0;letter-spacing:.14em;display:block;margin-top:1px;}
.pk-lg__live{
  position:absolute;top:7px;right:8px;z-index:2;display:inline-flex;align-items:center;gap:4px;
  font-family:var(--font-mono);font-size:7.5px;letter-spacing:.1em;color:var(--accent-2);
  background:#000000D0;border:1px solid #48E6A833;border-radius:5px;padding:3px 7px;
}
.pk-lg__live i{width:4px;height:4px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 7px var(--accent-2);animation:pk-blink 1.8s infinite;}
.pk-lb{display:flex;align-items:center;gap:8px;padding:7px 10px;border-top:1px solid #ffffff08;}
.pk-lb__av{
  width:23px;height:23px;flex:none;display:grid;place-items:center;overflow:hidden;
  font-size:9px;font-weight:800;color:#fff;
  clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);
  background-size:cover;background-position:center;
}
.pk-lb__av img{width:100%;height:100%;object-fit:cover;}
.pk-lb__in{flex:1;min-width:0;}
.pk-lb__in b{font-size:11px;display:flex;align-items:center;gap:5px;color:var(--text);}
.pk-lb__mic{font-size:8px;color:var(--accent-2);}
.pk-lb__meta{display:flex;gap:4px;margin-top:3px;flex-wrap:wrap;}
.pk-lb__meta span{
  font-family:var(--font-mono);font-size:7px;letter-spacing:.05em;color:var(--text-muted);
  border:1px solid var(--line);border-radius:4px;padding:1.5px 5px;background:#00000038;
}
.pk-lb__meta .rk{color:var(--gc);border-color:color-mix(in srgb, var(--gc) 30%, transparent);background:color-mix(in srgb, var(--gc) 8%, transparent);}
.pk-lb__right{flex:none;text-align:right;display:flex;align-items:center;gap:7px;}
.pk-lb__slots{font-family:var(--font-mono);font-size:9.5px;color:var(--text);}
.pk-lb__slots em{font-style:normal;color:var(--text-faint);font-size:8px;}
.pk-lb__slots small{display:block;font-family:var(--font-mono);font-size:6.5px;color:var(--gold);letter-spacing:.08em;margin-top:1px;}
.pk-lb__join{
  font-family:var(--font-display);font-size:7.5px;font-weight:800;letter-spacing:.05em;color:#0b0b0b;
  background:var(--gc);border-radius:6px;padding:6px 9px;box-shadow:0 3px 10px color-mix(in srgb, var(--gc) 30%, transparent);
  white-space:nowrap;
}
.pk-lb__join.ghost{background:transparent;color:var(--text-muted);border:1px solid var(--line);box-shadow:none;}
.pk-lb--empty .pk-lb__in b{color:var(--text-muted);}
.pk-lg__more{
  display:block;text-align:center;font-family:var(--font-mono);font-size:7.5px;letter-spacing:.14em;
  color:var(--text-muted);padding:6px;border-top:1px solid #ffffff08;background:#00000028;
}
.pk-lg__more:hover{color:var(--gc);}
@media (max-width:820px){ .pk-lfg{grid-template-columns:1fr;} }

/* ---------- MOBİL ---------- */
@media (max-width:1180px){
  .app{padding:8px;gap:8px;}
}
@media (max-width:820px){
  .app{padding:0;gap:0;}
  /* aurora + ızgara katmanları mobilde kapalı: performans + dokunma güvenliği */
  .app::before,.app::after{display:none;}
  .server-rail,.channel-sidebar,.content,.right-panel{border-radius:0;border:none;box-shadow:none;}
  .channel-sidebar::before,.content::before,.right-panel::before,
  .channel-sidebar::after,.content::after,.right-panel::after{display:none;}
  /* KRİTİK: style.css'in çekmece menüsünü geri ver — cam panel kuralı
     position:relative + z-index:1 ile ezmişti, menü akışa girip sayfayı itiyordu */
  .channel-sidebar{
    position:fixed !important;
    z-index:200 !important;
    left:0; top:0;
    background:transparent;
    backdrop-filter:none;-webkit-backdrop-filter:none;
    transform:translate3d(-110%,0,0) !important;
    pointer-events:none !important;
    visibility:hidden;
  }
  .channel-sidebar__bg{filter:saturate(.5) brightness(.38);}
  .app.nav-open .channel-sidebar{
    transform:translate3d(0,0,0) !important;
    pointer-events:auto !important;
    visibility:visible;
    box-shadow:8px 0 32px #00000088;
  }
}