/* Local overlay. Only filled, unsolved panes receive the new material. */
:root[data-glass-trial]:not([data-glass-trial='original']) body:not(.solved-phase-1) #screen-game .cell.filled {
    background:
        linear-gradient(var(--pane-angle), transparent 28%, rgb(237 255 228 / var(--pane-shine)) 30%, rgb(237 255 228 / .04) 38%, transparent 40%),
        radial-gradient(ellipse at var(--pane-shift) 0%, #b9dfb766, transparent 75%),
        linear-gradient(160deg, hsl(var(--pane-hue) 31% var(--pane-light)), #174530);
    border-color:#183b2a;
    box-shadow:inset 0 1px 0 #d8f4caab, inset 1px 0 0 #b2db9f70, inset 0 -2px 1px #0c2b20b0, inset -1px 0 0 #102f2480;
}
:root[data-glass-trial]:not([data-glass-trial='original']) body:not(.solved-phase-1) #screen-game .cell.filled::before,
:root[data-glass-trial]:not([data-glass-trial='original']) body:not(.solved-phase-1) #screen-game .cell.filled::after {
    content:'';display:block;position:absolute;pointer-events:none;animation:none;transform:none;clip-path:none;
}
:root[data-glass-trial]:not([data-glass-trial='original']) body:not(.solved-phase-1) #screen-game .cell.filled::before {
    display:none;
}
:root[data-glass-trial]:not([data-glass-trial='original']) body:not(.solved-phase-1) #screen-game .cell.filled::after {
    inset:2px 2px auto;height:1px;background:linear-gradient(90deg,transparent,#efffe9a3 var(--pane-shift),transparent);opacity:1;
}
:root[data-glass-trial='rippled'][data-glass-trial] body:not(.solved-phase-1) #screen-game .cell.filled {
    background:
        radial-gradient(ellipse at var(--pane-shift) 10%, #c6e2b638, transparent 72%),
        linear-gradient(165deg,hsl(var(--pane-hue) 32% var(--pane-light)),#143e2e);
}
:root[data-glass-trial='rippled'][data-glass-trial] body:not(.solved-phase-1) #screen-game .cell.filled::before {
    display:block;inset:-1px;opacity:var(--reflection-strength);
    background:url('assets/glass/window-reflection.svg') no-repeat;
    background-size:var(--reflection-width) var(--reflection-height);
    background-position:var(--reflection-offset-x) var(--reflection-offset-y);
}
:root[data-glass-trial='rippled'] .trial-cell-glint {
    inset:-1px;background:url('assets/glass/window-reflection.svg') no-repeat;
    background-size:var(--reflection-width) var(--reflection-height);
    background-position:var(--reflection-offset-x) var(--reflection-offset-y);
}
:root[data-glass-trial='jewel'][data-glass-trial] body:not(.solved-phase-1) #screen-game .cell.filled {
    background:
        linear-gradient(var(--pane-angle),transparent 45%,#f1ffe260 46%,#efffd913 49%,transparent 51%),
        conic-gradient(from 25deg at var(--pane-shift) 38%,#e2f9bb26 0deg 90deg,#0e332d40 90deg 192deg,#8fcea126 192deg 285deg,#cdeab136 285deg),
        linear-gradient(150deg,hsl(var(--pane-hue) 38% var(--pane-light)),#103d2d);
    box-shadow:inset 0 2px 0 #dcf8cdab,inset 2px 0 0 #a3d4a183,inset 0 -2px 0 #0b3024cc,inset -2px 0 0 #112e2599;
}
.trial-cell-glint {position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(112deg,transparent 38%,#f7ffe9b3 48%,#f4ffdf33 53%,transparent 62%);z-index:2;}
.trial-reward-light {display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none;transform:translateZ(1px);}
:root[data-glass-trial]:not([data-glass-trial='original']) .trial-reward-light {display:block;}
.trial-reward-light::before {content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--reflection-x,38%) var(--reflection-y,45%),#fffbe814,transparent 64%),linear-gradient(122deg,transparent 23%,#fff9df0a 26%,#fffee224 29%,#fffff009 34%,transparent 38%);}
:root[data-glass-trial='rippled'] .trial-reward-light::before {background:url('assets/glass/window-reflection.svg') no-repeat;background-size:145% 145%;background-position:var(--reflection-x,38%) var(--reflection-y,45%);opacity:.14;}
:root[data-glass-trial='jewel'] .trial-reward-light::before {background:radial-gradient(ellipse at var(--reflection-x,38%) var(--reflection-y,45%),#ffffdc1f,transparent 65%),linear-gradient(127deg,transparent 20%,#ffffe92b 21%,#fffde912 24%,transparent 26%);box-shadow:inset 1px 1px 0 #fffcdc66,inset -1px -1px 0 #0c2c3c66;}
.trial-reward-sweep {position:absolute;inset:-12%;background:linear-gradient(116deg,transparent 29%,#ffffe81c 37%,#ffffec99 44%,#fffcd529 48%,transparent 59%);pointer-events:none;}
:root[data-glass-trial='rippled'] .trial-reward-sweep {inset:0;background:url('assets/glass/window-reflection.svg') no-repeat;background-size:145% 145%;background-position:var(--reflection-x,38%) var(--reflection-y,45%);}
:root[data-glass-trial='jewel'] .trial-reward-sweep {background:linear-gradient(125deg,transparent 41%,#ffffecb3 45%,#fffde654 47%,transparent 49%);}
.trial-options {display:grid;gap:8px;padding:10px 0;border-top:1px solid #98734366;font:14px Georgia,serif;}
.trial-options select {font:inherit;padding:7px;color:#1b3d29;background:#fff4d6;border:1px solid #8c774d;border-radius:4px;}
:root[data-glass-trial] body.solved-phase-1 #screen-game #game-options-button {display:block;position:fixed;top:max(14px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));z-index:30;}
:root[data-glass-trial] body.solved-phase-1 #screen-game #game-options:is(:popover-open,[data-open='true']) {display:flex;}
:root[data-glass-trial] body.solved-phase-1 #game-options > :not(.trial-options) {display:none;}
:root[data-glass-trial] body.solved-phase-1 .trial-options {border:0;padding:4px;}
:root[data-glass-trial] body:not(.solved-phase-1) .trial-replay-light {display:none;}
:root[data-glass-trial] #game-options .trial-replay-light {font:14px Georgia,serif;padding:7px;background:#fff4d6;color:#26462f;border:1px solid #ad9565;border-radius:4px;min-height:36px;box-shadow:none;transform:none;}
:root[data-glass-trial] #game-options .trial-replay-light[hidden] {display:none;}
@media (prefers-reduced-motion:reduce) {.trial-cell-glint,.trial-reward-sweep {display:none;}}