/* Reference direction: PoolOS windows, Nintendo's framed media, tiny web buttons.
   Preserve the purple desktop. Original interface art + the owner's frames only. */
body{background:#0b0812}
#world{background:#100d1b;--surface:#21172f;--card-dark:#2a1e38;--edge:#a68bb8;--soft:#e4d6ef;--bright:#efb2d6}
#places,#roll,#area{background-color:#100d1b;background-image:radial-gradient(#bc98d444 .65px,transparent .9px);background-size:31px 31px;color:#f6efff;font-family:'Hyd Instrument',Arial,sans-serif}
#places button,#roll button,#area button,#places input,#area input{font-family:'Hyd Instrument',Arial,sans-serif}
#places button:focus-visible,#roll button:focus-visible,#area button:focus-visible{outline:2px solid #f2b8df;outline-offset:4px}
.places-heading,.map-tools{background:#21172f}
.places-heading{padding:25px 28px 12px}
.places-heading h1,.roll-heading h1,.area-heading h1{color:#f8eefe;text-shadow:1px 2px #886399,3px 4px #352241;font:italic clamp(42px,6vw,72px)/1 Georgia,serif;letter-spacing:-2.5px}
.map-invitation{color:#e1cde9;font:12px/1.4 'Hyd Instrument',Arial,sans-serif;max-width:220px}
.map-invitation svg{filter:drop-shadow(2px 3px #0a0612)}
.map-tools{gap:9px;padding:10px 28px 17px}
.map-tools label{border:1px solid #9677ac;border-radius:5px;background:#100b19;box-shadow:inset 2px 2px #06030d;flex:1 1 320px;max-width:none}
.map-tools input{font:14px 'Hyd Instrument',Arial,sans-serif;color:#fff1ff;min-height:42px}
.map-tools input::placeholder{color:#c5b3d2;opacity:1}
.map-tools label>span{color:#e8caee}
.map-tools button,.collection-tools button,#roll #shuffle-scraps{border:1px solid;border-color:#c7b3d8 #634775 #634775 #c7b3d8;border-radius:3px;background:linear-gradient(#554060,#2e213c);color:#fff0ff;box-shadow:inset 0 1px #e3c8f038,2px 2px #05020b;font-size:12px;padding:9px 12px;min-height:36px}
.map-tools .map-shuffle{background:linear-gradient(#684a79,#3f2850);border-color:#b895d0;color:#fff}
.map-status{font:11px 'Hyd Instrument',Arial,sans-serif;color:#d2bddd;flex-basis:100%;margin:3px 0 0}
.atlas-legend{padding:15px 28px;background:#100d1b;color:#e6d5f1;gap:9px}
.atlas-legend button{background:linear-gradient(#443250,#24182f);border:1px solid #987ba9;box-shadow:inset 0 1px #d4b1e933;color:#f5eaff;border-radius:4px;font:12px 'Hyd Instrument',Arial,sans-serif;padding:8px 12px}
.atlas-legend button[aria-pressed=true]{background:#644974;border-color:#ddc1ed}
.atlas-legend small{font:11px 'Hyd Instrument',Arial,sans-serif;color:#c9b4da}
.atlas-stage .map-wrap{padding-top:33px;border:3px solid;border-color:#d6c3df #57435e #57435e #d6c3df;border-radius:8px 8px 3px 3px;background:#21162e;box-shadow:0 1px 0 #05020a,6px 7px #05020a;margin:0 28px;height:520px;overflow:hidden}
.map-wrap:after{display:none}
.atlas-window-bar{position:absolute;inset:0 0 auto;height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:linear-gradient(#50415e,#251b34 49%,#21132d 50%,#3f2c4d);border-bottom:1px solid #a58bb5;color:#f5ecff;font:11px Tahoma,sans-serif;z-index:700}
.atlas-window-bar>span:first-child{display:flex;align-items:center;gap:8px}.atlas-window-bar svg{width:23px;height:23px}
.atlas-stage #area-map{top:33px;height:calc(100% - 33px);border-radius:0}
.map-wrap .leaflet-control-zoom a{background:linear-gradient(#f0e3f5,#b6a2c4);color:#34203e;border-color:#90769f;text-shadow:none}
.map-wrap .map-marker-inner b{background:linear-gradient(#483254,#24172e);border:1px solid #d3b2e2;border-radius:3px;color:#fff3ff;padding:5px 8px;font:600 11px/1.25 'Hyd Instrument',Arial,sans-serif;box-shadow:2px 2px #0e07176b}
.map-wrap .map-marker-inner>img{border:2px solid #ddc2ed;border-radius:3px 3px 0 0;box-shadow:2px 2px #150d2080}
.map-wrap .map-key{color:#f3e3fa;background:#291c36ed;border:1px solid #a88cbc;border-radius:3px;font:11px 'Hyd Instrument',Arial,sans-serif}
.map-wrap .map-compass{color:#593c68}
#map-selection{border-color:#c6a9d7 #614771 #614771 #c6a9d7;background:#25172f}.map-selection-bar{background:linear-gradient(#685277,#342140);color:#fbecff}.map-selection-body{background:#25172f}#map-selection-title{color:#f8ecff}#map-selection-description,#map-sample-note,#map-empty{color:#dcc5e8}#map-selection-lines button{background:#382543;color:#f2e4fc;border-color:#a586b8}.map-keeps{border-color:#80658d}.map-keeps button{color:#e3c8f1}
.area-directory-head{padding:25px 28px 13px;color:#e7d1f1}.area-directory-head h2{font:italic 30px Georgia;color:#f6e7ff}.area-directory-head>span{font:11px 'Hyd Instrument',Arial;color:#c5b0d3}
#area-directory{padding-inline:28px;gap:16px}.directory-card{background:linear-gradient(140deg,#302039,#191021)!important;color:#fff0ff;border:1px solid #9271a5;border-radius:3px;box-shadow:3px 4px #040209;padding:13px}
.directory-card strong{font:600 17px/1.2 'Hyd Instrument',Arial,sans-serif;color:#fbf0ff}.directory-card small{font:9px 'Hyd Instrument',Arial,sans-serif;letter-spacing:.8px;color:#ceb3de}.directory-card .directory-action{font:11px 'Hyd Instrument',Arial,sans-serif;color:#eab6db}.directory-card img{border:1px solid #9f82b0;filter:none;border-radius:2px}.directory-card .area-symbol{color:#e1b5e2}
.map-footnote{font:11px/1.6 'Hyd Instrument',Arial;color:#c3afcf}.map-footnote a{color:#e5cbf2}
.discovery-results .discovery-result{background:#2a1d38;color:#fff0ff;border-color:#75578a}.discovery-result small{color:#d7bddf}.discovery-result:hover,.discovery-result:focus-visible{background:#463153}
#roll{padding:28px}.roll-heading{margin:0 0 22px}.roll-heading h1{margin:5px 0 22px}.roll-art{opacity:.65}.roll-heading h1 span{color:#eba5d1}
.collection-tools{gap:8px;margin-bottom:21px}.collection-tools button[aria-pressed=true]{background:linear-gradient(#88629a,#563567);border-color:#e2c4f2;color:#fff;transform:none;box-shadow:inset 0 1px #f5d2ff50,2px 2px #04020a}
.collection-tools button:hover{transform:translateY(-2px)}#kept-count{display:inline-grid;place-items:center;min-width:18px;margin-left:4px;font-size:10px;background:#190e22;border:1px solid #91709f;border-radius:3px}
.frame-shelf-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:36px;padding:5px 10px;background:linear-gradient(#ded0e6,#b2a0c0 50%,#cbbed7);border:1px solid;border-color:#fff1ff #6d557c #6d557c #fff1ff;color:#281732;font:11px Tahoma,sans-serif;border-radius:4px 4px 0 0}
.frame-shelf-bar>span:first-child{display:flex;align-items:center;gap:6px}.frame-shelf-bar svg{width:23px;height:23px}.frame-shelf-bar #roll-status{font:11px 'Hyd Instrument',Arial;color:#3e294d;margin-left:auto}
#roll .keepsake-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px;padding:23px 18px 30px;border:1px solid #725783;background:repeating-linear-gradient(0deg,transparent 0 3px,#cda4ef04 3px 4px),#1b1328;align-items:start}
#roll .keepsake-wall .frame-window{display:block;position:relative;min-height:0;min-width:0;margin:0;padding:3px;transform:none;rotate:-1deg;border:1px solid;border-color:#ccb7db #695274 #695274 #ccb7db;border-radius:3px;background:linear-gradient(120deg,#d2c0de,#857094)!important;color:#fff0ff;box-shadow:4px 5px #08050f;transition:rotate .25s,translate .25s,box-shadow .25s;clip-path:none;text-align:left;grid-column:auto;grid-row:auto}
#roll .frame-window:nth-child(3n+2){rotate:1.4deg;margin-top:13px}#roll .frame-window:nth-child(3n){rotate:-.5deg;margin-top:4px}
#roll .frame-window:before,#roll .frame-window:after{display:none}
#roll .frame-window:hover,#roll .frame-window:focus-within{rotate:0deg;translate:0 -3px;box-shadow:5px 8px #050209;z-index:2}
.frame-titlebar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;padding:3px 5px 3px 7px;background:linear-gradient(90deg,#392449,#725381);color:#fff1ff;font:10px Tahoma,sans-serif}
.frame-titlebar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-titlebar .keep-frame{border:1px solid #c6aed6;border-radius:2px;background:linear-gradient(#d6c2e2,#ac8fbf);color:#45204e;font:19px/1 Georgia;padding:1px 5px;min-width:29px;min-height:26px;flex:none}
.frame-titlebar .keep-frame[aria-pressed=true]{background:linear-gradient(#ffc2e1,#c57baf);color:#512142}
.frame-preview{position:relative;display:block;width:100%;padding:0;border:0;background:#100a18;overflow:hidden}
#roll .keepsake-wall .frame-preview img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:none;transition:scale .4s;max-height:none}
.frame-preview:hover img{scale:1.04}.frame-time{position:absolute;bottom:6px;right:6px;font:10px Tahoma;color:#fff;background:#160b22dc;border:1px solid #bc9ad566;padding:4px 6px}
.frame-footer{display:flex;flex-direction:column;gap:8px;background:#21172d;padding:12px 10px;border-top:1px solid #ac8fbc}
.frame-footer strong{font:600 17px/1.2 'Hyd Instrument',Arial,sans-serif;letter-spacing:-.3px;color:#f9ecff}
.frame-footer .frame-watch{align-self:flex-start;border:1px solid #a181b6;border-radius:2px;background:linear-gradient(#483156,#2b1c38);color:#efc5e2;font:11px 'Hyd Instrument',Arial,sans-serif;padding:6px 9px;box-shadow:inset 0 1px #ecc8ff22}
.roll-caption,#roll-empty{font:12px/1.5 'Hyd Instrument',Arial;color:#d2bcdf}.roll-caption{margin:18px 0 0}#roll-empty{padding:35px;border:1px solid #9375a4;margin:0;background:#21162d}
#area .area-heading .hand-label,#area .area-location{color:#cfb6de}.area-finder input{background:#1c1028;color:#fff1ff;border-color:#ad8fc0}.area-actions button{background:linear-gradient(#5c3f6c,#382446);color:#fff1ff;border-color:#c2a2d3}.area-main .film-top{background:#432d52;color:#ffefff}.area-main .hero-journey{border-color:#b79bc7}.area-recording{background:#291c36;border-color:#9e7db1;color:#f9edff}.area-recording small{color:#d9b8e8}.area-recording strong{font-family:'Hyd Instrument',Arial,sans-serif}.note-paper,.objects-link,.area-postcard{background:#2d203b;color:#f4e7ff;border-color:#a78abb}.area-postcard span{color:#ecd7f7}
.clip-stamp svg{width:35px;height:35px;display:block}.clip-stamp{padding:8px;min-width:0}
.player-extras>[data-random=all]>span{font-size:22px;color:#efb2d8}
.cinema-brand{display:flex;align-items:center;gap:5px;min-width:0}.cinema-brand #player-now-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55vw}
.cinema-expanded{overflow:hidden}
.cinema-expanded #world,.cinema-expanded main,.cinema-expanded #cinema{transform:none;translate:none;filter:none;perspective:none;contain:none;animation:none;will-change:auto}
.cinema-expanded .shell,.cinema-expanded .site-footer{visibility:hidden}
.cinema-expanded #world{max-width:none;width:100%;height:100%;background:#100d1b;overflow:hidden}
.cinema-expanded #cinema-view{position:fixed;inset:0;z-index:1500;display:flex;flex-direction:column;height:100dvh;width:100%;background:#100d1b;padding:0;overflow:hidden}
.cinema-expanded .cinema-nav{flex:none;min-height:39px;padding:4px 15px;gap:12px}
.cinema-expanded #cinema .cinema-chrome{flex:1;display:flex;flex-direction:column;min-height:0;margin:0 8px;padding:3px;border-radius:5px;box-shadow:none;overflow:hidden}
.cinema-expanded .cinema-titlebar{height:27px;flex:none;font-size:10px}.cinema-expanded .cinema-titlebar .player-app svg{width:20px;height:20px}
.cinema-expanded #big-screen{flex:1;min-height:0;height:auto;aspect-ratio:auto;width:100%;background:#050306}
.cinema-expanded #journey-video{object-fit:contain}
.cinema-expanded #cinema .transport{flex:none;padding:7px 10px}
.cinema-expanded #cinema .player-extras{flex:none;padding:9px 12px;gap:8px}
.cinema-expanded .cinema-below,.cinema-expanded .chapters,.cinema-expanded .next-stop{display:none}
.cinema-expanded #player-error{margin:0;padding:5px 12px;color:#ffd4e9;background:#452438;flex:none;font-size:12px}
.cinema-expanded .sound-deck{z-index:1800}.cinema-expanded #shuffle-overlay{z-index:1900}
.cinema-expanded .route-window{position:absolute!important;right:12px!important;bottom:12px!important;top:auto!important;left:auto!important;width:215px!important;transform:none!important;margin:0!important}
.cinema-expanded .route-window #journey-map{height:120px!important}.cinema-expanded .route-window small{display:none}.cinema-expanded .route-caption{padding:5px 8px}
#photo-dialog,#story-dialog,#credits-dialog{background:#21162e;color:#f6eaff;border-color:#b291c7}#photo-dialog h2{font:600 25px 'Hyd Instrument',Arial;color:#fff0ff}#photo-dialog p{color:#d8c0e7}#photo-source{color:#f2bbdf}.dialog-close{color:#fff;background:#694a7d}
.site-footer,.web-buttons{background:#160e21;border-color:#715282;color:#dfc6eb}.web-buttons button,.web-badge{background:linear-gradient(#4a365a,#23152e);border-color:#c8afdc;color:#f5dcff}.site-footer a,.site-footer button{color:#e6bddd}
@media(max-width:1000px){#roll .keepsake-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.frame-footer strong{font-size:17px}.cinema-expanded .journey-volume{margin-left:0}.cinema-expanded .player-extras>.deck-launch{margin-left:auto}}
@media(max-width:620px){
 .places-heading{padding:22px 16px 10px;gap:15px}.places-heading h1{font-size:43px}.map-invitation{font-size:10px;max-width:155px}.map-tools{padding:10px 16px 14px}.map-tools label{flex-basis:100%}.map-tools button{font-size:11px;padding:8px 9px}.map-status{font-size:10px}.atlas-legend{padding:13px 16px;gap:6px}.atlas-legend button{padding:7px 8px;font-size:11px}.atlas-legend small{font-size:10px}.atlas-stage .map-wrap{margin:0 12px;height:440px}.atlas-window-bar{font-size:10px}.area-directory-head{padding-inline:16px}#area-directory{padding-inline:16px;gap:12px}.directory-card strong{font-size:15px}.map-footnote{font-size:10px}
 #roll{padding:23px 14px}.roll-heading h1{font-size:48px}.roll-art{display:none}.collection-tools{gap:7px;margin-bottom:16px}.collection-tools button,#roll #shuffle-scraps{font-size:11px;padding:8px 9px}.frame-shelf-bar{flex-wrap:wrap;gap:3px 8px;padding:6px 8px}.frame-shelf-bar #roll-status{order:3;flex-basis:100%;margin:0;font-size:10px}.frame-shelf-bar>span:last-child{margin-left:auto}#roll .keepsake-wall{gap:19px 11px;padding:16px 9px 24px}.frame-titlebar{font-size:9px;padding-left:4px;gap:3px}.frame-footer{padding:9px 7px;gap:9px}.frame-footer strong{font-size:15px}.frame-footer .frame-watch{font-size:10px;padding:7px 5px}.frame-titlebar .keep-frame{min-width:28px;min-height:28px}.frame-time{font-size:9px}
 .cinema-expanded .cinema-brand{display:none}.cinema-expanded .cinema-nav{min-height:37px}.cinema-expanded #cinema .cinema-chrome{margin:0 4px}.cinema-expanded .cinema-titlebar{height:23px}.cinema-expanded .route-window{width:145px!important;right:7px!important;bottom:7px!important}.cinema-expanded .route-window #journey-map{height:86px!important}.cinema-expanded .route-caption{display:none}.cinema-expanded .route-title{padding:4px 6px;font-size:9px}.cinema-expanded #cinema .player-extras{padding:8px;gap:6px}.cinema-expanded .player-extras>button{min-height:34px;padding:6px 8px;font-size:11px}.cinema-expanded .player-extras>.collection-link{margin-left:auto}.cinema-expanded .journey-volume{font-size:10px;order:3}.cinema-expanded .player-extras>.deck-launch{order:4}.cinema-expanded #big-screen .screen-title h1{font-size:25px}.cinema-expanded #big-screen .screen-title{max-width:calc(100% - 160px);bottom:14px}
}
@media(max-height:470px){.cinema-expanded .cinema-titlebar{display:none}.cinema-expanded #cinema .player-extras{padding:5px 10px}.cinema-expanded .player-extras>button{min-height:29px}.cinema-expanded .cinema-nav{min-height:31px}.cinema-expanded .route-window{width:150px!important}.cinema-expanded .route-window #journey-map{height:82px!important}}
@media(prefers-reduced-motion:reduce){#roll .frame-window,.frame-preview img,.collection-tools button{transition:none}}
.motion-off #roll .frame-window,.motion-off .frame-preview img,.motion-off .collection-tools button{transition:none}

/* Player skin: silver shell, charcoal controls, black glass. Purple stays outside. */
#cinema .cinema-chrome{background:linear-gradient(125deg,#e1e4e8,#899198 44%,#c9ced3);border:1px solid;border-color:#f5f7f9 #4c535b #4c535b #edf0f3;border-radius:7px 7px 3px 3px;box-shadow:2px 5px #05050888}
#cinema .cinema-titlebar{background:linear-gradient(#d2d6dc,#919ba4 48%,#7d8791 50%,#b8c1c9);color:#182028;border-bottom-color:#4d5963;text-shadow:0 1px #e3edf48f;border-radius:3px 3px 0 0}
#cinema .signal-wave{filter:grayscale(1) brightness(.5);opacity:.7}
.player-window-lights i{border:1px solid #47525b;box-shadow:inset 0 1px #fff;background:linear-gradient(#e9eef0,#819099)}.player-window-lights i:nth-child(2){background:linear-gradient(#e5e9eb,#7e8d98)}.player-window-lights i:last-child{background:linear-gradient(#abb6be,#4e5b66)}
#cinema .transport{background:linear-gradient(#394249,#1e252b 50%,#171e24 51%,#2b343b);border-top:1px solid #d2dde3;color:#e4f0ed;font-family:Tahoma,sans-serif}
#cinema .transport button,#cinema .transport #note-toggle{border:1px solid;border-color:#f0f4f6 #687783 #687783 #e9eef2;background:linear-gradient(#dde3e8,#8e9ba5);color:#17252f;box-shadow:inset 0 1px #fff;text-shadow:0 1px #ffffff50;border-radius:3px;font-family:Tahoma,sans-serif}
#cinema .transport #play-small{background:linear-gradient(#e6f0df,#a5bba0);border-color:#f2f7ed #5b715b #5b715b #e3ebd9;color:#263329}
#cinema #time-readout,#cinema #duration-readout{color:#d8edc5;font:11px Tahoma,sans-serif}#cinema .transport input,#journey-volume{accent-color:#bbc8d1}
#big-screen .screen-corner{background:#151d24dc;border-color:#92a3ad80;color:#eff6fa}#big-screen .screen-corner .red-dot{background:#b7d9a3;box-shadow:0 0 0 2px #b7d9a322}
#cinema #play-preview{background:linear-gradient(#f4f7fbd9,#8d9da9e8);color:#202b35;border-color:#e8f0f4;box-shadow:inset 0 2px #fff,0 3px 15px #0009}
#cinema .route-window{background:#202930;border-color:#c7d0d7;box-shadow:3px 4px #05080c88;border-radius:4px}#cinema .route-title{background:linear-gradient(#c7ced3,#8a98a3);color:#15212b;text-shadow:0 1px #eff7ff70;font-family:Tahoma,sans-serif}#cinema .route-title button{background:linear-gradient(#eef3f6,#acb9c3);border-color:#687a87;color:#243644}#cinema .route-caption,#cinema .route-window small{background:#1a2229;color:#d7e1e5}#cinema .route-caption b{font-family:Tahoma,sans-serif;font-weight:400}
#cinema .player-extras>button,#cinema .player-extras>button:nth-child(2),#cinema .player-extras>.deck-launch{background:linear-gradient(#444e57,#232b32);border:1px solid;border-color:#a6b3bc #53616d #53616d #a6b3bc;color:#f2f5f8;box-shadow:inset 0 1px #c6d3dd30,0 2px #0007;border-radius:3px}
#cinema .player-extras>[data-random=area]>span,#cinema .player-extras>[data-random=all]>span{color:#c9ded9}#cinema .journey-volume{color:#d3dce4}
#cinema .player-note{background:#242c34;border-color:#99a7b3;color:#f2f4f7}#cinema .player-note>span{color:#b4cfc5}#cinema .player-note p{color:#d2dce2}
#cinema .clip-stamp{background:linear-gradient(#c7d0d7,#7b8b98);border-color:#d4dfe5;box-shadow:2px 3px #0009}
.cinema-expanded #cinema-view{background:#151a20}.cinema-expanded .cinema-nav{background:#1d252d;color:#dbe5e9}.cinema-expanded .cinema-nav button,.cinema-expanded .cinema-brand,.cinema-expanded .cinema-brand>span{color:#e6eef4}
.sound-deck{background:linear-gradient(120deg,#d9dfe3,#8c99a3 52%,#bec8cf);color:#1b2630;border:2px solid;border-color:#f5f8fa #52616c #52616c #ecf1f4;border-radius:5px;rotate:0deg;transform:none;width:372px;max-width:calc(100vw - 20px);left:16px;right:auto;bottom:18px;max-height:calc(100dvh - 30px);overflow:auto;box-shadow:4px 7px 25px #0009}
.sound-deck:not([hidden]){animation:deck-arrive .2s ease-out both}.sound-deck .deck-title{background:linear-gradient(#d9dfe5,#929fa9 50%,#b9c5cf);color:#1b2a35;font:11px Tahoma,sans-serif;border-radius:0;text-shadow:0 1px #eef6ff99;padding:6px 7px;position:sticky;top:0;z-index:2}.sound-deck .deck-title button{background:linear-gradient(#e5edf2,#8f9fab);color:#172e3d;border:1px outset #f7faff;min-width:24px;min-height:23px}
.sound-deck .deck-display{background:#182126;color:#dbeacb;margin:5px 3px 0;padding:9px 10px;border:1px inset #acbbc6;min-height:48px}.sound-deck .deck-display b{font:11px Tahoma;max-width:320px}.sound-deck .deck-display span{font:10px Tahoma;color:#adbbb9;line-height:1.35;margin-top:5px}
.visualizer-screen{margin:4px 3px 0;position:relative;overflow:hidden;border:1px inset #dce5ec;background:#080b0d;aspect-ratio:640/208}.visualizer-screen canvas{display:block;width:100%;height:100%}.visualizer-label{position:absolute;left:8px;top:6px;font:7px Tahoma;letter-spacing:2px;color:#a7b9c0;pointer-events:none}.visualizer-heart{position:absolute;left:50%;top:50%;width:52px;height:52px;transform:translate(-50%,-50%) scale(calc(.8 + var(--audio-level,0)*.6));filter:saturate(.45);pointer-events:none;display:none}.visualizer-screen[data-mode=orbit] .visualizer-heart{display:block}
.visualizer-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 4px 4px}.visualizer-modes{display:flex;gap:3px}.sound-deck button,.sound-deck select{font-family:Tahoma,sans-serif}.visualizer-controls button,.visualizer-controls select,.deck-detour button,.deck-detour select{min-height:27px;background:linear-gradient(#d9e1e6,#99aab7);border:1px solid;border-color:#f0f5f9 #617581 #617581 #eff5fa;border-radius:2px;font:10px Tahoma;color:#203541;padding:4px 7px;box-shadow:1px 1px #36465055}.visualizer-controls button[aria-pressed=true]{background:#26373f;border-color:#12212b #c9d6dd #c9d6dd #14212a;color:#d8ecc9}.visualizer-controls #viz-toggle{margin-left:auto}.visualizer-status{display:flex;gap:8px;align-items:center;padding:4px 6px 8px;color:#293d49;font:9px/1.3 Tahoma}.visualizer-status span{flex:1}.visualizer-status meter{width:45px;height:8px}
.sound-deck .deck-channels{display:flex;gap:4px;padding:4px}.sound-deck .deck-channels button{font:10px Tahoma;background:#aab8c3;border:1px outset #d8e1e5;color:#233f4d;padding:6px 7px;flex:1;border-radius:0}.sound-deck .deck-channels button[aria-pressed=true]{background:#425664;border-style:inset;color:#f0f4e7}
.sound-deck .deck-controls{padding:7px 5px;gap:10px}.sound-deck .deck-controls>button{background:linear-gradient(#e2eddb,#a4b69b);border:1px outset #f2f6ee;color:#253d2b;min-width:34px;min-height:31px}.sound-deck .deck-controls label{font:10px Tahoma;color:#20343f}.sound-deck .deck-controls input[type=range]{accent-color:#334e61;width:75px}.sound-deck .audio-picker{padding:7px;background:linear-gradient(#dce7ed,#a1b2bf);border:1px outset #eaf2f7;border-radius:2px;color:#203441;cursor:pointer}.sound-deck .duck-option{font:10px/1.4 Tahoma;color:#223a48;padding:4px 5px}.sound-deck .duck-option input{accent-color:#425e6e}.sound-deck .deck-footnote{font:9px/1.5 Tahoma;color:#2a424f;margin:8px 6px 6px}
.deck-detour{display:flex;align-items:center;gap:5px;padding:8px 5px 0;border-top:1px solid #5d718044;margin-top:7px}.deck-detour select{flex:1;min-width:0;max-width:100%;font-size:11px;background:#25343f;color:#e9f0e9;border:1px inset #bfd0db}.deck-detour button{font-size:10px;white-space:nowrap}
.cinema-expanded .sound-deck{bottom:65px}
@keyframes deck-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:620px){.sound-deck{left:10px;bottom:10px;width:calc(100vw - 20px);max-height:calc(100dvh - 80px)}.cinema-expanded .sound-deck{bottom:90px}.sound-deck .deck-display b{max-width:calc(100vw - 65px)}.visualizer-controls button,.visualizer-controls select{min-height:31px}.visualizer-status{font-size:10px}.sound-deck .deck-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){.sound-deck:not([hidden]){animation:none}.visualizer-heart{transform:translate(-50%,-50%)}}
.motion-off .sound-deck:not([hidden]){animation:none}
body.cinema-expanded #cinema .route-window small{display:none}
@media(max-width:620px){body.cinema-expanded #cinema .route-caption{display:none}}

/* Functional window chrome, drawn from the PoolOS / old PC board references. */
#cinema .cinema-titlebar{display:flex;align-items:center;min-height:38px;padding:4px 6px 4px 10px;gap:12px}
#cinema .player-app{white-space:nowrap;font:11px Tahoma,sans-serif}
#cinema .signal-wave{margin-left:auto;max-width:85px;overflow:hidden}
.player-window-buttons{display:flex;align-items:center;gap:4px;flex:none;margin-left:auto}
#cinema .player-window-buttons button,.mini-titlebar>button{display:grid;place-items:center;padding:0;width:30px;height:27px;min-height:27px;border:1px solid;border-color:#f9fbfd #52606b #52606b #e9f0f6;border-radius:3px;background:linear-gradient(#f0f4f8,#9aa7b3 52%,#87949f 53%,#b3bdc7);color:#15242f;box-shadow:inset 0 0 0 1px #dce6ec55;font:20px/1 Tahoma,sans-serif;text-shadow:0 1px #fff9;cursor:pointer}
#cinema .player-window-buttons button:hover,.mini-titlebar>button:hover{background:linear-gradient(#fff,#b1c8d5);color:#09141c}
#cinema #close-player:hover,.mini-titlebar>#mini-close:hover{background:linear-gradient(#f0c9c9,#b97676);color:#3d1010}
#cinema .player-window-buttons button:focus-visible,#minimised-player button:focus-visible{outline:2px solid #acd8e9;outline-offset:3px}
#cinema .cinema-nav{justify-content:flex-start;gap:22px}#cinema .cinema-brand{margin-left:auto}
body.cinema-expanded #cinema .cinema-titlebar{display:flex;flex-shrink:0;min-height:38px}
#minimised-player[hidden],#player-dock[hidden]{display:none!important}
#minimised-player{position:fixed;right:18px;bottom:18px;width:365px;max-width:calc(100% - 24px);z-index:1400;padding:3px;background:linear-gradient(120deg,#d9e0e5,#7c8b98);border:1px solid;border-color:#f4faff #475561 #475561 #e1ebf3;border-radius:5px;box-shadow:3px 5px 0 #04070970,0 10px 35px #0008;font-family:Tahoma,sans-serif;color:#dbe7ef}
.mini-titlebar{display:flex;align-items:center;gap:4px;padding:2px 2px 5px;color:#1c2934;font:10px Tahoma,sans-serif;text-shadow:0 1px #f8fcff88}
.mini-titlebar>span{display:flex;align-items:center;gap:6px;margin-right:auto}.mini-titlebar svg{width:21px;height:21px}.mini-titlebar>button{width:26px;height:23px;min-height:23px;font-size:17px}
.mini-body{display:flex;align-items:center;gap:9px;padding:7px;background:linear-gradient(#28333d,#131d25);border:1px inset #d8e6ef}
.mini-picture{position:relative;display:block;padding:0;flex:0 0 66px;height:51px;overflow:hidden;border:1px solid #869cac;background:#091017}
.mini-picture img{width:100%;height:100%;object-fit:cover;display:block}.mini-picture>span{position:absolute;bottom:1px;right:2px;color:white;text-shadow:1px 1px #000}
.mini-track{display:flex;flex-direction:column;gap:9px;min-width:0;flex:1;padding:4px 0;background:none;color:#eef4f8;border:0;text-align:left;cursor:pointer}
.mini-track strong{font:bold 11px/1.3 Tahoma,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.mini-track>span{display:flex;align-items:center;gap:5px;font:10px Tahoma;color:#cad8df}.mini-track time{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap;color:#d9ebc9}
.mini-led{display:inline-block;width:5px;height:5px;border-radius:50%;background:#83919a}.is-playing .mini-led{background:#c7ecac;box-shadow:0 0 5px #c7ecac88}
#mini-play{flex:none;width:33px;min-height:34px;padding:0;border:1px outset #f0f6ee;border-radius:3px;background:linear-gradient(#e2eadb,#99b38f);color:#243820;font:17px Tahoma}
#mini-progress{display:block;appearance:none;height:4px;width:100%;border:0;margin-top:3px;background:#35434d;accent-color:#c9ddb8}#mini-progress::-webkit-progress-bar{background:#35434d}#mini-progress::-webkit-progress-value{background:#c9ddb8}
.has-minimised-player .site-footer{padding-bottom:135px}.has-minimised-player .sound-deck{bottom:140px}
.desktop-taskbar #player-dock{position:relative;background:linear-gradient(#e4eff444,#aebfce33);border:1px solid #eff6ff99;border-radius:6px}
#player-dock i{position:absolute;bottom:1px;left:50%;width:4px;height:4px;border-radius:50%;background:#dcf0c3;box-shadow:0 0 3px #deffc9}
@media(max-width:620px){#minimised-player{right:12px;bottom:12px;width:365px}#cinema .player-window-buttons button{width:34px;height:31px}#cinema .cinema-titlebar{min-height:41px}.mini-titlebar>button{width:31px;height:27px}.has-minimised-player .sound-deck{bottom:138px;max-height:calc(100dvh - 156px)}}

/* Small icon and media additions; preserve the purple desktop and silver player. */
.pixel-detail{display:inline-block;width:22px;height:22px;vertical-align:middle;fill:currentColor;flex:none}
.shuffle-arrow .pixel-detail{width:36px;height:36px}.deck-launch{display:inline-flex;align-items:center;gap:7px}
.photo-map-marker{padding:3px;background:#d2c6df;border:1px solid #fbf5ff;box-shadow:2px 3px 0 #140d2599}.photo-map-marker img{width:36px;height:31px;object-fit:cover;display:block}.photo-map-marker span{position:absolute;right:-5px;bottom:-5px;background:#352347;color:#fff;padding:0 3px;border:1px solid #dcc8ef;font:12px Tahoma}
#photo-caption{font:14px/1.5 Tahoma,sans-serif;color:#eee3f5}.frame-time{max-width:calc(100% - 16px);font-size:11px}