.screen-settings{align-items:center;gap:4px;display:flex;position:relative}.settings-btn{cursor:pointer;color:inherit;z-index:1001;background:0 0;border:none;justify-content:center;align-items:center;margin-right:-10px;padding:8px 12px;line-height:1;display:flex;position:relative}.settings-btn:hover{opacity:.7}.settings-menu{background:var(--footer-btn-bg,#fff);border:1px solid var(--footer-btn-border,#e5e7eb);z-index:1000;transform-origin:100% 0;border-radius:8px;min-width:180px;padding:8px;animation:.3s cubic-bezier(.18,.89,.32,1.12) forwards menu-open;position:absolute;top:calc(100% - 4px);right:-10px;box-shadow:0 4px 12px #00000026}.settings-menu-closing{animation:.22s cubic-bezier(.55,0,.85,.2) forwards menu-close}@keyframes menu-open{0%{opacity:0;filter:blur(2px);transform:scale(.08)translateY(-10px)}55%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes menu-close{0%{opacity:1;filter:blur();transform:scale(1)translateY(0)}60%{opacity:.6;filter:blur(1px)}to{opacity:0;filter:blur(3px);transform:scale(.05)translateY(-12px)}}.settings-cog-open svg{animation:.4s forwards cog-spin-open}@keyframes cog-spin-open{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.settings-cog-closing svg{animation:.25s forwards cog-spin-close}@keyframes cog-spin-close{0%{transform:rotate(270deg)}to{transform:rotate(0)}}.settings-menu-item{cursor:pointer;width:100%;color:var(--player-card-text,#1a3a2a);white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.settings-menu-item:hover{background:#0000000f}.settings-menu-icon{flex-shrink:0}