.remote-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.volume-slider-row{padding:12px 4px 22px}.volume-slider-row input{display:block;width:100%;height:32px;accent-color:#d6c6e5;cursor:pointer}.volume-buttons .compact-action{min-height:68px;justify-content:center;touch-action:manipulation}.tv-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px;padding:18px 20px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff08}.tv-status small{width:100%;color:#aaa}.tv-status.online .status-dot{background:#b5d7c0}.tv-power{margin-bottom:18px}.control-symbol{font-size:26px}.tv-dpad{display:grid;justify-items:center;gap:9px;padding:25px 0}.tv-dpad>div{display:flex;gap:9px}.tv-dpad button{min-width:64px;min-height:54px;border-radius:15px;border:1px solid #ffffff25;background:linear-gradient(150deg,#ffffff14,#ffffff04);color:#eee;font:inherit;cursor:pointer;transition:transform .16s,background .16s}.tv-dpad button:active{transform:scale(.94);background:#ffffff25}.tv-dpad>div:last-child{margin-top:8px}.tv-dpad>div:last-child button{padding:0 20px}.tv-dpad button:disabled{opacity:.35;cursor:default}#controlStatus{min-height:24px;color:#c9bfd4;font-size:13px}.remote-panel:not([hidden]){animation:panel-enter .28s ease both}@keyframes panel-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.remote-nav button{font-size:10px;padding:10px 3px}.tv-power{grid-template-columns:1fr 1fr}.tv-power button:last-child{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.remote-panel:not([hidden]){animation:none}}