/* Original Microsoft 9 Series transport bitmaps with the full-mode silver/blue chrome. */
.player-window .window-content{background:#c5d3e5}
.player-window .menu-bar{background:#ece9d8;color:#111;border-bottom:1px solid #8e9bb2}
.player-window .menu-bar button{color:#111}
.player-window .menu-bar button:hover{background:#c1d2ee;color:#111}
.wmp-shell{display:flex;flex:1;min-height:0;padding:5px 5px 0 0;background:linear-gradient(90deg,#b1c5e0,#edf2f9 140px,#bdcde2 145px)}
.wmp-sidebar{width:140px;flex-shrink:0;display:flex;flex-direction:column;padding:0 5px 7px 6px}
.wmp-brand{display:flex;gap:6px;align-items:center;height:76px;padding:4px;color:#284772;font:13px Arial,sans-serif;text-shadow:0 1px #fff}
.wmp-brand img{width:32px;height:32px}.wmp-brand small{display:block;font:9px Arial;letter-spacing:3px;margin-top:2px;color:#487094}
.wmp-sidebar nav{display:grid;gap:3px}.wmp-sidebar nav button{position:relative;display:flex;align-items:center;gap:5px;min-height:34px;padding:5px 4px;text-align:left;border:1px solid #92a8c8;border-radius:4px 0 0 4px;color:#233b61;background:linear-gradient(#e3ebf7,#c2d2e8 48%,#b3c5df);box-shadow:inset 0 1px #fff;font:bold 11px Tahoma,sans-serif}
.wmp-sidebar nav button span{font:bold 21px Arial;color:#5278a7;text-shadow:0 1px white}.wmp-sidebar nav button:hover{filter:brightness(1.06)}
.wmp-sidebar nav button.active{color:#fff;background:linear-gradient(#5d8ac1,#335e99);border-color:#2a548c;text-shadow:0 1px #183459}.wmp-sidebar nav button.active span{color:#ffc33f;text-shadow:none}
.wmp-open{margin-top:auto;font-size:10px!important;min-width:0!important}
.wmp-main{flex:1;min-width:0;display:flex;flex-direction:column;border:1px solid #6c84a7;border-radius:4px;background:#fff;overflow:hidden}
.wmp-heading{height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 9px;gap:8px;color:#244466;background:linear-gradient(#f1f5fc,#bccde4);border-bottom:1px solid #8da5c7;font-size:11px}
.wmp-heading span{font:10px Arial;color:#657d9d}
.wmp-now{display:flex;flex:1;min-height:0}.wmp-screen{position:relative;flex:1;min-width:0;background:black;overflow:hidden}
.wmp-screen canvas,.wmp-video{position:absolute;width:100%;height:100%;inset:0;object-fit:contain}
.wmp-screen.video canvas{display:none}.wmp-idle{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:10px;color:#a4b6d0;font:15px Arial,sans-serif}.wmp-idle img{width:32px;height:32px}.wmp-idle small{display:block;font-size:9px;letter-spacing:4px;margin-top:3px}
.wmp-screen-caption{position:absolute;bottom:12px;left:12px;right:12px;color:#83aadd;font:10px Arial;text-align:center;pointer-events:none}
.wmp-list{width:162px;flex-shrink:0;background:#f5f7fc;border-left:1px solid #748eb3;overflow:auto}.wmp-list header{padding:7px;color:#244266;background:linear-gradient(#e7effb,#bfcee4);border-bottom:1px solid #9baec9;font-size:11px}
.wmp-track-list button{border:0;background:none;display:grid;grid-template-columns:16px 1fr;gap:1px 4px;padding:7px 5px;text-align:left;width:100%;color:#264064;font-size:11px}.wmp-track-list button b{font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wmp-track-list button small{grid-column:2;color:#77859a;font-size:10px}.wmp-track-list button.selected{background:#d4e2f7;color:#123c79}.wmp-track-list button:hover{background:#e0eaf7}
.wmp-controls{flex-shrink:0;background:linear-gradient(#f7faff,#c3d2e7 17%,#eff4fb 30%,#b5c6dd 85%,#8aa3c3);padding:5px 10px 0;border-top:1px solid #6e89ad;color:#30486c;border-radius:0 0 3px 3px}
.wmp-seek{display:flex;align-items:center;gap:12px;height:20px}.wmp-time{font:10px Tahoma;min-width:76px;text-align:right}.wmp-seek input{flex:1;min-width:30px}
.wmp-seek input,.wmp-volume{appearance:none;background:none;height:18px;margin:0}.wmp-seek input::-webkit-slider-runnable-track{height:7px;border:1px solid #8a9eb9;border-radius:5px;background:linear-gradient(#8296b0,#eef6ff)}.wmp-seek input::-webkit-slider-thumb{appearance:none;width:14px;height:12px;margin-top:-3px;border:1px solid #4c974b;border-radius:3px;background:linear-gradient(90deg,#579e5a,#d5ffb8,#75bc58)}
.wmp-volume{width:75px;flex-shrink:0}.wmp-volume::-webkit-slider-runnable-track{height:5px;background:linear-gradient(#8ba2be,#fbfeff);border:1px solid #8ca3c0;border-radius:4px}.wmp-volume::-webkit-slider-thumb{appearance:none;width:9px;height:15px;margin-top:-6px;border:1px solid #569744;border-radius:2px;background:linear-gradient(90deg,#83c96b,#e0ffc9,#75b967)}
.wmp-seek input::-moz-range-track,.wmp-volume::-moz-range-track{background:#aebed4;height:5px;border-radius:3px}.wmp-seek input::-moz-range-thumb,.wmp-volume::-moz-range-thumb{background:#a8df85;border:1px solid #578657;border-radius:2px;width:9px;height:13px}
.wmp-transport{display:flex;align-items:center;gap:10px;height:40px}.wmp-transport-buttons{display:flex;align-items:center;gap:5px;flex-shrink:0}
.wmp-transport-buttons button{width:22px;height:21px;padding:0;border:0;border-radius:50%;background-image:url('assets/wmp9/transports.bmp');background-repeat:no-repeat;box-shadow:0 1px 1px #758ba455}
.wmp-transport-buttons button:hover{background-image:url('assets/wmp9/transports_hover.bmp')}.wmp-transport-buttons button:active{background-image:url('assets/wmp9/transports_down.bmp')}
.wmp-transport-buttons .wmp-play{width:30px;height:30px;background-position:0 0}.wmp-stop{background-position:-34px -5px}.wmp-prev{background-position:-61px -5px}.wmp-next{background-position:-86px -5px}.wmp-mute{background-position:-113px -5px}
.wmp-transport-buttons .wmp-play.playing{background-image:url('assets/wmp9/transports_pause.bmp')}.wmp-transport-buttons .wmp-play.playing:hover{background-image:url('assets/wmp9/transports_pause_hover.bmp')}.wmp-transport-buttons .wmp-play.playing:active{background-image:url('assets/wmp9/transports_pause_down.bmp')}.wmp-mute.on{box-shadow:0 0 0 2px #9a5124}
.wmp-track-caption{font:11px Tahoma;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.wmp-small{border:1px solid #8fa5c3;border-radius:3px;background:linear-gradient(white,#c1d1e6);color:#47688d;width:24px;height:22px;font-size:17px;padding:0}.wmp-small.on{background:#b4d599;color:#224e16;box-shadow:inset 1px 1px #68834b}
.wmp-status{height:20px;font:10px Tahoma;line-height:20px;border-top:1px solid #879cba;margin:0 -7px;padding:0 7px;color:#253f60;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wmp-page{flex:1;overflow:auto;background:white;color:#24344d;padding:10px;font:11px Tahoma}.wmp-library-tools{display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.wmp-library-tools input{width:120px}.wmp-library{border-collapse:collapse;width:100%;font:11px Tahoma}.wmp-library td,.wmp-library th{padding:6px;text-align:left;border-bottom:1px solid #d8e1ef}.wmp-library th{background:#e7edf6;border-right:1px solid #bac8dc;color:#415e84}.wmp-library td button{border:0;background:none;font:inherit;color:#284976;text-align:left;cursor:pointer}.wmp-library .selected{background:#d6e5f9}.wmp-guide h1{font:22px Arial;color:#35618d;margin:9px 0 16px}.wmp-guide h2{font:16px Arial;color:#365e90;margin-top:20px}.wmp-guide p{line-height:1.6}.wmp-disc{text-align:center;padding-top:25px}.wmp-disc>img{width:48px;height:48px}.wmp-disc h2{font:17px Arial;color:#345c87}.wmp-disc p{line-height:1.6}
@media(max-width:600px){.wmp-sidebar{width:105px}.wmp-brand{font-size:11px}.wmp-brand img{width:24px;height:24px}.wmp-sidebar nav button{font-size:10px}.wmp-list{width:130px}.wmp-track-caption,.wmp-heading span{display:none}.wmp-transport{gap:7px}.wmp-volume{width:60px}.wmp-library-tools{flex-wrap:wrap}}