/* Shared music presentation. Custom applications do not load this file. */
html.suite-black,html body.suite-black{background:#000!important;background-image:none!important;color:#edf4ef!important;--bg:#000;--panel:#000;--surface:#000}
html body.suite-black :is(#player#player#player,.player-shell,.player-card,.player-content,.sound-card,.library-card,.music-card,.listening-room,.shared-panel,.track,.sound,.sb-inner){background-color:#000!important;background-image:none!important}
html body.suite-black .suite-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;max-width:100%!important;min-height:30px!important;padding:7px 12px!important;border:1px solid #6f9384!important;border-radius:4px!important;background:#071a14!important;background-image:none!important;box-shadow:none!important;color:#edf4ef!important;font:400 11px/1.25 'Times New Roman',serif!important;letter-spacing:.035em!important;text-transform:uppercase!important;cursor:pointer}
html body.suite-black .suite-action img{width:18px!important;height:18px!important;object-fit:contain}
html body.suite-black .suite-action.suite-play-action{box-shadow:inset 0 0 0 2px #000,inset 0 0 0 3px #527969!important}
html body.suite-black .suite-action:hover{background:#142b22!important}
html body.suite-black .suite-action:focus-visible{outline:2px solid #b9dccc!important;outline-offset:3px!important}
html body.suite-black details.sb-menu>summary.suite-action{float:none!important;margin-left:auto!important;font-size:9px!important;padding:5px 8px!important;min-height:25px!important}
html body.suite-black .suite-more-songs{justify-content:flex-start!important;margin:14px auto 14px 0!important;align-self:flex-start!important}
html.suite-black{scrollbar-gutter:stable}
html.suite-black::-webkit-scrollbar,html body.suite-black :is(dialog,.watch-dashboard-body,.suite-effects,.suite-scrollable)::-webkit-scrollbar{width:40px;height:40px}
html.suite-black::-webkit-scrollbar-track,html body.suite-black :is(dialog,.watch-dashboard-body,.suite-effects,.suite-scrollable)::-webkit-scrollbar-track{background:#f3f0e8;border-left:1px solid #b7a886}
html.suite-black::-webkit-scrollbar-thumb,html body.suite-black :is(dialog,.watch-dashboard-body,.suite-effects,.suite-scrollable)::-webkit-scrollbar-thumb{min-height:96px;border:4px solid #f3f0e8;border-radius:6px;background-color:#641c32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='40' viewBox='0 0 18 40'%3E%3Cpath d='M9 5v30M4 10l5-5 5 5M4 30l5 5 5-5' fill='none' stroke='%23fff4df' stroke-width='2.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
html.suite-black::-webkit-scrollbar-thumb:hover{background-color:#812b46}
@media(max-width:600px){html.suite-black::-webkit-scrollbar,html body.suite-black :is(dialog,.watch-dashboard-body,.suite-effects,.suite-scrollable)::-webkit-scrollbar{width:18px;height:18px}}
@supports not selector(::-webkit-scrollbar){html.suite-black{scrollbar-color:#641c32 #f3f0e8}}
@media(forced-colors:active){html.suite-black{scrollbar-color:auto}html.suite-black::-webkit-scrollbar-thumb{background:ButtonText;border-color:Canvas}html.suite-black::-webkit-scrollbar-track{background:Canvas}}
/* High specificity intentionally wins over older per-app injected styles. */
html body.suite-black #unified-viewer#unified-viewer#unified-viewer:is([open],.skate-fullscreen:not([hidden])){position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;background:#000!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .suite-screen{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;background:#000!important;overflow:hidden!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer :is(.truck-screen,.wings-screen){display:contents!important;transform:none!important;position:static!important;background:#000!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .uv-stage{position:relative!important;order:0!important;flex:1 1 0!important;width:100%!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#000!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .uv-plane{position:relative!important;flex:none!important;width:var(--suite-plane-width,100%)!important;height:var(--suite-plane-height,auto)!important;max-width:none!important;max-height:none!important;transform:none!important;overflow:hidden!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .uv-image{width:100%!important;height:100%!important;object-fit:contain!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer :is(.uv-toolbar,.uv-seek-row,.uv-caption){display:none!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-transport{--watch-size:clamp(62px,8vw,104px);position:absolute!important;left:0!important;right:0!important;bottom:12px!important;order:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 36px var(--watch-size) 36px minmax(0,1fr)!important;grid-template-rows:var(--watch-size) 18px!important;gap:4px 12px!important;align-items:center!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0 5%!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;z-index:30!important;color:#edf4ef!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-title{display:none!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-face{grid-column:3!important;grid-row:1!important;position:relative!important;width:var(--watch-size)!important;height:var(--watch-size)!important;min-width:var(--watch-size)!important;flex:none!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer button.watch-toggle{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;padding:0!important;border:2px solid #bdccce!important;border-radius:50%!important;background:rgba(0,0,0,.13)!important;background-image:none!important;box-shadow:none!important;color:#edf4ef!important;font:400 clamp(25px,3vw,36px)/1 'Times New Roman',serif!important;opacity:.94!important;outline:none!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-face>svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important;overflow:visible!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-dial-seek{pointer-events:stroke!important;cursor:grab;touch-action:none!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-back{grid-column:2!important;grid-row:1!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-next{grid-column:4!important;grid-row:1!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer button.watch-skip{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border:1px solid #a6bcb3!important;border-radius:50%!important;background:#0007!important;background-image:none!important;box-shadow:none!important;color:#edf4ef!important;font:400 20px/1 'Times New Roman',serif!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-timeline{grid-column:1/-1!important;grid-row:2!important;display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:none!important;min-width:0!important;height:18px!important;margin:0!important;color:#edf4ef!important;font:400 10px/1.2 'Times New Roman',serif!important;text-shadow:0 1px 3px #000!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-timeline input{flex:1!important;min-width:0!important;width:0!important;height:18px!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;accent-color:#83b79b!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-view-actions{grid-column:5!important;grid-row:1!important;display:flex!important;justify-self:end!important;gap:5px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer button.watch-rotate{position:static!important;inset:auto!important;min-width:0!important;width:auto!important;height:28px!important;min-height:28px!important;padding:5px 8px!important;border:1px solid #7e9e90!important;border-radius:4px!important;background:#071a14dd!important;background-image:none!important;color:#edf4ef!important;font:400 9px/1.2 'Times New Roman',serif!important;box-shadow:none!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer button.uv-close{position:absolute!important;top:12px!important;right:24px!important;bottom:auto!important;left:auto!important;z-index:60!important;width:36px!important;height:30px!important;min-width:36px!important;min-height:30px!important;padding:0!important;border:1px solid #e3c78c!important;border-radius:4px!important;background:linear-gradient(135deg,#e7ce96,#a78745)!important;color:#2d260f!important;font:400 12px/1 'Times New Roman',serif!important;box-shadow:inset 0 0 0 2px #b39152,inset 0 0 0 3px #e6cd95!important;filter:none!important;transform:none!important;opacity:1!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer button.uv-close::before,html body.suite-black #unified-viewer#unified-viewer#unified-viewer button.uv-close::after{display:none!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer :is(.watch-toggle,.watch-skip,.watch-rotate,.uv-close):focus-visible{outline:2px dashed #c8e6d7!important;outline-offset:3px!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-dashboard{position:absolute!important;left:12px!important;top:12px!important;z-index:50!important;width:170px!important;max-width:calc(100% - 90px)!important;margin:0!important;padding:0!important;background:#000e!important;border:1px solid #6b8277!important;border-radius:6px!important;color:#edf4ef!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-dashboard>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:30px!important;padding:8px 10px!important;box-sizing:border-box!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#edf4ef!important;font:400 9px/1.2 'Times New Roman',serif!important;letter-spacing:.06em!important;list-style:none!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-dashboard>summary::after{content:'⌄'!important;display:block!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-dashboard[open]>summary::after{content:'⌃'!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-dashboard-body{max-height:55vh!important;overflow:auto!important;padding:0 10px 10px!important;font:10px 'Times New Roman',serif!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-dashboard-body label{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:10px;color:#edf4ef}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-dashboard-body input[type=range]{width:85px!important;min-width:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;accent-color:#83b79b!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .suite-track-caption{flex:0 0 26px!important;order:10!important;display:block!important;min-height:26px!important;box-sizing:border-box!important;padding:5px 18px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;background:#000!important;color:#edf4ef!important;font:400 11px/16px 'Times New Roman',serif!important;text-align:left!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .suite-wide-brand{position:absolute;left:3%;top:max(52px,11%);z-index:18;display:flex;align-items:center;gap:8px;width:clamp(140px,25%,310px);max-width:48%;padding:5px 7px;box-sizing:border-box;background:#000;color:#fff;border:0;border-radius:0;pointer-events:none;text-shadow:none;font:400 clamp(8px,1.3vw,16px)/1.2 'Times New Roman',serif;text-align:center}
.suite-wide-brand .suite-brand-type{flex:1;min-width:0}.suite-wide-brand small{display:block;font-size:.65em;margin-top:4px}.suite-wide-brand .suite-record{width:25%;height:auto;flex:none;overflow:hidden}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .suite-truck-first .suite-wide-brand{left:2.9%;top:10.7%;width:22.8%;height:8.2%;max-width:none;padding:3px;font-size:clamp(7px,1.15vw,15px)}
.suite-truck-frame-mask{position:absolute;left:30.44%;top:82.89%;width:30.68%;height:9.12%;box-sizing:border-box;border:2px solid #000;pointer-events:none;z-index:5}
@media(max-width:600px){html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-transport{--watch-size:62px;bottom:7px!important;grid-template-columns:minmax(0,1fr) 30px 62px 30px minmax(0,1fr)!important;gap:2px 7px!important;padding:0 3%!important}html body.suite-black #unified-viewer#unified-viewer#unified-viewer button.watch-skip{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-dashboard{width:140px!important}html body.suite-black #unified-viewer#unified-viewer#unified-viewer .suite-track-caption{font-size:10px!important}}
@media(orientation:portrait){html body.suite-black #unified-viewer#unified-viewer#unified-viewer .suite-screen.suite-turned{inset:auto!important;left:50%!important;top:50%!important;width:var(--suite-turn-width,100dvh)!important;height:var(--suite-turn-height,100dvw)!important;transform:translate(-50%,-50%) rotate(90deg)!important;transform-origin:center!important}}

html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-rotate{display:inline-flex!important}
/* Keep keyboard focus circular and prevent focused SVGs from panning the art. */
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .uv-plane{overflow:clip!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-face{border-radius:50%!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer button.watch-toggle{background:#07100ee6!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-dial-seek:focus{outline:none!important}
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-face:has(.watch-dial-seek:focus-visible){outline:2px dashed #c8e6d7!important;outline-offset:3px!important}

/* Both screen actions share the restrained green treatment. */
html body.suite-black #unified-viewer#unified-viewer#unified-viewer .watch-view-actions button.uv-close{position:static!important;inset:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:none!important;flex:0 0 auto!important;white-space:nowrap!important;height:28px!important;min-width:0!important;min-height:28px!important;padding:5px 8px!important;border:1px solid #7e9e90!important;background:#071a14dd!important;background-image:none!important;color:#edf4ef!important;font:400 9px/1.2 'Times New Roman',serif!important;box-shadow:none!important}

/* GEAR SHIFTER GEOMETRY - Charlie reference 2026-11-03. Existing overlays only. */
html:not(.charlie-truck-match) body :is(.artwork-wrap,.artwork-frame,#picturePlayer,#picturePlayer#picturePlayer)>:is(.stone-shifter,.ice-winning,.river-home-scroll,.driftwood-shifter,.wings-shifter,.truck-lead-shifter,.cover-shifter-touch),html:not(.charlie-truck-match) body #unified-viewer#unified-viewer#unified-viewer .uv-plane>:is(.uv-stone,.continuity-hotspot),html:not(.charlie-truck-match) body #unified-viewer#unified-viewer#unified-viewer button.skater-ice-button{position:absolute!important;left:4.605263157894736%!important;top:83.74070138150903%!important;right:auto!important;bottom:auto!important;width:3.4090909090909087%!important;height:7.226354941551541%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;transform:none!important}
html:not(.charlie-truck-match) body :is(.artwork-wrap,.artwork-frame,#picturePlayer)>:is(.driftwood-shifter,.wings-shifter,.truck-lead-shifter)>svg{width:100%!important;height:100%!important}
html:not(.charlie-truck-match) body #picturePlayer#picturePlayer .shift-pattern{position:absolute!important;left:4.605263157894736%!important;top:83.74070138150903%!important;right:auto!important;bottom:auto!important;width:3.4090909090909087%!important;height:7.226354941551541%!important;min-width:0!important;min-height:0!important}
html:not(.charlie-truck-match) body #picturePlayer#picturePlayer .shift-pattern>.sb-shifter{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important}
html:not(.charlie-truck-match) body button.ice-winning>img.real-clear-ice,html:not(.charlie-truck-match) body #unified-viewer button.skater-ice-button>img.real-clear-ice{left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}

/* Expanded gear buttons retain their existing soundbite handlers. */
html:not(.charlie-truck-match) body #unified-viewer#unified-viewer#unified-viewer .uv-plane>:is(.wings-shifter,.truck-lead-shifter,.collection-expanded-shifter){position:absolute!important;left:4.605263157894736%!important;top:83.74070138150903%!important;right:auto!important;bottom:auto!important;width:3.4090909090909087%!important;height:7.226354941551541%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;transform:none!important}
html:not(.charlie-truck-match) body #unified-viewer#unified-viewer#unified-viewer .uv-plane>:is(.wings-shifter,.truck-lead-shifter,.collection-expanded-shifter)>svg{width:100%!important;height:100%!important}