/* ═══════════════════════════════════════════════════════════════════════
   FLAT EXPERIMENT — switch off the 3D / "chunky" look (mdxs only)
   ───────────────────────────────────────────────────────────────────────
   Loads LAST so it wins. Every Glass Lagoon shadow is a normal (non-
   !important) box-shadow, and an !important declaration always beats a
   normal one regardless of specificity — so one universal rule flattens the
   whole candy-bevel + glossy-inset + drop-shadow system at once, without
   having to touch the ~57 individual rules in glass-skin.css.

   Kept on purpose:
     • text-shadows  → legibility (labels over water, etc.)
     • focus rings   → keyboard accessibility (restored below)
     • the app's own soft modal/menu elevation (its !important shadows)

   TO REVERT to the 3D look: comment out the <link> to this file in
   index.html. Nothing else changes.
   ═══════════════════════════════════════════════════════════════════════ */

*,
*::before,
*::after {
  box-shadow: none !important;
}

/* restore a visible keyboard-focus ring (accessibility) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  box-shadow: 0 0 0 3px rgba(66, 129, 242, 0.4) !important;
}

/* Remove the glossy specular "smudge" — the blurred white radial the skin
   paints top-left of every card via .card-front::after / .card-back::before.
   It's part of the 3D/glossy look, so it goes with the flat experiment.
   (.card-back::after is the app's shared-answer dot — deliberately untouched.) */
.card-front::after,
.card-back::before {
  display: none !important;
}