.remote-root{
  display:flex;
  flex-direction:column;
  gap:12px;
  font-family:"Segoe UI",Arial,sans-serif;
}
.remote-disabled{opacity:0.4;pointer-events:none;}

.remote-section{
  padding:8px;
  border-radius:12px;
  background:rgba(40,0,0,0.6);
  border:1px solid rgba(255,80,80,0.25);
}

.remote-grid{display:grid;gap:8px;}
.grid-power{display:flex;justify-content:center;}
.grid-navigation{grid-template-columns:repeat(3,1fr);}
.grid-nav-actions{grid-template-columns:repeat(3,1fr);margin-top:8px;}
.grid-numbers{grid-template-columns:repeat(3,1fr);}
.grid-tune{grid-template-columns:repeat(3,1fr);}
.grid-player{grid-template-columns:repeat(4,1fr);}
.grid-apps{grid-template-columns:repeat(4,1fr);}
.grid-extra{grid-template-columns:repeat(4,1fr);}

.remote-btn{
  background:#330000;border:1px solid #660000;border-radius:10px;
  padding:10px;color:#ffe5e5;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:60px;
}
.remote-btn:hover{background:#550000;border-color:#ff4444;}
.remote-btn.remote-selected{
  border-color:#ffae42;
  box-shadow:0 0 12px rgba(255,174,66,0.5);
}
.remote-btn .label{font-weight:700;}
.remote-btn .key{font-size:11px;opacity:0.8;margin-top:4px;}

.remote-placeholder{
  border:1px dashed rgba(255,80,80,0.18);
  border-radius:10px;
  min-height:60px;
}