/* The effects are lighting for the collection. Reading areas stay still and clear. */
.playground-home { --gallery-accent:#6652e8;--gallery-rim:#e5b8f4;--gallery-cool:#a5d9e4;--gallery-pool:#d2c3ef;--gallery-label:#fcfafe;transition:background-color 700ms,color 700ms; }
.light-desk { display:flex;flex-direction:column;gap:7px;align-items:flex-start; }
.light-desk>span { font:9px/1.4 'Courier New',monospace;letter-spacing:.08em;color:var(--muted); }
.light-desk>div { display:flex;gap:4px; }
.light-desk button { display:flex;align-items:center;gap:6px;min-height:35px;border:1px solid transparent;background:transparent;border-radius:24px;padding:7px 12px;font-size:12px;transition:background 350ms,border-color 350ms,color 350ms; }
.light-desk button>span {font-size:18px;line-height:1;}
.light-desk button[aria-pressed=true] {border-color:#a99abf;background:#fbf9ff;color:#49349d;box-shadow:0 2px 0 #76618f12;}
.light-desk button:hover {border-color:#b6a5c7;}
.playground-intro>p { font-size:15px;line-height:1.55; }
.orbit-stage h1>span,.orbit-stage h1>i {color:var(--gallery-accent);}
.orbit-atmosphere { position:absolute;inset:0;overflow:hidden;z-index:-2;pointer-events:none; }
.light-pool {position:absolute;inset:12% -4% -15%;background:radial-gradient(ellipse 48% 52% at var(--light-x,55%) var(--light-y,63%),var(--gallery-pool) 0%,#d7e4ed55 48%,transparent 78%);opacity:.75;transition:opacity 500ms;}
.light-pool-secondary {position:absolute;left:12%;right:0;top:46%;height:48%;background:radial-gradient(ellipse at 75% 50%,var(--gallery-cool),transparent 65%);opacity:.28;transform:rotate(-8deg);}
.response-lines {position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--gallery-accent);stroke-width:.8;opacity:0;transform-origin:50% 68%;}
.selection-response {position:absolute;inset:0;z-index:55;pointer-events:none;}
.selection-response>span {position:absolute;color:var(--gallery-accent);font:26px/1 Georgia,serif;opacity:0;}
.orbit-item img {transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--touch-scale,1));transition:transform 650ms cubic-bezier(.2,.75,.25,1),filter 700ms;transform-origin:50% 65%;}
.orbit-item-label {background:var(--gallery-label);border-color:#ada1bd;transition:background 450ms,color 450ms,border-color 450ms;}
.orbit-item[aria-current=true] .orbit-item-label {background:var(--gallery-accent);border-color:var(--gallery-accent);}
.response-symbol {display:block;font:30px/1.2 Georgia,serif;color:var(--gallery-accent);margin-bottom:6px;}
#orbit-note-copy {display:block;}
.playground-home[data-gallery-light=studio] {--paper:#eeecf1;--gallery-pool:#ded7e9;--gallery-rim:#bdc9d7;}
[data-gallery-light=studio] .light-pool {opacity:.3;}
[data-gallery-light=studio] .light-pool-secondary {opacity:.05;}
.playground-home[data-gallery-light=prism] {--paper:#eae6f3;}
[data-gallery-light=prism] .orbit-item img {filter:drop-shadow(-5px 4px 0 #ceade545) drop-shadow(5px 0 0 #9acbd23b) drop-shadow(0 23px 15px #33234b22);}
[data-gallery-light=prism] .orbit-item:hover img {filter:drop-shadow(-5px 3px 0 #d8b3e16b) drop-shadow(6px 0 0 #8cd1db55) drop-shadow(0 27px 17px #33234b28);}
.playground-home[data-gallery-light=night] {--paper:#172335;--ink:#eeedf4;--muted:#b3bed1;--line:#566074;--gallery-accent:#c9e9a6;--gallery-rim:#91cce1;--gallery-cool:#57657e;--gallery-pool:#64558b;--gallery-label:#243248;color:#eeedf4;}
[data-gallery-light=night] .masthead {border-color:#566074;color:#eeedf4;}
[data-gallery-light=night] .identity-dot {background:var(--gallery-accent);}
[data-gallery-light=night] .pointer-toggle {border-color:#718199;}
[data-gallery-light=night] .orbit-stage h1 {color:#edeef4;}
[data-gallery-light=night] .orbit-track {border-color:#7283a27d;}
[data-gallery-light=night] .orbit-track:before {border-color:#6074976b;}
[data-gallery-light=night] .orbit-note {color:#b5c6d6;}
[data-gallery-light=night] .orbit-item img {filter:brightness(1.09) contrast(1.02) drop-shadow(0 4px 2px #d7e7ff14) drop-shadow(0 24px 16px #0007);}
[data-gallery-light=night] .orbit-item-label {color:#e9eef7;border-color:#6e7c94;}
[data-gallery-light=night] .orbit-item[aria-current=true] .orbit-item-label {color:#172335;}
[data-gallery-light=night] .light-desk button[aria-pressed=true] {background:#c9e9a6;border-color:#c9e9a6;color:#172335;}
[data-gallery-light=night] .light-desk button:hover {border-color:#879ab1;}
[data-gallery-light=night] .arrange-control {background:#243248;}
[data-gallery-light=night] .arrange-control button[aria-pressed=true] {background:#dfebf2;color:#172335;}
[data-gallery-light=night] .gesture-icon {border-color:#74859d;}
[data-gallery-light=night] .playground-next {background:#c9e9a6;color:#172335;}
[data-gallery-light=night] .exhibition-heading h2 em {color:#c9e9a6;}
/* Only the exhibition is lit at night; the evidence pages retain readable original project colours. */
[data-gallery-light=night] .exhibit-space,[data-gallery-light=night] .exhibit-body,[data-gallery-light=night] .exhibit-play,[data-gallery-light=night] .material-exploration,[data-gallery-light=night] .field-about {color:#24212b;}
[data-gallery-light=night] .footer-name,[data-gallery-light=night] .footer-top,[data-gallery-light=night] .footer-bottom {color:#f3f0ff;}
.playground-home .project-pointer {background:#fbf9ff;color:#4e3e68;border-color:#ad9ec1;}
.playground-home .pointer-toggle svg {color:#7860cc;}
@media(max-width:700px){.playground-intro{display:flex;flex-direction:column;gap:14px;}.playground-intro>p{font-size:15px;margin:0;}.light-desk{gap:5px;}.light-desk button{min-height:40px;padding:7px 11px;font-size:12px;}.light-desk>span{font-size:9px;}.response-symbol{font-size:23px;}.selection-response>span{font-size:21px;}.light-pool{inset:0 -25% -5%;}.light-pool-secondary{opacity:.17;}}
@media(prefers-reduced-motion:reduce){.playground-home,.orbit-item img,.orbit-item-label,.light-desk button{transition:none;}.orbit-item img{transform:none!important;}.light-pool{background-position:center!important;}.selection-response,.response-lines{display:none;}}
@media(forced-colors:active){.orbit-atmosphere,.selection-response{display:none;}.orbit-item img{filter:none!important;}.light-desk button[aria-pressed=true]{outline:2px solid ButtonText;}.playground-home{transition:none;}}