/* FC TACTIC — Liquid Glass, central system (TeeO 2026-10-31: "ลิควิดกลาส" — not a plain Gaussian blur).
   Add data-liquid-glass to any floating panel. Every browser gets the thick-glass look: low tint, light blur with boosted
   colour, a curved rim (bright top-left edge, darker lower edge) and a specular sheen. Chromium browsers also get real edge
   refraction from players/liquid-glass.js (an SVG lens map per element; Safari cannot run url() filters in backdrop-filter,
   so iPhones keep the CSS glass). The panel needs its own border-radius and position (fixed/absolute/relative). */
[data-liquid-glass]{
  --lg-tint:rgba(8,26,15,.30);
  isolation:isolate;
  background:linear-gradient(160deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 38%,rgba(255,255,255,.02) 62%,rgba(255,255,255,.08) 100%),var(--lg-tint);
  -webkit-backdrop-filter:blur(7px) saturate(1.9) brightness(1.06);
  backdrop-filter:blur(7px) saturate(1.9) brightness(1.06);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:
    inset 1.5px 1.5px 0 rgba(255,255,255,.55),
    inset -1px -1px 0 rgba(255,255,255,.18),
    inset 0 -10px 18px -10px rgba(0,0,0,.35),
    inset 0 10px 22px -12px rgba(255,255,255,.22),
    0 14px 40px rgba(0,0,0,.42),
    0 2px 6px rgba(0,0,0,.25);
}
/* Specular sheen across the upper half, like light on a curved glass top. */
[data-liquid-glass]::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:
    radial-gradient(120% 90% at 12% -10%,rgba(255,255,255,.30),rgba(255,255,255,0) 46%),
    radial-gradient(80% 60% at 100% 120%,rgba(255,255,255,.10),rgba(255,255,255,0) 55%);
  mix-blend-mode:screen;
}
/* Text on glass stays readable over bright artwork. */
[data-liquid-glass] :where(strong,small,span,p,h2,h3){text-shadow:0 1px 2px rgba(0,0,0,.45)}
/* Chromium: the lens filter (liquid-glass.js) bends the backdrop at the rim, so the blur can be lighter. */
[data-liquid-glass].lg-refract{-webkit-backdrop-filter:var(--lg-filter);backdrop-filter:var(--lg-filter)}
@media (prefers-reduced-transparency:reduce){
  [data-liquid-glass],[data-liquid-glass].lg-refract{--lg-tint:rgba(6,20,12,.92);-webkit-backdrop-filter:none;backdrop-filter:none}
}