.sf-jukebox{--gold:#dfb66c;--cream:#f9edce;background:radial-gradient(ellipse at 50% 30%,#473c3255,transparent 65%),#151513;color:var(--cream);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.4;min-height:100vh;padding:0 32px 32px;box-sizing:border-box}.sf-jukebox *{box-sizing:border-box}.sf-jukebox button{font:inherit;cursor:pointer}.sf-jukebox button:focus-visible,.sf-jukebox a:focus-visible{outline:3px solid #ffe0a0;outline-offset:4px}.sf-shell{max-width:1120px;margin:auto}.sf-header{height:73px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #c7b38033}.sf-wordmark{font:bold 30px Georgia;color:var(--cream);text-decoration:none}.sf-wordmark span{font-size:12px;vertical-align:top;color:var(--gold)}.sf-edition{font-size:12px;letter-spacing:2px;display:flex;flex-direction:column;gap:4px}.sf-edition b{font-size:10px;font-weight:400;color:#a7a38e}.sf-sound{margin-left:auto;border:1px solid #837760;background:transparent;color:#e2d6b9;border-radius:5px;padding:9px 13px;font-size:13px!important}
.sf-machine{position:relative;width:min(760px,calc(100% - 62px));margin:32px auto 0;background:linear-gradient(105deg,#51231c,#702e21 45%,#3d1d18);padding:24px 28px 31px;border:9px ridge #c7b899;border-radius:14px;box-shadow:inset 0 0 0 3px #1e1b14,0 7px 0 #3b352b,0 12px 0 #181812,0 26px 55px #000b}.sf-machine:before{content:'';position:absolute;inset:8px;border:1px solid #d1ae6266;border-radius:3px;pointer-events:none}.sf-title{position:relative;text-align:center;padding:16px 6px 18px;margin:0 0 22px;background:linear-gradient(#302d25,#151a16);border:4px ridge #c6b58d;box-shadow:0 4px 8px #0006}.sf-title:before,.sf-title:after{content:'';position:absolute;left:8px;right:8px;height:5px;background:radial-gradient(circle,#ffe5a8 0 2px,transparent 3px) 0 0/21px 5px;filter:drop-shadow(0 0 4px #ffb64d)}.sf-title:before{top:5px}.sf-title:after{bottom:5px}.sf-title>p{font:10px 'Courier New',monospace;letter-spacing:3px;color:var(--gold);margin:3px 0 7px}.sf-title h1{font:normal clamp(34px,4.5vw,61px)/1.05 Georgia,serif;letter-spacing:-2px;margin:0;color:#fff2d5;text-shadow:0 2px 0 #76542b}.sf-title h1 em{color:#e9c37e}.sf-title h1>span{display:none}.sf-title-line p{font-size:12px;letter-spacing:1px;color:#b7b29e;margin:10px 0 0}.sf-player{position:relative}.sf-machine-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1.1px;color:#e5cda5;margin-bottom:12px}.sf-machine-top i{display:inline-block;width:6px;height:6px;background:#c0d393;border-radius:50%;box-shadow:0 0 7px #b2d18b;margin-right:7px}.sf-machine-top>span:last-child{font-size:9px}
.sf-stage{position:relative;width:100%;aspect-ratio:16/9;background:#11150f;border:7px ridge #c9bc9f;border-radius:5px;box-shadow:0 0 0 2px #21180e,inset 0 0 20px #000,0 5px 8px #0006;overflow:hidden}.sf-reels{position:absolute;inset:16px 16px 38px;display:flex;gap:12px}.sf-reel{position:relative;display:flex;align-items:center;justify-content:center;width:33.333%;overflow:hidden;border:3px solid #d8c49c;border-radius:5px;background:linear-gradient(#6f6654,#eaddbe 24%,#fff5dc 50%,#ded0ae 76%,#736650);box-shadow:inset 0 10px 13px #0008,inset 0 -10px 13px #0008}.sf-reel:after{content:'';position:absolute;inset:0;background:linear-gradient(#0006,transparent 27%,transparent 70%,#0006);pointer-events:none}.sf-reel-track{width:89%;flex-shrink:0}.sf-vinyl{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#11120f 0 2px,#303029 3px,#151610 4px);box-shadow:0 7px 10px #0006}.sf-record-label{width:48%;aspect-ratio:1;border-radius:50%;background:#cead6c;color:#302115;border:3px double #6c5530;display:flex;flex-direction:column;align-items:center;justify-content:center}.sf-label-1{background:#c28566}.sf-label-2{background:#afba8c}.sf-record-label span{font-size:5px}.sf-record-label strong{font:bold 37px/1 Georgia}.sf-record-label small{font-size:5px}.sf-idle{position:absolute;bottom:9px;left:0;right:0;text-align:center}.sf-idle span{display:none}.sf-idle strong{font:12px 'Courier New',monospace;letter-spacing:2px;color:#d8c49d}.sf-glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff09,transparent 40%);z-index:2}.sf-cover{position:absolute;inset:0;background:#111;z-index:3}.sf-cover[hidden]{display:none}.sf-photo{display:block;width:100%;height:100%;object-fit:contain;filter:none;border:0;margin:0;padding:0}.sf-showing-photo .sf-glass{display:none}
.sf-display{position:relative;margin:17px 0;min-height:63px;border:3px ridge #bdad88;border-radius:3px;padding:9px 14px;background:#111a10}.sf-display-label{font-size:9px;letter-spacing:2px;color:#8e9870;display:block}.sf-status{display:block;font:14px/1.5 'Courier New',monospace;letter-spacing:1px;color:#d5e1aa;text-shadow:0 0 8px #c5df9755;padding-right:10px}.sf-led{position:absolute;right:12px;top:28px;font-size:8px;color:#b7d182}.sf-controls{display:flex;gap:13px;padding:17px 12px;background:linear-gradient(#b7b19f,#eee7d5 7%,#a7a591 12%,#bdb9a6 90%,#6f6d5f);border:3px ridge #d7cbb0;border-radius:3px;box-shadow:0 7px 0 #29231a}.sf-credit{border:2px solid #7a705c;background:#1b100a;border-radius:4px;padding:6px 11px;text-align:center;min-width:64px}.sf-credit span{font-size:9px;letter-spacing:1px;display:block;color:#bbaa8d}.sf-credit strong{font:31px 'Courier New',monospace;color:#ff9663;text-shadow:0 0 8px #ff6520}.sf-random{flex:1;background:linear-gradient(#e26b43,#a92618);border:3px ridge #f4c6a2;box-shadow:0 4px 0 #602b20;border-radius:6px;color:#fff0cc;font-size:17px!important;font-weight:bold!important;padding:9px 12px;letter-spacing:1px}.sf-random small{display:block;font-size:11px;font-weight:normal;letter-spacing:0;margin-top:4px}.sf-random:disabled{opacity:.6;cursor:not-allowed}.sf-random:not(:disabled):hover{background:linear-gradient(#f38354,#b73622)}.sf-coin{display:flex;align-items:center;gap:9px;border:2px ridge #eee5ce;border-radius:4px;color:#2f2b22;background:linear-gradient(110deg,#e8e0c8,#a5a594 45%,#f3e9d0 50%,#b8b4a0);padding:8px;font-size:10px!important;font-weight:bold!important}.sf-coin small{display:block;font-size:10px;font-weight:normal;margin-top:3px}.sf-coin-disc{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(120deg,#ffe1a0,#b28c43);border:3px double #8b682f;font:bold italic 15px Georgia}.sf-slot{width:7px;height:35px;border:1px solid #6d705c;background:#171712;border-radius:3px}.sf-coin:disabled{opacity:.55;cursor:wait}.sf-lever{position:absolute;right:-69px;top:180px;width:60px;height:235px;border:0;background:none;padding:0;z-index:4}.sf-lever-base{position:absolute;bottom:20px;left:-11px;width:46px;height:50px;border-radius:5px 16px 16px 5px;background:linear-gradient(#d2c9b2,#58594e 48%,#d7c9aa 51%,#6d6a58);border:2px solid #d4c3a0;box-shadow:3px 5px 8px #0008}.sf-lever-rod{position:absolute;bottom:45px;left:20px;width:12px;height:154px;background:linear-gradient(90deg,#595b55,#ffffe9 42%,#b7b7a9 60%,#4d5149);border-radius:8px;transform-origin:bottom;transition:transform .3s}.sf-lever-ball{position:absolute;top:4px;left:3px;width:47px;height:47px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#ffbb97,#e2482e 24%,#940f0f 60%,#3d0807);box-shadow:0 4px 9px #0008,inset -4px -6px 9px #460707;z-index:2;transition:transform .3s}.sf-lever-label{position:absolute;bottom:0;left:-10px;white-space:nowrap;font-size:8px;letter-spacing:1px;color:#d7bd8a}.sf-lever:disabled{cursor:not-allowed}.sf-lever:not(:disabled):hover .sf-lever-ball{box-shadow:0 0 17px #ff5833}.sf-playing .sf-lever-rod{transform:scaleY(.48)}.sf-playing .sf-lever-ball{transform:translateY(78px)}.sf-footer{max-width:760px;display:flex;justify-content:space-between;gap:12px;margin:28px auto 0;color:#a8a38e;font-size:10px;letter-spacing:1px}.sf-footer>span:last-child{display:none}.sf-footer>span:nth-child(2){letter-spacing:0}
.sf-joke{position:absolute;inset:8px;z-index:5;background:repeating-linear-gradient(0deg,#f2e2b9 0 3px,#eddeaf 3px 4px);color:#392818;border:5px double #987449;box-shadow:0 5px 15px #0009;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:13px 20px;text-align:center;font-family:Georgia,serif;overflow:auto}.sf-joke[hidden]{display:none}.sf-joke>span{font:10px 'Courier New',monospace;letter-spacing:3px;color:#914127}.sf-joke>strong{font-size:23px;font-style:italic;margin:5px 0}.sf-joke>p{font-size:17px;line-height:1.45;max-width:460px;margin:8px 0}.sf-joke>small{font:9px 'Courier New',monospace;letter-spacing:2px;margin-top:8px;border-top:1px dashed #987449;padding-top:8px}.sf-spinning .sf-reel-track{animation:sf-roll .22s linear infinite}.sf-spinning .sf-reel:nth-child(2) .sf-reel-track{animation-delay:-.07s}.sf-spinning .sf-reel:nth-child(3) .sf-reel-track{animation-delay:-.14s}.sf-spinning .sf-vinyl{filter:blur(2px)}.sf-spinning .sf-reel.sf-stopped .sf-reel-track,.sf-spinning .sf-reel.sf-stopped .sf-vinyl{animation:none;filter:none}.sf-inserting .sf-coin-disc{animation:sf-coin .5s ease-in-out}@keyframes sf-roll{0%{transform:translateY(-90%)}100%{transform:translateY(90%)}}@keyframes sf-coin{50%{transform:translateX(35px) rotateY(75deg);opacity:0}51%{transform:translateX(-10px);opacity:0}100%{transform:none;opacity:1}}
@media(max-width:700px){.sf-jukebox{padding:0 15px 25px}.sf-machine{padding:17px 14px 23px;width:calc(100% - 41px);margin-left:0;border-width:6px}.sf-title{padding:18px 3px}.sf-title h1{font-size:42px}.sf-title>p{font-size:8px;letter-spacing:1px}.sf-title-line p{font-size:10px}.sf-lever{right:-53px;transform:scale(.76);transform-origin:left center;top:152px}.sf-controls{flex-wrap:wrap;padding:12px 9px;gap:10px}.sf-coin{justify-content:center;width:100%;min-height:49px;font-size:12px!important}.sf-machine-top>span:last-child{display:none}.sf-reels{inset:10px 8px 28px;gap:7px}.sf-record-label strong{font-size:26px}.sf-record-label span,.sf-record-label small{display:none}.sf-idle{bottom:6px}.sf-idle strong{font-size:9px;letter-spacing:1px}.sf-status{font-size:12px}.sf-display{min-height:61px}.sf-joke>p{font-size:14px}.sf-joke>strong{font-size:18px}.sf-joke>small{display:none}.sf-footer{flex-direction:column;gap:6px}.sf-edition{font-size:10px;letter-spacing:1px}.sf-edition b{font-size:8px}.sf-header{gap:13px}.sf-sound{font-size:11px!important;padding:8px}.sf-stage{border-width:4px}}
@media(max-width:420px){.sf-title h1{font-size:31px}.sf-title-line p{font-size:9px;letter-spacing:0}.sf-machine{padding:15px 10px 21px}.sf-title{margin-bottom:15px}.sf-machine-top{font-size:8px}.sf-lever{top:134px}.sf-stage{aspect-ratio:16/9}.sf-reel{border-width:2px}.sf-reels{gap:5px}.sf-record-label strong{font-size:19px}.sf-display{padding:8px}.sf-status{font-size:11px;letter-spacing:0}.sf-joke{padding:7px;inset:3px;border-width:3px}.sf-joke>span{font-size:7px;letter-spacing:1px}.sf-joke>strong{font-size:14px;margin:2px 0}.sf-joke>p{font-size:12px;line-height:1.3;margin:3px 0}.sf-random{font-size:15px!important;padding:9px}.sf-header{gap:9px}.sf-edition{font-size:9px}.sf-sound{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.sf-jukebox *{animation:none!important;transition:none!important}}
/* Steven’s Finest: original band colours and plectrum identity */
.sf-jukebox{--gold:#f49a1c;--cream:#f5e8cd;background:radial-gradient(ellipse at 50% 35%,#123e5355,transparent 67%),#050e14;color:#eaf0ef}.sf-header{border-color:#205269}.sf-wordmark{color:#f49a1c;font-family:Georgia,serif}.sf-wordmark span{color:#f49a1c}.sf-edition{color:#c9d9de}.sf-edition b{color:#7696a6}.sf-sound{border-color:#2e6076;color:#edaa47;background:#092330}.sf-machine{background:linear-gradient(100deg,#082536,#103b51 47%,#082637);border-color:#315f74;box-shadow:inset 0 0 0 2px #061923,0 0 0 2px #b47424,0 7px 0 #082130,0 12px 0 #031018,0 26px 55px #000b}.sf-machine:before{border-color:#f49a1c88}.sf-title{min-height:178px;padding:25px 12px 22px 180px;background:linear-gradient(100deg,#092b3e,#061d2b);border-color:#ba7d31;display:flex;flex-direction:column;justify-content:center;box-shadow:0 4px 8px #0006}.sf-brand-logo{position:absolute;width:150px;height:auto;left:17px;top:50%;transform:translateY(-50%);object-fit:contain}.sf-title:before,.sf-title:after{background:radial-gradient(circle,#f7a627 0 2px,transparent 3px) 0 0/21px 5px;filter:drop-shadow(0 0 4px #ed931b)}.sf-title h1{font-size:40px;font-weight:bold;letter-spacing:-1px;color:#f49a1c;text-shadow:none;font-variant:small-caps}.sf-title h1 em{font-style:normal;color:#f49a1c}.sf-title>p{font-size:9px;letter-spacing:1.7px;color:#7fabbc}.sf-title-line p{color:#b3c7cf;font-size:11px;letter-spacing:.5px}.sf-machine-top{color:#a8c3ce}.sf-machine-top i{background:#f49a1c;box-shadow:0 0 7px #f49a1c}.sf-stage{border-color:#477286;background:#061923;box-shadow:0 0 0 2px #c0822e,0 5px 8px #0006}.sf-reel{border-color:#cd913f;background:linear-gradient(#436071,#d9e2df 24%,#f2eee0 50%,#c4d4d5 76%,#405c6d)}.sf-record-label,.sf-label-1,.sf-label-2{background:#0b3249;border-color:#ed971e;color:#f49a1c}.sf-idle strong{color:#eba039}.sf-display{background:#051923;border-color:#497080}.sf-display-label{color:#79a0b2}.sf-status{color:#ffb13c;text-shadow:0 0 8px #f49a1c33}.sf-led{color:#f49a1c}.sf-controls{background:linear-gradient(#284c5f,#456779 7%,#1a3b4e 12%,#123348 90%,#0a2535);border-color:#577789;box-shadow:0 7px 0 #061d2b}.sf-credit{background:#04131c;border-color:#5c7983}.sf-credit strong{color:#f49a1c;text-shadow:0 0 7px #f49a1c55}.sf-credit span{color:#8fabb9}.sf-random{background:linear-gradient(#ffb33c,#df8010);border-color:#ffcb73;box-shadow:0 4px 0 #8d4b0a;color:#082c42}.sf-random:not(:disabled):hover{background:linear-gradient(#ffc467,#f59922)}.sf-coin{background:linear-gradient(110deg,#567888,#284a5c 45%,#7a96a1 50%,#315265);border-color:#95acb3;color:#f5e4c4}.sf-coin-disc{background:linear-gradient(120deg,#ffc15d,#df8613);border-color:#945508;color:#0b3249}.sf-lever-ball{background:radial-gradient(circle at 32% 25%,#ffdea1,#f59a20 24%,#b85d07 60%,#542b06);box-shadow:0 4px 9px #0008,inset -4px -6px 9px #743902}.sf-lever:not(:disabled):hover .sf-lever-ball{box-shadow:0 0 17px #f49a1c}.sf-lever-label{color:#e3a247}.sf-footer{color:#7795a3}.sf-joke{background:#f5e7c8;border-color:#c17d27;color:#0b3249}.sf-joke>span{color:#a25a12}.sf-joke>small{border-color:#bd8a42}
@media(max-width:700px){.sf-title{min-height:149px;padding:21px 8px 19px 130px}.sf-brand-logo{width:110px;left:11px}.sf-title h1{font-size:31px}.sf-title>p{font-size:7px;letter-spacing:1px}.sf-title-line p{font-size:10px;letter-spacing:0}}
@media(max-width:480px){.sf-title{min-height:131px;padding:19px 7px 19px 100px}.sf-brand-logo{width:84px;left:8px}.sf-title h1{font-size:25px;line-height:1.12;letter-spacing:-.5px}.sf-title>p{font-size:6px;letter-spacing:.6px}.sf-title-line p{font-size:9px;margin-top:7px}}
/* Embed transparently; size follows the plugin setting and available column. */
.sf-jukebox{background:transparent;min-height:0;padding:0 0 24px;width:100%;max-width:calc(var(--sf-machine-width,600px) + 80px);margin-left:auto;margin-right:auto;container-type:inline-size;container-name:sf-embed}.sf-shell{width:100%;max-width:none}.sf-machine{width:calc(100% - 80px);max-width:var(--sf-machine-width,600px);margin:24px 68px 0 12px}.sf-header{height:auto;min-height:62px;flex-wrap:wrap;padding:8px 12px}.sf-footer{margin:26px 12px 0;flex-wrap:wrap}.sf-title h1{font-size:clamp(25px,5cqi,40px)}
@container sf-embed (max-width:720px){.sf-machine{padding:17px 14px 23px;border-width:6px}.sf-title{min-height:149px;padding:21px 8px 19px 130px}.sf-brand-logo{width:110px;left:11px}.sf-title>p{font-size:7px;letter-spacing:1px}.sf-title-line p{font-size:10px;letter-spacing:0}.sf-machine-top>span:last-child{display:none}.sf-controls{gap:8px;padding:12px 8px;flex-wrap:wrap}.sf-coin{width:100%;min-height:47px;justify-content:center;font-size:12px!important}.sf-lever{right:-53px;transform:scale(.76);transform-origin:left center;top:152px}.sf-reels{inset:10px 8px 28px;gap:7px}.sf-record-label strong{font-size:26px}.sf-record-label span,.sf-record-label small{display:none}.sf-idle strong{font-size:9px;letter-spacing:1px}.sf-status{font-size:12px}.sf-joke>p{font-size:14px}.sf-joke>strong{font-size:18px}.sf-joke>small{display:none}}
@container sf-embed (max-width:460px){.sf-machine{width:calc(100% - 56px);margin-left:6px;margin-right:50px;padding:14px 9px 20px}.sf-title{min-height:125px;padding:18px 5px 18px 90px}.sf-brand-logo{width:76px;left:6px}.sf-title h1{font-size:24px}.sf-title>p{font-size:6px;letter-spacing:.5px}.sf-title-line p{font-size:9px}.sf-machine-top{font-size:8px}.sf-lever{top:134px}.sf-header{gap:9px}.sf-edition{font-size:9px}.sf-edition b{font-size:8px}.sf-sound{font-size:10px!important;padding:7px}.sf-stage{border-width:4px}.sf-reels{gap:5px}.sf-reel{border-width:2px}.sf-record-label strong{font-size:19px}.sf-idle strong{font-size:8px}.sf-status{font-size:11px;letter-spacing:0}.sf-random{font-size:14px!important;padding:8px}.sf-joke{padding:7px;inset:3px;border-width:3px}.sf-joke>span{font-size:7px;letter-spacing:1px}.sf-joke>strong{font-size:14px;margin:2px 0}.sf-joke>p{font-size:12px;line-height:1.3;margin:3px 0}.sf-footer{font-size:9px}}
.sf-face-label{width:65%;overflow:hidden;position:relative;border:3px solid #e69a2e;background:#0b3249}.sf-face-label img{display:block;position:absolute;height:auto;max-width:none;max-height:none;object-fit:initial;transform:none;filter:grayscale(1);margin:0;padding:0;border:0;border-radius:0}.sf-face-0 img{width:180%;left:-58%;top:8%}.sf-face-1 img{width:180%;left:-61%;top:-11%}.sf-face-2 img{width:190%;left:-25%;top:8%}
.sf-quiz[hidden]{display:none}.sf-quiz{border:2px solid #b67d2e;background:#092738;padding:15px;margin:0 0 17px;border-radius:5px}.sf-quiz h2{font:bold 21px Georgia,serif;color:#ffbe57;margin:0 0 5px}.sf-quiz p{font-size:14px;color:#e0e6df;margin:5px 0 12px}.sf-answers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sf-answers button{min-height:43px;border:1px solid #7293a0;border-radius:4px;background:#173e50;color:#fff2d4;padding:9px;font-size:14px}.sf-answers button:hover:not(:disabled){border-color:#f5a329;background:#2c5060}.sf-answers button:disabled{opacity:.55;cursor:default}.sf-answers button.sf-correct{opacity:1;border-color:#ffc45c;background:#67501d}.sf-feedback:empty{display:none}.sf-quiz .sf-feedback{margin:13px 0 0;line-height:1.5}.sf-quiz-won .sf-stage{box-shadow:0 0 0 2px #f4ad40,0 0 24px #f4ad4066}
.sf-quiz-result[hidden]{display:none}.sf-quiz-result{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:radial-gradient(ellipse at center,#19485b,#071e2b);color:#f4e8cc}.sf-quiz-result span{font-size:10px;letter-spacing:2px;color:#a7c3cd;margin-bottom:15px}.sf-quiz-result strong{font:bold clamp(20px,4.6cqi,35px)/1.2 Georgia,serif;color:#f5ad42}.sf-quiz-result p{font-size:clamp(12px,2.5cqi,17px);line-height:1.5;margin:13px 0 0}.sf-quiz-result:focus{outline:2px solid #dfa33e;outline-offset:-5px}
.sf-song-quiz[hidden]{display:none}.sf-song-quiz{margin:0 0 17px;padding:13px;border:2px solid #b67d2e;border-radius:5px;background:#092738}.sf-song-answers{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sf-song-answers button{display:flex;align-items:center;gap:10px;text-align:left;min-height:48px;padding:9px 12px;border:1px solid #658a9c;border-radius:6px;background:linear-gradient(#194458,#0b293c);color:#f6e9cb}.sf-song-answers button>span{font:bold 17px Georgia;color:#f5ad42;flex-shrink:0}.sf-song-answers button>strong{font:normal 14px/1.3 Arial,sans-serif;overflow-wrap:anywhere}.sf-song-answers button:hover{background:#2b5060;border-color:#f5ad42}.sf-song-quiz>p{font-size:12px;line-height:1.4;margin:12px 0 0;color:#c1d2d9}.sf-song-question>strong{font-size:clamp(17px,4cqi,28px);font-style:normal;line-height:1.25;overflow-wrap:anywhere}.sf-song-question>small{display:block;font:12px/1.3 Arial,sans-serif;letter-spacing:0;margin-top:8px;padding-top:6px}.sf-song-question>p{font-size:14px;margin:6px 0}.sf-song-question{padding:12px 18px}@container sf-embed (max-width:460px){.sf-song-question{padding:8px}.sf-song-question>span{font-size:8px;letter-spacing:1px}.sf-song-question>strong{font-size:16px}.sf-song-question>small{font-size:10px;margin-top:4px;padding-top:4px}.sf-song-question>p{display:none}.sf-song-answers{grid-template-columns:1fr}.sf-song-answers button>strong{font-size:14px}}
.sf-song-answers button:disabled{cursor:default;opacity:1}.sf-song-answers button.sf-song-correct,.sf-song-answers button.sf-song-correct:hover{background:#185e35;border-color:#78db92;color:#fff}.sf-song-answers button.sf-song-wrong,.sf-song-answers button.sf-song-wrong:hover{background:#862c30;border-color:#ff969b;color:#fff}.sf-song-answers button.sf-song-correct>span,.sf-song-answers button.sf-song-wrong>span{color:#fff}.sf-song-answers button .sf-answer-result{display:block;font-size:11px;margin-left:auto;color:#fff;line-height:1.3}.sf-song-answers button:disabled:not(.sf-song-correct):not(.sf-song-wrong){background:#0e2c3d;border-color:#416273;color:#b1c3cd}
/* Compact cabinet: one control row, with coins and slot at the right. */
.sf-jukebox .sf-header{min-height:42px;padding:5px 12px;gap:12px}
.sf-jukebox .sf-wordmark{font-size:24px}
.sf-jukebox .sf-edition{font-size:10px;gap:1px;letter-spacing:1px}
.sf-jukebox .sf-edition b{font-size:8px}
.sf-jukebox .sf-sound{padding:6px 9px;font-size:11px!important}
.sf-jukebox .sf-machine{margin-top:12px;padding-top:14px;padding-bottom:13px}
.sf-jukebox .sf-title{min-height:96px;margin-bottom:12px;padding:13px 10px 13px 109px}
.sf-jukebox .sf-brand-logo{width:85px;left:12px}
.sf-jukebox .sf-title h1{font-size:clamp(24px,4.9cqi,35px)}
.sf-jukebox .sf-title>p{font-size:7px;margin:0 0 4px;letter-spacing:1px}
.sf-jukebox .sf-title-line p{font-size:10px;margin:5px 0 0}
.sf-jukebox .sf-machine-top{margin-bottom:8px}
.sf-jukebox .sf-display{margin:11px 0;min-height:48px;padding:5px 10px}
.sf-jukebox .sf-led{top:21px}
.sf-jukebox .sf-controls{display:grid;grid-template-columns:54px minmax(0,1fr) 119px;align-items:stretch;gap:9px;padding:9px;flex-wrap:nowrap;box-shadow:0 3px 0 #061d2b}
.sf-jukebox .sf-credit{min-width:0;padding:5px 3px;display:flex;flex-direction:column;justify-content:center}
.sf-jukebox .sf-credit span{font-size:8px}
.sf-jukebox .sf-credit strong{font-size:26px;line-height:1.15}
.sf-jukebox .sf-random{min-width:0;min-height:54px;padding:5px 8px;font-size:15px!important;letter-spacing:.6px;box-shadow:0 2px 0 #8d4b0a}
.sf-jukebox .sf-random small{font-size:10px;margin-top:3px}
.sf-jukebox .sf-coin{width:auto;min-width:0;min-height:54px;display:flex;justify-content:space-between;gap:8px;padding:0 0 0 4px;border:0;background:transparent;box-shadow:none}
.sf-jukebox .sf-coin-stack{position:relative;display:grid;place-items:center;width:53px;height:48px;flex-shrink:0}
.sf-jukebox .sf-coin-stack:before,.sf-jukebox .sf-coin-stack:after{content:'';position:absolute;width:34px;height:34px;border-radius:50%;background:linear-gradient(120deg,#ffd077,#bd6b08);border:2px solid #a96814;box-shadow:0 2px 3px #0006}
.sf-jukebox .sf-coin-stack:before{left:1px;top:10px}
.sf-jukebox .sf-coin-stack:after{left:9px;top:6px}
.sf-jukebox .sf-coin-disc{position:relative;z-index:1;width:37px;height:37px;margin-left:11px;box-shadow:0 2px 4px #0008}
.sf-jukebox .sf-slot-housing{align-self:stretch;width:49px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px ridge #8ea5af;border-radius:4px;background:linear-gradient(110deg,#648491,#254757 48%,#547784);box-shadow:inset 0 1px 3px #0006}
.sf-jukebox .sf-slot-housing small{font:7px Arial,sans-serif;letter-spacing:.6px;color:#e3ded0;margin:0}
.sf-jukebox .sf-slot{width:7px;height:29px;border-color:#07131c;box-shadow:1px 0 0 #bcc9c8}
.sf-jukebox .sf-coin:hover:not(:disabled) .sf-coin-disc{filter:brightness(1.2)}
.sf-jukebox .sf-footer{max-width:none;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin:12px 2px 0;gap:4px 10px;font-size:8px;letter-spacing:.4px;color:#a1bac4}
.sf-jukebox .sf-footer>span:last-child{display:inline;letter-spacing:0}
.sf-jukebox .sf-lever{top:112px}
@container sf-embed (max-width:460px){
.sf-jukebox .sf-title{min-height:80px;padding:11px 4px 11px 75px;margin-bottom:9px}
.sf-jukebox .sf-brand-logo{width:62px;left:5px}
.sf-jukebox .sf-title h1{font-size:22px}
.sf-jukebox .sf-title>p{font-size:6px;letter-spacing:.3px}
.sf-jukebox .sf-title-line p{font-size:8px}
.sf-jukebox .sf-controls{grid-template-columns:40px minmax(0,1fr) 85px;padding:6px;gap:5px}
.sf-jukebox .sf-credit strong{font-size:23px}
.sf-jukebox .sf-credit span{font-size:6px;letter-spacing:.5px}
.sf-jukebox .sf-random{font-size:11px!important;padding:4px 2px;letter-spacing:0;min-height:48px}
.sf-jukebox .sf-random small{font-size:8px}
.sf-jukebox .sf-coin{min-height:48px;padding:0;gap:3px}
.sf-jukebox .sf-coin-stack{width:43px;transform:scale(.86);transform-origin:left center}
.sf-jukebox .sf-slot-housing{width:37px}
.sf-jukebox .sf-slot-housing small{font-size:6px;letter-spacing:0}
.sf-jukebox .sf-footer{font-size:7px;margin-top:10px;gap:3px}
.sf-jukebox .sf-lever{top:96px}
.sf-jukebox .sf-song-question>p{display:block;font-size:10px;margin:3px 0}
}

/* Songquiz: fixed ten-second answer window. */
.sf-jukebox .sf-song-timer{margin:0 0 10px;color:#ffc65c;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}

/* Mechanical countdown, inside the question window. */
.sf-jukebox .sf-stage:has(.sf-song-question:not([hidden])){aspect-ratio:auto;min-height:0}
.sf-jukebox .sf-stage:has(.sf-song-question:not([hidden]))>.sf-reels,.sf-jukebox .sf-stage:has(.sf-song-question:not([hidden]))>.sf-idle{visibility:hidden}
.sf-jukebox .sf-song-question{position:relative;inset:auto;margin:8px;padding:12px 16px 18px;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;justify-items:center;min-width:0}
.sf-jukebox .sf-song-question[hidden]{display:none}
.sf-jukebox .sf-song-question>strong,.sf-jukebox .sf-song-question>p,.sf-jukebox .sf-song-question>small{grid-column:1 / -1;position:static;max-width:100%;min-width:0;margin:0;overflow-wrap:anywhere}
.sf-jukebox .sf-song-question>strong{grid-row:2}
.sf-jukebox .sf-song-question>p{grid-row:3}
.sf-jukebox .sf-song-question>small{grid-row:4;display:block}
.sf-jukebox .sf-song-question>span{position:static;grid-row:1;grid-column:1;justify-self:start;max-width:100%;text-align:left;line-height:1.5}
.sf-jukebox .sf-song-timer{position:static;grid-row:1;grid-column:2;justify-self:end;margin:0;padding:7px 8px 5px;border:2px solid #bd8844;border-radius:5px;background:linear-gradient(135deg,#39596a,#081e2a 55%);box-shadow:0 3px 0 #071923,0 5px 8px #0005;color:#ffcc72;text-align:center;min-width:78px}
.sf-timer-digits{display:flex;justify-content:center;gap:3px;perspective:220px}
.sf-timer-flap{position:relative;display:block;width:29px;background:linear-gradient(#15232a 49%,#02090d 50%,#1e3039 53%,#0b161c);border:1px solid #52606a;border-radius:3px;box-shadow:inset 0 1px 1px #fff3,0 2px 1px #000;font:bold 39px/1.15 'Courier New',monospace;color:inherit;text-shadow:0 1px 2px #000;animation:sf-flap-tick .23s ease-out;transform-origin:center}
.sf-timer-flap:after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#000b;box-shadow:0 1px #fff1}
.sf-timer-caption{margin-top:5px;font:bold 8px/1 'Courier New',monospace;letter-spacing:1.4px;color:#ead9b8}
.sf-jukebox .sf-song-timer.sf-timer-urgent{color:#ff896e;border-color:#d85d3e}
.sf-jukebox .sf-song-timer[data-state="expired"]{color:#e99c83}
.sf-jukebox .sf-song-timer[data-state="answered"]{color:#b6cebf}
@keyframes sf-flap-tick{0%{transform:rotateX(-65deg);filter:brightness(.5)}100%{transform:rotateX(0);filter:brightness(1)}}
@container sf-embed (max-width:460px){
 .sf-jukebox .sf-song-question{margin:3px;gap:10px}
 .sf-jukebox .sf-song-question{padding:10px 10px 14px}
 .sf-jukebox .sf-song-question>span{left:10px;top:20px;font-size:9px}
 .sf-jukebox .sf-song-timer{top:6px;right:6px;padding:5px;min-width:68px}
 .sf-timer-flap{width:25px;font-size:32px}
}
@media(prefers-reduced-motion:reduce){.sf-timer-flap{animation:none}}