/* Projeto Tekken · player de música (v1.3) — site/tekken/shared/musica.css. Vale sozinho (tem as próprias cores de reserva). */
.tkm{--tkm-fundo:var(--grafite,#15121b);--tkm-placa:var(--placa,#2a2433);--tkm-linha:var(--linha,#3b3447);--tkm-osso:var(--osso,#efe6d6);
  --tkm-cinza:var(--cinza,#958ea1);--tkm-brasa:var(--brasa,#f2a541);--tkm-ouro:var(--ouro,#ffd65a);
  position:fixed;z-index:88;font:500 14px/1.25 var(--f-corpo,'Barlow Semi Condensed',system-ui,sans-serif);color:var(--tkm-osso);
  -webkit-user-select:none;user-select:none;touch-action:manipulation}
.tkm.c-be{left:12px;bottom:12px}.tkm.c-bd{right:12px;bottom:12px}.tkm.c-ce{left:12px;top:12px}.tkm.c-cd{right:12px;top:12px}
.tkm.encaixado{position:relative;left:auto;right:auto;top:auto;bottom:auto;z-index:5;flex:none}
.tkm *{box-sizing:border-box}
.tkm-bt{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid var(--tkm-linha);background:rgba(12,10,16,.82);
  color:var(--tkm-osso);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 4px 14px rgba(0,0,0,.45);opacity:.86;
  transition:opacity .15s,transform .15s,border-color .15s}
.tkm-bt:hover,.tkm.aberto .tkm-bt{opacity:1;border-color:var(--tkm-brasa)}
.tkm-bt:active{transform:scale(.94)}
.tkm-bt>svg{width:18px;height:18px;fill:currentColor}
.tkm.tocando .tkm-bt>svg{display:none}
.tkm-eq{display:none;gap:2px;align-items:flex-end;height:16px}
.tkm.tocando .tkm-eq{display:flex}
.tkm-eq b{display:block;width:3px;background:var(--tkm-brasa);border-radius:1px;animation:tkmEq .9s ease-in-out infinite}
.tkm-eq b:nth-child(2){animation-delay:-.3s}.tkm-eq b:nth-child(3){animation-delay:-.6s}
@keyframes tkmEq{0%,100%{height:4px}50%{height:15px}}
.tkm.travado .tkm-bt{border-color:var(--tkm-ouro);animation:tkmPulso 1.4s ease-in-out infinite;opacity:1}
@keyframes tkmPulso{0%,100%{box-shadow:0 0 0 0 rgba(255,214,90,.55)}60%{box-shadow:0 0 0 9px rgba(255,214,90,0)}}
.tkm.vazio .tkm-bt{opacity:.45}
.tkm{display:flex;align-items:center;gap:6px}
.tkm.c-bd,.tkm.c-cd{flex-direction:row-reverse}
/* letreiro (opcional): o nome da faixa ao lado do ♪ fechado, rolando quando não cabe */
.tkm-let{display:block;max-width:170px;overflow:hidden;white-space:nowrap;cursor:pointer;font:500 13px/1 var(--f-corpo,'Barlow Semi Condensed',system-ui,sans-serif);
  color:var(--tkm-osso);background:rgba(12,10,16,.82);border:1px solid var(--tkm-linha);border-radius:999px;padding:6px 10px 5px;opacity:.9}
.tkm-let[hidden],.tkm.aberto .tkm-let{display:none}
.tkm-let>span{display:inline-block}
.tkm-let.rola>span{animation:tkmRola var(--dur,8s) linear infinite alternate}
@keyframes tkmRola{0%,12%{transform:translateX(0)}88%,100%{transform:translateX(var(--fim,0))}}
.tkm-pain{position:absolute;width:276px;max-width:calc(100vw - 24px);background:var(--tkm-fundo);border:1px solid var(--tkm-linha);
  border-radius:12px;padding:10px 12px 12px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.tkm-pain[hidden]{display:none}
.tkm.c-be .tkm-pain{left:0;bottom:48px}.tkm.c-bd .tkm-pain{right:0;bottom:48px}
.tkm.c-ce .tkm-pain{left:0;top:48px}.tkm.c-cd .tkm-pain{right:0;top:48px}
.tkm.encaixado .tkm-pain{left:0;bottom:48px}
.tkm.encaixado.para-baixo .tkm-pain{bottom:auto;top:48px}
.tkm-pain::after{content:"";position:absolute;width:12px;height:12px;background:var(--tkm-fundo);border:1px solid var(--tkm-linha);transform:rotate(45deg)}
.tkm.c-be .tkm-pain::after,.tkm.encaixado .tkm-pain::after{left:13px;bottom:-7px;border-top:0;border-left:0}
.tkm.c-bd .tkm-pain::after{right:13px;bottom:-7px;border-top:0;border-left:0}
.tkm.c-ce .tkm-pain::after{left:13px;top:-7px;border-bottom:0;border-right:0}
.tkm.c-cd .tkm-pain::after{right:13px;top:-7px;border-bottom:0;border-right:0}
.tkm.encaixado.para-baixo .tkm-pain::after{bottom:auto;top:-7px;border:1px solid var(--tkm-linha);border-bottom:0;border-right:0}
.tkm.encaixado.a-dir{flex-direction:row-reverse}
.tkm.encaixado.a-dir .tkm-pain{left:auto;right:0}
.tkm.encaixado.a-dir .tkm-pain::after{left:auto;right:13px}
.tkm-cab{display:grid;gap:1px;margin-bottom:8px}
.tkm-tag{font:600 11px/1 var(--f-disp,'Teko',sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--tkm-cinza)}
.tkm-tit{font:600 21px/1.02 var(--f-disp,'Teko',sans-serif);letter-spacing:.03em;color:var(--tkm-osso);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tkm-sub{font-size:12px;color:var(--tkm-brasa);min-height:15px}
.tkm-ctl,.tkm-som,.tkm-pos{display:flex;align-items:center;gap:6px}
.tkm-pos,.tkm-som{margin-top:7px}
.tkm-b{width:36px;height:34px;border-radius:8px;border:1px solid var(--tkm-linha);background:var(--tkm-placa);color:var(--tkm-osso);
  display:grid;place-items:center;cursor:pointer;padding:0;flex:none}
.tkm-b:hover{border-color:var(--tkm-brasa)}
.tkm-b:active{transform:scale(.94)}
.tkm-b svg{width:18px;height:18px;fill:currentColor}
.tkm-b[aria-pressed="true"]{background:var(--tkm-brasa);color:#0c0a10;border-color:var(--tkm-brasa)}
.tkm-b:disabled,.tkm-vol:disabled{opacity:.4;cursor:default}
.tkm-vol{flex:1;min-width:0;accent-color:var(--tkm-brasa);height:22px;cursor:pointer}
.tkm-int{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding-top:9px;border-top:1px solid var(--tkm-linha);cursor:pointer}
.tkm-int input{margin:2px 0 0;accent-color:var(--tkm-brasa);width:16px;height:16px;flex:none}
.tkm-int b{display:block;font-weight:600;font-size:13.5px;color:var(--tkm-osso)}
.tkm-int small{display:block;font-size:12px;line-height:1.3;color:var(--tkm-cinza);margin-top:2px}
.tkm-trava{margin:9px 0 0;font-size:12.5px;color:var(--tkm-ouro)}
/* ⏮, ☰ e a barra de posição (03/11, 21h): a lista fica dentro do painel, no lugar da intensidade; o painel cabe na tela (musica.js: ajusta) */
.tkm-pain.rola{overflow-y:auto;overscroll-behavior:contain}
.tkm-b[aria-expanded="true"]{background:var(--tkm-brasa);color:#0c0a10;border-color:var(--tkm-brasa)}
.tkm-barra{flex:1;min-width:0;height:24px;accent-color:var(--tkm-brasa);cursor:pointer;touch-action:none;margin:0}
.tkm-barra:disabled{opacity:.4;cursor:default}
.tkm-tempo{flex:none;min-width:76px;text-align:right;font-size:12.5px;color:var(--tkm-cinza);font-variant-numeric:tabular-nums}
.tkm-lista{position:relative;margin-top:9px;padding:6px 2px 2px 0;border-top:1px solid var(--tkm-linha);max-height:236px;overflow-y:auto;overscroll-behavior:contain}
.tkm-lista[hidden]{display:none}
.tkm.lista .tkm-int,.tkm.lista .tkm-trava{display:none}
.tkm-gr{font:600 11px/1 var(--f-disp,'Teko',sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--tkm-cinza);margin:9px 0 3px 2px}
.tkm-gr:first-child{margin-top:2px}
.tkm-fx{position:relative;display:block;width:100%;text-align:left;border:0;border-radius:6px;background:transparent;color:var(--tkm-osso);
  font:500 13.5px/1.2 var(--f-corpo,'Barlow Semi Condensed',system-ui,sans-serif);padding:7px 8px 7px 22px;cursor:pointer}
.tkm-fx:hover{background:var(--tkm-placa)}
.tkm-fx[aria-current="true"]{color:var(--tkm-brasa);font-weight:600;background:rgba(242,165,65,.1)}
.tkm-fx[aria-current="true"]::before{content:"\25B6";position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:9px}
@media (prefers-reduced-motion:reduce){.tkm-eq b,.tkm.travado .tkm-bt,.tkm-let.rola>span{animation:none}.tkm-let{text-overflow:ellipsis}}