.juke-launch{display:inline-flex;align-items:center;gap:12px;padding:15px 23px;margin:18px 0 0;border:2px solid #fff1d6;border-radius:30px;background:#ed91b0;color:#382935;box-shadow:0 5px 0 #a74c72;font:800 14px Inter,Arial;cursor:pointer}.juke-launch svg{width:25px;height:25px}
.juke-dialog{padding:28px;border:1px solid #fff5;border-radius:30px;background:#242033;max-height:calc(100dvh - 24px);width:min(790px,calc(100vw - 24px));max-width:none;overflow:auto;color:#352b32;font-family:Inter,Arial,sans-serif;box-shadow:0 30px 100px #0008}.juke-dialog::backdrop{background:#1a122ac9;backdrop-filter:blur(9px)}.juke-dialog *{box-sizing:border-box}.juke-dialog button{font-family:inherit;cursor:pointer}.juke-close{position:absolute;right:15px;top:15px;z-index:5;background:#fff4df;border:0;border-radius:50%;width:36px;height:36px;color:#382935;font-size:20px}.juke-shell{position:relative;padding:22px 45px 28px;border:8px solid #eea4be;border-radius:290px 290px 34px 34px;background:#f9e9c8;box-shadow:inset 0 0 0 6px #fff9e6,inset 0 0 0 13px #f2a9c4,0 10px 0 #a65479}.juke-shell:before,.juke-shell:after{content:'';position:absolute;top:230px;bottom:50px;width:20px;border-radius:15px;background:linear-gradient(90deg,#a5577c,#f3b5d0 40%,#fff0df 55%,#d787ac);border:2px solid #eed9d5;pointer-events:none}.juke-shell:before{left:10px}.juke-shell:after{right:10px}.juke-arch{height:255px;border-radius:220px 220px 16px 16px;background:#2c2434;position:relative;overflow:hidden;text-align:center;border:5px solid #c9babc;box-shadow:0 0 0 2px #735c6b,inset 0 0 35px #05030a;margin:0 8px 20px;padding:32px 0}.juke-arch p{margin:0;color:#f2b0ce;font:800 10px/1.3 Arial;letter-spacing:.3em}.juke-arch h2{position:relative;z-index:1;color:#fff0cd!important;font:900 30px/.95 Georgia,serif!important;letter-spacing:.02em!important;margin:13px 0!important;text-shadow:0 2px #ec90b4}.juke-vinyl{position:absolute;bottom:-85px;left:50%;width:210px;height:210px;margin-left:-105px;border-radius:50%;background:repeating-radial-gradient(circle,#151219 0 3px,#37303a 4px 5px);display:grid;place-items:center;box-shadow:0 0 0 4px #18121c}.juke-vinyl span{display:grid;place-items:center;background:#ee9bb9;width:65px;height:65px;border-radius:50%;border:8px solid #f7dcc0}.juke-vinyl svg{width:27px;height:27px}.juke-dialog.is-playing .juke-vinyl{animation:juke-spin 5s linear infinite}.juke-catalog{background:#5b4c55;border:5px solid #d6cbcb;border-radius:10px;padding:9px;box-shadow:0 3px 0 #8b7b85}.juke-catalog-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:5px 4px 10px;color:#fff1ce;font-size:10px;font-weight:800;letter-spacing:.07em}.juke-catalog-head small{font-size:8px;color:#f7bdd3}.juke-titles{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px}.juke-song{display:grid;grid-template-columns:26px 1fr;grid-template-rows:1fr auto;gap:2px 6px;align-items:center;min-width:0;text-align:center;background:#fff2d0;border:2px solid #ddc6a8;border-radius:4px;padding:5px;color:#423132;min-height:48px}.juke-song>b{grid-row:span 2;background:#ad4657;color:#fff5cf;padding:7px 2px;border-radius:4px;font:800 10px Arial}.juke-song>span{font-size:10px;font-weight:850;line-height:1.3}.juke-song>small{border-top:1px solid #b69472;font-size:7px;padding-top:2px;color:#89575e}.juke-song[aria-pressed=true]{outline:2px solid #e679a4;box-shadow:0 0 9px #ffc4df}.juke-song:disabled{opacity:.55;cursor:default}.juke-console{margin:18px 0 0;background:#ebbacb;border:4px solid #d2c7c9;border-radius:14px;padding:14px}.juke-display{padding:11px 8px;background:#182a27;color:#b4f4b8;border:3px inset #98878e;border-radius:4px;text-align:center;font:12px/1.5 monospace;min-height:44px}.juke-keypad{display:grid;grid-template-columns:repeat(11,1fr);gap:4px;margin-top:12px}.juke-keypad button{background:#fff7df;border:1px solid #79666a;border-radius:3px;box-shadow:0 3px 0 #8f7a80;min-height:32px;padding:3px;color:#3e3036;font-weight:850}.juke-controls{display:flex;justify-content:center;gap:15px;margin-top:14px}.juke-controls button{display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid #806875;border-radius:9px;padding:10px 14px;font-weight:800;box-shadow:0 3px 0 #806875;background:#fff3d7;color:#453444}.juke-insert svg{width:29px;height:29px}.juke-controls .juke-play{background:#c9537d;color:#fff3d7;min-width:90px}.juke-controls button:disabled{opacity:.45;cursor:default}.juke-balance,.juke-help{font-size:11px!important;line-height:1.6;text-align:center;margin:10px 0 0!important}.juke-speaker{display:grid;place-items:center;height:150px;width:75%;margin:22px auto 0;border:7px ridge #c1b5b4;border-radius:12px 12px 70px 70px;background:repeating-linear-gradient(60deg,transparent 0 12px,#ac9fa4 13px 15px,transparent 16px 28px),repeating-linear-gradient(-60deg,#a69172 0 12px,#d7ccbd 13px 15px,#a69172 16px 28px);box-shadow:inset 0 0 20px #44353a88}.juke-speaker span{border:3px solid #dac9c1;background:#6c475c;color:#ffdfb0;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;font:bold italic 35px Georgia}.juke-dialog.is-inserting .juke-shell{animation:juke-light .9s ease-out}.juke-mini{position:fixed;z-index:1000;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:12px 15px 20px;background:#fff1d8;color:#392b3b;border:2px solid #dc8bad;box-shadow:0 8px 35px #0004;border-radius:17px;width:min(470px,calc(100vw - 32px));font-family:Inter,Arial,sans-serif}.juke-mini[hidden]{display:none}.juke-mini>svg{width:30px;height:30px;color:#aa466e;flex-shrink:0}.juke-mini-title{flex:1;min-width:0}.juke-mini strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.juke-mini small{font-size:8px;letter-spacing:.15em}.juke-mini button{border:0;background:#edb2c9;color:#3d2a3b;border-radius:50%;width:30px;height:30px;flex-shrink:0;cursor:pointer}.juke-progress{position:absolute;bottom:3px;left:15px;width:calc(100% - 30px);height:8px;accent-color:#b54779}.juke-dialog button:focus-visible,.juke-mini button:focus-visible{outline:3px solid #297c73;outline-offset:3px}@keyframes juke-spin{to{transform:rotate(360deg)}}@keyframes juke-light{0%,50%{box-shadow:inset 0 0 0 6px #fff9e6,inset 0 0 0 13px #ffd5ec,0 0 45px #ffa7d0}100%{box-shadow:inset 0 0 0 6px #fff9e6,inset 0 0 0 13px #f2a9c4,0 10px 0 #a65479}}
@media(max-width:600px){.juke-dialog{padding:12px 9px}.juke-shell{padding:18px 18px 22px;border-width:5px;border-radius:180px 180px 25px 25px}.juke-shell:before,.juke-shell:after{width:10px;bottom:35px;top:180px}.juke-shell:before{left:3px}.juke-shell:after{right:3px}.juke-arch{height:200px;padding-top:28px;margin:0 2px 15px}.juke-arch h2{font-size:24px!important}.juke-catalog{padding:5px;border-width:3px}.juke-song{grid-template-columns:21px 1fr;padding:3px;gap:2px 3px}.juke-song>span{font-size:9px}.juke-catalog-head{display:block}.juke-catalog-head small{display:block;margin-top:4px}.juke-keypad{grid-template-columns:repeat(6,1fr);gap:6px}.juke-console{padding:10px}.juke-controls{gap:8px}.juke-controls button{font-size:11px;padding:8px}.juke-speaker{height:115px}.juke-close{top:9px;right:9px;width:31px;height:31px}.juke-mini{bottom:10px}.juke-mini>svg{display:none}}
@media(prefers-reduced-motion:reduce){.juke-dialog.is-inserting .juke-shell,.juke-dialog.is-playing .juke-vinyl{animation:none}}

/* Compact cabinet; the YouTube viewport stays visible during playback. */
.juke-arch{height:165px;padding-top:18px;margin-bottom:12px}.juke-arch h2{font-size:25px!important}.juke-vinyl{bottom:-130px}.juke-song{min-height:40px;padding:3px}.juke-console{margin-top:12px;padding:10px}.juke-speaker{height:70px;margin-top:13px}.juke-shell{padding-top:16px;padding-bottom:18px}.juke-mini{inset:auto 16px 16px auto;margin:0;left:auto;transform:none;width:344px;flex-wrap:wrap;padding:10px 10px 22px;overflow:visible}.juke-video{width:320px;height:200px;flex:none;background:#16131b}.juke-video iframe{width:100%;height:200px;border:0;display:block}.juke-mini>svg{display:none}.juke-mini button svg{width:17px;height:17px}.juke-mini button{display:grid;place-items:center}.juke-mini-title{flex-basis:180px}.juke-mini strong{max-width:170px}.juke-song>span{overflow-wrap:anywhere}.juke-catalog-head small{max-width:45%;text-align:right}
@media(max-width:600px){.juke-arch{height:155px}.juke-shell{padding-left:12px;padding-right:12px}.juke-song{min-height:49px}.juke-mini{right:8px;bottom:8px;width:calc(100vw - 16px);max-width:344px}.juke-video{width:100%}.juke-catalog-head small{max-width:none;text-align:left}.juke-keypad button{min-height:38px}.juke-close{position:sticky;float:right;top:0;margin-bottom:-31px}.juke-song>span{font-size:10px}}

.juke-source{display:block;text-align:center;margin:15px auto 0;font:10px/1.5 Arial;color:#79566a}.juke-dialog{scrollbar-width:thin;overscroll-behavior:contain}

.juke-lounge{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;margin:70px auto;padding:64px 7%;max-width:1440px;background:#f5dfec;color:#392b48;isolation:isolate;overflow:hidden;border-radius:10px}.juke-lounge:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#9a648a24 .8px,transparent .8px);background-size:7px 7px}.juke-kicker{font:800 11px/1.5 Inter,Arial;letter-spacing:.15em;margin:0 0 27px}.juke-lounge h2{font:900 clamp(38px,4.7vw,72px)/1.12 Inter,Arial,sans-serif;letter-spacing:-.055em;margin:0}.juke-lounge h2 em{display:inline-block;font-style:normal;background:#ffe79d;padding:4px 10px 7px;margin-top:8px;transform:rotate(-2deg);color:#743c66}.juke-lounge-desc{font:500 17px/1.85 Inter,Arial,sans-serif;margin:26px 0 10px}.juke-lounge .juke-launch{background:#673c6a;color:#fff2dd;border:0;box-shadow:0 6px 0 #382841;padding:19px 25px;gap:14px;font-size:15px;transition:transform .2s,box-shadow .2s}.juke-lounge .juke-launch:hover{transform:translateY(-3px);box-shadow:0 9px 0 #382841}.juke-lounge .juke-launch:active{transform:translateY(4px);box-shadow:0 2px 0 #382841}.juke-lounge-foot{display:flex;align-items:center;gap:9px;margin-top:25px;font:700 10px/1.6 Inter,Arial;letter-spacing:.02em}.juke-lounge-foot svg{width:26px;height:26px;flex:none}.juke-lounge-art{position:relative;display:grid;place-items:center;padding:10px 18px 24px}.juke-lounge-art:before{content:'';position:absolute;inset:12% 0 9%;border-radius:50%;background:#c9b5e1;z-index:-1;transform:rotate(-12deg)}.juke-cabinet{width:min(100%,370px);filter:drop-shadow(8px 12px 0 #603a6419);transform:rotate(3deg);transition:transform .5s}.juke-lounge-art:hover .juke-cabinet{transform:rotate(0deg) translateY(-6px)}.juke-sticker{position:absolute;right:-4%;top:3%;z-index:1;background:#ffe696;color:#613f62;border:2px solid #613f62;border-radius:50%;width:108px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(13deg);font:700 12px/1.6 Inter,Arial;box-shadow:4px 5px 0 #613f62}.juke-sticker b{font-size:16px}.juke-art-note{position:absolute;left:-3%;top:20%;transform:rotate(-16deg);color:#805692}.juke-art-note svg{width:50px;height:50px}.juke-art-ticket{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffefcb;border:1px solid #a2758d;padding:15px 17px;transform:rotate(-4deg);width:110%;box-shadow:3px 5px 0 #68456a22}.juke-art-ticket span{font:700 8px/1.4 monospace;letter-spacing:.1em}.juke-art-ticket strong{font:800 11px/1.4 Inter,Arial;border-left:1px dashed #ad889b;border-right:1px dashed #ad889b;padding:4px 14px;text-align:center}
@media(max-width:700px){.juke-lounge{grid-template-columns:1fr;margin:28px 14px;padding:35px 25px 32px;gap:25px;border-radius:22px}.juke-kicker{font-size:9px;margin-bottom:19px}.juke-lounge h2{font-size:40px}.juke-lounge-desc{font-size:14px;margin-top:21px}.juke-lounge-art{width:100%;max-width:330px;margin:auto;padding-bottom:8px}.juke-cabinet{max-width:250px}.juke-sticker{right:0;top:0;width:84px;height:84px;font-size:10px}.juke-sticker b{font-size:13px}.juke-lounge .juke-launch{padding:16px 21px;font-size:14px}.juke-art-ticket{width:100%;padding:12px 8px;gap:6px}.juke-art-ticket strong{font-size:9px;padding:4px 7px}.juke-lounge-foot{font-size:9px}.juke-art-note{left:0}.juke-art-note svg{width:37px;height:37px}}
@media(prefers-reduced-motion:reduce){.juke-cabinet,.juke-lounge .juke-launch{transition:none}}

.juke-shade{position:fixed;inset:0;background:#1a122ac9;backdrop-filter:blur(9px);z-index:10000}.juke-shade[hidden]{display:none}.juke-dialog{position:fixed;inset:12px 0 auto;margin:0 auto;z-index:10001}.juke-mini{z-index:10002}.juke-wallet{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:62px;margin-top:14px;font-size:12px}.juke-drag-coin{padding:0;width:46px;height:46px;background:none;border:0;cursor:grab!important;touch-action:none}.juke-drag-coin svg{width:100%;height:100%;filter:drop-shadow(0 3px 3px #7a4e3355)}.juke-drag-coin:disabled{opacity:.4}.juke-coin-ghost{position:fixed;transform:translate(-50%,-50%);width:50px;height:50px;background:none;border:0;padding:0;pointer-events:none;z-index:10005}.juke-coin-ghost svg{width:100%;height:100%}.juke-controls{flex-wrap:wrap}.juke-controls .juke-insert{flex-direction:column;background:#d6c7bb;border:3px ridge #fff0d4;min-width:82px;padding:8px}.juke-insert i{display:block;width:9px;height:39px;background:#211d26;border-radius:7px;box-shadow:inset 2px 0 #000,2px 0 #fff6}.juke-insert span{font-size:9px}.juke-insert.is-over{outline:4px solid #ffe570;box-shadow:0 0 25px #ffe570}.juke-pause,.juke-end{font-size:11px}.juke-console{position:relative}.juke-mini[hidden]{display:none}

/* Tactile enamel keys, machined bezels and recessed selection lamps. */
.juke-console{background:linear-gradient(135deg,#f5cedb,#db9fb7 55%,#efbdce);border-color:#efe4dd #ae8c98 #907381 #f8ede4;box-shadow:inset 0 2px 2px #fff9,0 2px 3px #62455240}
.juke-keypad{padding:9px 7px 11px;border:1px solid #977d83;border-radius:8px;background:linear-gradient(#795b66,#b18a97);box-shadow:inset 0 3px 5px #38232d88,0 1px #fff9;gap:6px}
.juke-keypad button,.juke-controls button,.juke-mini button,.juke-close{position:relative;background:linear-gradient(180deg,#fffcf2 0%,#f8eacf 46%,#e2c9a7 100%);border:1px solid #9d7b70;border-top-color:#fff8e9;border-radius:7px;box-shadow:inset 0 1px 1px #fff,inset 2px 0 2px #fff8,inset -2px -2px 3px #a7846855,0 4px 0 #8b6961,0 6px 5px #39232f66;text-shadow:0 1px #fff9;transition:transform .1s,box-shadow .1s,filter .15s;}
.juke-keypad button{min-height:36px;font:800 13px/1.2 Arial;color:#624549}
.juke-controls button{min-height:50px;padding:11px 15px;letter-spacing:.035em}
.juke-controls .juke-play{background:linear-gradient(180deg,#f896b7,#d75888 48%,#ad315f);border-color:#a23862;border-top-color:#ffd3e5;box-shadow:inset 0 2px 2px #ffe2efaa,inset 2px 0 3px #fff3,inset -2px -3px 4px #711b4155,0 5px 0 #792345,0 8px 8px #51203866;color:#fff9e8;text-shadow:0 -1px #832c4b;font-size:14px;letter-spacing:.1em}
.juke-play:before{content:'';width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;filter:drop-shadow(0 -1px #832c4b)}
.juke-controls .juke-insert{background:linear-gradient(115deg,#a69087 0%,#e8ded0 20%,#fff9e7 24%,#c7b8a9 49%,#eddfca 76%,#ae978c);border:2px solid;border-color:#fff7df #9b8379 #8c756c #e4d5c2;box-shadow:inset 0 0 0 2px #d7c6b6,0 4px 0 #8c746c,0 6px 6px #492c3f55}
.juke-insert i{border:2px solid #9c8171;box-shadow:inset 3px 0 4px #000,1px 1px 0 #fff9;width:11px}
.juke-song{position:relative;background:linear-gradient(180deg,#fff9e9,#f7e6bf 62%,#ecd6ae);border-color:#fff5dd #bba084 #9b7b68 #ead4b4;border-radius:5px;box-shadow:inset 0 1px #fff,0 2px 0 #372b33,0 3px 4px #21172055;transition:transform .12s,box-shadow .12s,filter .12s}
.juke-song>b{background:linear-gradient(#cc667a,#8d314b);border:1px solid #7c3449;box-shadow:inset 0 1px 1px #ffd0d077,0 1px #fff9;text-shadow:0 -1px #662135}
.juke-song[aria-pressed=true]{outline:1px solid #ffd887;outline-offset:1px;background:linear-gradient(#fff6ce,#ffe8a4);box-shadow:inset 0 2px 4px #b2895755,0 0 10px #ffc88277;transform:translateY(1px)}
.juke-song[aria-pressed=true]>b{background:linear-gradient(#efbf62,#b97832);border-color:#9a632b;color:#422e25;text-shadow:0 1px #ffdc91;box-shadow:inset 0 1px #fff5,0 0 8px #ffbf62aa}
.juke-mini button,.juke-close{border-radius:50%;background:radial-gradient(circle at 35% 22%,#fff9ee,#ebc3cb 65%,#b27894);box-shadow:inset 0 1px #fff,0 3px 0 #85576d,0 4px 5px #36233255}
.juke-dialog button:not(:disabled):hover,.juke-mini button:hover{filter:brightness(1.07)}
.juke-keypad button:not(:disabled):active,.juke-controls button:not(:disabled):active,.juke-mini button:active,.juke-close:active{transform:translateY(3px);box-shadow:inset 0 2px 4px #69445255,0 1px 0 #876570,0 2px 2px #3b253944}
.juke-song:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 2px 4px #6b483e55}
.juke-controls button:disabled{opacity:.62;filter:saturate(.55);box-shadow:inset 0 1px #fff7,0 2px 0 #95777b;cursor:default}
.juke-controls .juke-insert.is-over{outline:3px solid #ffe570;box-shadow:0 0 22px #ffe570,inset 0 0 4px #fff}
.juke-dialog button:focus-visible,.juke-mini button:focus-visible{outline:3px solid #297c73;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.juke-dialog button,.juke-mini button{transition:none}}

/* Keep the close control above the cabinet, at the right edge while scrolling. */
.juke-close-bar{position:sticky;top:0;z-index:6;display:flex;justify-content:flex-end;height:0;pointer-events:none}
.juke-dialog .juke-close{position:relative;inset:auto;float:none;flex:none;margin:0;display:grid;place-items:center;pointer-events:auto;width:36px;height:36px}

/* Leave a visible, clickable wallet above the mini player at every width. */
body.has-juke-mini .paw-wallet{bottom:var(--juke-wallet-bottom,310px)}
body.has-juke-mini .paw-toast{bottom:calc(var(--juke-wallet-bottom,310px) + 64px)}

/* Mobile playback starts as a compact bar; tap its title to reveal the video. */
@media(max-width:600px){
 .juke-mini{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-width:none;gap:8px;padding:9px 10px 19px;border-radius:16px}
 .juke-mini:not(.is-expanded) .juke-video{position:absolute;height:0;min-height:0;overflow:hidden;opacity:0;pointer-events:none}
 .juke-mini .juke-mini-title{position:relative;flex:1 1 0;min-width:0;padding:4px 19px 4px 0;cursor:pointer}
 .juke-mini .juke-mini-title strong{max-width:none;font-size:12px}
 .juke-mini .juke-mini-title small{font-size:8px}
 .juke-mini .juke-mini-title::after{content:'';position:absolute;right:4px;top:50%;width:6px;height:6px;border-top:2px solid #78506b;border-left:2px solid #78506b;transform:translateY(-20%) rotate(45deg)}
 .juke-mini.is-expanded .juke-mini-title::after{transform:translateY(-70%) rotate(225deg)}
 .juke-mini .juke-mini-title:focus-visible{outline:2px solid #297c73;outline-offset:2px;border-radius:5px}
 .juke-mini .juke-video{flex-basis:100%;width:100%;height:200px}
 .juke-mini .juke-video iframe{height:200px}
 .juke-mini button{width:32px;height:32px}
}