/* ==========================================================================
   Guard — "Buz Kalkan" tasarımı
   Guard sitesi NiteShop'un birebir aynısıdır (aynı sayfalar, aynı özellikler); yalnızca görünüşü farklıdır.
   Renkler /tema/guard/style.css'te (lib/theme.js, sarı → kar mavisi) dönüştürülür; bu dosya onun üstüne Guard'ın
   kendi biçimini ekler: kesik köşeli düğmeler ve kalkan logo, keskin köşeli kartlar, buzul ızgaralı arka plan,
   büyük harfli başlıklar ve teknik (eş aralıklı) etiketler. Yalnızca <body class="theme-guard"> sayfalarda yüklenir.
   ========================================================================== */
body.theme-guard {
  --ice: #8fd3ff;
  --ice-2: #c9ecff;
  --ice-line: rgba(143, 211, 255, .22);
  --ice-glow: rgba(143, 211, 255, .35);
  --r: 8px;
  --r-l: 12px;
  --display: "Inter", system-ui, sans-serif;
  --cut: 10px; /* kesik köşe boyu */
}

/* --- Arka plan: yıldızlar yerine buzul ışığı ve ince ızgara --- */
body.theme-guard .backdrop { background:
    radial-gradient(40% 34% at 78% -4%, rgba(143, 211, 255, .2), transparent 70%),
    radial-gradient(34% 30% at 8% 30%, rgba(80, 140, 255, .1), transparent 70%),
    radial-gradient(60% 40% at 50% 112%, rgba(143, 211, 255, .1), transparent 70%),
    linear-gradient(180deg, #0a1018 0%, #0c131d 50%, #080c12 100%); }
body.theme-guard .backdrop::before { opacity: 1; animation: none;
  background:
    linear-gradient(rgba(143, 211, 255, .055) 1px, transparent 1px) 0 0 / 56px 56px,
    linear-gradient(90deg, rgba(143, 211, 255, .055) 1px, transparent 1px) 0 0 / 56px 56px;
  -webkit-mask-image: radial-gradient(80% 60% at 50% 20%, #000 30%, transparent 85%);
  mask-image: radial-gradient(80% 60% at 50% 20%, #000 30%, transparent 85%); }

/* --- Üst çubuk: keskin köşe, altında buz çizgisi --- */
body.theme-guard .dock { border-radius: 12px; border-color: var(--ice-line); background: rgba(10, 16, 24, .72);
  box-shadow: inset 0 -1px 0 var(--ice-glow), 0 18px 40px -24px rgba(0, 0, 0, .9); }
body.theme-guard .menu a { border-radius: 6px; }
body.theme-guard .menu a.active { background: rgba(143, 211, 255, .12); box-shadow: inset 0 -2px 0 var(--ice); }
body.theme-guard .user-chip { border-radius: 8px; }

/* --- Logo: kalkan biçimi --- */
body.theme-guard .logo { border-radius: 0;
  clip-path: polygon(50% 0, 100% 14%, 100% 58%, 50% 100%, 0 58%, 0 14%);
  box-shadow: none; }
body.theme-guard .brand:hover .logo { transform: scale(1.06); box-shadow: none; }

/* --- Düğmeler: kesik köşe --- */
body.theme-guard .btn, body.theme-guard .nh .btn, body.theme-guard button.primary { border-radius: 2px;
  clip-path: polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut)); }
body.theme-guard .btn:not(.outline):not(.ghost) { letter-spacing: .02em; }
body.theme-guard :is(.btn, button).outline:hover, body.theme-guard :is(.btn, button).ghost:hover { box-shadow: none; }

/* --- Başlıklar: büyük harf, sıkı --- */
body.theme-guard .nh h1 { font-family: var(--font); font-size: clamp(38px, 5.4vw, 70px); font-weight: 700; line-height: .98;
  letter-spacing: -.035em; text-transform: uppercase; }
body.theme-guard h2 { letter-spacing: -.02em; }

/* --- Etiketler ve küçük yazılar: teknik görünüm --- */
body.theme-guard .nh-kicker { border-radius: 4px; border-color: var(--ice-line); background: rgba(143, 211, 255, .06);
  font-family: var(--mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; }
body.theme-guard .nh-chips li { border-radius: 4px; border-color: var(--ice-line); background: rgba(12, 20, 30, .8); }
body.theme-guard .nh-tk-info small, body.theme-guard .nh-tk-stub small { font-family: var(--mono); }

/* --- Kartlar ve kutular: keskin köşe, üstte ince buz çizgisi --- */
body.theme-guard .card { border-color: var(--ice-line);
  background-image: linear-gradient(180deg, rgba(143, 211, 255, .05), transparent 46%);
  box-shadow: inset 0 1px 0 rgba(143, 211, 255, .22), 0 14px 34px -22px rgba(0, 0, 0, .9); }
body.theme-guard .nh-ticket { border-radius: 10px; border-color: rgba(143, 211, 255, .3); }
/* Oyun kartları, vitrin, "nasıl çalışır" adımları: daha keskin köşe */
body.theme-guard :is(.game, .cf-item, .tc-hit, .how-step, .how-pick) { border-radius: 10px; }
body.theme-guard :is(.wall-tile, .hs-card, .hs-win, .hs-side) { border-radius: 8px; }
body.theme-guard .how-screen { border-radius: 12px; }
body.theme-guard .game:hover { box-shadow: 0 0 0 1px var(--ice-glow), 0 20px 40px -24px rgba(0, 0, 0, .9); }
body.theme-guard .faq details { border-radius: 8px; }
body.theme-guard :is(input, select, textarea) { border-radius: 8px; }
body.theme-guard .cat-chip, body.theme-guard .tag { border-radius: 4px; }

/* --- Alt bilgi: üstte buz çizgisi --- */
body.theme-guard .foot { border-top: 1px solid var(--ice-line); box-shadow: inset 0 1px 0 rgba(143, 211, 255, .08); }

@media (prefers-reduced-motion: reduce) {
  body.theme-guard .backdrop::before { animation: none; }
}