.remote-page{color:#f7f0dd;background:#17131d;min-height:100vh;padding:1.25rem 1rem 3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.remote-shell{width:min(1180px,100%);margin:0 auto}.remote-header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.remote-kicker{color:#24d6e8;font-size:.72rem;font-weight:900}.remote-header h1{letter-spacing:0;margin:.15rem 0 0;font:1000 clamp(2rem,6vw,4rem)/.95 system-ui,sans-serif}.remote-total{text-align:right;border-left:3px solid #fc0;padding-left:.75rem;font-size:.65rem;display:grid}.remote-total strong{color:#24d6e8;font-size:1.3rem}.remote-workspace{grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);align-items:start;gap:1rem;display:grid}.remote-scene{aspect-ratio:3/2;background:#554d49;border:3px solid #f7f0dd;width:100%;position:relative;overflow:hidden;box-shadow:8px 8px #8a2be2}.remote-tv{z-index:2;color:#24d6e8;text-align:center;background:#030508eb;place-content:center;gap:.2rem;width:28.6%;height:25.5%;display:grid;position:absolute;top:34.2%;left:33.7%}.remote-tv strong{font:1000 clamp(.8rem,3vw,2rem) system-ui,sans-serif}.remote-tv span{color:#fc0;font-size:clamp(.35rem,1vw,.65rem)}.remote-lamp-shade{z-index:2;background:#09080b;border-radius:50% 50% 35% 35%;width:9%;height:20%;transition:opacity .18s;position:absolute;top:39%;left:15.8%}.remote-thermostat{z-index:2;color:#16221a;background:#dff5e2;border:2px solid #222;padding:.2rem;font-size:clamp(.42rem,1.2vw,.72rem);font-weight:1000;position:absolute;top:41%;left:67.5%}.remote-fan{z-index:2;color:#24d6e8;text-shadow:0 2px #17131d;font-size:clamp(1.5rem,6vw,4.5rem);line-height:1;animation:1s linear infinite paused remote-spin;position:absolute;top:6%;left:44%}@keyframes remote-spin{to{transform:rotate(360deg)}}.remote-garage{z-index:2;background:#1414182e;border:2px solid #ffffffb3;width:11%;height:34%;position:absolute;top:26%;right:0;overflow:hidden}.remote-garage div{background:#8a2be2ad;position:absolute;inset:auto 0 0}.remote-garage span{z-index:2;color:#fff;text-align:center;font-size:clamp(.4rem,1.2vw,.7rem);font-weight:1000;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.remote-captions,.remote-paired{z-index:3;color:#fff;text-align:center;background:#000000db;padding:.55rem;font-size:clamp(.5rem,1.5vw,.8rem);font-weight:900;position:absolute;bottom:8%;left:20%;right:20%}.remote-paired{color:#fc0;border:3px solid #fc0;inset:6% 10% auto}.remote-console{gap:.8rem;display:grid}.remote-device{background:#312b39;border:3px solid #f7f0dd;border-radius:7px;padding:.9rem;box-shadow:6px 6px #8a2be2}.remote-device-head{justify-content:space-between;gap:.5rem;margin-bottom:.75rem;font-size:.62rem;font-weight:900;display:flex}.remote-device-head strong{color:#ff6d8e}.remote-buttons{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.remote-buttons button{color:#fff;cursor:pointer;background:#17131d;border:2px solid #f7f0dd;border-radius:5px;min-height:50px;font:900 .78rem ui-monospace,monospace}.remote-buttons .remote-power{background:#d63154;border-radius:50%;grid-column:1/-1;justify-self:center;width:58px;font-size:1.35rem}.remote-telemetry{background:#231f29;border:2px solid #5a5263;grid-template-columns:repeat(5,1fr);display:grid}.remote-telemetry div{text-align:center;border-right:1px solid #5a5263;gap:.2rem;padding:.45rem .25rem;display:grid}.remote-telemetry div:last-child{border:0}.remote-telemetry span{color:#24d6e8;font-size:.48rem}.remote-telemetry strong{font-size:.62rem}.remote-log{background:#231f29;border-left:4px solid #24d6e8;min-height:185px;padding:.7rem}.remote-log-head{color:#fc0;font-size:.6rem;font-weight:900}.remote-log p{opacity:.55;font-size:.65rem}.remote-log ol{gap:.3rem;margin:.55rem 0 0;padding:0;list-style:none;display:grid}.remote-log li{border-top:1px solid #49424f;grid-template-columns:27px 1fr;gap:.35rem;padding-top:.3rem;font-size:.58rem;line-height:1.3;display:grid}.remote-log li span{color:#24d6e8}.remote-reset{color:#f7f0dd;cursor:pointer;background:0 0;border:2px solid #f7f0dd;min-height:44px;font:900 .72rem ui-monospace,monospace}.remote-reset:disabled{cursor:not-allowed;opacity:.35}.remote-back{color:inherit;margin-top:1.4rem;font-weight:800;display:inline-block}.remote-page button:focus-visible{outline-offset:3px;outline:4px solid #24d6e8}@media (max-width:780px){.remote-page{padding:1rem .75rem 3rem}.remote-workspace{grid-template-columns:minmax(0,1fr)}.remote-captions{left:8%;right:8%}.remote-log{padding-right:7.25rem}}@media (prefers-reduced-motion:reduce){.remote-lamp-shade,.remote-garage div{transition:none}.remote-fan{animation:none}}