/* Every nature card mounts the same monitor, menu bar, and window system. */
.mosaic-card .green-card-art{padding:12px 0!important;overflow:visible!important;display:flex!important;align-items:center;justify-content:center}
.green-card-visual{width:100%;height:100%;min-height:0;display:grid;place-items:center}
.green-card-visual .sd-monitor{width:min(100%,850px);height:auto;flex:none}
.green-card-visual .sd-display{background-position:center;background-size:cover;background-repeat:no-repeat}
.green-card-visual .sd-monitor:not([data-palette="electric"]) .sd-display::before,.green-card-visual .sd-monitor:not([data-palette="electric"]) .sd-display::after{display:none}
.green-card-visual .sd-monitor[data-palette="green-treetops"] .sd-display{background-image:linear-gradient(#ffffff0d,#ffffff0d),url('assets/desktop-wallpapers/green-treetops.jpg?v=2');background-position:center 49%}
.green-card-visual .sd-monitor[data-palette="green-woodland"] .sd-display{background-image:linear-gradient(#ffffff0a,#ffffff0a),url('assets/desktop-wallpapers/green-woodland-path.jpg?v=2');background-position:center 51%}
.green-card-visual .sd-monitor[data-palette="green-canada"] .sd-display{background-image:linear-gradient(#ffffff08,#ffffff08),url('assets/desktop-wallpapers/green-canada-aerial.jpg?v=2');background-position:center 50%}
.green-card-visual .sd-monitor[data-palette="green-meadow"] .sd-display{background-image:linear-gradient(#ffffff12,#ffffff12),url('assets/desktop-wallpapers/green-alpine-meadow.jpg?v=2');background-position:center 62%}
.green-card-visual .sd-monitor[data-palette="green-turkey"] .sd-display{background-image:linear-gradient(#ffffff16,#ffffff16),url('assets/desktop-wallpapers/green-turkey-aerial.jpg?v=2');background-position:center 52%}
.green-card-visual .sd-monitor[data-palette="green-clearing"] .sd-display{background-image:linear-gradient(#dfffad55,#dfffad55),url('assets/desktop-wallpapers/green-clearing.jpg?v=2');background-position:center 55%}
.green-card-visual .sd-monitor[data-green-scene="browserLayouts"] .sd-music,
.green-card-visual .sd-monitor[data-green-scene="detachTab"] .sd-music,
.green-card-visual .sd-monitor[data-green-scene="playing"] .sd-music,
.green-card-visual .sd-monitor[data-green-scene="competingAudio"] .sd-music,
.green-card-visual .sd-monitor[data-green-scene="desktopIcons"] .sd-browser,
.green-card-visual .sd-monitor[data-green-scene="desktopIcons"] .sd-finder{display:none}
.mosaic-card[data-setting="browserLayouts"] .green-card-visual .sd-monitor{width:min(100%,720px)}
.green-card-visual .sd-monitor[data-green-scene="browserLayouts"] .green-browser-primary{left:5%;top:15%;width:43%;height:65%}
.green-card-visual .sd-monitor[data-green-scene="browserLayouts"] .green-browser-secondary{left:52%;top:15%;width:43%;height:65%}
.green-card-visual .sd-monitor[data-green-scene="browserLayouts"] .sd-browser-content{font-size:clamp(7px,.94cqi,14px)}
.green-card-visual .sd-monitor[data-green-scene="browserLayouts"] .sd-editorial{gap:3%}
.green-card-visual .sd-monitor[data-green-scene="browserLayouts"] .sd-editorial-copy b{font-size:1.35em}
.green-card-visual .sd-monitor[data-green-scene="browserLayouts"] .sd-editorial-copy small{font-size:.75em}
.green-card-visual .sd-monitor[data-green-scene="browserLayouts"] .sd-editorial-copy span{font-size:.65em}
.green-card-visual .sd-monitor[data-green-scene="browserLayouts"] .sd-toolbar{font-size:clamp(6px,.85cqi,12px)}
.green-card-visual .sd-monitor[data-green-scene="browserLayouts"] .sd-tabs{font-size:clamp(5px,.73cqi,10px)}
.green-card-visual .sd-monitor[data-green-scene="detachTab"] .green-browser-primary{left:7%;top:13%;width:61%;height:69%}
.green-card-visual .sd-monitor[data-green-scene="detachTab"] .green-browser-secondary{left:45%;top:25%;width:49%;height:58%;z-index:3}
.green-card-visual .sd-monitor[data-green-scene="detachTab"] .green-browser-secondary .sd-browser-content{font-size:clamp(7px,.95cqi,14px)}
.green-card-visual .sd-monitor[data-green-scene="detachTab"] .green-browser-secondary .sd-editorial-copy b{font-size:1.45em}
.green-card-visual .sd-monitor[data-green-scene="detachTab"] .green-browser-secondary .sd-editorial-copy span{font-size:.69em}
.green-card-visual .sd-monitor[data-green-scene="playing"] .sd-browser{left:10%;top:14%;width:69%;height:69%}
.green-sound-cue{position:absolute;right:5%;bottom:14%;z-index:3;display:flex;align-items:center;gap:.65em;padding:.7em 1em;border:1px solid #d4c7ab;border-radius:999px;background:#fffbf2f2;box-shadow:0 4px 12px #162a2533;color:#57442e;font-size:clamp(8px,1.1cqi,15px);font-weight:700}
.green-sound-cue span:first-child{color:#2c846a;font-size:1.3em}
.green-card-visual .sd-monitor[data-green-scene="competingAudio"] .green-browser-primary{left:5%;top:11%;width:56%;height:64%}
.green-card-visual .sd-monitor[data-green-scene="competingAudio"] .green-browser-secondary{left:45%;top:21%;width:50%;height:60%;z-index:2}
.green-card-visual .sd-monitor[data-green-scene="competingAudio"] .sd-browser-content{font-size:clamp(7px,.9cqi,13px)}
.green-card-visual .sd-monitor[data-green-scene="competingAudio"] .sd-editorial-copy b{font-size:1.4em}
.green-card-visual .sd-monitor[data-green-scene="competingAudio"] .sd-editorial-copy span{font-size:.68em}
.green-card-visual .sd-monitor[data-green-scene="competingAudio"] .sd-alert{z-index:4;right:3%;bottom:6%;width:43%;padding:1.5%}
.green-desktop-icons{position:absolute;right:5%;top:13%;display:flex;flex-direction:column;gap:1.8cqi;z-index:2}
.green-desktop-item{width:8.8cqi;display:flex;flex-direction:column;align-items:center;gap:.35cqi;color:#fff;text-shadow:0 1px 3px #102d20,0 1px 7px #102d20;font-size:clamp(7px,.92cqi,13px);font-weight:600;white-space:nowrap}
.green-folder{width:4.3cqi;height:3.2cqi;position:relative;display:block;background:linear-gradient(#7bdbff,#35a8e5);border:1px solid #2879a6;border-radius:.35cqi;box-shadow:0 2px 5px #092f3c44,inset 0 1px #d5f8ff}
.green-folder::before{content:"";position:absolute;left:.3cqi;top:-.55cqi;width:1.6cqi;height:.7cqi;background:#62bce7;border:1px solid #2879a6;border-bottom:0;border-radius:.25cqi .25cqi 0 0}
.green-document{width:3.4cqi;height:3.7cqi;display:block;border:1px solid #bfc4bd;background:linear-gradient(135deg,#fff 0 78%,#dce5e0 78%);border-radius:.2cqi;box-shadow:0 2px 5px #092f3c44}
.green-document::after{content:"";display:block;width:60%;height:1px;margin:1.5cqi auto;background:#9aa9ac;box-shadow:0 .55cqi #9aa9ac,0 1.1cqi #9aa9ac}
.green-card-visual .sd-monitor[data-green-scene="desktopIcons"] .green-desktop-icons{animation:green-icons-disappear 5s ease-in-out infinite}
@keyframes green-icons-disappear{0%,34%{opacity:1}42%,78%{opacity:0}86%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.green-card-visual .sd-monitor[data-green-scene="desktopIcons"] .green-desktop-icons{animation:none}}

/* Owner review: show only the app windows, with no monitor or desktop behind them. */
.mosaic-card:is([data-setting="playing"],[data-setting="headphoneBalance"]) .green-card-art{
  --art-gutter:clamp(22px,2.25vw,38px);
  width:calc(100% + 2 * var(--art-gutter));
  margin-left:calc(-1 * var(--art-gutter));
  margin-right:calc(-1 * var(--art-gutter));
  padding:0!important;
  overflow:hidden!important;
}
.mosaic-card:is([data-setting="playing"],[data-setting="headphoneBalance"]) .green-card-visual .sd-monitor{
  width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;padding:0;background:none;box-shadow:none;
}
.mosaic-card:is([data-setting="playing"],[data-setting="headphoneBalance"]) .green-card-visual .sd-display{
  border:0;border-radius:0;background:none!important;background-image:none!important;
}
.mosaic-card:is([data-setting="playing"],[data-setting="headphoneBalance"]) .green-card-visual .sd-menubar{display:none}
.mosaic-card[data-setting="playing"] .green-card-visual .sd-browser{left:7%;top:8%;width:82%;height:78%}
.mosaic-card[data-setting="browserLayouts"] .green-card-visual .sd-window{top:15%;height:65%}
.mosaic-card[data-setting="headphoneBalance"] .green-card-visual .sd-music{left:7%;top:9%;width:62%;height:70%}
.mosaic-card[data-setting="headphoneBalance"] .green-card-visual .sd-alert{right:4%;bottom:9%;width:54%}
.mosaic-card[data-setting="notes"] .bezel-free-notes-art{
  --art-gutter:clamp(22px,2.25vw,38px);
  width:calc(100% + 2 * var(--art-gutter));
  margin-left:calc(-1 * var(--art-gutter));
  margin-right:calc(-1 * var(--art-gutter));
  padding:0!important;
  overflow:hidden!important;
  border:0;
  background:transparent;
}
.mosaic-card[data-setting="notes"] .bezel-free-notes-art img{
  display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;
}

/* One Electric Blue desktop shell across the selected settings. */
.green-card-visual .sd-monitor[data-palette="electric"] .sd-display::before,
.green-card-visual .sd-monitor[data-palette="electric"] .sd-display::after{display:block}
.green-card-visual .sd-monitor[data-palette="electric"] .sd-menubar{background:#e9f5ffe8;border-bottom-color:#a9d2ef;color:#153754}
.green-card-visual .sd-monitor[data-palette="electric"]{border-color:#8ca8c4;background:linear-gradient(135deg,#f8fcff,#c9ddeb 66%,#f1faff);box-shadow:0 10px 24px #1b4c7724}
.green-card-visual .sd-monitor[data-green-scene="notes"] .sd-window,
.green-card-visual .sd-monitor[data-green-scene="notes"] .sd-alert{display:none}
.electric-notes-window{position:absolute;z-index:3;left:8%;top:14%;width:84%;height:75%;object-fit:contain;filter:drop-shadow(0 12px 14px #082e7360)}