/* Glass Light: luminous bevels and a quiet, frosted surface from reference 04.
   Decorative SVG stays beneath every puzzle mark and never takes pointer input. */
.glass-detail {display:none;pointer-events:none;}
:root[data-theme="glass"] :is(#board,#target,#stamp) .glass-detail,
.skin-preview[data-material="glass"] .glass-detail {display:block;}

:root[data-theme="glass"],.skin-preview[data-material="glass"] {
  --board:#e4ece733;
  --muted:#61756e;
  --line:#7caa9b;
  --accent:#527f72;
  --soft:#dcece359;
  --control-line:#a1b6aa88;
  --control-hover:#f9fff2aa;
  --target-line:#8aab9d;
  --empty:#a0afa6;
  --board-empty:#95a49b;
  --stamp-empty:#8fa89b;
  --won-board:#e2f1e64d;
  --won-line:#70a58c;
}

:root[data-theme="glass"] {font-family:"Segoe UI",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;}
:root[data-theme="glass"] .masthead h1 {font-family:Georgia,'Times New Roman',serif;}
:root[data-theme="glass"] .reference figcaption,
:root[data-theme="glass"] .instructions {color:var(--muted);letter-spacing:.015em;}
:root[data-theme="glass"] .title-rule {background:linear-gradient(90deg,transparent,#88a69a70 15%,#88a69a70 85%,transparent);}

:root[data-theme="glass"] .material-tile,
.skin-preview[data-material="glass"] .preview-tile {stroke:#fffdf7b3;stroke-width:.7;}
:root[data-theme="glass"] #board .material-tile,
.skin-preview[data-material="glass"] .preview-tile {
  transform-box:fill-box;transform-origin:center;transform:scale(1.025);
}
:root[data-theme="glass"] .material-tile:nth-of-type(3n + 2),
:root[data-theme="glass"] #board .material-tile:nth-of-type(4),
.skin-preview[data-material="glass"] .preview-tile:nth-of-type(3n),
.skin-preview[data-material="glass"] .preview-tile:nth-of-type(5) {fill:url('#glass-glaze-cool');}
:root[data-theme="glass"] .material-tile:nth-of-type(3n),
.skin-preview[data-material="glass"] .preview-tile:nth-of-type(3n + 1) {fill:url('#glass-glaze-warm');}

:root[data-theme="glass"] .board-wrap {
  box-shadow:none;
  filter:drop-shadow(-5px 7px 5px #667d701a) drop-shadow(0 2px 1px #a88e631c);
}
:root[data-theme="glass"] .board-bg {stroke-width:1;}
:root[data-theme="glass"] #board .anchor {display:none;}
:root[data-theme="glass"] #target {filter:drop-shadow(-2px 3px 3px #819b7624);}
:root[data-theme="glass"] #stamp {filter:drop-shadow(-2px 3px 3px #819b762b);}
:root[data-theme="glass"] .target-frame {fill:#f9faf044;}
:root[data-theme="glass"] .stamp-frame {fill:var(--soft);}
:root[data-theme="glass"] #stamp .mini-outline {stroke:#719e8c;stroke-width:1.5;}
:root[data-theme="glass"] :is(#target,#stamp) .glass-detail {opacity:.7;}
:root[data-theme="glass"] .same-pattern #stamp .mini-outline {stroke:var(--accent);stroke-width:3;}

:root[data-theme="glass"] .controls .icon {
  border-radius:999px;
  background:linear-gradient(135deg,#f9fcf380,#edf4ed40 55%,#fff7e6a1);
  border-color:var(--control-line);
  box-shadow:inset 1px 1px 2px #ffffffe0,inset -1px -1px 2px #d4e2d27a,-3px 4px 6px #84928120;
}
.skin-preview[data-material="glass"] svg {filter:drop-shadow(-3px 4px 4px #7689742b);}

@media (max-height:620px), (max-width:350px) {
  :root[data-theme="glass"] .instructions {font-size:12px;letter-spacing:0;}
}