:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#070b16;color:#f5f7ff}*{box-sizing:border-box}body{margin:0;min-width:320px}main{max-width:920px;margin:0 auto;padding:3rem 1.25rem}header{align-items:center;display:flex;justify-content:space-between;gap:1rem;margin-bottom:2rem}header h1{margin:.2rem 0 0}.controller{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.direction-pad,.actions{display:grid;gap:.75rem;padding:0 1rem 1rem}.direction-pad{grid-template-columns:1fr 1fr}.direction-pad button:first-child{grid-column:span 2}.actions{grid-template-columns:1fr 1fr}.video{margin-top:1rem;overflow:hidden;padding-bottom:1rem}.video img{background:#000;display:block;height:auto;margin:0 1rem;max-height:480px;max-width:calc(100% - 2rem);object-fit:contain;width:auto}.video-placeholder{color:#a7b3d1;display:block;padding:0 1rem}.status{margin-top:1rem;padding-bottom:1rem}dl{display:grid;gap:.6rem;margin:0;padding:0 1rem 1rem}dl div{display:flex;justify-content:space-between;border-bottom:1px solid #29334d;padding-bottom:.5rem;gap:1rem}dt{color:#a7b3d1}dd{margin:0;font-weight:600;text-align:right}@media(max-width:640px){main{padding-top:1.5rem}.controller{grid-template-columns:1fr}}