.remote-viewer{min-width:0}.remote-rail,.remote-touch-colours,.remote-turn-tip{display:none}
.remote-candidate #fullscreen-button[hidden],.remote-full-button[hidden]{display:none!important}
.remote-mobile-status:empty{display:none}.remote-mobile-status{font:14px/1.5 system-ui}
.remote-drawer{border:1px solid #58685c;border-radius:22px;background:#202b24;color:#fff;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:12px;overscroll-behavior:contain}
.remote-drawer::backdrop{background:#000a}.remote-drawer h2{font:600 16px/1.3 system-ui;margin:8px 0 16px}
.remote-drawer-close{min-height:44px;min-width:88px;float:right;background:#dbe6d1;color:#18231a;border-radius:8px;border:1px solid #657a5a}
.remote-candidate .remote-drawer aside.remote{width:100%;box-sizing:border-box;box-shadow:none;border:0;padding:8px;background:none;border-radius:0}
.remote-drawer .remote-heading{display:none}
.remote-viewer.is-touch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 0;box-sizing:border-box}
.remote-viewer.is-touch .television{grid-column:1/-1;grid-row:1;width:100%;box-sizing:border-box;padding:4px;border-width:1px;border-radius:8px;margin:0}
.remote-viewer.is-touch .television-chin{display:none}
.remote-viewer.is-touch .remote-touch-colours{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-column:1/-1;grid-row:2;gap:6px}
.remote-viewer.is-touch .remote-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;align-content:start}
.remote-viewer.is-touch .remote-key{min-width:44px;min-height:44px;padding:5px 3px;touch-action:manipulation}
.remote-viewer.is-touch .remote-open{font:600 11px/1.2 system-ui;white-space:nowrap}
.remote-mobile .receiver{grid-template-columns:minmax(0,1fr)}
.remote-mobile .remote-turn-tip{display:block;font:12px/1.5 system-ui;margin:6px 0;color:#445b45}
.remote-mobile .remote-drawer[open]{position:fixed;display:block;inset:0;margin:auto}
.remote-viewer.is-touch.is-landscape{grid-template-columns:minmax(64px,1fr) var(--remote-frame-width) minmax(64px,1fr);gap:8px;align-items:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));width:100%}
.remote-viewer.is-touch.is-landscape .television{grid-column:2;grid-row:1;width:var(--remote-frame-width)}
.remote-viewer.is-touch.is-landscape .remote-left{grid-column:1;grid-row:1}
.remote-viewer.is-touch.is-landscape .remote-right{grid-column:3;grid-row:1}
.remote-viewer.is-touch.is-landscape .remote-rail{display:grid;grid-template-columns:1fr;gap:4px;justify-self:center;width:100%;max-width:124px}
.remote-viewer.is-touch.is-landscape .remote-touch-colours{display:none}
.remote-viewer.is-touch.is-landscape.remote-short .remote-rail{grid-template-columns:repeat(2,minmax(44px,1fr));max-width:116px}
.remote-viewer.is-touch.is-landscape.remote-short{grid-template-columns:minmax(112px,1fr) var(--remote-frame-width) minmax(112px,1fr)}
.remote-viewer.remote-full{background:#101711;width:100vw;height:100dvh;overflow:auto;align-content:center}
.remote-viewer.remote-full .remote-drawer[open]{position:fixed;inset:0;margin:auto}
.remote-viewer.remote-full .television{box-shadow:none}
@media(orientation:landscape){
 .remote-mobile .site-header,.remote-mobile .intro,.remote-mobile #postcode-topics,.remote-mobile .remote-turn-tip{display:none}
 .remote-mobile main{width:100%;max-width:none;padding:0;margin:0}
 .remote-mobile .receiver{width:100%;max-width:none;margin:0;padding:0;gap:12px}
 .remote-mobile .display-column{min-width:0}
 .remote-mobile .reader-tools,.remote-mobile .sub-controls,.remote-mobile #interaction-panel,.remote-mobile #touch-links,.remote-mobile #source-status{margin-left:12px;margin-right:12px}
}
@media(prefers-reduced-motion:no-preference){.remote-drawer[open]{animation:remote-enter .12s ease-out}@keyframes remote-enter{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:none}}}