:root{font-family:Arial,sans-serif;color:#14352b;background:#fffaf0;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{min-height:46px;padding:12px 16px;border:1px solid #064e3b;border-radius:7px;background:#064e3b;color:#fff;font-weight:800;cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c46a16;outline-offset:3px}[hidden]{display:none!important}a{color:#07523e}.hp-live-console{width:min(100%,800px);margin:auto;padding:12px 12px 32px}.hp-live-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;flex-wrap:wrap}.hp-live-top a{font-weight:800}.hp-live-heading{text-align:center;margin:22px 0 14px}.hp-live-heading>span{font-size:11px;font-weight:800;letter-spacing:1.5px}.hp-live-heading h1{font-size:32px;margin:7px 0;color:#064e3b}.hp-live-heading p{margin:0;font-size:13px}.hp-live-camera{position:relative;overflow:hidden;aspect-ratio:16/9;background:#10241d;border:2px solid #064e3b;border-radius:10px}.hp-live-camera video{display:block;width:100%;height:100%;object-fit:contain}.hp-live-camera video[data-facing="user"]{transform:scaleX(-1)}.hp-live-camera-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;gap:10px;color:#f2e8bc;text-align:center}.hp-live-camera-empty strong{font-size:22px}.hp-live-camera-empty span{max-width:310px;font-size:13px;line-height:1.6}.hp-live-video-label{position:absolute;inset:10px 10px auto;display:flex;justify-content:space-between;color:#fff;font-size:12px;font-weight:900}.hp-live-video-label span,.hp-live-video-label time{padding:6px 9px;border-radius:5px;background:#111b}.hp-live-video-label .is-on{background:#b62424}.hp-live-status{min-height:44px;font-size:14px;line-height:1.5;text-align:center}.hp-live-status.is-error{color:#a42020}.hp-live-settings{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;align-items:end}.hp-live-settings label,.hp-live-result-fields label{display:grid;gap:6px;font-size:11px;font-weight:800;letter-spacing:.4px}select,input{width:100%;min-width:0;min-height:46px;border:1px solid #9ab5a7;border-radius:6px;background:#fff;color:#14352b;padding:10px;font-size:16px}.hp-live-settings button{padding:8px;font-size:11px}.hp-live-secondary{border-color:#93aa9c;background:#fff;color:#064e3b}.hp-live-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.hp-live-buttons [data-start-live]{grid-column:1/-1;font-size:18px;min-height:54px;background:#f4c854;color:#064e3b;border-color:#ad8a2c}.hp-live-buttons button{font-size:12px}.hp-live-stop{background:#a72424;border-color:#a72424}.hp-live-hint,.hp-live-destinations{font-size:12px;line-height:1.6;text-align:center;color:#536259}.hp-live-test-link{display:block;padding:14px;text-align:center;border:1px dashed #809986;border-radius:6px;font-size:14px}.hp-live-result-form,.hp-live-record-note{margin-top:22px;padding:18px;border:1px solid #9cb6a7;border-radius:8px;background:#fff}.hp-live-result-form h2,.hp-live-record-note h2{margin:0 0 8px;font-size:17px;color:#064e3b}.hp-live-result-form p,.hp-live-record-note p{font-size:13px;line-height:1.6}.hp-live-result-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.hp-live-result-form button{width:100%}.hp-live-record-note a{font-size:13px;font-weight:800}.hp-live-player{background:transparent}.hp-live-player-shell{margin:0;padding:0;overflow:hidden;border:2px solid #064e3b;border-radius:8px;background:#fffaf0}.hp-live-player-head{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#064e3b;color:#fff;padding:10px 12px}.hp-live-player-head h1{margin:0;color:#f7ce64;font-size:15px;line-height:1.3;font-style:italic}.hp-live-player-head span{flex:none;padding:4px 6px;border-radius:4px;background:#b02424;font-size:10px;font-weight:900}.hp-live-player video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#0e1d17}.hp-live-player-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px}.hp-live-player-foot p{margin:0;font-size:12px;line-height:1.5}.hp-live-player-foot button{min-height:40px;padding:8px 10px;font-size:11px}.hp-live-player-result{margin:0;padding:8px;text-align:center;font-size:19px;font-weight:900;letter-spacing:1px}.hp-live-player-offline{text-align:center;padding:25px;font-size:14px}.hp-live-archive{max-width:800px;padding:18px;margin:auto}.hp-live-archive h1{font-size:24px}.hp-live-archive article{margin:20px 0;border:1px solid #9ab5a7;padding:16px;border-radius:8px}.hp-live-archive h2{font-size:16px}.hp-live-archive video{width:100%;aspect-ratio:16/9;background:#11231c}.hp-live-archive p{font-size:13px;line-height:1.6}@media(max-width:360px){.hp-live-console{padding:10px}.hp-live-settings{grid-template-columns:1fr 1fr}.hp-live-settings label{grid-column:1/-1}.hp-live-player-head h1{font-size:13px}.hp-live-buttons button{padding:10px 7px;font-size:11px}}

.hp-live-card-fields{display:grid;gap:10px;margin:15px 0}.hp-live-card-fields label{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:8px;font-size:12px;font-weight:800}.hp-live-card-summary{display:block;padding:14px 10px;background:#fff4cf;border:1px solid #d9bd63;border-radius:6px;text-align:center;font-weight:800;line-height:1.6}.hp-live-card-confirm{display:flex;gap:10px;align-items:flex-start;margin:15px 0;font-size:13px;line-height:1.5}.hp-live-card-confirm input{flex:0 0 21px;width:21px;min-height:21px;height:21px;margin:0}.hp-live-settings{grid-template-columns:1fr 1fr}.hp-live-settings>label{grid-column:1/-1}.hp-live-card-rules{color:#42594b}

.hp-live-camera-stamp{position:absolute;inset:auto 0 0;display:block;padding:6px 8px;color:#fff;background:#063f30;font-size:12px;line-height:1.4;text-align:right;font-variant-numeric:tabular-nums;pointer-events:none}

/* Larger camera and replay frames; the fullscreen player keeps its whole image. */
.hp-live-console{width:min(100%,1280px)}
.hp-live-archive{width:100%;max-width:1280px}
.hp-live-player video{max-height:var(--hp-video-inline-height,none)}
.hp-live-player-foot{flex-wrap:wrap}.hp-live-player-foot p{flex:1 1 140px}.hp-live-player-foot button{flex:none}
.hp-camera-fullscreen{display:block;margin:10px 0 0 auto}
.hp-video-exit{display:none}.hp-live-camera:fullscreen .hp-video-exit{display:block;position:absolute;top:52px;right:12px;z-index:2;font-size:12px;background:#064e3b}
.hp-video-recording{position:relative;background:#10241d}.hp-video-recording video{display:block;object-fit:contain}.hp-video-recording>[data-video-fullscreen]{display:block;margin:0 8px 8px auto;min-height:40px;font-size:12px}
[data-video-shell]:fullscreen{display:flex;flex-direction:column;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;aspect-ratio:auto;background:#000}
[data-video-shell]:fullscreen video{flex:1 1 0;width:100%;height:0;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain}
[data-video-shell]:fullscreen .hp-live-player-head,[data-video-shell]:fullscreen .hp-live-player-foot,[data-video-shell]:fullscreen .hp-live-player-result{flex:none}
.hp-live-camera:fullscreen video{height:100%;flex:1}
@media(max-width:600px){.hp-live-camera,.hp-live-archive .hp-video-recording{width:var(--hp-video-viewport-width,100%);max-width:none;margin-left:calc((100% - var(--hp-video-viewport-width,100%))/2);border-left:0;border-right:0;border-radius:0}.hp-live-archive{padding:12px}.hp-live-archive article{padding:12px}.hp-live-player-shell{border-left:0;border-right:0;border-radius:0}}

/* Live fullscreen contains only the video and an overlaid exit control. */
.video-fullscreen{position:relative;background:#000}
.hp-live-fullscreen-exit{display:none}
.video-fullscreen:fullscreen{
  position:fixed!important;inset:0!important;display:block!important;
  width:100vw!important;height:100vh!important;height:100dvh!important;
  min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  aspect-ratio:auto!important;background:#000!important;overflow:hidden!important;
}
.video-fullscreen:fullscreen video{
  position:absolute!important;inset:0!important;display:block!important;flex:none!important;
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;
  aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;background:#000!important;
}
.video-fullscreen:fullscreen .hp-live-fullscreen-exit{
  display:block;position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));
  margin:0;min-height:44px;padding:10px 12px;font-size:12px;background:#000b;border-color:#fff8;
}
/* Separate rules keep older WebKit from discarding an unsupported selector list. */
.video-fullscreen:-webkit-full-screen{
  position:fixed!important;inset:0!important;display:block!important;
  width:100vw!important;height:100vh!important;height:100dvh!important;
  min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  aspect-ratio:auto!important;background:#000!important;overflow:hidden!important;
}
.video-fullscreen:-webkit-full-screen video{
  position:absolute!important;inset:0!important;display:block!important;flex:none!important;
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;
  aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;background:#000!important;
}
.video-fullscreen:-webkit-full-screen .hp-live-fullscreen-exit{
  display:block;position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));
  margin:0;min-height:44px;padding:10px 12px;font-size:12px;background:#000b;border-color:#fff8;
}