/* Local-only desktop palette preview — Chat2Game "Gece Siyahı". */
@media (min-width: 901px) {
  :root {
    --void: #0b0d14;
    --void2: #0f121c;
    --void3: #141826;
    --bone: #e7eaf3;
    --dim: #9aa1bc;
    --dim2: #7f87a3;
    --mute: #6a7290;
    --chrome: #c3c8da;
    --chrome2: #929ab5;
    --uv: #6c7cf5;
    --uv2: #8b93ff;
    --uvdim: rgba(108, 124, 245, 0.15);
    --rose: #34d3b4;
    --rose2: #56e0c4;
    --match: #ec6f9b;
    --match2: #f58ab0;
    --hair: rgba(139, 147, 255, 0.09);
    --hair2: rgba(139, 147, 255, 0.18);
  }

  html,
  body { background: var(--void); }

  ::selection { background: var(--uv); color: #090c17; }
  :focus-visible { outline-color: var(--uv2); }

  .grain { opacity: 0.035; }
  .nav__inner {
    background: linear-gradient(180deg, rgba(27, 32, 50, 0.92), rgba(11, 13, 20, 0.82));
    box-shadow: inset 0 1px 0 rgba(231, 234, 243, 0.08), inset 0 0 0 1px rgba(139, 147, 255, 0.11), 0 22px 58px rgba(4, 6, 12, 0.42);
  }
  .nav__inner::before { background: linear-gradient(105deg, rgba(108, 124, 245, 0.12), transparent 30%, transparent 72%, rgba(52, 211, 180, 0.055)); }
  .nav__pill { border-color: rgba(139, 147, 255, 0.24); background: rgba(27, 32, 50, 0.72); }
  .nav__progress { background: linear-gradient(90deg, var(--uv), var(--uv2), var(--rose)); box-shadow: 0 0 16px rgba(108, 124, 245, 0.48); }
  .rec,
  .slate i { background: var(--rose); box-shadow: 0 0 13px rgba(52, 211, 180, 0.62); }

  .boot0 { background: radial-gradient(110% 115% at 50% 44%, #1b2032 0%, #0b0d14 62%, #070910 100%); }
  .boot0__grid { background: linear-gradient(rgba(139, 147, 255, 0.045) 1px, transparent 1px) 0 0 / 100% 5.2vh, linear-gradient(90deg, rgba(139, 147, 255, 0.045) 1px, transparent 1px) 0 0 / 5.2vh 100%; }
  .boot0__ignite { background: radial-gradient(42% 38% at 50% 50%, rgba(108, 124, 245, 0.24), rgba(52, 211, 180, 0.045) 48%, transparent 70%); }
  .boot0__line,
  .boot0__under { box-shadow: 0 0 26px rgba(108, 124, 245, 0.58); }
  .boot0__word .bl { background-image: linear-gradient(100deg, #5d647c 0%, #e7eaf3 22%, #9aa1bc 40%, #8b93ff 52%, #e7eaf3 67%, #5d647c 100%); }
  .boot0__flash { background: radial-gradient(60% 55% at 50% 46%, rgba(231, 234, 243, 0.94), rgba(108, 124, 245, 0.42) 42%, rgba(52, 211, 180, 0.08) 61%, transparent 73%); }

  .store { background: linear-gradient(145deg, rgba(231, 234, 243, 0.08), rgba(20, 24, 38, 0.88)); box-shadow: inset 0 0 0 1px rgba(139, 147, 255, 0.16), inset 0 1px 0 rgba(231, 234, 243, 0.09), 0 18px 48px rgba(4, 6, 12, 0.38); }
  .store::after { background: rgba(108, 124, 245, 0.09); box-shadow: inset 0 0 0 1px rgba(139, 147, 255, 0.17); }

  .s1 { background: radial-gradient(72% 88% at 76% 48%, rgba(108, 124, 245, 0.26), transparent 68%), radial-gradient(48% 58% at 12% 88%, rgba(52, 211, 180, 0.065), transparent 72%), linear-gradient(145deg, #0b0d14 0%, #0f121c 54%, #070910 100%); }
  .s1__bg { background: radial-gradient(58% 64% at 74% 52%, rgba(139, 147, 255, 0.14), transparent 64%), radial-gradient(42% 46% at 18% 72%, rgba(52, 211, 180, 0.055), transparent 70%); }
  .s1__grid-bg { background: linear-gradient(rgba(139, 147, 255, 0.035) 1px, transparent 1px) 0 0 / 100% 7vh, linear-gradient(90deg, rgba(139, 147, 255, 0.035) 1px, transparent 1px) 0 0 / 7vh 100%; }
  .s1::after { background: linear-gradient(90deg, rgba(11, 13, 20, 0.94) 0%, rgba(11, 13, 20, 0.38) 42%, transparent 67%), radial-gradient(ellipse at 72% 48%, transparent 28%, rgba(11, 13, 20, 0.16) 70%, rgba(11, 13, 20, 0.7) 100%); }
  .s1__rays i { background: linear-gradient(180deg, rgba(139, 147, 255, 0.34), rgba(108, 124, 245, 0.065) 50%, transparent 88%); }
  .s1__fog { background: radial-gradient(42% 72% at 25% 50%, rgba(108, 124, 245, 0.12), transparent 72%), radial-gradient(42% 72% at 72% 48%, rgba(52, 211, 180, 0.07), transparent 74%); }
  .s1__ghost { -webkit-text-stroke-color: rgba(139, 147, 255, 0.1); }
  .s1__brand .bl--x { color: var(--uv2); text-shadow: 0 0 40px rgba(108, 124, 245, 0.38); }
  .s1__sub em { color: var(--rose2); }
  .s1__phone::after { background: radial-gradient(ellipse at 50% 0%, rgba(108, 124, 245, 0.24), rgba(52, 211, 180, 0.065) 44%, transparent 73%); }

  .device-live--night > div,
  .device-live--voice,
  .device-live--gallery { background: linear-gradient(135deg, rgba(15, 18, 28, 0.95), rgba(27, 32, 50, 0.9)); border-color: rgba(139, 147, 255, 0.18); box-shadow: inset 0 0 0 1px rgba(108, 124, 245, 0.12), 0 14px 34px rgba(4, 6, 12, 0.34); }
  .device-live--gallery i { background: var(--rose); box-shadow: 0 0 9px rgba(52, 211, 180, 0.7); }

  .sq,
  .sq__pin,
  .s5 { background: #090b12; }
  .sq__pin { background: radial-gradient(44% 62% at 50% 48%, rgba(108, 124, 245, 0.22), transparent 72%), #090b12; }
  .sq__pin::before { background: radial-gradient(36% 60% at 50% 48%, rgba(139, 147, 255, 0.12), transparent 72%), linear-gradient(90deg, rgba(139, 147, 255, 0.022) 1px, transparent 1px) 0 0 / 8vw 100%; }
  .sq__kinetic { color: rgba(108, 124, 245, 0.05); -webkit-text-stroke-color: rgba(139, 147, 255, 0.18); text-shadow: 0 0 110px rgba(108, 124, 245, 0.2); }
  .sq__glow--scan { background: radial-gradient(62% 56% at 50% 44%, rgba(108, 124, 245, 0.25), transparent 70%); }
  .sq__glow--found { background: radial-gradient(62% 56% at 50% 44%, rgba(52, 211, 180, 0.16), rgba(108, 124, 245, 0.07) 52%, transparent 74%); }
  .sq__glow--match { background: radial-gradient(46% 44% at 38% 44%, rgba(108, 124, 245, 0.2), transparent 68%), radial-gradient(46% 44% at 62% 44%, rgba(236, 111, 155, 0.18), transparent 68%); }
  .rings i,
  .mring--i { border-color: rgba(139, 147, 255, 0.5); box-shadow: 0 0 28px rgba(108, 124, 245, 0.08); }
  .mring--p { border-color: rgba(236, 111, 155, 0.52); }

  .se { background: var(--void); }
  .se__halo { background: radial-gradient(circle, rgba(108, 124, 245, 0.2), rgba(52, 211, 180, 0.055) 38%, transparent 70%); }
  .se__line { background: linear-gradient(90deg, transparent, rgba(139, 147, 255, 0.82), rgba(231, 234, 243, 0.68), rgba(52, 211, 180, 0.72), transparent); box-shadow: 0 0 30px rgba(108, 124, 245, 0.54); }

  .sn { background: var(--void2); }
  .sn__head::before { background: linear-gradient(180deg, #0f121c 0%, rgba(15, 18, 28, 0.95) 42%, rgba(15, 18, 28, 0.58) 70%, transparent 100%); }
  .gp { background-color: var(--void2); background-image: linear-gradient(90deg, rgba(139, 147, 255, 0.022) 1px, transparent 1px), linear-gradient(rgba(139, 147, 255, 0.016) 1px, transparent 1px); }
  .gp--1::before,
  .gp--3::before,
  .gp--5::before { background: radial-gradient(62% 72% at 18% 52%, rgba(108, 124, 245, 0.11), transparent 66%); }
  .gp--2::before,
  .gp--4::before { background: radial-gradient(62% 72% at 82% 52%, rgba(52, 211, 180, 0.085), transparent 66%); }
  .gp::after,
  .gp--2::after,
  .gp--4::after { background: radial-gradient(circle at 50% 45%, rgba(108, 124, 245, 0.13), rgba(52, 211, 180, 0.035) 38%, transparent 71%); }
  .gp__ghost { -webkit-text-stroke-color: rgba(139, 147, 255, 0.095); }
  .gp__ts,
  .gp--2 .gp__ts,
  .gp--4 .gp__ts { color: var(--uv2); }

  .sd { background: #0c0f18; }
  .sd__atmos { background: radial-gradient(50% 46% at 50% 44%, rgba(108, 124, 245, 0.14), transparent 70%), radial-gradient(42% 42% at 72% 78%, rgba(52, 211, 180, 0.055), transparent 70%); }
  .dg[data-i="2"] .hl,
  .sd__foot em { color: var(--rose2); }
  .wave { filter: drop-shadow(0 0 24px rgba(108, 124, 245, 0.42)); }
  .wave i { background: linear-gradient(180deg, var(--uv2), #626b8b); }
  .orb__i { background: radial-gradient(50% 50% at 50% 50%, rgba(139, 147, 255, 0.75), rgba(108, 124, 245, 0.18) 48%, transparent 72%); }

  .sk { background: var(--void); }
  .sk::before { background: radial-gradient(52% 52% at 50% 50%, rgba(108, 124, 245, 0.12), transparent 70%), radial-gradient(38% 38% at 78% 22%, rgba(52, 211, 180, 0.045), transparent 65%); }
  .footwrap { background: #090b12; }
  .gallery { background: radial-gradient(62% 80% at 50% 48%, rgba(108, 124, 245, 0.16), transparent 70%), #090b12; }
  .gallery::before { background: linear-gradient(90deg, #090b12, transparent); }
  .gallery::after { background: linear-gradient(270deg, #090b12, transparent); }
}