@font-face{font-family:MenuDisplay;src:url('./LuckiestGuy-Regular.ttf');font-display:swap}
.social a{background:var(--party-surface) center/100% 100% no-repeat!important;border:0;border-radius:999px;box-shadow:none;padding:18px 28px;font:26px/1 MenuDisplay,Arial,sans-serif;letter-spacing:0;min-height:88px;gap:14px}
.social svg{width:34px;height:34px}
.reel-dock{gap:14px}
.reel-tile{background:var(--party-surface) center/100% 100% no-repeat;border:0;border-radius:22px;padding:8px;overflow:visible;box-shadow:0 5px 18px #0006;font-family:MenuDisplay,Arial,sans-serif}
.reel-tile img{border-radius:15px;opacity:1}
.reel-tile .label{position:relative;background:var(--party-surface) center/100% 100% no-repeat;border-radius:999px;min-height:36px;margin:0 -2px -2px;padding:10px 8px 8px;display:grid;place-items:center;font:14px/1.1 MenuDisplay,Arial,sans-serif}
.reel-tile .play{background:var(--party-surface) center/100% 100% no-repeat;border:0;width:42px;height:42px;left:calc(50% - 21px);top:25px;font-size:20px}
.reel-dock-label{font:14px MenuDisplay,Arial,sans-serif;letter-spacing:1px}
.watch-close{background:var(--party-surface) center/100% 100% no-repeat;border:0;font-family:MenuDisplay,Arial,sans-serif}
@media(max-width:600px){.social a{min-height:72px;font-size:22px;padding:16px 24px}.reel-tile{padding:5px;border-radius:16px}.reel-tile .label{font-size:10px;min-height:38px;padding:8px 5px}.reel-tile .play{width:34px;height:34px;left:calc(50% - 17px);top:17px}}
@media(max-height:550px) and (min-width:601px){.social a{min-height:58px;font-size:20px;padding:12px 20px}.reel-tile .label{font-size:11px;min-height:28px;padding:8px}.reel-tile .play{width:30px;height:30px;left:calc(50% - 15px);top:12px}}

@media(max-height:550px) and (min-width:601px){.reel-dock{gap:6px}.reel-tile{padding:5px}.reel-tile img{height:38px}.reel-tile .label{min-height:26px;font-size:10px;padding:7px 4px}.reel-tile .play{top:8px}.reel-dock-label{font-size:11px}}

@media(max-width:600px){
 .social{flex-direction:row;gap:10px;width:calc(100% - 24px)}
 .social a{flex:1;min-width:0;min-height:58px;padding:12px 10px;gap:6px;font-size:clamp(12px,3.5vw,17px);white-space:nowrap;text-shadow:0 2px 0 #103269}
 .social svg{width:20px;height:20px}
 .reel-dock{gap:8px}
 .reel-tile .label{text-shadow:0 1px 0 #103269}
}