.jukebox-side{right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:24;pointer-events:none;width:290px;max-width:calc(100vw - 24px);position:fixed}.jukebox-side[hidden],.jukebox-player[hidden]{display:none}.jukebox-player{pointer-events:auto;background:var(--wood);border:3px solid var(--wood-edge);overscroll-behavior:contain;max-height:calc(100dvh - 100px);padding:16px;animation:.2s steps(4,end) jukebox-open;overflow-y:auto;box-shadow:inset 3px 3px #554932,inset -3px -3px #29251f}.jukebox-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.jukebox-top h2{font-size:29px;line-height:1.15}.jukebox-top p{color:var(--ink);margin-top:6px;font-size:10px;line-height:1.8}.jukebox-top .icon-button{flex-shrink:0}.jukebox-machine{isolation:isolate;background:0 0;width:192px;height:170px;margin:12px auto 0;padding:0;display:block;position:relative}.jukebox-machine:hover{background:#554932}.jukebox-machine:focus-visible{outline-offset:2px}.jukebox-block{width:168px;height:168px;position:absolute;bottom:0;left:12px}.jukebox-record{width:64px;height:64px;transition:top .16s steps(3,end);position:absolute;top:0;left:64px;transform:rotate(-18deg)}.jukebox-side[data-playing=true] .jukebox-record{top:16px}.jukebox-play-symbol{background:var(--surface);border:2px solid var(--edge);width:36px;height:36px;color:var(--cyan);place-items:center;display:grid;position:absolute;bottom:8px;right:4px}.jukebox-play-symbol .pixel-icon{width:24px}.jukebox-track{font-family:var(--pixel);text-align:center;margin-top:6px;font-size:26px;line-height:1.2}.jukebox-hint{color:var(--ink);text-align:center;margin-top:7px;font-size:11px}.jukebox-records{gap:8px;margin-top:18px;display:flex}.jukebox-records button{border:2px solid var(--wood-edge);min-width:0;min-height:48px;font-family:var(--pixel);background:#292820;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 6px;font-size:17px;line-height:1.25;display:flex}.jukebox-records button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dark)}.jukebox-records button:hover{background:var(--surface)}.jukebox-records .pixel-art{flex-shrink:0;width:24px;height:24px}.jukebox-volume{align-items:center;gap:12px;margin-top:18px;display:flex}.jukebox-lever{border:2px solid var(--wood-edge);min-width:46px;min-height:64px;color:var(--ink);font-family:var(--pixel);background:#292820;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px;font-size:16px;display:flex}.jukebox-lever:hover:not(:disabled){border-color:var(--cyan)}.jukebox-lever:disabled{cursor:default}.lever-base{width:26px;height:22px;image-rendering:pixelated;border:2px solid var(--edge);background:url(/minecraft/cobblestone.png) 50%/26px 26px;display:block;position:relative}.lever-base i{background:var(--wood-edge);border:1px solid var(--ink);transform-origin:50% 100%;width:6px;height:22px;transition:transform .1s steps(2,end);position:absolute;bottom:6px;left:10px;transform:rotate(-35deg)}.lever-up .lever-base i{transform:rotate(35deg)}.jukebox-lever:active .lever-base i{transform:rotate(0)}.jukebox-level{flex:1;min-width:0}.jukebox-level>span{color:var(--ink);justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.jukebox-level output{font-variant-numeric:tabular-nums;color:var(--cyan)}.jukebox-meter{gap:3px;margin-top:9px;display:flex}.jukebox-meter i{background:var(--surface);border:1px solid var(--edge);flex:1;height:12px}.jukebox-meter i[data-on=true]{background:var(--cyan);border-color:var(--cyan)}.jukebox-next{justify-content:center;width:100%;min-height:44px;margin-top:10px;display:flex}.jukebox-next .pixel-icon{width:20px}.jukebox-status{text-align:center;min-height:2em;color:var(--ink);margin-top:2px;font-size:10px;line-height:1.8}.jukebox-toggle{pointer-events:auto;background:var(--wood);min-height:52px;color:var(--ink);border:2px solid var(--wood-edge);font-family:var(--pixel);align-items:center;gap:8px;margin:10px 0 0 auto;padding:6px 12px;font-size:18px;display:flex;box-shadow:0 3px #101b1f}.jukebox-toggle:hover{border-color:var(--cyan)}.jukebox-toggle>.pixel-art{width:36px;height:36px}.jukebox-signal{background:var(--edge);width:6px;height:6px}.jukebox-side[data-playing=true] .jukebox-signal{background:var(--cyan)}@keyframes jukebox-open{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@media (max-width:767px){.jukebox-side{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.jukebox-player{padding:14px}.jukebox-toggle{min-height:48px;padding:4px 10px;font-size:16px}.jukebox-toggle>.pixel-art{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.jukebox-player{animation:none}.jukebox-record,.lever-base i{transition:none}}
.RetroBubble-module__VNelFG__balloon{background:var(--bubble-bg-color);color:var(--ink);border:4px solid;border-image:var(--bubble-border-image) 3 / 3 / 2 stretch;font-family:var(--pixel);margin:8px 8px 24px;padding:10px 16px;font-size:17px;line-height:1.4;display:inline-block;position:relative}.RetroBubble-module__VNelFG__balloon:before,.RetroBubble-module__VNelFG__balloon:after{content:"";position:absolute;left:2rem}.RetroBubble-module__VNelFG__balloon:before{background:var(--bubble-bg-color);border-right:4px solid var(--bubble-border-color);border-left:4px solid var(--bubble-border-color);width:26px;height:10px;bottom:-14px}.RetroBubble-module__VNelFG__balloon:after{background:var(--bubble-bg-color);width:18px;height:4px;box-shadow:-4px 0 var(--bubble-border-color), 4px 0 var(--bubble-border-color), -4px 4px var(--bubble-bg-color), 0 4px var(--bubble-border-color), -8px 4px var(--bubble-border-color), -4px 8px var(--bubble-border-color), -8px 8px var(--bubble-border-color);bottom:-18px}