/* The rounded shell is the desktop window; the handheld inside scales as one surface. */
.desktop-enabled .window.music-window{padding:0;border:2px solid #aaa7b3;border-radius:22px 22px 54px 22px;background:linear-gradient(115deg,#e0dfe4,#c2c0cb);box-shadow:inset 3px 1px #f0eff3,inset -4px -4px #a7a4b0,5px 8px 18px #003b3b66;overflow:hidden!important;min-height:220px}
.desktop-enabled .music-window>.window-title{height:36px;min-height:36px;margin:0;padding:5px 14px;background:transparent!important;color:#454962;border:0;border-bottom:2px solid #b3b0be;box-shadow:0 2px #eeedf1;font:700 10px/1 monospace;letter-spacing:1.4px;gap:5px}
.music-window>.window-title>span:first-child{display:flex;align-items:center;min-width:0;gap:6px}.music-window .window-title .window-app-icon{width:16px;height:16px}.music-window .window-controls{gap:5px}.music-window .window-controls button{width:23px;height:23px;min-width:23px;border:1px solid #a29eaf;border-radius:50%;background:#d5d2dd;box-shadow:inset 1px 1px #f8f6fc,0 2px #aca8b6;color:#42465d;font:700 15px/1 monospace;letter-spacing:0}.music-window .window-controls button:last-child{background:#a33160;color:#fff;border-color:#7c254c;box-shadow:inset 1px 1px #c3658a,0 2px #7b294d}.desktop-enabled .music-window>.window-body{position:relative;overflow:hidden;padding:0;min-height:0;flex:1}.music-window .window-resize{right:15px;bottom:15px;width:22px;height:22px;background:repeating-linear-gradient(135deg,transparent 0 4px,#858194 4px 6px,transparent 6px 8px);opacity:.7}.compact-desktop .desktop-enabled .window.music-window{height:calc(100% - var(--compact-shortcuts) - 24px)!important}
.pocket-player{--lcd:#a5b86c;--ink:#263c21;position:absolute;left:50%;top:50%;width:360px;height:600px;box-sizing:border-box;padding:16px 24px 22px;transform:translate(-50%,-50%) scale(var(--pocket-scale,1));transform-origin:center;color:#252634;font-family:monospace;line-height:1.2}
.pocket-bezel{height:279px;box-sizing:border-box;padding:12px 17px 18px;background:#646271;border-radius:10px 10px 32px 10px;border-bottom:3px solid #4c4b58}.pocket-screen-label{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.6px;color:#eeeaf3;height:12px;margin-bottom:10px}.pocket-led{width:6px;height:6px;flex-shrink:0;background:#bd455b;border-radius:50%;box-shadow:0 0 3px #e68c91}.pocket-lcd{height:221px;box-sizing:border-box;background:var(--lcd);color:var(--ink);padding:10px;box-shadow:inset 2px 3px 5px #36462b66;border:2px solid #353c32;font-weight:bold;overflow:hidden}.pocket-lcd-top,.pocket-time{display:flex;justify-content:space-between;font-size:9px;gap:4px}.pocket-lcd-top{height:19px;border-bottom:1px solid #6b8146}.pocket-now,.pocket-library{height:153px;overflow:hidden}.pocket-song{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;line-height:18px;height:36px;margin:7px 0 2px;overflow-wrap:anywhere}.pocket-artist{display:block;font-size:9px;line-height:12px;height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pocket-lcd canvas{display:block;width:100%;height:52px;margin:4px 0 2px;image-rendering:pixelated}.pocket-lcd input{display:block;box-sizing:border-box;width:100%;margin:0;accent-color:var(--ink);height:16px}.pocket-time{line-height:14px}.pocket-message{font-size:8px!important;line-height:10px!important;height:20px;overflow:auto;margin:3px 0 0!important;font-weight:normal}.pocket-brand{font:bold italic 21px/1.3 monospace;color:#303d77;margin:12px 0 16px;letter-spacing:-1px}.pocket-brand em{font-size:25px}.pocket-brand small{display:block;font:8px/12px monospace;letter-spacing:2px}.pocket-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;height:90px;padding:0 2px}.pocket-dpad{display:grid;grid-template:repeat(3,30px)/repeat(3,30px);filter:drop-shadow(2px 4px 1px #83818b)}.pocket-dpad button,.pad-center{border:0!important;border-radius:3px;background:#30313a!important;color:#d4d3d8!important;padding:0;min-width:0;box-shadow:none;font:18px/1 monospace}.pad-up{grid-area:1/2}.pad-left{grid-area:2/1}.pad-center{grid-area:2/2}.pad-right{grid-area:2/3}.pad-down{grid-area:3/2}.pocket-ab{display:flex;gap:14px;transform:rotate(-20deg)}.pocket-ab label{display:grid;gap:7px;text-align:center;font-weight:bold;font-size:9px;color:#303d77}.pocket-ab button{width:43px;height:43px;padding:0;border:2px solid #752047;border-radius:50%;background:#a42f61;color:#f0bdce;box-shadow:2px 4px #7c747e;font:bold 18px/1 monospace}.pocket-options{display:flex;justify-content:center;gap:12px;margin:18px 0 14px}.pocket-options button{font:bold 9px/1 monospace;border:2px solid #85838f;border-radius:10px;padding:6px 10px;background:#a3a1ad;color:#282b3b;box-shadow:1px 2px #85838f}.pocket-options button[aria-pressed=true]{background:#303d77;color:#fff}.pocket-volume{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:bold;color:#303d77;height:18px}.pocket-volume input{min-width:0;flex:1;accent-color:#893155;height:16px}.pocket-volume span{width:34px;text-align:right}.pocket-library-heading{display:flex;align-items:center;justify-content:space-between;height:25px;font-size:10px}.pocket-library-heading button{border:0;background:transparent;color:var(--ink);font:19px/1 monospace;padding:2px 5px}.pocket-library ol{list-style:none;padding:0;margin:0;height:112px;overflow:auto;scrollbar-width:thin;scrollbar-color:#516939 #a5b86c;overscroll-behavior:contain}.pocket-library li{margin:0;padding:0}.pocket-library li button{display:block;box-sizing:border-box;width:100%;height:28px;text-align:left;font:10px/18px monospace;background:transparent;border:1px solid transparent;color:var(--ink);padding:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pocket-library li button[data-cursor]{background:var(--ink);color:var(--lcd)}.pocket-library li button[aria-current=true]{font-weight:bold}.pocket-cursor{display:block;text-align:right;font:8px/14px monospace}.pocket-speaker{position:absolute;right:28px;bottom:24px;display:flex;justify-content:end;gap:7px;transform:rotate(-16deg);margin:0}.pocket-speaker i{display:block;width:5px;height:19px;background:#93909d;border-radius:4px;box-shadow:inset 1px 1px #74717f}.pocket-player button{cursor:pointer;touch-action:manipulation}.pocket-player button:active{filter:brightness(.85)}.pocket-player :focus-visible{outline:2px solid #4e66b5;outline-offset:2px}.pocket-lcd :focus-visible{outline-color:#263c21;outline-offset:-2px}.pocket-player input:disabled{opacity:.5}.pocket-player [hidden]{display:none!important}