/* Compact player is only a 200px official video plus a separate 44px touch handle. */
.floating-radio-handle{display:none}.floating-radio-safe-area{position:fixed;left:0;top:0;width:0;height:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);visibility:hidden;pointer-events:none;z-index:-1}
body.youtube-mode.youtube-compact.radio-open #world{inset:0!important;width:100%!important;height:100%!important;max-height:none!important}
body.youtube-mode.youtube-compact #radio-dialog{position:fixed;inset:auto!important;left:var(--floating-radio-x,calc(100vw - 256px))!important;top:var(--floating-radio-y,calc(100dvh - 208px))!important;right:auto!important;bottom:auto!important;transform:none!important;box-sizing:border-box;width:248px!important;min-width:248px!important;max-width:248px!important;height:200px!important;min-height:200px!important;max-height:200px!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;overflow:visible;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;z-index:24;touch-action:auto}
body.youtube-mode.youtube-compact #radio-dialog[hidden]{display:none!important}
body.youtube-mode.youtube-compact #radio-dialog .radio-top{position:static!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;flex:0 0 44px!important;padding:0!important;margin:0!important;gap:0!important;cursor:default;touch-action:auto}
body.youtube-mode.youtube-compact #radio-dialog .radio-top>:not(.floating-radio-handle),body.youtube-mode.youtube-compact #radio-dialog>:not(.radio-top):not(#player):not(#resize-radio){display:none!important}
body.youtube-mode.youtube-compact #radio-dialog .floating-radio-handle{display:flex!important;box-sizing:border-box;flex:0 0 44px!important;align-items:center;justify-content:center;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:0!important;border:1px solid #e1d2b544;border-radius:12px;background:#2c2822eb;color:#e1d2b5;font:24px Arial,sans-serif;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 2px 10px #0004}
body.youtube-mode.youtube-compact #radio-dialog .floating-radio-handle.dragging{cursor:grabbing;background:#51483a}
body.youtube-mode.youtube-compact #radio-dialog #player{display:block!important;position:static!important;inset:auto!important;width:200px!important;min-width:200px!important;max-width:200px!important;height:200px!important;min-height:200px!important;max-height:200px!important;aspect-ratio:1!important;flex:0 0 200px!important;padding:0!important;margin:0!important;overflow:visible;border:0;border-radius:0;box-shadow:0 3px 16px #0005}
body.youtube-mode.youtube-compact #radio-dialog #player iframe{display:block!important;position:static!important;transform:none!important;width:200px!important;min-width:200px!important;max-width:200px!important;height:200px!important;min-height:200px!important;max-height:200px!important;margin:0!important;border:0;border-radius:0;clip-path:none;opacity:1;visibility:visible}
@media(orientation:landscape){body.youtube-mode.youtube-compact #radio-dialog{top:var(--floating-radio-y,calc(100dvh - 208px))!important}}
/* Empty space beside the small handle remains usable for walking/camera touch. */
body.youtube-mode.youtube-compact #radio-dialog{pointer-events:none}
body.youtube-mode.youtube-compact #radio-dialog #player,body.youtube-mode.youtube-compact #radio-dialog .floating-radio-handle{pointer-events:auto}
/* Keep the nearby action above the left joystick, away from the lower-right video. */
body.youtube-mode.youtube-compact.radio-open .right-controls{right:auto!important;left:14px!important;bottom:132px!important;max-width:clamp(88px,calc(100vw - 270px),160px)}
body.youtube-mode.youtube-compact.radio-open .right-controls #interact{width:100%;max-width:100%;white-space:normal;min-height:44px}
#resize-radio{display:none}
body.youtube-mode.youtube-compact #radio-dialog{width:calc(var(--radio-video-size,200px) + 48px)!important;min-width:248px!important;max-width:none!important;height:var(--radio-video-size,200px)!important;min-height:200px!important;max-height:none!important}
body.youtube-mode.youtube-compact #radio-dialog #player,body.youtube-mode.youtube-compact #radio-dialog #player iframe{width:var(--radio-video-size,200px)!important;height:var(--radio-video-size,200px)!important;min-width:200px!important;max-width:none!important;min-height:200px!important;max-height:none!important}
body.youtube-mode.youtube-compact #radio-dialog #resize-radio{display:block;position:absolute;left:0;bottom:0;pointer-events:auto;touch-action:none;width:44px;height:44px;padding:2px;border:1px solid #c4d1bd;border-radius:12px;background:#f5f0e4;color:#344e40;font-size:11px;cursor:nwse-resize}
/* Mobile opens as the official 200×200 video, without a surrounding card. */
@media(max-width:650px) and (min-height:451px){
 body.youtube-mode.youtube-compact #radio-dialog #resize-radio{display:none!important}
 body.youtube-mode.youtube-compact #radio-dialog .floating-radio-handle{background:transparent;border:0;border-radius:0;box-shadow:none;color:#f6f0dd;text-shadow:0 1px 3px #24382b;font-size:18px;opacity:.9}
 body.youtube-mode.youtube-compact #radio-dialog #player{box-shadow:0 1px 5px #0003}
}
/* The drag target sits below the video, never across left-hand controls. */
@media(max-width:650px){body.youtube-mode.youtube-compact #radio-dialog .radio-top{position:absolute!important;left:auto!important;right:0!important;top:calc(100% + 4px)!important}}
@media(max-width:650px){body.youtube-mode.youtube-compact #radio-dialog{width:var(--radio-video-size,200px)!important;min-width:200px!important;height:calc(var(--radio-video-size,200px) + 48px)!important;min-height:248px!important;align-items:flex-start!important}body.youtube-mode.youtube-compact #radio-dialog .radio-top{top:calc(var(--radio-video-size,200px) + 4px)!important}}
#player{opacity:var(--player-clarity,1);transition:opacity .12s ease}
#player:hover,#player:focus-within{opacity:1}
.player-clarity{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:inherit;pointer-events:auto}
.player-clarity input{width:110px;min-height:44px;touch-action:auto}.player-clarity output{min-width:35px}.player-clarity button{min-height:44px}
@media(prefers-reduced-motion:reduce){#player{transition:none}}