/* phase.css — time-of-day atmosphere, driven by body[data-phase] (applyPhaseTheme in game-render.js).
   Kept in its own file so these rules aren't disturbed by edits to styles.css.
   NOTE (2026-07-07): the screen-wide glow used to live on #screen-game::before, which covered the
   right action panel too — its elliptical edge showed up as a dark vertical band on the sidebar.
   It is now scoped to .game-left (the board column) so the sidebar stays even-toned. */
#screen-game{position:relative}
.game-left{position:relative}
.barea::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:4;opacity:0;
  mix-blend-mode:soft-light;transition:background 1.1s ease,opacity 1.1s ease}
.game-left::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:60;opacity:0;
  transition:background 1.1s ease,opacity 1.1s ease}

/* Birdsong — dawn: warm yellow/orange */
body[data-phase=birdsong] .barea::after{opacity:.85;
  background:linear-gradient(180deg,rgba(255,196,92,.9),rgba(255,140,66,.32) 55%,rgba(255,120,60,0))}
body[data-phase=birdsong] .game-left::before{opacity:1;
  background:radial-gradient(130% 60% at 50% 0%,rgba(255,170,70,.14),transparent 60%)}
body[data-phase=birdsong] .hint-bar{background:linear-gradient(180deg,rgba(120,70,12,.55),rgba(60,38,8,.3))}

/* Daylight — day: bright light blue */
body[data-phase=daylight] .barea::after{opacity:.7;
  background:linear-gradient(180deg,rgba(150,212,255,.85),rgba(120,180,240,.24) 55%,rgba(120,180,240,0))}
body[data-phase=daylight] .game-left::before{opacity:1;
  background:radial-gradient(130% 60% at 50% 0%,rgba(150,205,255,.12),transparent 60%)}
body[data-phase=daylight] .hint-bar{background:linear-gradient(180deg,rgba(30,70,110,.4),rgba(18,40,66,.25))}

/* Evening — night: violet → black */
body[data-phase=evening] .barea::after{opacity:.9;
  background:linear-gradient(180deg,rgba(78,46,130,.6),rgba(26,16,52,.72) 62%,rgba(8,5,22,.82))}
body[data-phase=evening] .game-left::before{opacity:1;
  background:radial-gradient(130% 70% at 50% 0%,rgba(96,64,168,.16),transparent 55%),linear-gradient(180deg,transparent 58%,rgba(8,5,22,.4))}
body[data-phase=evening] .hint-bar{background:linear-gradient(180deg,rgba(40,24,72,.6),rgba(16,10,34,.4))}

/* User opt-out (Settings → Phase Lighting) */
body.phase-off .barea::after,
body.phase-off .game-left::before{opacity:0!important}