/* Generated by Arkhi Design System. Do not edit output files. */
:root{
  --arkhi-background:#0B132B;
  --arkhi-background-deep:#070E20;
  --arkhi-panel:#111C33;
  --arkhi-panel-raised:#16213A;
  --arkhi-panel-hover:#243550;
  --arkhi-accent:#FF6B4A;
  --arkhi-accent-hot:#FF3B2F;
  --arkhi-accent-subtle:#432B44;
  --arkhi-text:#F4F4F4;
  --arkhi-muted:#9BA9BD;
  --arkhi-muted-soft:#8091AA;
  --arkhi-line:#263652;
  --arkhi-focus:#FF6B4A;
  --arkhi-success:#63D3AD;
  --arkhi-warning:#FFB97C;
  --arkhi-radius-control:0px;
  --arkhi-outline-width:0px;
  --arkhi-font:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --arkhi-btn-primary:#FF6B4A;
  --arkhi-btn-primary-hover:#FF8E72;
  --arkhi-btn-secondary:#2B3F5A;
  --arkhi-btn-secondary-hover:#344E6E;
  --arkhi-btn-neutral:#E8EDF8;
  --arkhi-btn-neutral-text:#17213B;
  --arkhi-btn-subtle:#182740;
  --arkhi-btn-subtle-text:#CCDAED;
  --arkhi-btn-danger:#8D3032;
  --arkhi-field-background:#20314B;
  --arkhi-field-border:#465B78;
  --arkhi-selection-background:#41304B;
  --arkhi-notification-background:#314863;
  --arkhi-dialog-background:#16213A;
  --arkhi-focus-background:#486785;
  --arkhi-loader-size:30px;
  --arkhi-loader-size-small:18px;
  --arkhi-loader-size-tv:44px;
  --arkhi-loader-stroke:3px;
  --arkhi-loader-track:var(--arkhi-line);
  --arkhi-loader-color:var(--arkhi-accent);
  --arkhi-loader-duration:850ms;
}
:root{--arkhi-copy-live:"EMISSÃO";--arkhi-copy-no-poster:"Sem poster";--arkhi-copy-ok:"OK";--arkhi-copy-selected:"SELECIONADO";--arkhi-copy-tv-preparing:"A preparar o modo TV…";--arkhi-copy-watching:"A VER";}
/* Arkhi circular loading indicator: single shared component. */
.arkhi-loader,.arkhi-spinner {
  display:inline-block;flex:none;box-sizing:border-box;
  width:var(--arkhi-loader-size);height:var(--arkhi-loader-size);
  border:var(--arkhi-loader-stroke) solid var(--arkhi-loader-track);
  border-top-color:var(--arkhi-loader-color);
  border-radius:50%;vertical-align:middle;
  animation:arkhi-loader-spin var(--arkhi-loader-duration) linear infinite;
}
.arkhi-loader--small{width:var(--arkhi-loader-size-small);height:var(--arkhi-loader-size-small)}
.arkhi-loader--large{width:var(--arkhi-loader-size-tv);height:var(--arkhi-loader-size-tv)}
@keyframes arkhi-loader-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.arkhi-loader,.arkhi-spinner{animation:none!important}}
/* Arkhi Design System — componentes comuns e neutralidade entre plataformas.
   Edição autorizada apenas em /mnt/usb1/arkhi-design-system/styles/.
   As apps consomem os ficheiros gerados, nunca este ficheiro original. */

:root {
  --arkhi-spacing-1:4px;
  --arkhi-spacing-2:8px;
  --arkhi-spacing-3:12px;
  --arkhi-spacing-4:16px;
  --arkhi-spacing-6:24px;
  --arkhi-spacing-8:32px;
  --arkhi-control-min-height:42px;
  --arkhi-transition-fast:120ms;
}
button,.button,.btn,.pill,[role="button"],input,select,textarea {
  border-radius:var(--arkhi-radius-control,0px)!important;
}
button,.button,.btn,.pill,[role="button"]{
  box-shadow:none!important;
}
button:focus-visible,.button:focus-visible,.btn:focus-visible,
a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,
[role="button"]:focus-visible {
  outline:var(--arkhi-outline-width,3px) solid var(--arkhi-focus)!important;
  outline-offset:2px!important;
}
.arkhi-text{color:var(--arkhi-text)}
.arkhi-muted{color:var(--arkhi-muted)}
.arkhi-surface{background:var(--arkhi-panel);color:var(--arkhi-text)}
.arkhi-surface--raised{background:var(--arkhi-panel-raised)}
.arkhi-accent{color:var(--arkhi-accent)}
.arkhi-divider{border-color:var(--arkhi-line)}
.arkhi-control{
  min-height:var(--arkhi-control-min-height);
  padding:var(--arkhi-spacing-2) var(--arkhi-spacing-4);
  font-family:var(--arkhi-font);
  font-weight:700;
}
.arkhi-control--primary{
  background:var(--arkhi-accent);color:var(--arkhi-background);
  border:0;box-shadow:none;
}
.arkhi-control--secondary{
  background:var(--arkhi-panel-raised);color:var(--arkhi-text);
  border:0;box-shadow:none;
}
.arkhi-field{
  background:var(--arkhi-panel-raised);
  color:var(--arkhi-text);
  border:1px solid var(--arkhi-line);
  min-height:var(--arkhi-control-min-height);
  padding:var(--arkhi-spacing-2) var(--arkhi-spacing-3);
}
.arkhi-status{font-size:13px;font-weight:700;line-height:1.4}
.arkhi-status--success{color:var(--arkhi-success)}
.arkhi-status--warning{color:var(--arkhi-warning)}
.arkhi-status--error{color:var(--arkhi-accent-hot)}
.arkhi-status--info{color:var(--arkhi-muted)}
@media(prefers-reduced-motion:reduce){
  .arkhi-control,.arkhi-field{transition:none!important}
}

/* Native-TV visual adapter: common measurements for the exact same
   component families shown in the Arkhi style gallery.
   Behaviour, TV remote mappings and ExoPlayer remain platform-native. */
:root{
 --arkhi-osd-height:320px;
 --arkhi-osd-padding-x:24px;
 --arkhi-osd-padding-y:16px;
 --arkhi-osd-horizontal-inset:80px;
 --arkhi-osd-bottom-inset:96px;
 --arkhi-osd-card-width:1080px;
 --arkhi-osd-card-height:330px;
 --arkhi-osd-card-top:120px;
 --arkhi-osd-card-left:64px;
 --arkhi-osd-card-padding-x:24px;
 --arkhi-osd-card-padding-y:22px;
 --arkhi-osd-logo-size:112px;
 --arkhi-osd-channel-copy-gap:24px;
 --arkhi-osd-title-font-size:32px;
 --arkhi-osd-meta-font-size:24px;
 --arkhi-osd-badge-font-size:32px;
 --arkhi-osd-now-font-size:28px;
 --arkhi-osd-next-font-size:24px;
 --arkhi-osd-epg-font-size:22px;
 --arkhi-osd-control-size:68px;
 --arkhi-osd-control-gap:14px;
}

/* Shared ArkhiTV emission contextual cards / player timeline.
   The Web, Samsung and Android visual adapters consume these declarations. */
:root{
 --arkhi-osd-logo-padding:8px;
 --arkhi-osd-badge-row-height:44px;
 --arkhi-osd-now-row-height:40px;
 --arkhi-osd-next-row-height:36px;
 --arkhi-osd-title-row-height:42px;
 --arkhi-osd-meta-row-height:34px;
 --arkhi-osd-time-row-height:84px;
 --arkhi-osd-action-row-height:72px;
 --arkhi-osd-timeline-side-width:92px;
 --arkhi-osd-timeline-track-height:48px;
 --arkhi-osd-movie-strip-height:280px;
 --arkhi-osd-movie-strip-side-inset:64px;
 --arkhi-osd-movie-strip-bottom-inset:372px;
 --arkhi-osd-movie-strip-padding-x:16px;
 --arkhi-osd-movie-strip-padding-y:12px;
 --arkhi-osd-movie-card-width:380px;
 --arkhi-osd-movie-card-height:208px;
 --arkhi-osd-movie-card-padding-x:12px;
 --arkhi-osd-movie-card-padding-y:10px;
 --arkhi-osd-movie-card-gap:16px;
 --arkhi-osd-movie-poster-width:112px;
 --arkhi-osd-movie-poster-height:180px;
 --arkhi-osd-movie-copy-gap:12px;
}

/* SOURCE FOR tv-home (scoped) */
/* Generated by Arkhi Design System. Do not edit output files. */
html[data-arkhi-page^="tv-"]{
  --arkhi-background:#0B132B;
  --arkhi-background-deep:#070E20;
  --arkhi-panel:#111C33;
  --arkhi-panel-raised:#16213A;
  --arkhi-panel-hover:#243550;
  --arkhi-accent:#FF6B4A;
  --arkhi-accent-hot:#FF3B2F;
  --arkhi-accent-subtle:#432B44;
  --arkhi-text:#F4F4F4;
  --arkhi-muted:#9BA9BD;
  --arkhi-muted-soft:#8091AA;
  --arkhi-line:#263652;
  --arkhi-focus:#FF6B4A;
  --arkhi-success:#63D3AD;
  --arkhi-warning:#FFB97C;
  --arkhi-radius-control:0px;
  --arkhi-outline-width:0px;
  --arkhi-font:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --arkhi-btn-primary:#FF6B4A;
  --arkhi-btn-primary-hover:#FF8E72;
  --arkhi-btn-secondary:#2B3F5A;
  --arkhi-btn-secondary-hover:#344E6E;
  --arkhi-btn-neutral:#E8EDF8;
  --arkhi-btn-neutral-text:#17213B;
  --arkhi-btn-subtle:#182740;
  --arkhi-btn-subtle-text:#CCDAED;
  --arkhi-btn-danger:#8D3032;
  --arkhi-field-background:#20314B;
  --arkhi-field-border:#465B78;
  --arkhi-selection-background:#41304B;
  --arkhi-notification-background:#314863;
  --arkhi-dialog-background:#16213A;
  --arkhi-focus-background:#486785;
  --arkhi-loader-size:30px;
  --arkhi-loader-size-small:18px;
  --arkhi-loader-size-tv:44px;
  --arkhi-loader-stroke:3px;
  --arkhi-loader-track:var(--arkhi-line);
  --arkhi-loader-color:var(--arkhi-accent);
  --arkhi-loader-duration:850ms;
}
html[data-arkhi-page^="tv-"]{--arkhi-copy-live:"EMISSÃO";--arkhi-copy-no-poster:"Sem poster";--arkhi-copy-ok:"OK";--arkhi-copy-selected:"SELECIONADO";--arkhi-copy-tv-preparing:"A preparar o modo TV…";--arkhi-copy-watching:"A VER";}

html[data-arkhi-page^="tv-"] /* Same dark navy/coral identity as tv.arkhi.pt/testes, html[data-arkhi-page^="tv-"] preserving layout and AV controls. */
body{--coral:var(--arkhi-accent);--navy:var(--arkhi-background);--panel:var(--arkhi-panel);--line:var(--arkhi-line);color:var(--arkhi-text)}
html[data-arkhi-page^="tv-"] .brand-copy,html[data-arkhi-page^="tv-"] .brand-title,html[data-arkhi-page^="tv-"] .brand-name{color:var(--arkhi-text)!important}
html[data-arkhi-page^="tv-"] .player-view,html[data-arkhi-page^="tv-"] .app-header,html[data-arkhi-page^="tv-"] .topbar,html[data-arkhi-page^="tv-"] .top{color:var(--arkhi-text)}
html[data-arkhi-page^="tv-"] .recording-recent-card,html[data-arkhi-page^="tv-"] .channel-sidebar,html[data-arkhi-page^="tv-"] .card,html[data-arkhi-page^="tv-"] .movie-card{--surface:var(--arkhi-panel)}
html[data-arkhi-page^="tv-"] a:focus-visible,html[data-arkhi-page^="tv-"] button:focus-visible{outline:3px solid var(--arkhi-focus)!important;outline-offset:2px}
html[data-arkhi-page^="tv-"] button,html[data-arkhi-page^="tv-"] .pill{border-radius:0!important;box-shadow:none!important}
/* Arkhi circular loading indicator: single shared component. */
html[data-arkhi-page^="tv-"] .arkhi-loader,html[data-arkhi-page^="tv-"] .arkhi-spinner{
  display:inline-block;flex:none;box-sizing:border-box;
  width:var(--arkhi-loader-size);height:var(--arkhi-loader-size);
  border:var(--arkhi-loader-stroke) solid var(--arkhi-loader-track);
  border-top-color:var(--arkhi-loader-color);
  border-radius:50%;vertical-align:middle;
  animation:arkhi-loader-spin var(--arkhi-loader-duration) linear infinite;
}
html[data-arkhi-page^="tv-"] .arkhi-loader--small{width:var(--arkhi-loader-size-small);height:var(--arkhi-loader-size-small)}
html[data-arkhi-page^="tv-"] .arkhi-loader--large{width:var(--arkhi-loader-size-tv);height:var(--arkhi-loader-size-tv)}
@keyframes arkhi-loader-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html[data-arkhi-page^="tv-"] .arkhi-loader,html[data-arkhi-page^="tv-"] .arkhi-spinner{animation:none!important}}

html[data-arkhi-page^="tv-"] .player-loading .spinner{
 width:var(--arkhi-loader-size-tv)!important;height:var(--arkhi-loader-size-tv)!important;
 border:var(--arkhi-loader-stroke) solid var(--arkhi-loader-track)!important;
 border-top-color:var(--arkhi-loader-color)!important;
 border-radius:50%!important;
 animation:arkhi-loader-spin var(--arkhi-loader-duration) linear infinite!important;
}
@media(prefers-reduced-motion:reduce){html[data-arkhi-page^="tv-"] .player-loading .spinner{animation:none!important}}


html[data-arkhi-page^="tv-"] /* ArkhiTV shell — navy surfaces and coral focus, html[data-arkhi-page^="tv-"] with video kept uncropped. */
html{background:var(--arkhi-background)}
html[data-arkhi-page^="tv-"] body{background:var(--arkhi-background)!important;color:var(--arkhi-text)!important}
html[data-arkhi-page^="tv-"] .top,html[data-arkhi-page^="tv-"] .topbar,html[data-arkhi-page^="tv-"] .app-header{background:var(--arkhi-background-deep)!important;border-bottom-color:var(--arkhi-line)!important}
html[data-arkhi-page^="tv-"] .player,html[data-arkhi-page^="tv-"] .panel,html[data-arkhi-page^="tv-"] .meta,html[data-arkhi-page^="tv-"] .sidebar,html[data-arkhi-page^="tv-"] .movie-card,html[data-arkhi-page^="tv-"] .record,html[data-arkhi-page^="tv-"] .record-card,html[data-arkhi-page^="tv-"] .epg-details,
html[data-arkhi-page^="tv-"] .channel-sidebar,html[data-arkhi-page^="tv-"] .epg-modern,html[data-arkhi-page^="tv-"] .epg-row.header,html[data-arkhi-page^="tv-"] .epg-channel-cell,html[data-arkhi-page^="tv-"] .epg-header-track{
 background-color:var(--arkhi-panel)!important;border-color:var(--arkhi-line)!important
}
html[data-arkhi-page^="tv-"] .search,html[data-arkhi-page^="tv-"] .search-box,html[data-arkhi-page^="tv-"] input:not([type=range]),html[data-arkhi-page^="tv-"] textarea,html[data-arkhi-page^="tv-"] select{
 border-radius:0!important;background-color:var(--arkhi-panel-raised)!important;
 border-color:var(--arkhi-line)!important;color:var(--arkhi-text)!important
}
html[data-arkhi-page^="tv-"] button,html[data-arkhi-page^="tv-"] .link,html[data-arkhi-page^="tv-"] .card,html[data-arkhi-page^="tv-"] .badge,html[data-arkhi-page^="tv-"] .movie-card,html[data-arkhi-page^="tv-"] .record,html[data-arkhi-page^="tv-"] .epg-event,
html[data-arkhi-page^="tv-"] .live-home-card,html[data-arkhi-page^="tv-"] .live-home-hero,html[data-arkhi-page^="tv-"] .record-thumb,html[data-arkhi-page^="tv-"] .record-art,html[data-arkhi-page^="tv-"] .player,html[data-arkhi-page^="tv-"] .search,
html[data-arkhi-page^="tv-"] .panel,html[data-arkhi-page^="tv-"] .epg-modern,html[data-arkhi-page^="tv-"] .epg-details,html[data-arkhi-page^="tv-"] .epg-reference-warning{
 border-radius:0!important;box-shadow:none!important
}
html[data-arkhi-page^="tv-"] button,html[data-arkhi-page^="tv-"] .link{background-color:var(--arkhi-panel-raised);color:var(--arkhi-text)}
html[data-arkhi-page^="tv-"] button.primary,html[data-arkhi-page^="tv-"] .primary-controls .primary,html[data-arkhi-page^="tv-"] .live-home-actions .primary{
 background-color:var(--arkhi-accent)!important;color:var(--arkhi-background)!important
}
html[data-arkhi-page^="tv-"] button:focus-visible,html[data-arkhi-page^="tv-"] a:focus-visible,html[data-arkhi-page^="tv-"] input:focus-visible,html[data-arkhi-page^="tv-"] select:focus-visible{
 outline:3px solid var(--arkhi-focus)!important;outline-offset:2px!important
}
html[data-arkhi-page^="tv-"] .brand-title b,html[data-arkhi-page^="tv-"] .main-nav button.active,html[data-arkhi-page^="tv-"] .eyebrow,html[data-arkhi-page^="tv-"] .section-heading .eyebrow{
 color:var(--arkhi-accent)!important
}
html[data-arkhi-page^="tv-"] .live-home-card,html[data-arkhi-page^="tv-"] .record-thumb,html[data-arkhi-page^="tv-"] .card{background-color:var(--arkhi-panel)!important}
html[data-arkhi-page^="tv-"] .player-layer{background:#000!important}
html[data-arkhi-page^="tv-"] .player-layer video,html[data-arkhi-page^="tv-"] .videoWrap video{object-fit:contain!important}
@media(prefers-reduced-motion:reduce){html[data-arkhi-page^="tv-"] .player-loading .spinner{animation:none!important}}


html[data-arkhi-page^="tv-"] /* ArkhiTV administration: same tokens, html[data-arkhi-page^="tv-"] compact layouts and no decorative outlines. */
body.arkhi-admin{background:var(--arkhi-background)!important;color:var(--arkhi-text)!important;
 font-family:var(--arkhi-font)!important;--accent:var(--arkhi-accent)!important}
html[data-arkhi-page^="tv-"] .arkhi-admin header{background:var(--arkhi-background-deep)!important;border-bottom-color:var(--arkhi-line)!important}
html[data-arkhi-page^="tv-"] .arkhi-admin header img{object-fit:contain!important;max-width:56px}
html[data-arkhi-page^="tv-"] .arkhi-admin section,html[data-arkhi-page^="tv-"] .arkhi-admin .pi-card{background:var(--arkhi-panel)!important;border:0!important;border-radius:0!important}
html[data-arkhi-page^="tv-"] .arkhi-admin section h2,html[data-arkhi-page^="tv-"] .arkhi-admin h1{color:var(--arkhi-text)!important}
html[data-arkhi-page^="tv-"] .arkhi-admin a{color:var(--arkhi-accent)!important}
html[data-arkhi-page^="tv-"] .arkhi-admin button,html[data-arkhi-page^="tv-"] .arkhi-admin .action{
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background:var(--arkhi-panel-raised)!important;color:var(--arkhi-text)!important}
html[data-arkhi-page^="tv-"] .arkhi-admin button.primary,html[data-arkhi-page^="tv-"] .arkhi-admin .primary{background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important}
html[data-arkhi-page^="tv-"] .arkhi-admin input:not([type=checkbox]),html[data-arkhi-page^="tv-"] .arkhi-admin select,html[data-arkhi-page^="tv-"] .arkhi-admin textarea{
 background:var(--arkhi-panel-raised)!important;color:var(--arkhi-text)!important;
 border:1px solid var(--arkhi-line)!important;border-radius:0!important}
html[data-arkhi-page^="tv-"] .arkhi-admin input[type=checkbox],html[data-arkhi-page^="tv-"] .arkhi-admin progress{accent-color:var(--arkhi-accent)!important}
html[data-arkhi-page^="tv-"] .arkhi-admin .status{background:var(--arkhi-panel-raised)!important;border-left-color:var(--arkhi-accent)!important;border-radius:0!important}
html[data-arkhi-page^="tv-"] .arkhi-admin .channel-row{border-top-color:var(--arkhi-line)!important}
html[data-arkhi-page^="tv-"] .arkhi-admin .footer-save{background:var(--arkhi-background-deep)!important}
html[data-arkhi-page^="tv-"] .arkhi-admin .pi-card strong,html[data-arkhi-page^="tv-"] .arkhi-admin .summary strong{color:var(--arkhi-accent)!important}
html[data-arkhi-page^="tv-"] .arkhi-admin .hint,html[data-arkhi-page^="tv-"] .arkhi-admin .muted,html[data-arkhi-page^="tv-"] .arkhi-admin label small{color:var(--arkhi-muted)!important}
html[data-arkhi-page^="tv-"] .arkhi-admin :focus-visible{outline:3px solid var(--arkhi-focus)!important;outline-offset:2px!important}
/* Mobile and Videoteca use the same coral rather than old orange accents. */
html[data-arkhi-page^="tv-"] .auto-surface{--accent:var(--arkhi-accent)!important;--bg:var(--arkhi-background);
 --panel:var(--arkhi-panel);--surface:var(--arkhi-panel)}
html[data-arkhi-page^="tv-"] .auto-surface .chip.active,html[data-arkhi-page^="tv-"] .auto-surface .filter.active{background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important}
html[data-arkhi-page^="tv-"] .auto-surface .card.active,html[data-arkhi-page^="tv-"] .auto-surface .movie-card:focus-visible,
html[data-arkhi-page^="tv-"] .auto-surface button:focus-visible,html[data-arkhi-page^="tv-"] .auto-surface a:focus-visible{border-color:var(--arkhi-accent)!important;
 outline-color:var(--arkhi-accent)!important}
html[data-arkhi-page^="tv-"] .auto-surface .touch-nav .active,html[data-arkhi-page^="tv-"] .auto-surface .brand-title b{color:var(--arkhi-accent)!important}
html[data-arkhi-page^="tv-"] .auto-surface .topbar,html[data-arkhi-page^="tv-"] .auto-surface .top{background:var(--arkhi-background)!important}
/* Account/login layout. All actual styling tokens come from theme.json.
   This layout is scoped so the account form cannot change the TV player. */
html[data-arkhi-page^="tv-"] body.arkhi-access{margin:0;background:var(--arkhi-background);color:var(--arkhi-text);font-family:var(--arkhi-font)}
html[data-arkhi-page^="tv-"] body.arkhi-access *{box-sizing:border-box}
html[data-arkhi-page^="tv-"] body.arkhi-access main{max-width:860px;margin:4vh auto;padding:32px}
html[data-arkhi-page^="tv-"] body.arkhi-access .brand{display:inline-flex;align-items:center;gap:10px;color:var(--arkhi-text);font-size:26px;text-decoration:none;letter-spacing:.02em}
html[data-arkhi-page^="tv-"] body.arkhi-access .brand b{color:var(--arkhi-accent)}
html[data-arkhi-page^="tv-"] body.arkhi-access h1{font-size:36px;margin-top:28px;line-height:1.15;letter-spacing:-.04em}
html[data-arkhi-page^="tv-"] body.arkhi-access h2{font-size:23px}
html[data-arkhi-page^="tv-"] body.arkhi-access p{color:var(--arkhi-muted);line-height:1.6}
html[data-arkhi-page^="tv-"] body.arkhi-access section{margin:28px 0}
html[data-arkhi-page^="tv-"] body.arkhi-access form{max-width:480px}
html[data-arkhi-page^="tv-"] body.arkhi-access label{display:block;margin:18px 0;color:var(--arkhi-text)}
html[data-arkhi-page^="tv-"] body.arkhi-access input:not([type=checkbox]){display:block;width:100%;margin-top:9px;padding:15px;border:1px solid var(--arkhi-field-border);background:var(--arkhi-field-background);color:var(--arkhi-text);font-size:18px;border-radius:0}
html[data-arkhi-page^="tv-"] body.arkhi-access button,html[data-arkhi-page^="tv-"] body.arkhi-access .primary,html[data-arkhi-page^="tv-"] body.arkhi-access .actions a{
 display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;
 font:700 14px/1.3 var(--arkhi-font);text-decoration:none;
 min-height:47px;cursor:pointer;border:0;border-radius:0;box-shadow:none;
 background:var(--arkhi-btn-secondary);color:var(--arkhi-text);
}
html[data-arkhi-page^="tv-"] body.arkhi-access .primary,html[data-arkhi-page^="tv-"] body.arkhi-access button[type=submit]{background:var(--arkhi-accent);color:var(--arkhi-background)}
html[data-arkhi-page^="tv-"] body.arkhi-access .actions{display:flex;gap:12px;flex-wrap:wrap}
html[data-arkhi-page^="tv-"] body.arkhi-access .divider{margin-top:25px}
html[data-arkhi-page^="tv-"] body.arkhi-access .small{font-size:14px}
html[data-arkhi-page^="tv-"] body.arkhi-access .row{border:1px solid var(--arkhi-line);border-radius:0;padding:18px;margin:14px 0;background:var(--arkhi-panel)}
html[data-arkhi-page^="tv-"] body.arkhi-access .row p{margin:8px 0;overflow-wrap:anywhere}
html[data-arkhi-page^="tv-"] body.arkhi-access .row button{margin:5px 8px 0 0}
html[data-arkhi-page^="tv-"] body.arkhi-access #status{min-height:1.5em;color:var(--arkhi-accent)}
html[data-arkhi-page^="tv-"] body.arkhi-access :focus-visible{outline:3px solid var(--arkhi-focus)!important;outline-offset:2px!important}
html[data-arkhi-page^="tv-"] body.arkhi-access [hidden]{display:none!important}
@media(max-width:600px){
 html[data-arkhi-page^="tv-"] body.arkhi-access main{padding:22px;margin:10px auto}
 html[data-arkhi-page^="tv-"] body.arkhi-access h1{font-size:29px}
}

html[data-arkhi-page^="tv-"] /* Account page — SAME main header/navigation, html[data-arkhi-page^="tv-"] cards, html[data-arkhi-page^="tv-"] fields and buttons
   as the Arkhi design-gallery and Arkhi Videoteca.
   All visual design originates in the Arkhi Design System. */
body.arkhi-access{background:var(--arkhi-background)!important;min-height:100vh}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-main{
  max-width:1240px!important;width:100%!important;
  margin:0 auto!important;padding:clamp(26px,5vw,64px)!important;
  background:transparent!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-intro{margin:0 0 30px!important}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-eyebrow{
  color:var(--arkhi-accent)!important;letter-spacing:.14em!important;
  font-size:11px!important;font-weight:850!important;margin:0 0 12px!important;
  text-transform:uppercase!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-intro h1{
  color:var(--arkhi-text)!important;font-size:clamp(30px,3.6vw,46px)!important;
  font-weight:800!important;letter-spacing:-.045em!important;margin:0 0 12px!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-intro p:not(.arkhi-account-eyebrow){
  margin:6px 0!important;max-width:800px!important;color:var(--arkhi-muted)!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-intro #status{
  color:var(--arkhi-accent)!important;font-weight:700!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card{
  background:var(--arkhi-panel)!important;border:0!important;border-radius:0!important;
  padding:clamp(22px,3vw,40px)!important;box-shadow:none!important;
  margin:0 0 20px!important;max-width:900px!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card h2{
  font-size:24px!important;letter-spacing:-.025em!important;
  color:var(--arkhi-text)!important;margin:0 0 12px!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card p{
  color:var(--arkhi-muted)!important;font-size:14px!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card form{max-width:570px!important}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card label{
  color:var(--arkhi-text)!important;
  font-size:13px!important;font-weight:700!important;line-height:1.4!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card input:not([type=checkbox]){
  width:100%!important;min-height:47px!important;font-size:14px!important;
  background:var(--arkhi-field-background)!important;
  border:1px solid var(--arkhi-field-border)!important;
  color:var(--arkhi-text)!important;border-radius:0!important;box-shadow:none!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card input:focus-visible{
  border-color:var(--arkhi-focus)!important;
  outline:3px solid var(--arkhi-focus)!important;outline-offset:0!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card .actions{
  display:flex!important;gap:10px!important;flex-wrap:wrap!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card .btn,
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card button{
  border:0!important;border-radius:0!important;box-shadow:none!important;
  min-height:44px!important;font:750 13px/1.4 var(--arkhi-font)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  text-decoration:none!important;cursor:pointer!important;
  padding:12px 21px!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card .primary,
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card button[type=submit]{
  background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card button:not([type=submit]):not(.primary){
  background:var(--arkhi-panel-raised)!important;color:var(--arkhi-text)!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card .row{
  background:var(--arkhi-panel-raised)!important;border:1px solid var(--arkhi-line)!important;
  border-radius:0!important;margin:14px 0!important;padding:18px!important;
}
/* Preserve authorization-gated links and sections during all visual states. */
html[data-arkhi-page^="tv-"] body.arkhi-access [hidden],
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card [hidden],
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card .btn[hidden],
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card button[hidden]{
  display:none!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card .divider{
  margin-top:22px!important;color:var(--arkhi-muted)!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card[hidden],
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-pairing[hidden]{display:none!important}
@media(max-width:820px){
 html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-main{
  margin:0 auto!important;padding:28px 18px calc(95px + env(safe-area-inset-bottom))!important;
 }
 html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card{padding:22px 18px!important}
 html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-card form{width:100%!important}
}

html[data-arkhi-page^="tv-"] /* Account and owner-only admin area, html[data-arkhi-page^="tv-"] same Arkhi card/button vocabulary. */
body.arkhi-access .arkhi-account-menu,
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-admin{max-width:1100px!important}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-modules{
 display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));
 align-items:stretch;gap:8px;margin-top:22px;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-module{
 text-align:left!important;
 min-height:60px!important;
 padding:15px 18px!important;
 border-radius:0!important;box-shadow:none!important;
 border:0!important;border-bottom:3px solid transparent!important;
 background:var(--arkhi-panel-raised)!important;color:var(--arkhi-text)!important;
 font:750 13px/1.3 var(--arkhi-font)!important;cursor:pointer;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-module.active,
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-module[aria-current=page]{
 background:var(--arkhi-panel-hover)!important;
 border-bottom-color:var(--arkhi-accent)!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-module:focus-visible{
 outline:3px solid var(--arkhi-focus)!important;outline-offset:2px!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-admin iframe{
 display:block;width:100%;max-width:100%;height:min(77vh,960px);
 border:1px solid var(--arkhi-line)!important;border-radius:0!important;
 background:var(--arkhi-background)!important;
}
html[data-arkhi-page^="tv-"] body.arkhi-access [data-arkhi-owner-only][hidden],
html[data-arkhi-page^="tv-"] body.arkhi-access #unifiedModules[hidden],
html[data-arkhi-page^="tv-"] body.arkhi-access #fullAdministration[hidden]{display:none!important}
@media(max-width:820px){
 html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-modules{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-arkhi-page^="tv-"] body.arkhi-access .arkhi-account-admin iframe{height:69vh}
}


/* The APK QR sign-in uses the same published stylesheet as the website. */
html[data-arkhi-page^="tv-"] body.arkhi-qr-app .arkhi-account-main{max-width:1180px!important;padding:28px 36px!important}
html[data-arkhi-page^="tv-"] body.arkhi-qr-app .arkhi-account-intro{margin-bottom:24px!important}
html[data-arkhi-page^="tv-"] body.arkhi-qr-app .arkhi-account-intro h1{font-size:36px!important}
html[data-arkhi-page^="tv-"] body.arkhi-qr-app .arkhi-qr-card{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:36px;align-items:center;padding:28px!important}
html[data-arkhi-page^="tv-"] body.arkhi-qr-app .arkhi-qr-picture{display:flex;align-items:center;justify-content:center;min-height:280px;background:#fff;color:#17273b}
html[data-arkhi-page^="tv-"] body.arkhi-qr-app .arkhi-qr-picture img{display:block;width:100%;max-width:320px;height:auto;image-rendering:pixelated}
html[data-arkhi-page^="tv-"] body.arkhi-qr-app .arkhi-qr-picture img[hidden]{display:none!important}
html[data-arkhi-page^="tv-"] body.arkhi-qr-app .arkhi-qr-code{font-size:32px;letter-spacing:.16em;font-weight:800;margin:16px 0}
html[data-arkhi-page^="tv-"] body.arkhi-qr-app .arkhi-qr-instructions p{margin-bottom:12px}
@media(max-width:820px){html[data-arkhi-page^="tv-"] body.arkhi-qr-app .arkhi-account-main{padding:24px 16px!important}html[data-arkhi-page^="tv-"] body.arkhi-qr-app .arkhi-qr-card{grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:20px;padding:20px!important}html[data-arkhi-page^="tv-"] body.arkhi-qr-app .arkhi-qr-picture{min-height:220px}}
@media(max-width:560px){html[data-arkhi-page^="tv-"] body.arkhi-qr-app .arkhi-qr-card{grid-template-columns:1fr}html[data-arkhi-page^="tv-"] body.arkhi-qr-app .arkhi-qr-picture{max-width:280px}}

html[data-arkhi-page^="tv-"] /* Account-free mobile QR receiver and share pages, html[data-arkhi-page^="tv-"] from canonical CSS only. */
html[data-arkhi-page="tv-share"] body.arkhi-mobile-action,
html[data-arkhi-page="tv-remote"] body.arkhi-mobile-action{margin:0;min-height:100vh;min-height:100dvh;color:var(--arkhi-text);background:var(--arkhi-background);font-family:var(--arkhi-font);line-height:1.45}
html[data-arkhi-page="tv-share"] .arkhi-mobile-card,
html[data-arkhi-page="tv-remote"] .arkhi-mobile-card{width:min(100%,570px);box-sizing:border-box;margin:0 auto;padding:clamp(22px,5vw,48px) clamp(18px,5vw,38px);min-height:100dvh}
html[data-arkhi-page="tv-share"] .arkhi-mobile-brand,
html[data-arkhi-page="tv-remote"] .arkhi-mobile-brand{display:inline-block;text-decoration:none;letter-spacing:.1em;font-size:19px;font-weight:850;color:var(--arkhi-text);margin-bottom:30px}
html[data-arkhi-page="tv-share"] .arkhi-mobile-eyebrow,
html[data-arkhi-page="tv-remote"] .arkhi-mobile-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:750;color:var(--arkhi-accent);margin:0 0 8px}
html[data-arkhi-page="tv-share"] .arkhi-mobile-card h1,
html[data-arkhi-page="tv-remote"] .arkhi-mobile-card h1{font-size:clamp(29px,8vw,42px);line-height:1.1;letter-spacing:-.035em;margin:0 0 22px}
html[data-arkhi-page="tv-share"] .arkhi-mobile-summary{font-weight:600;font-size:19px;margin:0 0 17px}
html[data-arkhi-page="tv-share"] .arkhi-mobile-note,
html[data-arkhi-page="tv-remote"] .arkhi-mobile-note{color:var(--arkhi-muted);font-size:14px;line-height:1.6;margin:0 0 25px}
html[data-arkhi-page="tv-share"] .arkhi-mobile-actions,
html[data-arkhi-page="tv-remote"] .arkhi-mobile-actions{display:grid;grid-template-columns:1fr;gap:10px}
html[data-arkhi-page="tv-share"] .arkhi-mobile-actions :is(button,a),
html[data-arkhi-page="tv-remote"] .arkhi-mobile-actions button,
html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-pad button{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 15px;font:650 16px/1.25 var(--arkhi-font);color:var(--arkhi-text);background:var(--arkhi-panel);border:0;border-radius:0!important;text-decoration:none;text-align:center;cursor:pointer}
html[data-arkhi-page="tv-share"] #shareNative{background:var(--arkhi-accent);color:var(--arkhi-background)}
html[data-arkhi-page="tv-share"] .arkhi-mobile-card [role="status"],
html[data-arkhi-page="tv-remote"] .arkhi-mobile-card [role="status"]{margin:18px 0;color:var(--arkhi-muted);font-size:14px}
html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-pad{display:grid;justify-items:center;gap:8px;margin:26px 0}
html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-pad>div{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-pad>button{width:33%}
html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-pad button{min-width:0;min-height:68px;padding:9px 5px;font-size:15px}
html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-pad [data-remote="OK"]{background:var(--arkhi-accent);color:var(--arkhi-background)}
html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-arkhi-page="tv-remote"] button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:380px){html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-pad button{font-size:13px}}
/* Shared TV quick action layer: overlays video without pausing or navigation. */
html[data-arkhi-page^="tv-"] #arkhiQuickOverlay{position:fixed!important;inset:0!important;z-index:210!important;display:flex!important;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.68)!important}
html[data-arkhi-page^="tv-"] #arkhiQuickOverlay[hidden]{display:none!important}
html[data-arkhi-page^="tv-"] #arkhiQuickOverlay .arkhi-quick-card{display:flex;flex-direction:column;gap:12px;max-height:min(85vh,750px);overflow:auto;width:min(100%,580px);padding:clamp(20px,3vw,36px);background:var(--arkhi-panel);border:0;border-radius:0!important;box-sizing:border-box;box-shadow:0 22px 80px rgba(0,0,0,.6)}
html[data-arkhi-page^="tv-"] #arkhiQuickOverlay .arkhi-quick-card h2{font-size:clamp(23px,3vw,35px);line-height:1.2;margin:0}
html[data-arkhi-page^="tv-"] #arkhiQuickOverlay .arkhi-quick-card p{font-size:14px;line-height:1.5;color:var(--arkhi-muted);margin:0}
html[data-arkhi-page^="tv-"] #arkhiQuickOverlay .arkhi-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-arkhi-page^="tv-"] #arkhiQuickOverlay button{background:var(--arkhi-background);color:var(--arkhi-text);border:0;border-radius:0!important;min-height:44px;padding:12px;font:600 15px var(--arkhi-font);cursor:pointer}
html[data-arkhi-page^="tv-"] #arkhiQuickOverlay button:focus-visible{outline:2px solid var(--arkhi-accent);outline-offset:3px}
html[data-arkhi-page^="tv-"] #arkhiQuickOverlay .arkhi-quick-actions button:first-child{background:var(--arkhi-accent);color:var(--arkhi-background)}
html[data-arkhi-page^="tv-"] #arkhiQuickOverlay img{width:min(100%,270px);height:auto;align-self:center;background:white;image-rendering:pixelated}
html[data-arkhi-page^="tv-"] #arkhiQuickOverlay .arkhi-quick-status{min-height:20px}

/* Mobile sharing of channel metadata; same canonical ArkhiTV design system. */
html[data-arkhi-page="tv-public-share"] body.arkhi-share-mobile{
 margin:0;min-height:100vh;min-height:100dvh;padding:0;
 background:var(--arkhi-background);color:var(--arkhi-text);
 font-family:var(--arkhi-font);line-height:1.5;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-shell{
 box-sizing:border-box;width:min(100%,540px);min-height:100vh;min-height:100dvh;
 margin:0 auto;padding:clamp(20px,5vw,36px) clamp(18px,5vw,32px) 44px;
 display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:18px;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-brand{
 align-self:flex-start;display:inline-block;color:var(--arkhi-text);text-decoration:none;
 letter-spacing:.1em;font-size:23px;font-weight:900;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-eyebrow{
 color:var(--arkhi-accent);font-size:12px;letter-spacing:.12em;font-weight:800;margin:26px 0 0;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-shell h1{
 margin:0;font-size:clamp(28px,6.5vw,42px);line-height:1.15;overflow-wrap:anywhere;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-intro{
 margin:0;color:var(--arkhi-muted);font-size:16px;line-height:1.65;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-qr{
 display:block;align-self:center;max-width:min(224px,70vw);height:auto;aspect-ratio:1;
 image-rendering:pixelated;background:#fff;padding:12px;box-sizing:border-box;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-actions{
 display:grid;grid-template-columns:1fr;gap:11px;margin-top:6px;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-actions a,
html[data-arkhi-page="tv-public-share"] .arkhi-share-actions button{
 font:750 16px/1.35 var(--arkhi-font);min-height:54px;padding:15px 18px;
 width:100%;display:flex;align-items:center;justify-content:center;
 text-align:center;text-decoration:none;border:0!important;border-radius:0!important;
 background:var(--arkhi-panel-raised);color:var(--arkhi-text);cursor:pointer;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-actions button:first-child,
html[data-arkhi-page="tv-public-share"] .arkhi-share-actions .arkhi-share-open{
 background:var(--arkhi-accent);color:var(--arkhi-background);
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-actions :focus-visible{
 outline:3px solid var(--arkhi-focus);outline-offset:2px;
}
html[data-arkhi-page="tv-public-share"] #arkhiShareStatus{min-height:1.4em;color:var(--arkhi-accent);margin:0;font-size:15px;overflow-wrap:anywhere}
html[data-arkhi-page="tv-public-share"] .arkhi-share-notice{font-size:12px;color:var(--arkhi-muted);margin:auto 0 0;padding-top:16px;border-top:1px solid var(--arkhi-line)}
/* Account's registered browser and TV sessions are not playback concurrency. */
html[data-arkhi-page="tv-conta"] .arkhi-account-devices{margin:22px 0;padding:22px;background:var(--arkhi-panel);color:var(--arkhi-text)}
html[data-arkhi-page="tv-conta"] .arkhi-device-list{display:flex;flex-direction:column;gap:8px;margin:14px 0}
html[data-arkhi-page="tv-conta"] .arkhi-device-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:15px;background:var(--arkhi-panel-raised)}
html[data-arkhi-page="tv-conta"] .arkhi-device-info{display:flex;flex-direction:column;min-width:0;gap:4px}
html[data-arkhi-page="tv-conta"] .arkhi-device-info strong{font-weight:750;font-size:16px;overflow-wrap:anywhere}
html[data-arkhi-page="tv-conta"] .arkhi-device-info small{font-size:12px;color:var(--arkhi-muted);overflow-wrap:anywhere}
html[data-arkhi-page="tv-conta"] .arkhi-device-row button,
html[data-arkhi-page="tv-conta"] #arkhiMyDevicesRefresh{
 border:0!important;border-radius:0!important;min-height:44px;padding:11px 15px;
 background:var(--arkhi-panel);color:var(--arkhi-text);font:650 13px/1.3 var(--arkhi-font);cursor:pointer;
}
@media(max-width:600px){
 html[data-arkhi-page="tv-conta"] .arkhi-account-devices{padding:16px}
 html[data-arkhi-page="tv-conta"] .arkhi-device-row{flex-wrap:wrap}
 html[data-arkhi-page="tv-conta"] .arkhi-device-row button{width:100%}
}


/* Account-free QR phone remote and mobile sharing: one central stylesheet. */
html[data-arkhi-page="tv-public-remote"] body.arkhi-remote-mobile{
 margin:0;min-height:100vh;min-height:100dvh;
 background:var(--arkhi-background);color:var(--arkhi-text);font-family:var(--arkhi-font);line-height:1.5
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-shell{
 box-sizing:border-box;width:min(100%,540px);margin:0 auto;
 padding:22px clamp(16px,5vw,32px) calc(30px + env(safe-area-inset-bottom));
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-brand{
 text-decoration:none;color:var(--arkhi-text);font-weight:800;font-size:22px;letter-spacing:.04em
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-eyebrow{
 margin:24px 0 6px;font-size:12px;font-weight:800;letter-spacing:.11em;color:var(--arkhi-accent)
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-shell h1{
 font-size:clamp(26px,7vw,38px);line-height:1.13;letter-spacing:-.03em;margin:10px 0 12px
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-shell>p{
 color:var(--arkhi-muted);font-size:15px;line-height:1.5
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share{
 background:var(--arkhi-panel);padding:clamp(14px,4vw,22px);margin:22px 0;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share .arkhi-remote-eyebrow{margin:0 0 6px}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share h2{font-size:22px;line-height:1.2;margin:3px 0 20px}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share h3{font-size:18px;margin:0 0 6px}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share p{margin:0 0 15px;color:var(--arkhi-muted);font-size:14px}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share-actions{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share-actions :is(button,a),
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-extra button,
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-pad button{
 display:flex;align-items:center;justify-content:center;text-align:center;
 min-width:0;min-height:54px;padding:10px 8px;box-sizing:border-box;
 border:0!important;border-radius:0!important;background:var(--arkhi-panel-strong,var(--arkhi-panel));
 color:var(--arkhi-text);font:700 clamp(14px,3.5vw,17px)/1.25 var(--arkhi-font);
 text-decoration:none;cursor:pointer;touch-action:manipulation;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share-actions :first-child,
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-pad .arkhi-remote-ok{
 background:var(--arkhi-btn-primary);color:var(--arkhi-background)
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share p.arkhi-remote-share-note{
 font-size:12px;margin:13px 0 0
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-pad{
 display:flex;flex-direction:column;gap:10px;align-items:center;max-width:360px;margin:22px auto
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-pad>button{width:34%;min-height:68px}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-pad>div{
 display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-pad>div>button{min-height:76px}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-extra{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-extra button:last-child{grid-column:1/-1}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-pad button:focus-visible,
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-extra button:focus-visible,
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share-actions :is(button,a):focus-visible{
 outline:3px solid var(--arkhi-focus);outline-offset:3px
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-status{
 padding:14px;background:var(--arkhi-panel);color:var(--arkhi-text)!important;
}
html[data-arkhi-page^="tv-"] body #arkhiRemoteQRCorner{
 display:flex;position:fixed;top:auto!important;bottom:max(22px,env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right));
 z-index:118;width:114px;box-sizing:border-box;gap:5px;align-items:center;
 flex-direction:column;padding:8px;background:rgba(11,19,43,.86)!important;
 color:var(--arkhi-text);box-shadow:0 10px 26px rgba(0,0,0,.4);
 border:0!important;border-radius:0!important;cursor:pointer;user-select:none;
}
html[data-arkhi-page^="tv-"] body #arkhiRemoteQRCorner[hidden]{display:none!important}
html[data-arkhi-page^="tv-"] #arkhiRemoteQRCorner strong{
 font:800 13px/1.1 var(--arkhi-font);color:var(--arkhi-text)
}
html[data-arkhi-page^="tv-"] #arkhiRemoteQRCorner img{
 display:block;object-fit:contain;width:98px;height:98px;background:white;
}
html[data-arkhi-page^="tv-"] #arkhiRemoteQRCorner span{
 font:600 9px/1.2 var(--arkhi-font);color:var(--arkhi-muted);text-align:center
}
@media(max-width:550px){html[data-arkhi-page^="tv-"] body #arkhiRemoteQRCorner{
 top:auto!important;bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));width:94px;padding:6px;gap:4px}
 html[data-arkhi-page^="tv-"] #arkhiRemoteQRCorner img{width:82px;height:82px}
 html[data-arkhi-page^="tv-"] #arkhiRemoteQRCorner span{display:none}}

/* The same account markup is embedded in the TV and desktop Web overlays. */
html[data-arkhi-page^="tv-"][data-arkhi-embedded="account"] body.arkhi-access #arkhi-global-header,
html[data-arkhi-page^="tv-"][data-arkhi-embedded="account"] body.arkhi-access .arkhi-universal-bar,
html[data-arkhi-page^="tv-"][data-arkhi-embedded="account"] body.arkhi-access #arkhi-navigation-controls{
 display:none!important;
}
html[data-arkhi-page^="tv-"][data-arkhi-embedded="account"] body.arkhi-access{margin:0!important;padding:0!important;overflow-y:auto!important}
html[data-arkhi-page^="tv-"][data-arkhi-embedded="account"] body.arkhi-access .arkhi-account-main{
 max-width:1100px!important;margin:0 auto!important;
 padding:clamp(14px,2.5vw,30px)!important;
}
@media(max-width:620px){
 html[data-arkhi-page^="tv-"][data-arkhi-embedded="account"] body.arkhi-access .arkhi-account-main{padding:12px!important}
}

html[data-arkhi-page^="tv-"] /* Viewer recording library and DPAD focus: shared theme, html[data-arkhi-page^="tv-"] no page-local CSS. */
html[data-arkhi-page="tv-conta"] .arkhi-account-recording-list{
 display:flex;flex-direction:column;gap:10px;margin:14px 0;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-recording-item{
 display:flex;align-items:center;gap:14px;flex-wrap:wrap;
 padding:14px 16px;background:var(--arkhi-panel-raised);
 color:var(--arkhi-text);min-width:0;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-recording-item>strong{
 max-width:100%;overflow-wrap:anywhere;flex:1 1 200px;font-size:14px;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-recording-item>small{
 color:var(--arkhi-muted);flex:1 1 160px;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-recording-item .actions{margin:0}
html[data-arkhi-page="tv-conta"] #viewerRecordingPlayer{margin-top:16px}
html[data-arkhi-page="tv-conta"] #viewerRecordingVideo{
 width:100%;max-height:60vh;background:#000;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-main a:focus,
html[data-arkhi-page="tv-conta"] .arkhi-account-main button:focus,
html[data-arkhi-page="tv-conta"] .arkhi-account-main input:focus{
 outline:3px solid var(--arkhi-focus)!important;outline-offset:2px!important;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-recordings button{
 min-height:46px;border:0;border-radius:0;box-shadow:none;
 background:var(--arkhi-panel-raised);color:var(--arkhi-text);
 padding:12px 18px;font:700 14px/1.25 var(--arkhi-font);
}
html[data-arkhi-page^="tv-"] .arkhi-record-mode{
 display:flex;align-items:center;gap:8px;color:var(--arkhi-muted);font-size:13px;
}

html[data-arkhi-page^="tv-"] /* TV remote focus should use orange selection, html[data-arkhi-page^="tv-"] not the inactive grey surface. */
html[data-arkhi-page="tv-conta"] .arkhi-account-main :is(a[href],button,[role="button"]):is(:focus,:focus-visible),
html[data-arkhi-page="tv-conta"] .arkhi-device-row button:is(:focus,:focus-visible),
html[data-arkhi-page="tv-conta"] #arkhiMyDevicesRefresh:is(:focus,:focus-visible){
 background:var(--arkhi-accent)!important;
 color:var(--arkhi-background)!important;
 outline:3px solid var(--arkhi-accent)!important;
 outline-offset:2px!important;
 border-radius:0!important;
 box-shadow:none!important;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-main :is(a,button)[aria-current="page"]{
 background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-main :is(a,button):disabled{
 opacity:.42;cursor:default;
}

html[data-arkhi-page^="tv-"] /* The existing Cast remote is opened from the common player menu, html[data-arkhi-page^="tv-"] never a floating button. */
html[data-arkhi-page^="tv-"] .cast-remote-launch[hidden]{display:none!important}


/* Public broadcast rights page uses the canonical ArkhiTV theme. */
html[data-arkhi-page="tv-public-rights"] body{
 margin:0;background:var(--arkhi-background)!important;color:var(--arkhi-text)!important;
 font:400 16px/1.65 var(--arkhi-font,Arial,sans-serif)!important;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-page{
 box-sizing:border-box;max-width:1050px;width:100%;padding:clamp(18px,4vw,48px);
 margin:0 auto;min-height:100vh;min-height:100dvh;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-navigation{
 display:flex;align-items:center;justify-content:space-between;gap:16px;
 margin:0 0 clamp(20px,3vw,42px);padding:0 0 16px;
 border-bottom:1px solid var(--arkhi-line);background:transparent;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-brand{
 color:var(--arkhi-accent)!important;font-size:23px;font-weight:800;letter-spacing:.025em;
 text-decoration:none!important;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-return{
 border:1px solid var(--arkhi-line);background:var(--arkhi-panel);
 padding:10px 15px;text-decoration:none;color:var(--arkhi-text);
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content{
 padding:clamp(20px,4vw,45px);margin:0;background:var(--arkhi-panel);
 border:1px solid var(--arkhi-line);border-radius:0;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content .arkhi-rights-eyebrow{
 font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--arkhi-accent);
 margin:0 0 8px;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content h1{
 font-size:clamp(28px,4.5vw,42px);font-weight:780;line-height:1.16;
 margin:0 0 20px;color:var(--arkhi-text);
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content h2{
 font-size:clamp(18px,2.3vw,23px);line-height:1.35;
 margin:26px 0 10px;padding:0 0 9px;border-bottom:1px solid var(--arkhi-line);
 color:var(--arkhi-text);
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content p{
 font-size:clamp(14px,1.6vw,16px);line-height:1.7;color:var(--arkhi-text);
 margin:10px 0;overflow-wrap:anywhere;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content a{
 color:var(--arkhi-accent);text-underline-offset:3px;overflow-wrap:anywhere;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content a:focus-visible,
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-navigation a:focus-visible{
 outline:2px solid var(--arkhi-focus);outline-offset:3px;
}
@media(max-width:520px){
 html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content{padding:18px;}
 html[data-arkhi-page="tv-public-rights"] .arkhi-rights-navigation{align-items:flex-start;}
}


/* Shared TV-style remote: numerical keypad and ArkhiTV actions. */
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{
 box-sizing:border-box;display:flex;flex-direction:column;gap:15px;
 padding:clamp(16px,4vw,27px);margin:22px auto;width:100%;
 background:var(--arkhi-panel);border:1px solid var(--arkhi-line);
 border-radius:0;max-width:465px;box-shadow:0 12px 40px rgba(0,0,0,.18);
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face{
 display:flex;justify-content:space-between;align-items:center;gap:8px;
 border-bottom:1px solid var(--arkhi-line);padding-bottom:12px;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face-brand{
 font-size:22px;font-weight:850;color:var(--arkhi-accent);letter-spacing:.04em;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face-label{
 font-size:10px;font-weight:750;color:var(--arkhi-muted);text-align:right;letter-spacing:.08em;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device :is(.arkhi-remote-modes,.arkhi-remote-transport,.arkhi-remote-numbers){
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button{
 border:1px solid var(--arkhi-line);background:var(--arkhi-background);
 color:var(--arkhi-text);border-radius:0;font-family:var(--arkhi-font);
 cursor:pointer;touch-action:manipulation;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-modes button{
 min-height:49px;font-size:13px;font-weight:690;padding:8px 3px;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-modes button:first-child,
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-modes button:nth-child(2),
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-modes #arkhiRemoteShareShortcut{
 border-color:var(--arkhi-accent);color:var(--arkhi-accent);
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction{
 box-sizing:border-box;display:grid;width:min(100%,300px);margin:0 auto;
 gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));
 grid-template-areas:". up ." "left ok right" ". down .";
 align-items:stretch;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction button{
 width:100%;min-height:72px;font-size:26px;font-weight:700;
 display:flex;align-items:center;justify-content:center;padding:8px;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-up{grid-area:up}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-down{grid-area:down}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-left{grid-area:left}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-right{grid-area:right}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-ok{
 grid-area:ok;background:var(--arkhi-accent)!important;
 color:var(--arkhi-background)!important;font-size:20px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-transport button{
 min-height:46px;padding:8px 3px;font-size:12px;font-weight:660;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button{
 min-height:54px;font-size:23px;font-weight:800;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button:active{
 background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button:focus-visible{
 outline:3px solid var(--arkhi-focus);outline-offset:1px;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share{
 margin:24px 0;padding:18px;background:var(--arkhi-panel);
 border:1px solid var(--arkhi-line);border-radius:0;
}
html[data-arkhi-page="tv-public-remote"] #arkhiRemoteShareSection{
 scroll-margin-top:18px;
}
@media(max-width:380px){
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{padding:13px}
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction button{min-height:60px}
}


/* Physical handset layout of the ArkhiTV temporary remote. */
html[data-arkhi-page="tv-public-remote"] body.arkhi-remote-mobile{
 background:var(--arkhi-background)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-shell{
 max-width:480px!important;margin:auto!important;
 padding:16px 14px max(30px,env(safe-area-inset-bottom))!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-shell>h1{
 font-size:clamp(23px,6vw,30px)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{
 width:min(100%,314px)!important;max-width:314px!important;
 margin:20px auto 28px!important;
 padding:23px 19px 35px!important;gap:14px!important;
 border:1px solid #47494a!important;border-radius:36px!important;
 background:linear-gradient(102deg,#282a2b 0%,#181a1b 46%,#272929 98%)!important;
 color:#f2f2f2!important;
 box-shadow:inset 4px 0 8px #3b3d3e,inset -5px -2px 12px #090a0a,
 0 18px 40px rgba(0,0,0,.32)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-face{
 gap:6px!important;align-items:center!important;
 padding-bottom:10px!important;border-bottom:1px solid #424443!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-face-brand{
 font:800 16px/1.2 var(--arkhi-font)!important;color:var(--arkhi-accent)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-indicator{
 font:600 10px/1.2 var(--arkhi-font)!important;color:#aeb5b8!important;text-align:right;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-indicator[data-state="connected"]{
 color:#82d5a6!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-indicator[data-state="disconnected"]{
 color:#ffb78e!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button{
 appearance:none!important;-webkit-appearance:none!important;
 background:linear-gradient(150deg,#343637,#212323)!important;
 color:#f2f4f5!important;border:1px solid #080909!important;
 border-radius:999px!important;
 box-shadow:inset 1px 2px 3px rgba(255,255,255,.12),
 inset -2px -2px 4px rgba(0,0,0,.52),0 2px 2px #080808!important;
 cursor:pointer!important;font-family:var(--arkhi-font)!important;
 touch-action:manipulation!important;user-select:none!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button:active{
 background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
 transform:translateY(1px);box-shadow:inset 1px 2px 5px #151515!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button:focus-visible{
 outline:2px solid var(--arkhi-accent)!important;outline-offset:3px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-top{
 display:flex;justify-content:space-between;align-items:center;gap:12px;
 margin:0!important;padding:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-top button{
 width:46px!important;height:46px!important;min-height:46px!important;
 font-size:12px!important;font-weight:800!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-top .arkhi-key-power{
 color:#ff6262!important;font-size:26px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-top .arkhi-key-menu{
 font-size:10px!important;color:var(--arkhi-accent)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-numbers{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:10px 16px!important;justify-items:center!important;align-items:center!important;
 width:100%!important;margin:2px auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-numbers button{
 width:53px!important;height:53px!important;min-height:53px!important;
 font-size:23px!important;font-weight:650!important;padding:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-numbers .arkhi-key-short{
 font-size:10px!important;font-weight:800!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-quick{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important;width:100%!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-quick button{
 min-height:36px!important;padding:7px!important;
 font-size:11px!important;font-weight:750!important;border-radius:22px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-direction{
 display:grid!important;position:relative!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-template-rows:repeat(3,1fr)!important;
 grid-template-areas:". up ." "left ok right" ". down ."!important;
 width:232px!important;max-width:100%!important;height:232px!important;
 gap:0!important;margin:7px auto!important;
 border-radius:50%!important;align-items:stretch!important;
 background:radial-gradient(circle at 43% 31%,#3d4041,#1a1c1d 73%)!important;
 border:2px solid #111212!important;
 box-shadow:inset 2px 3px 8px #4a4c4c,inset -4px -5px 9px #0b0c0c!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-direction button{
 width:100%!important;height:100%!important;min-height:0!important;
 font-size:17px!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;
 padding:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-up{grid-area:up!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-down{grid-area:down!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-left{grid-area:left!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-right{grid-area:right!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-direction .arkhi-remote-ok{
 grid-area:ok!important;width:100%!important;height:100%!important;
 border-radius:50%!important;background:linear-gradient(#333637,#232526)!important;
 color:#fff!important;box-shadow:0 0 0 2px #101212,inset 0 2px 3px #535657!important;
 font-size:15px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-middle{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:14px!important;justify-items:center!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-middle button{
 width:49px!important;height:49px!important;min-height:49px!important;
 padding:0!important;font-size:24px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rockers{
 display:flex!important;justify-content:center!important;gap:22px!important;
 margin:4px auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker{
 display:flex!important;flex-direction:column!important;gap:2px!important;
 width:88px!important;border-radius:24px!important;overflow:hidden!important;
 background:#151616!important;border:1px solid #111!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker button{
 width:100%!important;min-height:48px!important;border-radius:4px!important;
 font-size:16px!important;box-shadow:inset 1px 2px 3px #4a4a4a!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:13px!important;width:100%!important;margin:6px auto!important;
 justify-items:center!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors button{
 width:48px!important;height:44px!important;min-height:44px!important;
 border-radius:14px!important;position:relative!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors button::after{
 content:"";display:block!important;width:18px;height:18px;
 margin:auto;border-radius:5px;border:3px solid currentColor;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-key-red{color:#e95454!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-key-green{color:#58c888!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-key-yellow{color:#e8c850!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-key-blue{color:#5caadb!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-footer{
 font:750 10px/1.2 var(--arkhi-font)!important;
 color:#a6adaf;text-align:center;letter-spacing:.1em;margin-top:2px;
}
@media(max-width:360px){
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{padding:20px 13px 30px!important}
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-direction{
  width:204px!important;height:204px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-numbers button{
  width:47px!important;height:47px!important;min-height:47px!important;
 }
}

html[data-arkhi-page^="tv-"] /* Physical ArkhiTV remote based on a conventional vertical television handset.
   The shared application is still flat and square; rounded keys here convey
   physical remote-control affordances, html[data-arkhi-page^="tv-"] not a second application theme. */
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-shell{
 width:min(100%,480px)!important;padding:16px 14px calc(30px + env(safe-area-inset-bottom))!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{
 box-sizing:border-box!important;width:min(100%,342px)!important;
 max-width:342px!important;min-width:0!important;margin:18px auto 24px!important;
 padding:20px 23px 28px!important;gap:15px!important;
 background:linear-gradient(105deg,#28292b,#171819 35%,#252628 72%,#161719)!important;
 border:1px solid #3f4145!important;border-radius:39px 39px 30px 30px!important;
 box-shadow:inset 2px 1px 2px rgba(255,255,255,.12),inset -3px -1px 3px #090909,
  0 6px 14px rgba(0,0,0,.22),0 24px 44px rgba(0,0,0,.28)!important;
 color:#f1f2f4!important;font-family:var(--arkhi-font,Arial,sans-serif)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face{
 display:grid!important;grid-template-columns:56px 1fr 56px!important;
 justify-items:center;align-items:center;gap:3px!important;
 border:0!important;margin:0 0 1px!important;padding:0 0 9px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face-brand{
 font:800 16px/1.1 var(--arkhi-font,Arial,sans-serif)!important;
 color:var(--arkhi-accent,#ff704f)!important;text-align:center;letter-spacing:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button{
 touch-action:manipulation;user-select:none;
 background:linear-gradient(150deg,#323436,#151618)!important;color:#f5f5f5!important;
 border:1px solid #414448!important;border-bottom-color:#0a0a0a!important;
 border-radius:999px!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.11),0 3px 2px #090a0a!important;
 font-family:var(--arkhi-font,Arial,sans-serif)!important;
 padding:5px!important;min-width:0!important;cursor:pointer;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button:active{
 background:var(--arkhi-accent,#ff704f)!important;color:#101216!important;
 transform:translateY(2px)!important;box-shadow:inset 0 1px 2px #101010!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button:focus-visible{
 outline:3px solid var(--arkhi-accent,#ff704f)!important;outline-offset:3px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face :is(.arkhi-remote-power,.arkhi-remote-share-top){
 width:45px!important;height:45px!important;min-height:45px!important;
 font-size:24px!important;font-weight:750!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face .arkhi-remote-power{color:#ff554c!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face .arkhi-remote-share-top{color:var(--arkhi-accent)!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers{
 display:grid!important;grid-template-columns:repeat(3,1fr)!important;
 gap:9px 20px!important;width:100%!important;max-width:242px!important;
 margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button{
 box-sizing:border-box;width:53px!important;height:53px!important;min-height:53px!important;
 justify-self:center;font-size:21px!important;font-weight:700!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button[data-remote="channels"],
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button[data-remote="guide"]{
 font-size:10px!important;font-weight:750!important;letter-spacing:.02em!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-toolbar{
 display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:18px!important;
 width:100%!important;margin:0 auto!important;max-width:260px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-toolbar button{
 min-height:39px!important;border-radius:18px!important;font-size:12px!important;font-weight:700!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction{
 width:min(100%,230px)!important;height:230px!important;max-width:230px!important;
 box-sizing:border-box!important;display:grid!important;
 grid-template-columns:repeat(3,1fr)!important;
 grid-template-rows:repeat(3,1fr)!important;
 grid-template-areas:". up ." "left ok right" ". down ."!important;
 gap:0!important;margin:2px auto!important;align-items:stretch!important;
 background:radial-gradient(circle at center,#222325 31%,#121315 32%,#2e3032 34%,#242628 73%,#141517 78%)!important;
 border:3px solid #0b0d0e!important;border-radius:50%!important;
 box-shadow:inset 1px 2px 7px rgba(0,0,0,.85),0 2px 1px rgba(255,255,255,.09)!important;
 padding:9px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction button{
 display:flex!important;justify-content:center!important;align-items:center!important;
 width:100%!important;height:100%!important;min-height:0!important;
 margin:0!important;padding:0!important;
 border:0!important;border-radius:50%!important;box-shadow:none!important;
 background:transparent!important;color:#d3d4d4!important;font-size:17px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction button:active{
 background:rgba(255,255,255,.12)!important;color:var(--arkhi-accent)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-ok{
 border:2px solid #0e0f10!important;background:linear-gradient(130deg,#2d2e30,#191a1c)!important;
 color:#fafafa!important;font:800 16px var(--arkhi-font,Arial,sans-serif)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-navigation{
 display:grid!important;grid-template-columns:repeat(3,1fr)!important;
 gap:15px!important;margin:0 auto!important;width:100%!important;max-width:250px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-navigation button{
 justify-self:center;width:53px!important;height:53px!important;min-height:53px!important;
 font-size:23px!important;font-weight:700!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rockers{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:35px!important;max-width:230px!important;width:100%!important;
 margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker{
 display:grid!important;grid-template-rows:auto 44px 44px!important;
 text-align:center!important;gap:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker>span{
 font-size:10px!important;font-weight:750!important;color:#adb0b3!important;letter-spacing:.08em!important;
 margin-bottom:5px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker button{
 font-size:21px!important;font-weight:700!important;
 border-radius:0!important;min-height:44px!important;height:44px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker button:nth-child(2){
 border-radius:21px 21px 0 0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker button:last-child{
 border-radius:0 0 21px 21px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-transport{
 display:grid!important;grid-template-columns:repeat(3,1fr)!important;
 gap:15px!important;width:100%!important;max-width:250px!important;margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-transport button{
 min-height:45px!important;height:45px!important;font-size:15px!important;font-weight:750!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:10px!important;width:100%!important;margin:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors button{
 height:42px!important;min-height:42px!important;padding:4px 1px!important;
 font-size:10px!important;font-weight:800!important;letter-spacing:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors .arkhi-remote-red{color:#ff6e68!important;border-color:#7b3236!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors .arkhi-remote-green{color:#66d89a!important;border-color:#2d644a!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors .arkhi-remote-yellow{color:#ffd76b!important;border-color:#78612e!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors .arkhi-remote-blue{color:#7dbdff!important;border-color:#35577b!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-status{max-width:342px;margin:12px auto!important}
@media(max-width:375px){
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{
  width:min(100%,322px)!important;padding:16px 16px 22px!important;gap:12px!important
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction{width:206px!important;height:206px!important}
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers{gap:7px 12px!important}
}


html[data-arkhi-page^="tv-"] /* Status stays visible above the remote, html[data-arkhi-page^="tv-"] without occupying a button slot. */
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-connection{
 box-sizing:border-box;width:min(100%,342px);margin:15px auto 2px;padding:10px 14px;
 background:var(--arkhi-panel);border-left:3px solid #66d89a;
 color:var(--arkhi-text);font:650 12px/1.45 var(--arkhi-font);
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-connection.arkhi-remote-offline{
 border-left-color:#c99552;
}


/* Compact S24 handset: one-screen controller and slim share action.
   Shared ArkhiCSS; all phone variants use a single physical control template. */
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-shell{
 box-sizing:border-box!important;max-width:420px!important;
 padding:4px 8px max(5px,env(safe-area-inset-bottom))!important;margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{
 width:min(100%,286px)!important;max-width:286px!important;
 border-radius:28px!important;margin:3px auto!important;
 padding:9px 15px 12px!important;gap:6px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face{
 grid-template-columns:36px minmax(0,1fr) 36px!important;
 gap:2px!important;margin:0!important;padding:0 0 3px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face :is(.arkhi-remote-power,.arkhi-remote-head-menu){
 width:34px!important;height:34px!important;min-height:34px!important;
 font-size:18px!important;line-height:1!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face-brand{
 font-size:13px!important;letter-spacing:.035em!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-connection{
 grid-column:1 / -1!important;display:block!important;box-sizing:border-box!important;
 width:100%!important;margin:0!important;padding:0!important;
 background:none!important;border:0!important;min-height:13px!important;
 font:600 10px/1.25 var(--arkhi-font)!important;color:#aeb9b8!important;
 text-align:center!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-connection.arkhi-remote-offline{
 color:#e9ba85!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers{
 width:100%!important;max-width:207px!important;
 grid-template-columns:repeat(3,1fr)!important;gap:4px 13px!important;
 margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button{
 box-sizing:border-box!important;width:38px!important;height:38px!important;
 min-height:38px!important;min-width:38px!important;
 font-size:17px!important;padding:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button[data-remote="channels"],
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button[data-remote="guide"]{
 font-size:8px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-toolbar{display:none!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction{
 box-sizing:border-box!important;width:154px!important;height:154px!important;
 min-width:0!important;min-height:0!important;margin:0 auto!important;
 padding:6px!important;border-width:2px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction button{
 font-size:13px!important;padding:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-ok{
 font-size:13px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-navigation{
 width:100%!important;max-width:185px!important;gap:5px!important;margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-navigation button{
 width:34px!important;height:34px!important;min-height:34px!important;
 font-size:18px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rockers{
 width:100%!important;max-width:192px!important;gap:18px!important;margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker{
 grid-template-rows:auto 30px 30px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker>span{
 font-size:8px!important;margin-bottom:2px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker button{
 min-height:30px!important;height:30px!important;font-size:17px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-transport{
 width:100%!important;max-width:190px!important;gap:6px!important;margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-transport button{
 width:100%!important;min-height:29px!important;height:29px!important;
 font-size:12px!important;padding:2px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors{
 width:100%!important;max-width:224px!important;
 gap:5px!important;margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors button{
 box-sizing:border-box!important;width:100%!important;height:30px!important;
 min-height:30px!important;font-size:8px!important;padding:2px 0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-send-friend{
 display:block!important;width:100%!important;margin:0!important;
 min-height:38px!important;padding:7px!important;
 border-radius:9px!important;border:1px solid var(--arkhi-accent)!important;
 background:var(--arkhi-accent)!important;color:#0a0e16!important;
 font-size:13px!important;font-weight:800!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share[hidden],
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-status[hidden]{display:none!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share:not([hidden]){
 margin:8px auto!important;padding:12px!important;
 max-width:300px!important;box-sizing:border-box!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-status:not([hidden]){
 box-sizing:border-box!important;max-width:290px!important;
 margin:6px auto!important;padding:4px!important;font-size:11px!important;
}
/* Tall-screen scaling is not required for 1-screen S24 portrait (360 x 780 CSS).
   Compact further when the mobile browser reduces the usable viewport. */
@media(max-height:700px), (max-width:355px){
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{
  width:min(100%,268px)!important;max-width:268px!important;
  padding:6px 12px 9px!important;gap:4px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction{
  width:135px!important;height:135px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button{
  width:35px!important;height:35px!important;min-height:35px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-navigation button{
  width:31px!important;height:31px!important;min-height:31px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker{
  grid-template-rows:auto 26px 26px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker button{
  height:26px!important;min-height:26px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-transport button,
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors button{
  min-height:25px!important;height:25px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-send-friend{
  min-height:33px!important;
 }
}
html[data-arkhi-page^="tv-"] /* Arkhi Design System — componentes comuns e neutralidade entre plataformas.
   Edição autorizada apenas em /mnt/usb1/arkhi-design-system/styles/.
   As apps consomem os ficheiros gerados, html[data-arkhi-page^="tv-"] nunca este ficheiro original. */

:root{
  --arkhi-spacing-1:4px;
  --arkhi-spacing-2:8px;
  --arkhi-spacing-3:12px;
  --arkhi-spacing-4:16px;
  --arkhi-spacing-6:24px;
  --arkhi-spacing-8:32px;
  --arkhi-control-min-height:42px;
  --arkhi-transition-fast:120ms;
}
html[data-arkhi-page^="tv-"] button,html[data-arkhi-page^="tv-"] .button,html[data-arkhi-page^="tv-"] .btn,html[data-arkhi-page^="tv-"] .pill,html[data-arkhi-page^="tv-"] [role="button"],html[data-arkhi-page^="tv-"] input,html[data-arkhi-page^="tv-"] select,html[data-arkhi-page^="tv-"] textarea{
  border-radius:var(--arkhi-radius-control,0px)!important;
}
html[data-arkhi-page^="tv-"] button,html[data-arkhi-page^="tv-"] .button,html[data-arkhi-page^="tv-"] .btn,html[data-arkhi-page^="tv-"] .pill,html[data-arkhi-page^="tv-"] [role="button"]{
  box-shadow:none!important;
}
html[data-arkhi-page^="tv-"] button:focus-visible,html[data-arkhi-page^="tv-"] .button:focus-visible,html[data-arkhi-page^="tv-"] .btn:focus-visible,
html[data-arkhi-page^="tv-"] a:focus-visible,html[data-arkhi-page^="tv-"] input:focus-visible,html[data-arkhi-page^="tv-"] select:focus-visible,html[data-arkhi-page^="tv-"] textarea:focus-visible,
html[data-arkhi-page^="tv-"] [role="button"]:focus-visible{
  outline:var(--arkhi-outline-width,3px) solid var(--arkhi-focus)!important;
  outline-offset:2px!important;
}
html[data-arkhi-page^="tv-"] .arkhi-text{color:var(--arkhi-text)}
html[data-arkhi-page^="tv-"] .arkhi-muted{color:var(--arkhi-muted)}
html[data-arkhi-page^="tv-"] .arkhi-surface{background:var(--arkhi-panel);color:var(--arkhi-text)}
html[data-arkhi-page^="tv-"] .arkhi-surface--raised{background:var(--arkhi-panel-raised)}
html[data-arkhi-page^="tv-"] .arkhi-accent{color:var(--arkhi-accent)}
html[data-arkhi-page^="tv-"] .arkhi-divider{border-color:var(--arkhi-line)}
html[data-arkhi-page^="tv-"] .arkhi-control{
  min-height:var(--arkhi-control-min-height);
  padding:var(--arkhi-spacing-2) var(--arkhi-spacing-4);
  font-family:var(--arkhi-font);
  font-weight:700;
}
html[data-arkhi-page^="tv-"] .arkhi-control--primary{
  background:var(--arkhi-accent);color:var(--arkhi-background);
  border:0;box-shadow:none;
}
html[data-arkhi-page^="tv-"] .arkhi-control--secondary{
  background:var(--arkhi-panel-raised);color:var(--arkhi-text);
  border:0;box-shadow:none;
}
html[data-arkhi-page^="tv-"] .arkhi-field{
  background:var(--arkhi-panel-raised);
  color:var(--arkhi-text);
  border:1px solid var(--arkhi-line);
  min-height:var(--arkhi-control-min-height);
  padding:var(--arkhi-spacing-2) var(--arkhi-spacing-3);
}
html[data-arkhi-page^="tv-"] .arkhi-status{font-size:13px;font-weight:700;line-height:1.4}
html[data-arkhi-page^="tv-"] .arkhi-status--success{color:var(--arkhi-success)}
html[data-arkhi-page^="tv-"] .arkhi-status--warning{color:var(--arkhi-warning)}
html[data-arkhi-page^="tv-"] .arkhi-status--error{color:var(--arkhi-accent-hot)}
html[data-arkhi-page^="tv-"] .arkhi-status--info{color:var(--arkhi-muted)}
@media(prefers-reduced-motion:reduce){
  html[data-arkhi-page^="tv-"] .arkhi-control,html[data-arkhi-page^="tv-"] .arkhi-field{transition:none!important}
}

html[data-arkhi-page^="tv-"] /* Native-TV visual adapter: common measurements for the exact same
   component families shown in the Arkhi style gallery.
   Behaviour, html[data-arkhi-page^="tv-"] TV remote mappings and ExoPlayer remain platform-native. */
:root{
 --arkhi-osd-height:320px;
 --arkhi-osd-padding-x:24px;
 --arkhi-osd-padding-y:16px;
 --arkhi-osd-horizontal-inset:80px;
 --arkhi-osd-bottom-inset:96px;
 --arkhi-osd-card-width:1080px;
 --arkhi-osd-card-height:330px;
 --arkhi-osd-card-top:120px;
 --arkhi-osd-card-left:64px;
 --arkhi-osd-card-padding-x:24px;
 --arkhi-osd-card-padding-y:22px;
 --arkhi-osd-logo-size:112px;
 --arkhi-osd-channel-copy-gap:24px;
 --arkhi-osd-title-font-size:32px;
 --arkhi-osd-meta-font-size:24px;
 --arkhi-osd-badge-font-size:32px;
 --arkhi-osd-now-font-size:28px;
 --arkhi-osd-next-font-size:24px;
 --arkhi-osd-epg-font-size:22px;
 --arkhi-osd-control-size:68px;
 --arkhi-osd-control-gap:14px;
}

html[data-arkhi-page^="tv-"] /* Shared ArkhiTV emission contextual cards / player timeline.
   The Web, html[data-arkhi-page^="tv-"] Samsung and Android visual adapters consume these declarations. */
:root{
 --arkhi-osd-logo-padding:8px;
 --arkhi-osd-badge-row-height:44px;
 --arkhi-osd-now-row-height:40px;
 --arkhi-osd-next-row-height:36px;
 --arkhi-osd-title-row-height:42px;
 --arkhi-osd-meta-row-height:34px;
 --arkhi-osd-time-row-height:84px;
 --arkhi-osd-action-row-height:72px;
 --arkhi-osd-timeline-side-width:92px;
 --arkhi-osd-timeline-track-height:48px;
 --arkhi-osd-movie-strip-height:280px;
 --arkhi-osd-movie-strip-side-inset:64px;
 --arkhi-osd-movie-strip-bottom-inset:372px;
 --arkhi-osd-movie-strip-padding-x:16px;
 --arkhi-osd-movie-strip-padding-y:12px;
 --arkhi-osd-movie-card-width:380px;
 --arkhi-osd-movie-card-height:208px;
 --arkhi-osd-movie-card-padding-x:12px;
 --arkhi-osd-movie-card-padding-y:10px;
 --arkhi-osd-movie-card-gap:16px;
 --arkhi-osd-movie-poster-width:112px;
 --arkhi-osd-movie-poster-height:180px;
 --arkhi-osd-movie-copy-gap:12px;
}
html[data-arkhi-page^="tv-"] /* Arkhi UI adapters: the official gallery controls are used for every player,
   html[data-arkhi-page^="tv-"] card, html[data-arkhi-page^="tv-"] modal and data input. This stylesheet is generated, html[data-arkhi-page^="tv-"] never edited here. */
:root{--arkhi-control-on:var(--arkhi-background);--arkhi-control-off:var(--arkhi-text)}
html[data-arkhi-page^="tv-"] body .player-actions button,html[data-arkhi-page^="tv-"] body .player-tools button,html[data-arkhi-page^="tv-"] body .player-bottom button,
html[data-arkhi-page^="tv-"] body .live-home-actions button,html[data-arkhi-page^="tv-"] body .record-tools button,html[data-arkhi-page^="tv-"] body .detail-actions button,
html[data-arkhi-page^="tv-"] body .retention-confirm-box button,html[data-arkhi-page^="tv-"] body .modal-card button,html[data-arkhi-page^="tv-"] body .touch-playback button,
html[data-arkhi-page^="tv-"] body .touch-tools button,html[data-arkhi-page^="tv-"] body .main-nav button,html[data-arkhi-page^="tv-"] body .player-control,
html[data-arkhi-page^="tv-"] body .video-controls button,html[data-arkhi-page^="tv-"] body .cast-remote-panel button{
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background:var(--arkhi-panel-raised)!important;color:var(--arkhi-text)!important;
 font-family:var(--arkhi-font);font-weight:750;
}
html[data-arkhi-page^="tv-"] body .player-actions button.primary,html[data-arkhi-page^="tv-"] body .live-home-actions button.primary,
html[data-arkhi-page^="tv-"] body .player-control.primary,html[data-arkhi-page^="tv-"] body .retention-confirm-box button.primary,
html[data-arkhi-page^="tv-"] body .detail-actions button.primary,html[data-arkhi-page^="tv-"] body button.arkhi-primary{
 background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
}
html[data-arkhi-page^="tv-"] body .player-actions button:focus-visible,html[data-arkhi-page^="tv-"] body .video-controls button:focus-visible,
html[data-arkhi-page^="tv-"] body .player-tools button:focus-visible,html[data-arkhi-page^="tv-"] body .record-tools button:focus-visible,
html[data-arkhi-page^="tv-"] body .touch-playback button:focus-visible{
 outline:3px solid var(--arkhi-focus)!important;outline-offset:2px!important;
}
html[data-arkhi-page^="tv-"] body .movie-card,html[data-arkhi-page^="tv-"] body .record-card,html[data-arkhi-page^="tv-"] body .record.record-with-art,
html[data-arkhi-page^="tv-"] body .recording-recent-card,html[data-arkhi-page^="tv-"] body .live-home-card,html[data-arkhi-page^="tv-"] body .live-home-hero,
html[data-arkhi-page^="tv-"] body .channel-card,html[data-arkhi-page^="tv-"] body .channel-row,html[data-arkhi-page^="tv-"] body .epg-card,html[data-arkhi-page^="tv-"] body .shelf-card,
html[data-arkhi-page^="tv-"] body .series-card,html[data-arkhi-page^="tv-"] body .episode-card{
 background-color:var(--arkhi-panel)!important;
 border-radius:0!important;box-shadow:none!important;
}
html[data-arkhi-page^="tv-"] body .movie-card.selected,html[data-arkhi-page^="tv-"] body .movie-card:focus-visible,
html[data-arkhi-page^="tv-"] body .channel-card.selected,html[data-arkhi-page^="tv-"] body .live-home-card:focus-visible,
html[data-arkhi-page^="tv-"] body .record-card.selected{
 border-color:var(--arkhi-accent)!important;outline-color:var(--arkhi-accent)!important;
}
html[data-arkhi-page^="tv-"] body .modal-card,html[data-arkhi-page^="tv-"] body .detail-card,html[data-arkhi-page^="tv-"] body .retention-confirm-box,
html[data-arkhi-page^="tv-"] body .dialog,html[data-arkhi-page^="tv-"] body .popup,html[data-arkhi-page^="tv-"] body .admin-dialog,html[data-arkhi-page^="tv-"] body .cast-remote-card,
html[data-arkhi-page^="tv-"] body .cinema-preferences-card,html[data-arkhi-page^="tv-"] body .player-info-panel{
 background:var(--arkhi-panel-raised)!important;color:var(--arkhi-text)!important;
 border-radius:0!important;box-shadow:none!important;
 border-color:var(--arkhi-line)!important;
}
html[data-arkhi-page^="tv-"] body .player-loading{background:rgba(11,19,43,.78)!important;color:var(--arkhi-text)!important}
html[data-arkhi-page^="tv-"] body .player-loading .spinner,html[data-arkhi-page^="tv-"] body .recording-subtitle-tools .arkhi-loader{
 width:var(--arkhi-loader-size-tv)!important;height:var(--arkhi-loader-size-tv)!important;
 border:var(--arkhi-loader-stroke) solid var(--arkhi-loader-track)!important;
 border-top-color:var(--arkhi-loader-color)!important;border-radius:50%!important;
 animation:arkhi-loader-spin var(--arkhi-loader-duration) linear infinite!important;
}
html[data-arkhi-page^="tv-"] body .player-layer video,html[data-arkhi-page^="tv-"] body .videoWrap video{object-fit:contain!important}
html[data-arkhi-page^="tv-"] body progress,html[data-arkhi-page^="tv-"] body input[type="range"],html[data-arkhi-page^="tv-"] body input[type="checkbox"],html[data-arkhi-page^="tv-"] body input[type="radio"]{accent-color:var(--arkhi-accent)}
html[data-arkhi-page^="tv-"] body .movie-card .progress span,html[data-arkhi-page^="tv-"] body .seek-progress,html[data-arkhi-page^="tv-"] body .timeline-progress,
html[data-arkhi-page^="tv-"] body .progress-bar>span{background-color:var(--arkhi-accent)}
html[data-arkhi-page^="tv-"] body .main-nav .active,html[data-arkhi-page^="tv-"] body .main-nav a:focus-visible,
html[data-arkhi-page^="tv-"] body .touch-nav .active{color:var(--arkhi-accent)!important}
html[data-arkhi-page^="tv-"] body .brand-mark img,html[data-arkhi-page^="tv-"] body .brand-logo img{object-fit:contain!important}
@media(prefers-reduced-motion:reduce){
 html[data-arkhi-page^="tv-"] body .player-loading .spinner{animation:none!important}
}



/* SOURCE FOR games-home (scoped) */
/* Generated by Arkhi Design System. Do not edit output files. */
html[data-arkhi-page^="games-"]{
  --arkhi-background:#0B132B;
  --arkhi-background-deep:#070E20;
  --arkhi-panel:#111C33;
  --arkhi-panel-raised:#16213A;
  --arkhi-panel-hover:#243550;
  --arkhi-accent:#FF6B4A;
  --arkhi-accent-hot:#FF3B2F;
  --arkhi-accent-subtle:#432B44;
  --arkhi-text:#F4F4F4;
  --arkhi-muted:#9BA9BD;
  --arkhi-muted-soft:#8091AA;
  --arkhi-line:#263652;
  --arkhi-focus:#FF6B4A;
  --arkhi-success:#63D3AD;
  --arkhi-warning:#FFB97C;
  --arkhi-radius-control:0px;
  --arkhi-outline-width:0px;
  --arkhi-font:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --arkhi-btn-primary:#FF6B4A;
  --arkhi-btn-primary-hover:#FF8E72;
  --arkhi-btn-secondary:#2B3F5A;
  --arkhi-btn-secondary-hover:#344E6E;
  --arkhi-btn-neutral:#E8EDF8;
  --arkhi-btn-neutral-text:#17213B;
  --arkhi-btn-subtle:#182740;
  --arkhi-btn-subtle-text:#CCDAED;
  --arkhi-btn-danger:#8D3032;
  --arkhi-field-background:#20314B;
  --arkhi-field-border:#465B78;
  --arkhi-selection-background:#41304B;
  --arkhi-notification-background:#314863;
  --arkhi-dialog-background:#16213A;
  --arkhi-focus-background:#486785;
  --arkhi-loader-size:30px;
  --arkhi-loader-size-small:18px;
  --arkhi-loader-size-tv:44px;
  --arkhi-loader-stroke:3px;
  --arkhi-loader-track:var(--arkhi-line);
  --arkhi-loader-color:var(--arkhi-accent);
  --arkhi-loader-duration:850ms;
}
html[data-arkhi-page^="games-"]{--arkhi-copy-live:"EMISSÃO";--arkhi-copy-no-poster:"Sem poster";--arkhi-copy-ok:"OK";--arkhi-copy-selected:"SELECIONADO";--arkhi-copy-tv-preparing:"A preparar o modo TV…";--arkhi-copy-watching:"A VER";}

/* Arkhi Games: shared product identity; preserves TV gamepad focus and stream rendering. */
html[data-arkhi-page^="games-"]{--bg:var(--arkhi-background);--panel:var(--arkhi-panel);--green:var(--arkhi-accent);--accent:var(--arkhi-accent);--muted:var(--arkhi-muted);--line:var(--arkhi-line)}
html[data-arkhi-page^="games-"],html[data-arkhi-page^="games-"] body,html[data-arkhi-page^="games-"] #welcome{background:var(--arkhi-background);color:var(--arkhi-text)}
html[data-arkhi-page^="games-"] .app-header,html[data-arkhi-page^="games-"] .collection-footer{background:var(--arkhi-background)!important;border-color:var(--arkhi-line)!important}
html[data-arkhi-page^="games-"] .hero{background:var(--arkhi-panel)!important}
html[data-arkhi-page^="games-"] .brand-name,html[data-arkhi-page^="games-"] .brand-mark,html[data-arkhi-page^="games-"] .eyebrow,html[data-arkhi-page^="games-"] .hero-kicker,html[data-arkhi-page^="games-"] .collection-label{color:var(--arkhi-accent)!important}
html[data-arkhi-page^="games-"] .brand-mark{letter-spacing:0!important}
html[data-arkhi-page^="games-"] .nav-link.selected,html[data-arkhi-page^="games-"] .nav-link[aria-current="page"]{color:var(--arkhi-text)!important;border-bottom-color:var(--arkhi-accent)!important}
html[data-arkhi-page^="games-"] .play-button,html[data-arkhi-page^="games-"] #start{background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important}
html[data-arkhi-page^="games-"] .secondary-button,html[data-arkhi-page^="games-"] .filter-chip,html[data-arkhi-page^="games-"] .search-box,html[data-arkhi-page^="games-"] .game-dialog,html[data-arkhi-page^="games-"] .settings-panel,html[data-arkhi-page^="games-"] .modal-shell .game-dialog{background-color:var(--arkhi-panel)!important}
html[data-arkhi-page^="games-"] button,html[data-arkhi-page^="games-"] .play-button,html[data-arkhi-page^="games-"] .secondary-button,html[data-arkhi-page^="games-"] .icon-button,html[data-arkhi-page^="games-"] .nav-link,html[data-arkhi-page^="games-"] .filter-chip,html[data-arkhi-page^="games-"] .game-card,html[data-arkhi-page^="games-"] .game-dialog,html[data-arkhi-page^="games-"] .settings-panel{border-radius:0!important}
html[data-arkhi-page^="games-"] button:focus-visible,html[data-arkhi-page^="games-"] .card-main:focus-visible,html[data-arkhi-page^="games-"] .nav-link:focus-visible{outline:3px solid var(--arkhi-focus)!important;outline-offset:2px}
@media(prefers-reduced-motion:reduce){html[data-arkhi-page^="games-"] *{transition:none!important;animation:none!important}}
/* Lightweight arcade cabinet: positioned over the actual native-size player. */
html[data-arkhi-page^="games-"] #arcade-machine{display:none;position:fixed;inset:0;z-index:2;pointer-events:none;color:#fff;
  font-family:var(--arkhi-font);user-select:none}
html[data-arkhi-page^="games-"] body.arcade-mode.running #arcade-machine,html[data-arkhi-page^="games-"] body.arcade-mode.connecting #arcade-machine{display:block}
html[data-arkhi-page^="games-"] .arcade-part{position:absolute;background:#11192e}
html[data-arkhi-page^="games-"] #arcade-marquee{left:var(--arcade-outer-left,8%);top:var(--arcade-outer-top,15px);
  width:var(--arcade-outer-width,84%);height:var(--arcade-marquee-height,55px);
  border-top:7px solid var(--arkhi-accent);border-left:12px solid #263b58;border-right:12px solid #263b58;
  background:linear-gradient(90deg,#15223b,#283551,#15223b);
  display:flex;align-items:center;justify-content:center}
html[data-arkhi-page^="games-"] #arcade-marquee strong{font-size:clamp(18px,2vw,32px);font-weight:900;letter-spacing:.22em;color:var(--arkhi-text);text-shadow:0 2px 2px #000}
html[data-arkhi-page^="games-"] #arcade-side-left,html[data-arkhi-page^="games-"] #arcade-side-right{top:var(--arcade-visual-top,80px);height:var(--arcade-visual-height,70%);
  width:var(--arcade-side-width,13px);background:linear-gradient(90deg,#243b61,#101a31,#253a58)}
html[data-arkhi-page^="games-"] #arcade-side-left{left:var(--arcade-outer-left,8%)}
html[data-arkhi-page^="games-"] #arcade-side-right{left:calc(var(--arcade-outer-left,8%) + var(--arcade-outer-width,84%) - var(--arcade-side-width,13px))}
html[data-arkhi-page^="games-"] #arcade-deck{left:var(--arcade-outer-left,8%);top:var(--arcade-deck-top,75%);
 width:var(--arcade-outer-width,84%);height:var(--arcade-deck-height,75px);
 border-top:10px solid #3e4b65;border-bottom:8px solid var(--arkhi-accent);
 background:linear-gradient(#24314e,#0e152b);
 display:flex;align-items:center;justify-content:space-between;padding:0 clamp(15px,4vw,60px)}
html[data-arkhi-page^="games-"] #arcade-deck .arcade-controls{display:flex;align-items:center;gap:12px}
html[data-arkhi-page^="games-"] #arcade-deck .arcade-stick{height:24px;width:9px;border-radius:3px;background:#e4e8f0;border-top:7px solid var(--arkhi-accent)}
html[data-arkhi-page^="games-"] #arcade-deck .arcade-dot{width:17px;height:17px;border-radius:50%;background:var(--arkhi-accent);box-shadow:0 2px 0 #632626}
html[data-arkhi-page^="games-"] #arcade-deck .arcade-mark{font-size:clamp(9px,1vw,13px);font-weight:700;letter-spacing:.14em;color:#d3d9ed}
html[data-arkhi-page^="games-"] #arcade-view-toggle{position:fixed;z-index:8;right:14px;bottom:12px;display:none;
 padding:9px 13px!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 background:#202e47d9;color:#fff;font:600 12px var(--arkhi-font);cursor:pointer}
html[data-arkhi-page^="games-"] body.running #arcade-view-toggle{display:block}
html[data-arkhi-page^="games-"] body.arcade-mode #arcade-view-toggle{background:var(--arkhi-accent);color:var(--arkhi-background)}
html[data-arkhi-page^="games-"] body.arcade-mode #hint{bottom:var(--arcade-hint-bottom,0px);color:#d1dced}
html[data-arkhi-page^="games-"] body.arcade-mode.running #arcade-view-toggle{bottom:12px}
/* Never mask controls or gameplay with decorative chrome on narrow displays. */
@media(max-width:820px),(max-height:570px){
  html[data-arkhi-page^="games-"] #arcade-machine{display:none!important}
}
/* Arkhi circular loading indicator: single shared component. */
html[data-arkhi-page^="games-"] .arkhi-loader,html[data-arkhi-page^="games-"] .arkhi-spinner{
  display:inline-block;flex:none;box-sizing:border-box;
  width:var(--arkhi-loader-size);height:var(--arkhi-loader-size);
  border:var(--arkhi-loader-stroke) solid var(--arkhi-loader-track);
  border-top-color:var(--arkhi-loader-color);
  border-radius:50%;vertical-align:middle;
  animation:arkhi-loader-spin var(--arkhi-loader-duration) linear infinite;
}
html[data-arkhi-page^="games-"] .arkhi-loader--small{width:var(--arkhi-loader-size-small);height:var(--arkhi-loader-size-small)}
html[data-arkhi-page^="games-"] .arkhi-loader--large{width:var(--arkhi-loader-size-tv);height:var(--arkhi-loader-size-tv)}
@keyframes arkhi-loader-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html[data-arkhi-page^="games-"] .arkhi-loader,html[data-arkhi-page^="games-"] .arkhi-spinner{animation:none!important}}

html[data-arkhi-page^="games-"] .library-loading:before{
 content:"";display:inline-block;vertical-align:middle;margin-right:12px;
 width:var(--arkhi-loader-size);height:var(--arkhi-loader-size);
 border:var(--arkhi-loader-stroke) solid var(--arkhi-loader-track);
 border-top-color:var(--arkhi-loader-color);
 border-radius:50%;animation:arkhi-loader-spin var(--arkhi-loader-duration) linear infinite;
}
@media(prefers-reduced-motion:reduce){html[data-arkhi-page^="games-"] .library-loading:before{animation:none!important}}


html[data-arkhi-page^="games-"] /* Covers, html[data-arkhi-page^="games-"] buttons and search on the game catalogue and stream page. */
.tv-shell,html[data-arkhi-page^="games-"] .games-home{background-color:var(--arkhi-background)!important}
html[data-arkhi-page^="games-"] .tv-topbar,html[data-arkhi-page^="games-"] .games-heading,html[data-arkhi-page^="games-"] .game-sections,html[data-arkhi-page^="games-"] .tv-hint{
 background-color:var(--arkhi-background)!important;color:var(--arkhi-text)!important
}
html[data-arkhi-page^="games-"] .games-grid .game-card,html[data-arkhi-page^="games-"] .game-dialog,html[data-arkhi-page^="games-"] .search-box,html[data-arkhi-page^="games-"] .modal-shell{
 border-radius:0!important
}
html[data-arkhi-page^="games-"] #game,html[data-arkhi-page^="games-"] #sharp-game{object-fit:contain}
html[data-arkhi-page^="games-"] /* Arkhi Design System — componentes comuns e neutralidade entre plataformas.
   Edição autorizada apenas em /mnt/usb1/arkhi-design-system/styles/.
   As apps consomem os ficheiros gerados, html[data-arkhi-page^="games-"] nunca este ficheiro original. */

:root{
  --arkhi-spacing-1:4px;
  --arkhi-spacing-2:8px;
  --arkhi-spacing-3:12px;
  --arkhi-spacing-4:16px;
  --arkhi-spacing-6:24px;
  --arkhi-spacing-8:32px;
  --arkhi-control-min-height:42px;
  --arkhi-transition-fast:120ms;
}
html[data-arkhi-page^="games-"] button,html[data-arkhi-page^="games-"] .button,html[data-arkhi-page^="games-"] .btn,html[data-arkhi-page^="games-"] .pill,html[data-arkhi-page^="games-"] [role="button"],html[data-arkhi-page^="games-"] input,html[data-arkhi-page^="games-"] select,html[data-arkhi-page^="games-"] textarea{
  border-radius:var(--arkhi-radius-control,0px)!important;
}
html[data-arkhi-page^="games-"] button,html[data-arkhi-page^="games-"] .button,html[data-arkhi-page^="games-"] .btn,html[data-arkhi-page^="games-"] .pill,html[data-arkhi-page^="games-"] [role="button"]{
  box-shadow:none!important;
}
html[data-arkhi-page^="games-"] button:focus-visible,html[data-arkhi-page^="games-"] .button:focus-visible,html[data-arkhi-page^="games-"] .btn:focus-visible,
html[data-arkhi-page^="games-"] a:focus-visible,html[data-arkhi-page^="games-"] input:focus-visible,html[data-arkhi-page^="games-"] select:focus-visible,html[data-arkhi-page^="games-"] textarea:focus-visible,
html[data-arkhi-page^="games-"] [role="button"]:focus-visible{
  outline:var(--arkhi-outline-width,3px) solid var(--arkhi-focus)!important;
  outline-offset:2px!important;
}
html[data-arkhi-page^="games-"] .arkhi-text{color:var(--arkhi-text)}
html[data-arkhi-page^="games-"] .arkhi-muted{color:var(--arkhi-muted)}
html[data-arkhi-page^="games-"] .arkhi-surface{background:var(--arkhi-panel);color:var(--arkhi-text)}
html[data-arkhi-page^="games-"] .arkhi-surface--raised{background:var(--arkhi-panel-raised)}
html[data-arkhi-page^="games-"] .arkhi-accent{color:var(--arkhi-accent)}
html[data-arkhi-page^="games-"] .arkhi-divider{border-color:var(--arkhi-line)}
html[data-arkhi-page^="games-"] .arkhi-control{
  min-height:var(--arkhi-control-min-height);
  padding:var(--arkhi-spacing-2) var(--arkhi-spacing-4);
  font-family:var(--arkhi-font);
  font-weight:700;
}
html[data-arkhi-page^="games-"] .arkhi-control--primary{
  background:var(--arkhi-accent);color:var(--arkhi-background);
  border:0;box-shadow:none;
}
html[data-arkhi-page^="games-"] .arkhi-control--secondary{
  background:var(--arkhi-panel-raised);color:var(--arkhi-text);
  border:0;box-shadow:none;
}
html[data-arkhi-page^="games-"] .arkhi-field{
  background:var(--arkhi-panel-raised);
  color:var(--arkhi-text);
  border:1px solid var(--arkhi-line);
  min-height:var(--arkhi-control-min-height);
  padding:var(--arkhi-spacing-2) var(--arkhi-spacing-3);
}
html[data-arkhi-page^="games-"] .arkhi-status{font-size:13px;font-weight:700;line-height:1.4}
html[data-arkhi-page^="games-"] .arkhi-status--success{color:var(--arkhi-success)}
html[data-arkhi-page^="games-"] .arkhi-status--warning{color:var(--arkhi-warning)}
html[data-arkhi-page^="games-"] .arkhi-status--error{color:var(--arkhi-accent-hot)}
html[data-arkhi-page^="games-"] .arkhi-status--info{color:var(--arkhi-muted)}
@media(prefers-reduced-motion:reduce){
  html[data-arkhi-page^="games-"] .arkhi-control,html[data-arkhi-page^="games-"] .arkhi-field{transition:none!important}
}

html[data-arkhi-page^="games-"] /* Native-TV visual adapter: common measurements for the exact same
   component families shown in the Arkhi style gallery.
   Behaviour, html[data-arkhi-page^="games-"] TV remote mappings and ExoPlayer remain platform-native. */
:root{
 --arkhi-osd-height:320px;
 --arkhi-osd-padding-x:24px;
 --arkhi-osd-padding-y:16px;
 --arkhi-osd-horizontal-inset:80px;
 --arkhi-osd-bottom-inset:96px;
 --arkhi-osd-card-width:1080px;
 --arkhi-osd-card-height:330px;
 --arkhi-osd-card-top:120px;
 --arkhi-osd-card-left:64px;
 --arkhi-osd-card-padding-x:24px;
 --arkhi-osd-card-padding-y:22px;
 --arkhi-osd-logo-size:112px;
 --arkhi-osd-channel-copy-gap:24px;
 --arkhi-osd-title-font-size:32px;
 --arkhi-osd-meta-font-size:24px;
 --arkhi-osd-badge-font-size:32px;
 --arkhi-osd-now-font-size:28px;
 --arkhi-osd-next-font-size:24px;
 --arkhi-osd-epg-font-size:22px;
 --arkhi-osd-control-size:68px;
 --arkhi-osd-control-gap:14px;
}

html[data-arkhi-page^="games-"] /* Shared ArkhiTV emission contextual cards / player timeline.
   The Web, html[data-arkhi-page^="games-"] Samsung and Android visual adapters consume these declarations. */
:root{
 --arkhi-osd-logo-padding:8px;
 --arkhi-osd-badge-row-height:44px;
 --arkhi-osd-now-row-height:40px;
 --arkhi-osd-next-row-height:36px;
 --arkhi-osd-title-row-height:42px;
 --arkhi-osd-meta-row-height:34px;
 --arkhi-osd-time-row-height:84px;
 --arkhi-osd-action-row-height:72px;
 --arkhi-osd-timeline-side-width:92px;
 --arkhi-osd-timeline-track-height:48px;
 --arkhi-osd-movie-strip-height:280px;
 --arkhi-osd-movie-strip-side-inset:64px;
 --arkhi-osd-movie-strip-bottom-inset:372px;
 --arkhi-osd-movie-strip-padding-x:16px;
 --arkhi-osd-movie-strip-padding-y:12px;
 --arkhi-osd-movie-card-width:380px;
 --arkhi-osd-movie-card-height:208px;
 --arkhi-osd-movie-card-padding-x:12px;
 --arkhi-osd-movie-card-padding-y:10px;
 --arkhi-osd-movie-card-gap:16px;
 --arkhi-osd-movie-poster-width:112px;
 --arkhi-osd-movie-poster-height:180px;
 --arkhi-osd-movie-copy-gap:12px;
}
html[data-arkhi-page^="games-"] /* Arkhi Games adapter. The exact gallery components also style the game
   cards, html[data-arkhi-page^="games-"] library menus, html[data-arkhi-page^="games-"] dialogs and arcade frame; game pixels remain untouched. */
body .game-card,html[data-arkhi-page^="games-"] body .game-tile,html[data-arkhi-page^="games-"] body .poster,html[data-arkhi-page^="games-"] body .collection-card,
html[data-arkhi-page^="games-"] body .card,html[data-arkhi-page^="games-"] body .game-dialog,html[data-arkhi-page^="games-"] body .settings-panel,html[data-arkhi-page^="games-"] body .modal-shell{
 background-color:var(--arkhi-panel)!important;
 border-radius:0!important;box-shadow:none!important;
}
html[data-arkhi-page^="games-"] body .game-card:focus-visible,html[data-arkhi-page^="games-"] body .game-card.active,
html[data-arkhi-page^="games-"] body .card-main:focus-visible,html[data-arkhi-page^="games-"] body .game-tile.selected{
 outline:3px solid var(--arkhi-focus)!important;
 border-color:var(--arkhi-accent)!important;
}
html[data-arkhi-page^="games-"] body .play-button,html[data-arkhi-page^="games-"] body #start,html[data-arkhi-page^="games-"] body .primary-button{
 background:var(--arkhi-accent)!important;
 color:var(--arkhi-background)!important;border:0!important;border-radius:0!important;
 font-family:var(--arkhi-font);font-weight:750;
}
html[data-arkhi-page^="games-"] body .filter-chip,html[data-arkhi-page^="games-"] body .search-box,html[data-arkhi-page^="games-"] body .secondary-button,
html[data-arkhi-page^="games-"] body .game-dialog button,html[data-arkhi-page^="games-"] body .settings-panel button,
html[data-arkhi-page^="games-"] body .game-button{
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background:var(--arkhi-panel-raised)!important;color:var(--arkhi-text)!important;
}
html[data-arkhi-page^="games-"] body .nav-link.selected,html[data-arkhi-page^="games-"] body .filter-chip.selected{
 border-bottom-color:var(--arkhi-accent)!important;color:var(--arkhi-text)!important;
}
html[data-arkhi-page^="games-"] body .library-loading:before,html[data-arkhi-page^="games-"] body .arkhi-loader{
 border-top-color:var(--arkhi-accent)!important;
 border-radius:50%!important;
}
html[data-arkhi-page^="games-"] body #game,html[data-arkhi-page^="games-"] body #sharp-game{object-fit:contain}



/* SOURCE FOR public-test (scoped) */
/* Generated by Arkhi Design System. Do not edit output files. */
html[data-arkhi-page^="public-"]{
  --arkhi-background:#0B132B;
  --arkhi-background-deep:#070E20;
  --arkhi-panel:#111C33;
  --arkhi-panel-raised:#16213A;
  --arkhi-panel-hover:#243550;
  --arkhi-accent:#FF6B4A;
  --arkhi-accent-hot:#FF3B2F;
  --arkhi-accent-subtle:#432B44;
  --arkhi-text:#F4F4F4;
  --arkhi-muted:#9BA9BD;
  --arkhi-muted-soft:#8091AA;
  --arkhi-line:#263652;
  --arkhi-focus:#FF6B4A;
  --arkhi-success:#63D3AD;
  --arkhi-warning:#FFB97C;
  --arkhi-radius-control:0px;
  --arkhi-outline-width:0px;
  --arkhi-font:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --arkhi-btn-primary:#FF6B4A;
  --arkhi-btn-primary-hover:#FF8E72;
  --arkhi-btn-secondary:#2B3F5A;
  --arkhi-btn-secondary-hover:#344E6E;
  --arkhi-btn-neutral:#E8EDF8;
  --arkhi-btn-neutral-text:#17213B;
  --arkhi-btn-subtle:#182740;
  --arkhi-btn-subtle-text:#CCDAED;
  --arkhi-btn-danger:#8D3032;
  --arkhi-field-background:#20314B;
  --arkhi-field-border:#465B78;
  --arkhi-selection-background:#41304B;
  --arkhi-notification-background:#314863;
  --arkhi-dialog-background:#16213A;
  --arkhi-focus-background:#486785;
  --arkhi-loader-size:30px;
  --arkhi-loader-size-small:18px;
  --arkhi-loader-size-tv:44px;
  --arkhi-loader-stroke:3px;
  --arkhi-loader-track:var(--arkhi-line);
  --arkhi-loader-color:var(--arkhi-accent);
  --arkhi-loader-duration:850ms;
}
html[data-arkhi-page^="public-"]{--arkhi-copy-live:"EMISSÃO";--arkhi-copy-no-poster:"Sem poster";--arkhi-copy-ok:"OK";--arkhi-copy-selected:"SELECIONADO";--arkhi-copy-tv-preparing:"A preparar o modo TV…";--arkhi-copy-watching:"A VER";}
/* Arkhi circular loading indicator: single shared component. */
html[data-arkhi-page^="public-"] .arkhi-loader,html[data-arkhi-page^="public-"] .arkhi-spinner{
  display:inline-block;flex:none;box-sizing:border-box;
  width:var(--arkhi-loader-size);height:var(--arkhi-loader-size);
  border:var(--arkhi-loader-stroke) solid var(--arkhi-loader-track);
  border-top-color:var(--arkhi-loader-color);
  border-radius:50%;vertical-align:middle;
  animation:arkhi-loader-spin var(--arkhi-loader-duration) linear infinite;
}
html[data-arkhi-page^="public-"] .arkhi-loader--small{width:var(--arkhi-loader-size-small);height:var(--arkhi-loader-size-small)}
html[data-arkhi-page^="public-"] .arkhi-loader--large{width:var(--arkhi-loader-size-tv);height:var(--arkhi-loader-size-tv)}
@keyframes arkhi-loader-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html[data-arkhi-page^="public-"] .arkhi-loader,html[data-arkhi-page^="public-"] .arkhi-spinner{animation:none!important}}

html[data-arkhi-page^="public-"] /* Public M3U test remains visually recognisable; squared, html[data-arkhi-page^="public-"] common Arkhi controls. */
button,html[data-arkhi-page^="public-"] input,html[data-arkhi-page^="public-"] select,html[data-arkhi-page^="public-"] textarea,html[data-arkhi-page^="public-"] .pill,html[data-arkhi-page^="public-"] .start-form,html[data-arkhi-page^="public-"] .start-form button,
html[data-arkhi-page^="public-"] .dialog,html[data-arkhi-page^="public-"] .filter-chip,html[data-arkhi-page^="public-"] .channel-item,html[data-arkhi-page^="public-"] .channel-sidebar,html[data-arkhi-page^="public-"] .video-box{
 border-radius:0!important
}
html[data-arkhi-page^="public-"] button:focus-visible,html[data-arkhi-page^="public-"] a:focus-visible,html[data-arkhi-page^="public-"] input:focus-visible{
 outline:3px solid var(--arkhi-focus)!important;outline-offset:2px!important
}
html[data-arkhi-page^="public-"] /* Arkhi Design System — componentes comuns e neutralidade entre plataformas.
   Edição autorizada apenas em /mnt/usb1/arkhi-design-system/styles/.
   As apps consomem os ficheiros gerados, html[data-arkhi-page^="public-"] nunca este ficheiro original. */

:root{
  --arkhi-spacing-1:4px;
  --arkhi-spacing-2:8px;
  --arkhi-spacing-3:12px;
  --arkhi-spacing-4:16px;
  --arkhi-spacing-6:24px;
  --arkhi-spacing-8:32px;
  --arkhi-control-min-height:42px;
  --arkhi-transition-fast:120ms;
}
html[data-arkhi-page^="public-"] button,html[data-arkhi-page^="public-"] .button,html[data-arkhi-page^="public-"] .btn,html[data-arkhi-page^="public-"] .pill,html[data-arkhi-page^="public-"] [role="button"],html[data-arkhi-page^="public-"] input,html[data-arkhi-page^="public-"] select,html[data-arkhi-page^="public-"] textarea{
  border-radius:var(--arkhi-radius-control,0px)!important;
}
html[data-arkhi-page^="public-"] button,html[data-arkhi-page^="public-"] .button,html[data-arkhi-page^="public-"] .btn,html[data-arkhi-page^="public-"] .pill,html[data-arkhi-page^="public-"] [role="button"]{
  box-shadow:none!important;
}
html[data-arkhi-page^="public-"] button:focus-visible,html[data-arkhi-page^="public-"] .button:focus-visible,html[data-arkhi-page^="public-"] .btn:focus-visible,
html[data-arkhi-page^="public-"] a:focus-visible,html[data-arkhi-page^="public-"] input:focus-visible,html[data-arkhi-page^="public-"] select:focus-visible,html[data-arkhi-page^="public-"] textarea:focus-visible,
html[data-arkhi-page^="public-"] [role="button"]:focus-visible{
  outline:var(--arkhi-outline-width,3px) solid var(--arkhi-focus)!important;
  outline-offset:2px!important;
}
html[data-arkhi-page^="public-"] .arkhi-text{color:var(--arkhi-text)}
html[data-arkhi-page^="public-"] .arkhi-muted{color:var(--arkhi-muted)}
html[data-arkhi-page^="public-"] .arkhi-surface{background:var(--arkhi-panel);color:var(--arkhi-text)}
html[data-arkhi-page^="public-"] .arkhi-surface--raised{background:var(--arkhi-panel-raised)}
html[data-arkhi-page^="public-"] .arkhi-accent{color:var(--arkhi-accent)}
html[data-arkhi-page^="public-"] .arkhi-divider{border-color:var(--arkhi-line)}
html[data-arkhi-page^="public-"] .arkhi-control{
  min-height:var(--arkhi-control-min-height);
  padding:var(--arkhi-spacing-2) var(--arkhi-spacing-4);
  font-family:var(--arkhi-font);
  font-weight:700;
}
html[data-arkhi-page^="public-"] .arkhi-control--primary{
  background:var(--arkhi-accent);color:var(--arkhi-background);
  border:0;box-shadow:none;
}
html[data-arkhi-page^="public-"] .arkhi-control--secondary{
  background:var(--arkhi-panel-raised);color:var(--arkhi-text);
  border:0;box-shadow:none;
}
html[data-arkhi-page^="public-"] .arkhi-field{
  background:var(--arkhi-panel-raised);
  color:var(--arkhi-text);
  border:1px solid var(--arkhi-line);
  min-height:var(--arkhi-control-min-height);
  padding:var(--arkhi-spacing-2) var(--arkhi-spacing-3);
}
html[data-arkhi-page^="public-"] .arkhi-status{font-size:13px;font-weight:700;line-height:1.4}
html[data-arkhi-page^="public-"] .arkhi-status--success{color:var(--arkhi-success)}
html[data-arkhi-page^="public-"] .arkhi-status--warning{color:var(--arkhi-warning)}
html[data-arkhi-page^="public-"] .arkhi-status--error{color:var(--arkhi-accent-hot)}
html[data-arkhi-page^="public-"] .arkhi-status--info{color:var(--arkhi-muted)}
@media(prefers-reduced-motion:reduce){
  html[data-arkhi-page^="public-"] .arkhi-control,html[data-arkhi-page^="public-"] .arkhi-field{transition:none!important}
}

html[data-arkhi-page^="public-"] /* Native-TV visual adapter: common measurements for the exact same
   component families shown in the Arkhi style gallery.
   Behaviour, html[data-arkhi-page^="public-"] TV remote mappings and ExoPlayer remain platform-native. */
:root{
 --arkhi-osd-height:320px;
 --arkhi-osd-padding-x:24px;
 --arkhi-osd-padding-y:16px;
 --arkhi-osd-horizontal-inset:80px;
 --arkhi-osd-bottom-inset:96px;
 --arkhi-osd-card-width:1080px;
 --arkhi-osd-card-height:330px;
 --arkhi-osd-card-top:120px;
 --arkhi-osd-card-left:64px;
 --arkhi-osd-card-padding-x:24px;
 --arkhi-osd-card-padding-y:22px;
 --arkhi-osd-logo-size:112px;
 --arkhi-osd-channel-copy-gap:24px;
 --arkhi-osd-title-font-size:32px;
 --arkhi-osd-meta-font-size:24px;
 --arkhi-osd-badge-font-size:32px;
 --arkhi-osd-now-font-size:28px;
 --arkhi-osd-next-font-size:24px;
 --arkhi-osd-epg-font-size:22px;
 --arkhi-osd-control-size:68px;
 --arkhi-osd-control-gap:14px;
}

html[data-arkhi-page^="public-"] /* Shared ArkhiTV emission contextual cards / player timeline.
   The Web, html[data-arkhi-page^="public-"] Samsung and Android visual adapters consume these declarations. */
:root{
 --arkhi-osd-logo-padding:8px;
 --arkhi-osd-badge-row-height:44px;
 --arkhi-osd-now-row-height:40px;
 --arkhi-osd-next-row-height:36px;
 --arkhi-osd-title-row-height:42px;
 --arkhi-osd-meta-row-height:34px;
 --arkhi-osd-time-row-height:84px;
 --arkhi-osd-action-row-height:72px;
 --arkhi-osd-timeline-side-width:92px;
 --arkhi-osd-timeline-track-height:48px;
 --arkhi-osd-movie-strip-height:280px;
 --arkhi-osd-movie-strip-side-inset:64px;
 --arkhi-osd-movie-strip-bottom-inset:372px;
 --arkhi-osd-movie-strip-padding-x:16px;
 --arkhi-osd-movie-strip-padding-y:12px;
 --arkhi-osd-movie-card-width:380px;
 --arkhi-osd-movie-card-height:208px;
 --arkhi-osd-movie-card-padding-x:12px;
 --arkhi-osd-movie-card-padding-y:10px;
 --arkhi-osd-movie-card-gap:16px;
 --arkhi-osd-movie-poster-width:112px;
 --arkhi-osd-movie-poster-height:180px;
 --arkhi-osd-movie-copy-gap:12px;
}



/* SOURCE FOR tv-home (scoped) */
/* CSS formerly embedded in /mnt/usb1/tv-web/static/index.html */
/* Inline block 1 */


html[data-arkhi-page="tv-home"]{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:dark;color:#eef2f7;background:#0b1016}html[data-arkhi-page="tv-home"] *{box-sizing:border-box}html[data-arkhi-page="tv-home"] body{margin:0}html[data-arkhi-page="tv-home"] button,html[data-arkhi-page="tv-home"] select,html[data-arkhi-page="tv-home"] input{font:inherit}html[data-arkhi-page="tv-home"] button,html[data-arkhi-page="tv-home"] a.link{cursor:pointer}html[data-arkhi-page="tv-home"] button,html[data-arkhi-page="tv-home"] select,html[data-arkhi-page="tv-home"] .link{background:#202a36;border:1px solid #39485b;border-radius:9px;padding:9px 12px;color:inherit;text-decoration:none}html[data-arkhi-page="tv-home"] button:hover,html[data-arkhi-page="tv-home"] .link:hover{border-color:#74c7ba}html[data-arkhi-page="tv-home"] button:disabled{opacity:.45;cursor:default}html[data-arkhi-page="tv-home"] .top{padding:15px 20px;border-bottom:1px solid #263141;display:flex;align-items:center;gap:20px;flex-wrap:wrap}html[data-arkhi-page="tv-home"] .brand{font-size:18px;letter-spacing:.1em;font-weight:800}html[data-arkhi-page="tv-home"] .top nav{display:flex;gap:8px}html[data-arkhi-page="tv-home"] .top .active,html[data-arkhi-page="tv-home"] .chip.active{color:#08251f;background:#FF6B4A}html[data-arkhi-page="tv-home"] .layout{max-width:1550px;padding:18px;margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,1fr);gap:20px}html[data-arkhi-page="tv-home"] .player{align-self:start;position:sticky;top:16px;border:1px solid #2a394c;border-radius:14px;overflow:hidden;background:#121b25}html[data-arkhi-page="tv-home"] .videoWrap{aspect-ratio:16/9;background:#000;position:relative}html[data-arkhi-page="tv-home"] video{width:100%;height:100%;display:block}html[data-arkhi-page="tv-home"] .subtitle-ai-overlay{display:none;position:absolute;left:8%;right:8%;bottom:7%;z-index:25;text-align:center;white-space:pre-line;font-size:clamp(20px,2.2vw,34px);font-weight:750;line-height:1.25;color:#fff;text-shadow:0 2px 3px #000,0 0 8px #000;padding:8px 14px}html[data-arkhi-page="tv-home"] .subtitle-ai-overlay.show{display:block}html[data-arkhi-page="tv-home"] .ad-brand{position:absolute;right:2.5%;bottom:4%;z-index:24;width:74px;height:74px;object-fit:contain;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .2s,transform .2s;pointer-events:none}html[data-arkhi-page="tv-home"] .ad-brand.show{opacity:.9;transform:none}html[data-arkhi-page="tv-home"] .progress{position:relative}html[data-arkhi-page="tv-home"] .timeline-marker-layer,html[data-arkhi-page="tv-home"] .tv-timeline-markers{position:absolute;inset:0;pointer-events:none}html[data-arkhi-page="tv-home"] .timeline-break{position:absolute;top:0;bottom:0;background:rgba(255,184,92,.9);border-radius:3px;min-width:2px}html[data-arkhi-page="tv-home"] .meta{padding:16px}html[data-arkhi-page="tv-home"] h1{font-size:20px;margin:0 0 12px}html[data-arkhi-page="tv-home"] h2{font-size:17px}html[data-arkhi-page="tv-home"] .controls{display:flex;gap:8px;flex-wrap:wrap}html[data-arkhi-page="tv-home"] .status{font-size:13px;color:#a4b5c8;line-height:1.5;margin-top:10px}html[data-arkhi-page="tv-home"] .warn{color:#ffd494}html[data-arkhi-page="tv-home"] .ok{color:#FF6B4A}html[data-arkhi-page="tv-home"] .search{width:100%;padding:12px;border-radius:10px;border:1px solid #39485b;background:#151f2b;margin-bottom:12px;color:inherit}html[data-arkhi-page="tv-home"] .groups{display:flex;gap:7px;overflow:auto;padding-bottom:12px}html[data-arkhi-page="tv-home"] .chip{white-space:nowrap;border-radius:20px;font-size:13px}html[data-arkhi-page="tv-home"] .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}html[data-arkhi-page="tv-home"] .card{text-align:left;display:flex;gap:10px;align-items:center;min-width:0;background:#141e2a;padding:12px}html[data-arkhi-page="tv-home"] .card.active{border-color:#FF6B4A}html[data-arkhi-page="tv-home"] .logo{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:7px;padding:3px;flex:none}html[data-arkhi-page="tv-home"] .info{min-width:0}html[data-arkhi-page="tv-home"] .cn{font-weight:650}html[data-arkhi-page="tv-home"] .small{color:#9eafc2;font-size:12px;margin-top:5px}html[data-arkhi-page="tv-home"] .programme{font-size:12px;color:#afdbd0;margin-top:6px;line-height:1.4}html[data-arkhi-page="tv-home"] .epg{border-top:1px solid #2a394c;margin-top:15px;padding-top:10px}html[data-arkhi-page="tv-home"] .event,html[data-arkhi-page="tv-home"] .record{border:1px solid #2a394c;border-radius:10px;padding:12px;margin-bottom:9px}html[data-arkhi-page="tv-home"] .event .head,html[data-arkhi-page="tv-home"] .record .head{display:flex;gap:10px;justify-content:space-between;align-items:center}html[data-arkhi-page="tv-home"] .event time{font-size:12px;color:#aac0d3}html[data-arkhi-page="tv-home"] .event p{font-size:13px;color:#acbbca}html[data-arkhi-page="tv-home"] .progress{height:3px;background:#263d42;margin-top:8px;border-radius:2px;overflow:hidden}html[data-arkhi-page="tv-home"] .progress span{display:block;background:#FF6B4A;height:100%}html[data-arkhi-page="tv-home"] .listlink{word-break:break-all;font-size:13px;color:#a4ded7}html[data-arkhi-page="tv-home"] .panel[hidden],html[data-arkhi-page="tv-home"] [hidden]{display:none!important}html[data-arkhi-page="tv-home"] .note{font-size:13px;line-height:1.6;color:#b5c2d1}html[data-arkhi-page="tv-home"] #recordBtn{background:#71403f;border-color:#b47a72}html[data-arkhi-page="tv-home"] #moviePauseBtn.paused{background:#6b3e1f;border-color:#d49a5b;color:#ffe2bd}html[data-arkhi-page="tv-home"] #official{display:inline-block;margin-top:10px}html[data-arkhi-page="tv-home"] .loading{padding:20px;color:#a7bacc}@media(max-width:1000px){html[data-arkhi-page="tv-home"] .layout{grid-template-columns:1fr}html[data-arkhi-page="tv-home"] .player{position:relative;top:0;grid-row:1}}@media(max-width:560px){html[data-arkhi-page="tv-home"] .layout{padding:10px}html[data-arkhi-page="tv-home"] .top{padding:12px;gap:10px}html[data-arkhi-page="tv-home"] .grid{grid-template-columns:1fr}html[data-arkhi-page="tv-home"] .top nav{width:100%;overflow:auto}html[data-arkhi-page="tv-home"] button,html[data-arkhi-page="tv-home"] select,html[data-arkhi-page="tv-home"] .link{padding:8px 10px}html[data-arkhi-page="tv-home"] .controls{gap:6px}}

html[data-arkhi-page="tv-home"] .archive72-section{margin-top:24px;padding-top:18px;border-top:1px solid #2a394c}html[data-arkhi-page="tv-home"] .archive72-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}html[data-arkhi-page="tv-home"] .archive72-head h2{margin:0}html[data-arkhi-page="tv-home"] .archive72-filters{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}html[data-arkhi-page="tv-home"] .archive72-filters select{min-width:160px}html[data-arkhi-page="tv-home"] .archive72-day{margin:18px 0 8px;font-size:14px;color:#FF6B4A}html[data-arkhi-page="tv-home"] .archive72-channel{margin:12px 0 7px;font-size:13px;color:#b9c8d6;font-weight:700}html[data-arkhi-page="tv-home"] .archive72-empty{padding:12px;color:#9eafc2}html[data-arkhi-page="tv-home"] .archive72-section .record{background:#101923}

html[data-arkhi-page="tv-home"] .record-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}html[data-arkhi-page="tv-home"] .record-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}html[data-arkhi-page="tv-home"] .badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#202b38;border:1px solid #34465a;color:#bdcad7;font-size:11px}html[data-arkhi-page="tv-home"] .badge.good{border-color:#42796e;color:#FF6B4A}html[data-arkhi-page="tv-home"] .badge.bad{border-color:#8f554f;color:#ffb9ad}html[data-arkhi-page="tv-home"] .danger{background:#542d31!important;border-color:#8e4d52!important;color:#ffd8d8!important}html[data-arkhi-page="tv-home"] .record-title{font-weight:750;font-size:15px;line-height:1.35}html[data-arkhi-page="tv-home"] .record-playing{border-color:#FF6B4A!important;background:#16282b!important}html[data-arkhi-page="tv-home"] #backToTv{background:#173a35;border-color:#4e897e}html[data-arkhi-page="tv-home"] .storage-line{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 12px;color:#9eafc2;font-size:12px}


html[data-arkhi-page="tv-home"] .epg-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}html[data-arkhi-page="tv-home"] .epg-toolbar .spacer{flex:1}html[data-arkhi-page="tv-home"] .epg-window-label{font-size:13px;color:#a7b7c9}
html[data-arkhi-page="tv-home"] .epg-modern{border:1px solid #2b3949;border-radius:12px;overflow:hidden;background:#0e1720}
html[data-arkhi-page="tv-home"] .epg-scroll{max-height:68vh;overflow:auto;position:relative;scrollbar-color:#42566b #111a24}
html[data-arkhi-page="tv-home"] .epg-row{display:flex;min-height:66px;border-bottom:1px solid #233140;min-width:max-content}
html[data-arkhi-page="tv-home"] .epg-row.header{position:sticky;top:0;z-index:12;min-height:46px;background:#101a25}
html[data-arkhi-page="tv-home"] .epg-channel-cell{position:sticky;left:0;z-index:8;width:210px;min-width:210px;display:flex;align-items:center;gap:9px;padding:8px 10px;background:#111b25;border-right:1px solid #2a3949}
html[data-arkhi-page="tv-home"] .epg-row.header .epg-channel-cell{z-index:15;font-size:12px;font-weight:700;color:#9cafc2}
html[data-arkhi-page="tv-home"] .epg-channel-cell img{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:6px;padding:2px;flex:none}
html[data-arkhi-page="tv-home"] .epg-channel-cell .name{min-width:0;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-arkhi-page="tv-home"] .epg-track{position:relative;flex:none;background-image:linear-gradient(to right,rgba(255,255,255,.045) 1px,transparent 1px);background-size:120px 100%}
html[data-arkhi-page="tv-home"] .epg-header-track{height:46px;background:#101a25}
html[data-arkhi-page="tv-home"] .epg-time-label{position:absolute;top:15px;transform:translateX(-50%);font-size:11px;color:#aebdcb;white-space:nowrap}
html[data-arkhi-page="tv-home"] .epg-event{position:absolute;top:5px;height:55px;border:1px solid #34485c;border-radius:7px;background:#172431;padding:7px 9px;text-align:left;overflow:hidden;color:#eef2f7;cursor:pointer}
html[data-arkhi-page="tv-home"] .epg-event.reference{border:1px dashed #aa8c5b;background:#29271e;color:#f2e7cb}
html[data-arkhi-page="tv-home"] .epg-event.reference .h{color:#e6c491}
html[data-arkhi-page="tv-home"] .epg-reference-cell{flex-wrap:wrap;align-content:center;gap:3px 7px}
html[data-arkhi-page="tv-home"] .epg-reference-cell .name{width:100%}
html[data-arkhi-page="tv-home"] .epg-reference-label{font-size:10px;color:#f3ca84}
html[data-arkhi-page="tv-home"] .epg-reference-warning{margin:10px 0;padding:10px 12px;border:1px dashed #967447;border-radius:7px;color:#f0d6a6;background:#2a2418;font-size:12px;line-height:1.5}
html[data-arkhi-page="tv-home"] .epg-event:hover{border-color:#FF6B4A;background:#1c303c}html[data-arkhi-page="tv-home"] .epg-event.current{border-color:#FF6B4A;background:#20213D}html[data-arkhi-page="tv-home"] .epg-event.past{opacity:.62}
html[data-arkhi-page="tv-home"] .epg-event .t{font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-arkhi-page="tv-home"] .epg-event .h{font-size:10px;color:#aab8c5;margin-top:4px;white-space:nowrap}
html[data-arkhi-page="tv-home"] .epg-now-line{position:absolute;top:0;bottom:0;width:2px;background:#FF3B2F;z-index:5;pointer-events:none}html[data-arkhi-page="tv-home"] .epg-now-line:before{content:'';position:absolute;top:0;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #FF3B2F}
html[data-arkhi-page="tv-home"] .epg-details{margin-top:10px;border:1px solid #2c3d4f;border-radius:10px;background:#121c27;padding:14px}
html[data-arkhi-page="tv-home"] .epg-details[hidden]{display:none!important}html[data-arkhi-page="tv-home"] .epg-details-title{font-size:17px;font-weight:800}html[data-arkhi-page="tv-home"] .epg-details-meta{font-size:12px;color:#a9b7c5;margin-top:4px}html[data-arkhi-page="tv-home"] .epg-details-desc{font-size:13px;line-height:1.5;color:#c1cbd5;margin-top:8px}html[data-arkhi-page="tv-home"] .epg-details-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:700px){html[data-arkhi-page="tv-home"] .epg-channel-cell{width:145px;min-width:145px}html[data-arkhi-page="tv-home"] .epg-channel-cell img{display:none}html[data-arkhi-page="tv-home"] .epg-event{padding:6px}html[data-arkhi-page="tv-home"] .epg-toolbar button{padding:7px 9px}}


html[data-arkhi-page="tv-home"] /* One responsive layout, html[data-arkhi-page="tv-home"] shared visual language with the Videoteca. */
:root{--bg:#0B132B;--surface:#111A2D;--surface-2:#1C2940;--text:#F4F4F4;--muted:#B9BEC5;--accent:#FF6B4A;--arkhi-coral:#FF6B4A;--arkhi-red:#FF3B2F;--arkhi-navy:#0B132B;--arkhi-white:#F4F4F4;--line:#34405A;--header-h:80px;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
html[data-arkhi-page="tv-home"]{color-scheme:dark;scroll-padding-top:100px}html[data-arkhi-page="tv-home"] body{background:linear-gradient(180deg,#050505,#090a0c 72%,#050505);min-height:100vh}html[data-arkhi-page="tv-home"] button,html[data-arkhi-page="tv-home"] a,html[data-arkhi-page="tv-home"] select,html[data-arkhi-page="tv-home"] input{touch-action:manipulation}html[data-arkhi-page="tv-home"] button,html[data-arkhi-page="tv-home"] select,html[data-arkhi-page="tv-home"] .link{background:#181b1f;border-color:#35383e;border-radius:8px;min-height:44px}html[data-arkhi-page="tv-home"] button:hover,html[data-arkhi-page="tv-home"] .link:hover{background:#26292e;border-color:#FF6B4A}html[data-arkhi-page="tv-home"] button:focus-visible,html[data-arkhi-page="tv-home"] a:focus-visible,html[data-arkhi-page="tv-home"] input:focus-visible,html[data-arkhi-page="tv-home"] select:focus-visible,html[data-arkhi-page="tv-home"] summary:focus-visible{outline:3px solid #fff;outline-offset:3px}html[data-arkhi-page="tv-home"] button:disabled{opacity:.5}
html[data-arkhi-page="tv-home"] .top{position:sticky;top:0;z-index:80;min-height:80px;padding:12px 4vw;gap:40px;flex-wrap:nowrap;background:rgba(5,5,5,.98);border-bottom:1px solid #222}html[data-arkhi-page="tv-home"] .brand{display:flex;align-items:center;gap:10px;flex:none;letter-spacing:0;font-size:20px}html[data-arkhi-page="tv-home"] .brand-mark{width:42px;height:42px;object-fit:contain}html[data-arkhi-page="tv-home"] .brand-title b{color:var(--accent)}html[data-arkhi-page="tv-home"] .main-nav{margin-left:auto;display:flex;gap:24px!important;overflow-x:auto}html[data-arkhi-page="tv-home"] .main-nav button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 0;white-space:nowrap;font-weight:700;color:#b9bec5}html[data-arkhi-page="tv-home"] .top .active{color:#fff;background:transparent;border-bottom-color:var(--accent)}
html[data-arkhi-page="tv-home"] .layout{max-width:1920px;margin:auto;padding:30px 4vw 64px;gap:32px;grid-template-columns:minmax(0,1.35fr) minmax(360px,1fr);grid-template-areas:'player browse';align-items:start}html[data-arkhi-page="tv-home"] .player{grid-area:player;top:110px;border-color:#26282d;background:#101113;box-shadow:none;border-radius:12px}html[data-arkhi-page="tv-home"] .browse{grid-area:browse;min-width:0}html[data-arkhi-page="tv-home"] .videoWrap{overflow:hidden}html[data-arkhi-page="tv-home"] .meta{padding:24px}html[data-arkhi-page="tv-home"] .meta h1{font-size:28px;letter-spacing:-.03em;margin-bottom:18px}html[data-arkhi-page="tv-home"] .controls{gap:8px}html[data-arkhi-page="tv-home"] .controls button,html[data-arkhi-page="tv-home"] .controls select{font-size:14px}html[data-arkhi-page="tv-home"] .primary-controls{padding-bottom:12px}html[data-arkhi-page="tv-home"] .action-live{color:#FF6B4A}html[data-arkhi-page="tv-home"] .record-settings{border-top:1px solid #303136;margin-top:8px;padding-top:14px}html[data-arkhi-page="tv-home"] .record-settings summary{cursor:pointer;color:#c6c9ce;font-size:14px;min-height:32px}html[data-arkhi-page="tv-home"] .secondary-controls{margin-top:12px}html[data-arkhi-page="tv-home"] .status{color:var(--muted);font-size:13px}html[data-arkhi-page="tv-home"] .status:empty,html[data-arkhi-page="tv-home"] #subtitleStatus:empty,html[data-arkhi-page="tv-home"] #movieSchedule:empty{display:none}html[data-arkhi-page="tv-home"] .epg{border-top-color:#303136}html[data-arkhi-page="tv-home"] .event,html[data-arkhi-page="tv-home"] .record,html[data-arkhi-page="tv-home"] .epg-details{background:#111315;border-color:#303136;border-radius:10px}html[data-arkhi-page="tv-home"] .event p,html[data-arkhi-page="tv-home"] .record p,html[data-arkhi-page="tv-home"] .epg-details-desc{color:#c2c6cc}html[data-arkhi-page="tv-home"] .ok,html[data-arkhi-page="tv-home"] .programme,html[data-arkhi-page="tv-home"] .archive72-day{color:#FF6B4A}html[data-arkhi-page="tv-home"] .progress span{background:var(--accent)}
html[data-arkhi-page="tv-home"] .section-heading{margin-bottom:22px}html[data-arkhi-page="tv-home"] .eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.15em}html[data-arkhi-page="tv-home"] .section-heading h2,html[data-arkhi-page="tv-home"] .panel>h2{font-size:30px;letter-spacing:-.025em;margin:8px 0}html[data-arkhi-page="tv-home"] .section-heading p{color:var(--muted);margin:8px 0;font-size:15px}html[data-arkhi-page="tv-home"] .search{background:#111315;border-color:#35383e;font-size:16px;min-height:48px;border-radius:8px;margin-bottom:16px}html[data-arkhi-page="tv-home"] .groups{gap:8px;margin-bottom:8px}html[data-arkhi-page="tv-home"] .chip{background:#15171a;border-color:#35383e;padding:9px 14px;font-size:13px}html[data-arkhi-page="tv-home"] .chip.active{background:#fff;color:#111;border-color:#fff}html[data-arkhi-page="tv-home"] .grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}html[data-arkhi-page="tv-home"] .card{min-height:106px;border-radius:10px;background:#111315;border-color:#2b2d31;padding:14px;gap:12px}html[data-arkhi-page="tv-home"] .card:hover{background:#1b1d21}html[data-arkhi-page="tv-home"] .card.active{background:#241b13;border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}html[data-arkhi-page="tv-home"] .logo{width:48px;height:48px;flex:none}html[data-arkhi-page="tv-home"] .cn{font-size:16px;font-weight:750}html[data-arkhi-page="tv-home"] .small{font-size:12px;color:#aab0b9}html[data-arkhi-page="tv-home"] .programme{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}html[data-arkhi-page="tv-home"] .badge{background:#202226;border-color:#3d4147}html[data-arkhi-page="tv-home"] .badge.good{color:#FF6B4A;border-color:#86511d}
html[data-arkhi-page="tv-home"] body[data-section='guide'] .layout,html[data-arkhi-page="tv-home"] body[data-section='recordings'] .layout,html[data-arkhi-page="tv-home"] body[data-section='lists'] .layout{grid-template-columns:1fr;grid-template-areas:'player' 'browse'}html[data-arkhi-page="tv-home"] body[data-section='guide'] .player,html[data-arkhi-page="tv-home"] body[data-section='recordings'] .player,html[data-arkhi-page="tv-home"] body[data-section='lists'] .player{position:relative;top:auto;display:grid;grid-template-columns:minmax(280px,400px) minmax(0,1fr)}html[data-arkhi-page="tv-home"] body[data-section='guide'] .meta,html[data-arkhi-page="tv-home"] body[data-section='recordings'] .meta,html[data-arkhi-page="tv-home"] body[data-section='lists'] .meta{padding:18px 24px}html[data-arkhi-page="tv-home"] body[data-section='guide'] #currentEpg,html[data-arkhi-page="tv-home"] body[data-section='recordings'] #currentEpg,html[data-arkhi-page="tv-home"] body[data-section='lists'] #currentEpg{display:none}
html[data-arkhi-page="tv-home"] .epg-toolbar{gap:8px;margin:16px 0}html[data-arkhi-page="tv-home"] .epg-modern{background:#101113;border-color:#35383e}html[data-arkhi-page="tv-home"] .epg-scroll{max-height:70vh;scrollbar-color:#565960 #15171a}html[data-arkhi-page="tv-home"] .epg-row.header,html[data-arkhi-page="tv-home"] .epg-channel-cell,html[data-arkhi-page="tv-home"] .epg-header-track{background:#181b1f}html[data-arkhi-page="tv-home"] .epg-channel-cell{border-color:#35383e}html[data-arkhi-page="tv-home"] .epg-event{background:#22262b;border-color:#40464f}html[data-arkhi-page="tv-home"] .epg-event.current{background:#302317;border-color:#FF6B4A}html[data-arkhi-page="tv-home"] .epg-event:hover{background:#34302b;border-color:#FF6B4A}html[data-arkhi-page="tv-home"] .epg-event .t{font-size:14px}html[data-arkhi-page="tv-home"] .epg-event .h,html[data-arkhi-page="tv-home"] .epg-time-label{font-size:12px}html[data-arkhi-page="tv-home"] .epg-details-title{font-size:22px}html[data-arkhi-page="tv-home"] .epg-details-desc{font-size:15px;line-height:1.6}html[data-arkhi-page="tv-home"] .archive72-section{border-top-color:#303136}html[data-arkhi-page="tv-home"] .record-title{font-size:19px}html[data-arkhi-page="tv-home"] .record-playing{background:#241b13!important;border-color:#FF6B4A!important}html[data-arkhi-page="tv-home"] .record-tools button{min-height:44px}html[data-arkhi-page="tv-home"] .listlink{color:#FF6B4A}html[data-arkhi-page="tv-home"] .tv-app{display:none!important}
@media(min-width:1600px){html[data-arkhi-page="tv-home"] .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){html[data-arkhi-page="tv-home"] .layout{gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr)}html[data-arkhi-page="tv-home"] .grid{grid-template-columns:1fr}html[data-arkhi-page="tv-home"] .main-nav{gap:18px!important}html[data-arkhi-page="tv-home"] .brand-title{font-size:17px}}
@media(max-width:900px){html[data-arkhi-page="tv-home"] .top{gap:16px;align-items:flex-start;flex-wrap:wrap;padding:14px 24px}html[data-arkhi-page="tv-home"] .main-nav{width:100%;margin:0;gap:24px!important}html[data-arkhi-page="tv-home"] .layout{padding:24px;grid-template-columns:1fr;grid-template-areas:'player' 'browse';gap:28px}html[data-arkhi-page="tv-home"] .player{position:relative;top:auto}html[data-arkhi-page="tv-home"] .grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-arkhi-page="tv-home"] .meta{padding:20px}html[data-arkhi-page="tv-home"] body[data-section] .player{display:block}html[data-arkhi-page="tv-home"] .epg-scroll{max-height:65vh}}
@media(max-width:560px){html[data-arkhi-page="tv-home"] .top{padding:12px 16px;gap:10px}html[data-arkhi-page="tv-home"] .brand-mark{width:34px;height:34px}html[data-arkhi-page="tv-home"] .brand-title{font-size:18px}html[data-arkhi-page="tv-home"] .main-nav{gap:20px!important}html[data-arkhi-page="tv-home"] .main-nav button{font-size:14px;padding:8px 0}html[data-arkhi-page="tv-home"] .layout{padding:16px 16px 40px;gap:24px}html[data-arkhi-page="tv-home"] .meta,html[data-arkhi-page="tv-home"] .layout .player .meta{padding:16px!important}html[data-arkhi-page="tv-home"] .meta h1{font-size:24px}html[data-arkhi-page="tv-home"] .grid{grid-template-columns:1fr}html[data-arkhi-page="tv-home"] .card{min-height:90px}html[data-arkhi-page="tv-home"] .section-heading h2,html[data-arkhi-page="tv-home"] .panel>h2{font-size:26px}html[data-arkhi-page="tv-home"] .controls select{max-width:100%}html[data-arkhi-page="tv-home"] .epg-toolbar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}html[data-arkhi-page="tv-home"] .epg-toolbar button{flex:none}html[data-arkhi-page="tv-home"] .epg-toolbar .spacer,html[data-arkhi-page="tv-home"] .epg-window-label{display:none}html[data-arkhi-page="tv-home"] .epg-channel-cell{width:130px;min-width:130px}html[data-arkhi-page="tv-home"] .epg-channel-cell img{display:none}html[data-arkhi-page="tv-home"] .record .head{align-items:flex-start;flex-wrap:wrap}html[data-arkhi-page="tv-home"] .archive72-filters select{width:100%}}
@media(prefers-reduced-motion:reduce){html[data-arkhi-page="tv-home"] *{scroll-behavior:auto!important;transition:none!important}}


html[data-arkhi-page="tv-home"] .live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-bottom:32px}html[data-arkhi-page="tv-home"] .live-card{background:transparent;border:0;padding:0;text-align:left;min-width:0}html[data-arkhi-page="tv-home"] .live-card img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px}html[data-arkhi-page="tv-home"] .live-card strong{display:block;font-size:18px;margin-top:8px}html[data-arkhi-page="tv-home"] .live-card:focus-visible{outline:3px solid #FF6B4A;outline-offset:5px}html[data-arkhi-page="tv-home"] .live-card .live-score{color:#FF6B4A}html[data-arkhi-page="tv-home"] .live-modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.82);display:grid;place-items:center;padding:20px}html[data-arkhi-page="tv-home"] .live-detail{background:#121212;border-radius:16px;padding:28px;width:min(740px,100%);max-height:90vh;overflow:auto}html[data-arkhi-page="tv-home"] .live-detail p{line-height:1.6}html[data-arkhi-page="tv-home"] .live-detail h2{font-size:28px}html[data-arkhi-page="tv-home"] .live-detail .controls{margin-top:24px}
html[data-arkhi-page="tv-home"] .live-art-wrap{position:relative}html[data-arkhi-page="tv-home"] .live-kind{position:absolute;left:8px;bottom:8px;padding:4px 7px;background:rgba(0,0,0,.82);font-size:11px;font-weight:800;letter-spacing:.08em}html[data-arkhi-page="tv-home"] .live-episode{font-size:12px;color:#d5dae1;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-arkhi-page="tv-home"] .live-progress{height:5px;background:#2a2d31;margin-top:8px;overflow:hidden}html[data-arkhi-page="tv-home"] .live-progress span{display:block;height:100%;background:var(--accent)}html[data-arkhi-page="tv-home"] .live-progress-label{font-size:11px;color:#9298a2;margin-top:4px}html[data-arkhi-page="tv-home"] .live-card{padding-bottom:8px!important}html[data-arkhi-page="tv-home"] .live-card:hover strong{color:#FF6B4A}

/* Inline block 2 */
html[data-arkhi-page="tv-home"] .auto-surface{--touch:48px;scroll-padding-top:80px}html[data-arkhi-page="tv-home"] .auto-surface body{overflow-x:hidden}html[data-arkhi-page="tv-home"] .auto-surface button,html[data-arkhi-page="tv-home"] .auto-surface select,html[data-arkhi-page="tv-home"] .auto-surface input,html[data-arkhi-page="tv-home"] .auto-surface summary,html[data-arkhi-page="tv-home"] .auto-surface a.link{min-height:var(--touch);font-size:16px;touch-action:manipulation}html[data-arkhi-page="tv-home"] .auto-surface button:focus-visible,html[data-arkhi-page="tv-home"] .auto-surface a:focus-visible{outline:3px solid #FF6B4A;outline-offset:2px}html[data-arkhi-page="tv-home"] .auto-surface .subtitle-ai-overlay{font-size:clamp(18px,2.5vw,30px)}html[data-arkhi-page="tv-home"] .auto-surface video{object-fit:contain}html[data-arkhi-page="tv-home"] .auto-surface .retention-confirm-box{max-height:90dvh;overflow:auto}html[data-arkhi-page="tv-home"] .auto-surface .retention-confirm h2{font-size:26px}html[data-arkhi-page="tv-home"] .auto-surface .retention-confirm p,html[data-arkhi-page="tv-home"] .auto-surface .retention-confirm button{font-size:18px}
html[data-arkhi-page="tv-home"] .auto-surface .top{padding:8px max(12px,env(safe-area-inset-left));min-height:64px;gap:16px;flex-wrap:nowrap;align-items:center}html[data-arkhi-page="tv-home"] .auto-surface .brand-title{display:none}html[data-arkhi-page="tv-home"] .auto-surface .brand-mark{width:36px;height:36px}html[data-arkhi-page="tv-home"] .auto-surface .main-nav{width:auto;min-width:0;gap:18px!important;flex:1}html[data-arkhi-page="tv-home"] .auto-surface .main-nav button{font-size:16px;padding:8px 4px}html[data-arkhi-page="tv-home"] .auto-surface .layout{padding:16px max(12px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-bottom));gap:16px;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);grid-template-areas:'player browse'}html[data-arkhi-page="tv-home"] .auto-surface .player{top:80px}html[data-arkhi-page="tv-home"] .auto-surface .meta{padding:16px}html[data-arkhi-page="tv-home"] .auto-surface .meta h1{font-size:24px}html[data-arkhi-page="tv-home"] .auto-surface .grid{grid-template-columns:1fr}html[data-arkhi-page="tv-home"] .auto-surface .card{min-height:72px}html[data-arkhi-page="tv-home"] .auto-surface .cn{font-size:18px}html[data-arkhi-page="tv-home"] .auto-surface .small,html[data-arkhi-page="tv-home"] .auto-surface .programme,html[data-arkhi-page="tv-home"] .auto-surface .status{font-size:14px}html[data-arkhi-page="tv-home"] .auto-surface .section-heading{margin-bottom:12px}html[data-arkhi-page="tv-home"] .auto-surface .section-heading h2{font-size:26px}html[data-arkhi-page="tv-home"] .auto-surface body[data-section] .player{display:block}html[data-arkhi-page="tv-home"] .auto-surface body[data-section='guide'] .layout,html[data-arkhi-page="tv-home"] .auto-surface body[data-section='recordings'] .layout,html[data-arkhi-page="tv-home"] .auto-surface body[data-section='lists'] .layout{grid-template-columns:1fr;grid-template-areas:'player' 'browse'}
@media(orientation:portrait),(max-width:650px){html[data-arkhi-page="tv-home"] .auto-surface .layout{grid-template-columns:1fr;grid-template-areas:'player' 'browse'}html[data-arkhi-page="tv-home"] .auto-surface .player{position:relative;top:auto}html[data-arkhi-page="tv-home"] .auto-surface .grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-arkhi-page="tv-home"] .auto-surface .card{padding:10px;gap:8px}html[data-arkhi-page="tv-home"] .auto-surface .logo{width:32px;height:32px}html[data-arkhi-page="tv-home"] .auto-surface .cn{font-size:16px}html[data-arkhi-page="tv-home"] .auto-surface .main-nav{gap:12px!important}html[data-arkhi-page="tv-home"] .auto-surface .main-nav button{font-size:15px}}
@media(max-width:420px){html[data-arkhi-page="tv-home"] .auto-surface .grid{grid-template-columns:1fr}}
@media(orientation:landscape) and (max-height:600px){html[data-arkhi-page="tv-home"] .auto-surface .top{min-height:56px}html[data-arkhi-page="tv-home"] .auto-surface .layout{padding-top:10px}html[data-arkhi-page="tv-home"] .auto-surface .player{top:66px}html[data-arkhi-page="tv-home"] .auto-surface .section-heading p{display:none}html[data-arkhi-page="tv-home"] .auto-surface .videoWrap{max-height:58dvh}html[data-arkhi-page="tv-home"] .auto-surface .controls{gap:6px}html[data-arkhi-page="tv-home"] .auto-surface .meta{padding:12px}}


/* Inline block 3 */
html[data-arkhi-page="tv-home"] .auto-surface{--touch:52px}html[data-arkhi-page="tv-home"] .auto-surface body{padding-bottom:calc(82px + env(safe-area-inset-bottom));background:#080a0d}html[data-arkhi-page="tv-home"] .auto-surface .top,html[data-arkhi-page="tv-home"] .auto-surface .topbar{position:relative;min-height:64px;padding:10px 16px;background:#080a0d;border-bottom:0}html[data-arkhi-page="tv-home"] .auto-surface .brand-title,html[data-arkhi-page="tv-home"] .auto-surface .brand-copy{display:block;font-size:18px}html[data-arkhi-page="tv-home"] .auto-surface .brand-mark{width:36px;height:36px}html[data-arkhi-page="tv-home"] .auto-surface .touch-nav{position:fixed;z-index:90;left:0;right:0;bottom:0;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:none;margin:0;gap:0!important;padding:6px 8px max(8px,env(safe-area-inset-bottom));background:#12151b;border-top:1px solid #282d35;overflow:visible}html[data-arkhi-page="tv-home"] .auto-surface .touch-nav button,html[data-arkhi-page="tv-home"] .auto-surface .touch-nav a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;height:64px;padding:5px 0;border:0;border-radius:12px;background:transparent;font-size:12px;font-weight:700;color:#aab0bb;white-space:nowrap;opacity:1}html[data-arkhi-page="tv-home"] .auto-surface .touch-nav .active{background:#302113;color:#FF6B4A}html[data-arkhi-page="tv-home"] .auto-surface .touch-nav svg{width:24px;height:24px;flex-shrink:0}html[data-arkhi-page="tv-home"] .auto-surface .layout{padding:0 16px 24px;gap:20px}html[data-arkhi-page="tv-home"] .auto-surface .player{border:0;border-radius:16px;background:#12151b;overflow:hidden;position:sticky;top:12px}html[data-arkhi-page="tv-home"] .auto-surface .videoWrap{max-height:none;aspect-ratio:16/9}html[data-arkhi-page="tv-home"] .auto-surface .videoWrap video{width:100%;height:100%;max-width:none}html[data-arkhi-page="tv-home"] .auto-surface .touch-playback{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:flex-end;gap:10px;pointer-events:none}html[data-arkhi-page="tv-home"] .auto-surface .touch-playback button{pointer-events:auto;min-width:52px;width:52px;height:52px;border-radius:50%;border:1px solid #ffffff30;background:#080a0dd9;color:#fff;display:grid;place-items:center;padding:13px}html[data-arkhi-page="tv-home"] .auto-surface .touch-playback svg{width:24px;height:24px}html[data-arkhi-page="tv-home"] .auto-surface #touchPlay{margin-right:auto;background:#fff;color:#12151b}html[data-arkhi-page="tv-home"] .auto-surface .meta{padding:14px 16px}html[data-arkhi-page="tv-home"] .auto-surface .meta h1{font-size:22px;margin:0 0 8px}html[data-arkhi-page="tv-home"] .auto-surface .status{font-size:13px}html[data-arkhi-page="tv-home"] .auto-surface #currentEpg{margin-top:10px;padding-top:10px;font-size:15px}html[data-arkhi-page="tv-home"] .auto-surface #movieSchedule{display:none}html[data-arkhi-page="tv-home"] .auto-surface .section-heading h2{font-size:26px}html[data-arkhi-page="tv-home"] .auto-surface .section-heading p{display:none}html[data-arkhi-page="tv-home"] .auto-surface .search{min-height:54px;border-radius:16px;background:#181c24;padding:14px 16px;font-size:17px}html[data-arkhi-page="tv-home"] .auto-surface .groups{gap:10px;padding-bottom:14px}html[data-arkhi-page="tv-home"] .auto-surface .chip{min-height:48px;padding:12px 18px;border:0;background:#181c24;font-size:15px}html[data-arkhi-page="tv-home"] .auto-surface .chip.active{background:#FF6B4A;color:#111}html[data-arkhi-page="tv-home"] .auto-surface .grid{grid-template-columns:1fr;gap:10px}html[data-arkhi-page="tv-home"] .auto-surface .card{min-height:90px;border:1px solid #222833;border-radius:16px;background:#12151b;padding:14px;gap:14px}html[data-arkhi-page="tv-home"] .auto-surface .card.active{background:#302113;border-color:#FF6B4A}html[data-arkhi-page="tv-home"] .auto-surface .logo{width:48px;height:48px;border-radius:12px}html[data-arkhi-page="tv-home"] .auto-surface .cn{font-size:18px}html[data-arkhi-page="tv-home"] .auto-surface .programme{font-size:15px}html[data-arkhi-page="tv-home"] .auto-surface .small{font-size:13px}html[data-arkhi-page="tv-home"] .auto-surface .touch-sheet{position:fixed;inset:0;z-index:500;background:#0009;display:flex;align-items:flex-end;justify-content:center}html[data-arkhi-page="tv-home"] .auto-surface .touch-sheet[hidden]{display:none}html[data-arkhi-page="tv-home"] .auto-surface .touch-sheet-card{width:min(100%,660px);max-height:88dvh;overflow:auto;background:#151a22;border-radius:24px 24px 0 0;padding:22px 20px max(24px,env(safe-area-inset-bottom))}html[data-arkhi-page="tv-home"] .auto-surface .touch-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}html[data-arkhi-page="tv-home"] .auto-surface .touch-sheet h2{margin:0;font-size:22px}html[data-arkhi-page="tv-home"] .auto-surface .touch-sheet .primary-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-arkhi-page="tv-home"] .auto-surface .touch-sheet button{min-height:52px;border-radius:12px;font-size:16px}html[data-arkhi-page="tv-home"] .auto-surface .touch-sheet .record-settings{padding-top:20px}html[data-arkhi-page="tv-home"] .auto-surface .videoWrap:fullscreen{width:100%;height:100%;aspect-ratio:auto;background:#000}html[data-arkhi-page="tv-home"] .auto-surface .videoWrap:fullscreen .touch-playback{bottom:max(20px,env(safe-area-inset-bottom))}html[data-arkhi-page="tv-home"] .auto-surface .movie-card,html[data-arkhi-page="tv-home"] .auto-surface .movie-card:hover,html[data-arkhi-page="tv-home"] .auto-surface .movie-card:focus,html[data-arkhi-page="tv-home"] .auto-surface .movie-card.selected{transform:none;box-shadow:none}html[data-arkhi-page="tv-home"] .auto-surface .movie-card{border-radius:14px;flex-basis:170px;width:170px;border:0}html[data-arkhi-page="tv-home"] .auto-surface .movie-card:focus-visible{outline:3px solid #FF6B4A}html[data-arkhi-page="tv-home"] .auto-surface .movie-card .title{font-size:16px}html[data-arkhi-page="tv-home"] .auto-surface .movie-card .sub{font-size:13px}html[data-arkhi-page="tv-home"] .auto-surface .card-row{gap:14px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding-bottom:12px}html[data-arkhi-page="tv-home"] .auto-surface .hero{min-height:400px;height:55dvh}html[data-arkhi-page="tv-home"] .auto-surface .hero-copy{bottom:12%;width:min(90vw,650px)}html[data-arkhi-page="tv-home"] .auto-surface .hero-actions{gap:10px}html[data-arkhi-page="tv-home"] .auto-surface .hero-actions button{border-radius:14px}html[data-arkhi-page="tv-home"] .auto-surface .rows{margin-top:0}html[data-arkhi-page="tv-home"] .auto-surface .topbar .touch-nav{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-arkhi-page="tv-home"] .auto-surface .top-actions{width:100%;margin:0}html[data-arkhi-page="tv-home"] .auto-surface .search-box,html[data-arkhi-page="tv-home"] .auto-surface .search-box:focus-within{width:100%;border-radius:14px;min-height:52px}html[data-arkhi-page="tv-home"] .auto-surface .hero h1{font-size:clamp(30px,4vw,48px)}html[data-arkhi-page="tv-home"] .auto-surface .detail-card{padding-bottom:100px}html[data-arkhi-page="tv-home"] .auto-surface .player-actions button{border-radius:12px;min-height:52px}html[data-arkhi-page="tv-home"] .auto-surface .touch-playback button:active,html[data-arkhi-page="tv-home"] .auto-surface .card:active{opacity:.8}@media(orientation:portrait),(max-width:650px){html[data-arkhi-page="tv-home"] .auto-surface .player{position:relative;top:auto}html[data-arkhi-page="tv-home"] .auto-surface .layout{grid-template-columns:1fr;grid-template-areas:'player' 'browse'}html[data-arkhi-page="tv-home"] .auto-surface .videoWrap{aspect-ratio:16/9}html[data-arkhi-page="tv-home"] .auto-surface .section-heading{margin-bottom:12px}html[data-arkhi-page="tv-home"] .auto-surface .hero{height:55dvh;min-height:380px}}@media(orientation:landscape) and (max-height:600px){html[data-arkhi-page="tv-home"] .auto-surface .top,html[data-arkhi-page="tv-home"] .auto-surface .topbar{min-height:44px;padding-top:6px;padding-bottom:6px}html[data-arkhi-page="tv-home"] .auto-surface .brand-mark{width:28px;height:28px}html[data-arkhi-page="tv-home"] .auto-surface .touch-nav button,html[data-arkhi-page="tv-home"] .auto-surface .touch-nav a{height:54px}html[data-arkhi-page="tv-home"] .auto-surface body{padding-bottom:68px}html[data-arkhi-page="tv-home"] .auto-surface .layout{gap:16px}html[data-arkhi-page="tv-home"] .auto-surface .player{top:8px}html[data-arkhi-page="tv-home"] .auto-surface .videoWrap{max-height:56dvh;aspect-ratio:16/9}html[data-arkhi-page="tv-home"] .auto-surface .meta{padding:8px 12px}html[data-arkhi-page="tv-home"] .auto-surface #currentEpg>.small{display:none}html[data-arkhi-page="tv-home"] .auto-surface .touch-sheet{align-items:center}html[data-arkhi-page="tv-home"] .auto-surface .touch-sheet-card{border-radius:20px;max-height:90dvh}html[data-arkhi-page="tv-home"] .auto-surface .hero{height:80dvh;min-height:280px}html[data-arkhi-page="tv-home"] .auto-surface .topbar{flex-wrap:nowrap}html[data-arkhi-page="tv-home"] .auto-surface .topbar .top-actions{width:50%;margin-left:auto}}

/* Inline block 4 */
html[data-arkhi-page="tv-home"] .auto-surface .touch-playback{flex-wrap:wrap;background:linear-gradient(transparent,#0008);border-radius:12px}html[data-arkhi-page="tv-home"] .auto-surface .touch-seek{flex:1 0 100%;display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;min-height:48px;pointer-events:auto}html[data-arkhi-page="tv-home"] .auto-surface .touch-seek[hidden]{display:none}html[data-arkhi-page="tv-home"] .auto-surface .touch-seek input{min-width:0;flex:1;min-height:48px;accent-color:#FF6B4A;background:transparent;padding:0}html[data-arkhi-page="tv-home"] .auto-surface .touch-seek input::-webkit-slider-thumb{width:24px;height:24px}html[data-arkhi-page="tv-home"] .auto-surface .touch-seek span{font-variant-numeric:tabular-nums}

/* Inline block 5 */
html[data-arkhi-page="tv-home"] .auto-surface .videoWrap{width:100%}html[data-arkhi-page="tv-home"] .auto-surface .brand-mark{font-size:0}html[data-arkhi-page="tv-home"] .auto-surface .touch-sheet button:focus-visible{outline:3px solid #FF6B4A;outline-offset:2px}

/* Inline block 6 */
html[data-arkhi-page="tv-home"] .auto-surface .touch-playback{transition:opacity .15s}html[data-arkhi-page="tv-home"] .auto-surface .touch-playback.touch-hidden{opacity:0;pointer-events:none}html[data-arkhi-page="tv-home"] .auto-surface .touch-playback.touch-hidden button,html[data-arkhi-page="tv-home"] .auto-surface .touch-playback.touch-hidden input{pointer-events:none}html[data-arkhi-page="tv-home"] .auto-surface .touch-gesture-hint{position:absolute;z-index:50;left:50%;top:45%;transform:translate(-50%,-50%);max-width:80%;padding:12px 18px;border-radius:16px;background:#080a0de6;color:white;text-align:center;font-size:18px;opacity:0;pointer-events:none}html[data-arkhi-page="tv-home"] .auto-surface .touch-gesture-hint.show{opacity:1}

/* Inline block 7 */
html[data-arkhi-page="tv-home"] .auto-surface .ad-brand,html[data-arkhi-page="tv-home"] .auto-surface .touch-watermark{position:absolute;z-index:24;right:12px;bottom:12px;width:clamp(60px,8vw,100px);height:clamp(60px,8vw,100px);object-fit:contain;opacity:.86;transform:none;pointer-events:none;transition:bottom .15s}html[data-arkhi-page="tv-home"] .auto-surface .touch-tools-visible .ad-brand{bottom:var(--touch-logo-clearance,80px)}html[data-arkhi-page="tv-home"] .auto-surface .player-layer .touch-watermark{width:clamp(68px,8vw,110px);height:clamp(68px,8vw,110px);bottom:18px}html[data-arkhi-page="tv-home"] .auto-surface .player-layer.touch-tools-visible .touch-watermark{bottom:200px}@media(orientation:landscape) and (max-height:600px){html[data-arkhi-page="tv-home"] .auto-surface .ad-brand{width:64px;height:64px}html[data-arkhi-page="tv-home"] .auto-surface .player-layer.touch-tools-visible .touch-watermark{bottom:175px}}

/* Inline block 8 */
html[data-arkhi-page="tv-home"] *,html[data-arkhi-page="tv-home"] *::before,html[data-arkhi-page="tv-home"] *::after{border-radius:0!important}html[data-arkhi-page="tv-home"] .epg-now-line{z-index:20!important;pointer-events:none}

/* Inline block 9 */

html[data-arkhi-page="tv-home"] #livePanel.live-home{padding:8px 4px 28px;background:transparent}
html[data-arkhi-page="tv-home"] .live-home-hero{min-height:230px;padding:28px;margin:0 0 18px;background:linear-gradient(110deg,#111720 0%,#0b0f15 72%);border:1px solid #242b35;border-radius:18px!important;display:flex;align-items:center}
html[data-arkhi-page="tv-home"] .live-home-copy{max-width:760px}html[data-arkhi-page="tv-home"] .live-home-copy h1{margin:8px 0 10px;font-size:clamp(30px,3.2vw,48px);line-height:1.05}
html[data-arkhi-page="tv-home"] .live-home-meta{color:#c8d0db;font-size:15px;margin-bottom:10px}html[data-arkhi-page="tv-home"] .live-home-text{color:#aeb8c5;line-height:1.45;max-width:680px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-arkhi-page="tv-home"] .live-home-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}html[data-arkhi-page="tv-home"] .live-home-actions button{min-height:46px;padding:0 20px;border-radius:12px!important}html[data-arkhi-page="tv-home"] .live-home-actions .primary{background:#FF6B4A;color:#0b0d10;border-color:#FF6B4A;font-weight:800}
html[data-arkhi-page="tv-home"] .live-home-status{color:#8793a0;font-size:13px;margin:0 0 12px}html[data-arkhi-page="tv-home"] .live-home-row{margin-top:20px}html[data-arkhi-page="tv-home"] .live-home-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 4px 10px}html[data-arkhi-page="tv-home"] .live-home-row-head h3{font-size:24px;margin:0}html[data-arkhi-page="tv-home"] .live-home-row-head span{font-size:13px;color:#7f8995}
html[data-arkhi-page="tv-home"] .live-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}html[data-arkhi-page="tv-home"] .live-home-card{position:relative;text-align:left;padding:0 0 10px;background:#10151c;border:1px solid #232b35;overflow:hidden;min-width:0;border-radius:14px!important;color:#fff}html[data-arkhi-page="tv-home"] .live-home-card:focus-visible{outline:3px solid #FF6B4A;outline-offset:2px}
html[data-arkhi-page="tv-home"] .live-home-card .art{height:138px;background:#161d26;position:relative;overflow:hidden}html[data-arkhi-page="tv-home"] .live-home-card .art img{width:100%;height:100%;object-fit:cover}html[data-arkhi-page="tv-home"] .live-home-card .art.logo-art img{object-fit:contain;padding:14px;background:#161d26}html[data-arkhi-page="tv-home"] .live-home-card .source{position:absolute;right:8px;top:8px;padding:3px 6px;background:#090c10d9;color:#dbe3ec;font-size:10px;border-radius:6px!important}
html[data-arkhi-page="tv-home"] .live-home-card .copy{padding:10px 10px 0}html[data-arkhi-page="tv-home"] .live-home-card strong{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-arkhi-page="tv-home"] .live-home-card .sub{font-size:12px;color:#9aa6b4;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-arkhi-page="tv-home"] .live-home-card .bar{height:4px;background:#313945;margin:9px 10px 0;overflow:hidden;border-radius:4px!important}html[data-arkhi-page="tv-home"] .live-home-card .bar span{display:block;height:100%;background:#FF6B4A}html[data-arkhi-page="tv-home"] .live-home-card .foot{padding:5px 10px 0;font-size:11px;color:#9ca8b5}html[data-arkhi-page="tv-home"] .live-home-row.kids .live-home-row-head h3{color:#ffd27b}
@media(max-width:1100px){html[data-arkhi-page="tv-home"] .live-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){html[data-arkhi-page="tv-home"] .live-home-grid{grid-template-columns:1fr}html[data-arkhi-page="tv-home"] .live-home-hero{min-height:190px;padding:20px}html[data-arkhi-page="tv-home"] .live-home-copy h1{font-size:32px}}


/* Inline block 10 */

html[data-arkhi-page="tv-home"] .live-home-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
html[data-arkhi-page="tv-home"] .live-home-card{aspect-ratio:16/10;padding:0!important;position:relative;background:#111820!important}
html[data-arkhi-page="tv-home"] .live-home-card .art{position:absolute;inset:0;height:auto!important}
html[data-arkhi-page="tv-home"] .live-home-card .art img{width:100%;height:100%;object-fit:cover!important;object-position:center center!important;padding:0!important;background:#111820!important}
html[data-arkhi-page="tv-home"] .live-home-card .copy{position:absolute;left:0;right:0;bottom:0;padding:42px 12px 12px!important;background:linear-gradient(transparent,rgba(5,8,12,.96));z-index:2}
html[data-arkhi-page="tv-home"] .live-home-card strong{font-size:17px!important;line-height:1.18;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
html[data-arkhi-page="tv-home"] .live-home-card .sub{font-size:12px!important;color:#c4ceda!important}
html[data-arkhi-page="tv-home"] .live-home-card .bar{position:absolute;left:10px;right:10px;bottom:4px;margin:0!important;z-index:3}
html[data-arkhi-page="tv-home"] .live-home-card .foot{display:none!important}
html[data-arkhi-page="tv-home"] .live-home-card .source{z-index:3}html[data-arkhi-page="tv-home"] .live-home-card .score{position:absolute;left:8px;top:8px;z-index:3;padding:3px 6px;background:#090c10d9;font-size:10px;border-radius:6px}
@media(max-width:1300px){html[data-arkhi-page="tv-home"] .live-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:800px){html[data-arkhi-page="tv-home"] .live-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* Inline block 11 */

html[data-arkhi-page="tv-home"] body[data-section="live"] #liveHero{display:none!important}
html[data-arkhi-page="tv-home"] body[data-section="live"] .layout{grid-template-columns:minmax(420px,.82fr) minmax(0,1.18fr);grid-template-areas:"player browse";gap:30px;align-items:start}
html[data-arkhi-page="tv-home"] body[data-section="live"] .player{grid-area:player;position:sticky;top:96px}
html[data-arkhi-page="tv-home"] body[data-section="live"] .browse{grid-area:browse;min-width:0}
html[data-arkhi-page="tv-home"] body[data-section="live"] .live-home{padding-top:0}
html[data-arkhi-page="tv-home"] body[data-section="live"] .live-home-status{margin-top:0}
@media(max-width:1100px){
 html[data-arkhi-page="tv-home"] body[data-section="live"] .layout{grid-template-columns:1fr;grid-template-areas:"player" "browse"}
 html[data-arkhi-page="tv-home"] body[data-section="live"] .player{position:relative;top:auto}
}


/* Inline block 12 */

/* Final Em direto cards: 4 vertical posters per row. */
html[data-arkhi-page="tv-home"] .live-home-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:start}
html[data-arkhi-page="tv-home"] .live-home-card{aspect-ratio:2/3!important;min-height:0!important;background:#10161e!important;border-radius:14px!important;overflow:hidden!important}
html[data-arkhi-page="tv-home"] .live-home-card .art{position:absolute!important;inset:0!important;height:auto!important;background:#121923!important}
html[data-arkhi-page="tv-home"] .live-home-card .art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important}
html[data-arkhi-page="tv-home"] .live-home-card .poster-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;font-size:18px;font-weight:800;color:#dfe6ee;background:linear-gradient(145deg,#1c2734,#0e141c)}
html[data-arkhi-page="tv-home"] .live-home-card .copy{position:absolute!important;z-index:3!important;left:0;right:0;bottom:0;padding:68px 14px 16px!important;background:linear-gradient(transparent,rgba(5,8,12,.97))!important}
html[data-arkhi-page="tv-home"] .live-home-card strong{font-size:19px!important;line-height:1.18!important;-webkit-line-clamp:2!important}
html[data-arkhi-page="tv-home"] .live-home-card .sub{font-size:12px!important;line-height:1.2!important}
html[data-arkhi-page="tv-home"] .live-home-card .bar{left:12px!important;right:12px!important;bottom:6px!important}
html[data-arkhi-page="tv-home"] .live-home-card .source,html[data-arkhi-page="tv-home"] .live-home-card .score{font-size:11px!important}
@media(max-width:1100px){html[data-arkhi-page="tv-home"] .live-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){html[data-arkhi-page="tv-home"] .live-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* Inline block 13 */

html[data-arkhi-page="tv-home"] .record-art-row{display:grid!important;grid-template-columns:168px minmax(0,1fr);gap:14px;align-items:center}
html[data-arkhi-page="tv-home"] .record-art{width:168px;height:96px;border-radius:8px;overflow:hidden;background:#161f2a;display:flex;align-items:center;justify-content:center;color:#8493a3;font-weight:800}
html[data-arkhi-page="tv-home"] .record-art img{width:100%;height:100%;object-fit:cover;object-position:center}
html[data-arkhi-page="tv-home"] .record-copy{min-width:0}html[data-arkhi-page="tv-home"] .record-art-row .record-tools{grid-column:2}


/* Inline block 14 */

html[data-arkhi-page="tv-home"] .record.record-with-art{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:16px;align-items:center}
html[data-arkhi-page="tv-home"] .record-thumb{width:160px;height:90px;object-fit:cover;object-position:center;border-radius:10px;background:#151b23}
html[data-arkhi-page="tv-home"] .record-thumb.fallback{display:flex;align-items:center;justify-content:center;color:#8e99a7;font-weight:800;letter-spacing:.08em}
html[data-arkhi-page="tv-home"] .record-copy{min-width:0}


/* Inline block 15 */

html[data-arkhi-page="tv-home"] .main-nav{position:relative}html[data-arkhi-page="tv-home"] .main-nav .nav-primary{flex:none}html[data-arkhi-page="tv-home"] .more-menu{position:absolute;right:0;top:calc(100% + 12px);z-index:160;width:min(280px,calc(100vw - 32px));padding:8px;background:#121417;border:1px solid #34383f;box-shadow:0 18px 55px #000a;display:grid;gap:2px}html[data-arkhi-page="tv-home"] .more-menu[hidden]{display:none!important}html[data-arkhi-page="tv-home"] .more-menu button,html[data-arkhi-page="tv-home"] .more-menu a{width:100%;min-height:44px;padding:10px 12px;border:0!important;background:transparent!important;color:#e8eaed!important;text-align:left;text-decoration:none;font-weight:650;display:flex;align-items:center}html[data-arkhi-page="tv-home"] .more-menu button:hover,html[data-arkhi-page="tv-home"] .more-menu a:hover,html[data-arkhi-page="tv-home"] .more-menu button:focus-visible,html[data-arkhi-page="tv-home"] .more-menu a:focus-visible{background:#24272c!important;color:#fff!important;outline:2px solid var(--accent);outline-offset:-2px}html[data-arkhi-page="tv-home"] .more-menu [data-tab].active{background:#2b2118!important;color:#FF6B4A!important}html[data-arkhi-page="tv-home"] .main-nav #moreNav.more-active{color:#fff;border-bottom-color:var(--accent)}
html[data-arkhi-page="tv-home"] .feedback-fab{display:none!important}
@media(max-width:900px){html[data-arkhi-page="tv-home"] .more-menu{right:auto;left:0;top:calc(100% + 8px)}}
html[data-arkhi-page="tv-home"] .auto-surface .more-menu{position:fixed;left:12px;right:12px;bottom:82px;top:auto;width:auto;max-height:65dvh;overflow:auto;border:1px solid #303640;background:#141920;padding:10px}html[data-arkhi-page="tv-home"] .auto-surface .more-menu button,html[data-arkhi-page="tv-home"] .auto-surface .more-menu a{min-height:52px;font-size:16px}html[data-arkhi-page="tv-home"] .auto-surface .feedback-fab{display:none!important}


/* Inline block 16 */
html[data-arkhi-page="tv-home"] .main-nav .games-link{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0!important;padding:10px 0;white-space:nowrap;font-weight:700;color:#b9bec5;text-decoration:none;min-height:44px;display:flex;align-items:center}html[data-arkhi-page="tv-home"] .main-nav .games-link:hover,html[data-arkhi-page="tv-home"] .main-nav .games-link:focus-visible{color:#fff;border-bottom-color:var(--accent)}html[data-arkhi-page="tv-home"] .auto-surface .games-link{display:none!important}@media(max-width:560px){html[data-arkhi-page="tv-home"] .main-nav .games-link{font-size:14px;padding:8px 0}}

/* Inline block 17 */

html[data-arkhi-page="tv-home"] .videoWrap .web-live-fullscreen{
 position:absolute;top:12px;right:12px;z-index:50;
 width:44px;height:44px;display:grid;place-items:center;padding:10px;
 background:#10151acb;color:#f8f8f8;border:1px solid #ffffff65;
 border-radius:10px;opacity:.75;cursor:pointer;
}
html[data-arkhi-page="tv-home"] .videoWrap .web-live-fullscreen:hover,html[data-arkhi-page="tv-home"] .videoWrap .web-live-fullscreen:focus-visible{
 opacity:1;background:#191f26;outline:2px solid #FF6B4A;outline-offset:2px;
}
html[data-arkhi-page="tv-home"] .videoWrap:fullscreen,html[data-arkhi-page="tv-home"] .videoWrap:-webkit-full-screen{
 width:100vw;height:100vh;height:100dvh;max-height:none;aspect-ratio:auto;
 background:#000;position:relative;display:flex;align-items:center;justify-content:center;
}
html[data-arkhi-page="tv-home"] .videoWrap:fullscreen video,html[data-arkhi-page="tv-home"] .videoWrap:-webkit-full-screen video{
 width:100%;height:100%;object-fit:contain;
}
html[data-arkhi-page="tv-home"] .videoWrap:fullscreen .web-live-fullscreen,html[data-arkhi-page="tv-home"] .videoWrap:-webkit-full-screen .web-live-fullscreen{
 top:18px;right:20px;z-index:65;
}
/* Use container fullscreen to keep HTML subtitles in the same layer. */
html[data-arkhi-page="tv-home"] .videoWrap video::-webkit-media-controls-fullscreen-button{display:none!important}
html[data-arkhi-page="tv-home"] .auto-surface .videoWrap .web-live-fullscreen{display:none}

/* iPadOS Safari native video fullscreen only composites the VIDEO: keep the player
   in the page's top layer, without detaching/reloading the video. */
html[data-arkhi-page="tv-home"].arkhi-ipad-fullscreen-mode,
body.arkhi-ipad-fullscreen-mode{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-ipad-fullscreen-mode .player{
  position:fixed!important;inset:0!important;
  width:100vw!important;height:100vh!important;height:100dvh!important;
  max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;
  border-radius:0!important;overflow:visible!important;
  background:#000!important;display:block!important;
  z-index:2147483000!important;transform:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-ipad-fullscreen-mode .player>.meta{display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-ipad-fullscreen-mode .player>.videoWrap{
  position:relative!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;
  aspect-ratio:auto!important;overflow:hidden!important;
  border:0!important;border-radius:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#000!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-ipad-fullscreen-mode .videoWrap video{
  position:relative!important;width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;display:block!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-ipad-fullscreen-mode .videoWrap .web-live-fullscreen{
  display:grid!important;position:absolute!important;
  top:max(14px,env(safe-area-inset-top))!important;
  right:max(14px,env(safe-area-inset-right))!important;
  z-index:170!important;
}
html[data-arkhi-page="tv-home"] /* The touch controller already has its own fullscreen toggle, html[data-arkhi-page="tv-home"] avoiding duplicate buttons. */
html.auto-surface body.arkhi-ipad-fullscreen-mode .videoWrap .web-live-fullscreen{
  display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-ipad-fullscreen-mode .videoWrap .touch-playback{
  z-index:150!important;
}
/* Prevent the native WebKit fullscreen icon from bypassing our branding layer. */
html[data-arkhi-page="tv-home"] video::-webkit-media-controls-fullscreen-button{display:none!important}


/* Inline block 18 */

html[data-arkhi-page="tv-home"] /* ArkhiTV Series collection - streaming-style, html[data-arkhi-page="tv-home"] keyboard/TV and mobile accessible */
body[data-section='series'] .layout{display:block!important;max-width:1600px;margin:auto;padding:0 16px 36px}
html[data-arkhi-page="tv-home"] body[data-section='series'] .player{display:none!important}
html[data-arkhi-page="tv-home"] body[data-section='series'] .browse{width:100%!important;max-width:none!important;min-width:0}
html[data-arkhi-page="tv-home"] body[data-section='series'] .panel{width:100%}
html[data-arkhi-page="tv-home"] .br-series-hero{min-height:290px;border-radius:18px;margin:10px 0 25px;padding:clamp(24px,4vw,60px);background:radial-gradient(ellipse at 90% 10%,rgba(235,113,30,.29),transparent 62%),linear-gradient(120deg,#121925,#0a0d12 72%);display:flex;flex-direction:column;justify-content:center;border:1px solid #343940}
html[data-arkhi-page="tv-home"] .br-series-hero-eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#FF6B4A;text-transform:uppercase}
html[data-arkhi-page="tv-home"] .br-series-hero h1{max-width:850px;font-size:clamp(27px,4vw,56px);line-height:1.05;margin:15px 0;color:#fff;letter-spacing:-.03em}
html[data-arkhi-page="tv-home"] .br-series-hero p{max-width:660px;font-size:clamp(14px,1.5vw,18px);color:#c9d0d8;line-height:1.6;margin:0 0 24px}
html[data-arkhi-page="tv-home"] .br-series-totals{display:flex;flex-wrap:wrap;gap:9px}
html[data-arkhi-page="tv-home"] .br-series-totals span{border:1px solid #464d58;background:#151e29bd;padding:8px 11px;border-radius:8px;color:#cbd4df;font-size:13px}
html[data-arkhi-page="tv-home"] .br-series-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:22px}
html[data-arkhi-page="tv-home"] .br-series-tools label{font-weight:700;font-size:14px;color:#dae0ea}
html[data-arkhi-page="tv-home"] .br-series-tools input{flex:1;min-width:170px;max-width:410px;background:#161e29;border:1px solid #454b57;border-radius:9px;padding:12px 14px;color:#f8fafc}
html[data-arkhi-page="tv-home"] .br-series-tools button{padding:12px 17px;color:#f2f5f9;background:#252c34;border:1px solid #58616a;border-radius:9px}
html[data-arkhi-page="tv-home"] .br-series-shelf{margin:32px 0 40px}
html[data-arkhi-page="tv-home"] .br-series-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:16px}
html[data-arkhi-page="tv-home"] .br-series-heading h2{font-size:clamp(21px,2vw,29px);letter-spacing:-.025em;color:#fff;margin:0 0 3px}
html[data-arkhi-page="tv-home"] .br-series-heading p{color:#99a7b5;margin:0;font-size:13px}
html[data-arkhi-page="tv-home"] .br-series-heading>span{color:#d6dde5;font-size:13px;background:#273140;border-radius:8px;padding:6px 11px}
html[data-arkhi-page="tv-home"] .br-series-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:clamp(10px,1.5vw,20px)}
html[data-arkhi-page="tv-home"] .br-series-card{color:#fff;background:none;border:0;min-width:0;padding:0;text-align:left;cursor:pointer;border-radius:10px;transition:transform .14s ease}
html[data-arkhi-page="tv-home"] .br-series-card:hover{transform:translateY(-3px)}
html[data-arkhi-page="tv-home"] .br-series-card:focus-visible{outline:3px solid #FF6B4A;outline-offset:4px}
html[data-arkhi-page="tv-home"] .br-series-art{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:2/3;background:radial-gradient(circle at top left,#2a3948,#111720 75%);border:1px solid #394351;border-radius:10px;overflow:hidden}
html[data-arkhi-page="tv-home"] .br-series-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
html[data-arkhi-page="tv-home"] .br-series-art-fallback{font-weight:800;font-size:20px;padding:18px;text-align:center;line-height:1.35;color:#c8ced7}
html[data-arkhi-page="tv-home"] .br-series-chip{position:absolute;z-index:3;top:10px;left:10px;background:#f58e32;color:#161b22;padding:5px 8px;font-weight:800;border-radius:5px;font-size:11px}
html[data-arkhi-page="tv-home"] .br-series-card-title{display:block;font-size:15px;font-weight:750;line-height:1.3;margin:10px 0 5px}
html[data-arkhi-page="tv-home"] .br-series-card-meta{display:block;color:#9daab8;font-size:12px;line-height:1.4}
html[data-arkhi-page="tv-home"] .br-series-empty{background:#141d27;border:1px dashed #425164;padding:26px;border-radius:14px;color:#bac5cf}
html[data-arkhi-page="tv-home"] .br-series-dialog{position:fixed;inset:0;z-index:2147482100;background:rgba(0,0,0,.84);overflow:auto;padding:clamp(12px,4vw,54px);display:flex;align-items:flex-start;justify-content:center}
html[data-arkhi-page="tv-home"] .br-series-dialog[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] .br-series-dialog-inner{max-width:1040px;width:100%;border:1px solid #434a55;background:linear-gradient(145deg,#192330,#0a1018);border-radius:17px;box-shadow:0 24px 85px #0009;position:relative;padding:clamp(18px,3vw,35px);color:#fff;margin:auto}
html[data-arkhi-page="tv-home"] .br-series-close{position:absolute;top:12px;right:12px;z-index:4;width:42px;height:42px;border-radius:50%;background:#1a2632;color:#fff;border:1px solid #607080;font-size:22px;cursor:pointer}
html[data-arkhi-page="tv-home"] .br-series-detail-hero{display:grid;grid-template-columns:minmax(120px,215px) minmax(0,1fr);gap:clamp(16px,3vw,38px);align-items:center;padding:20px 28px 24px 0}
html[data-arkhi-page="tv-home"] .br-series-detail-img{width:100%;max-height:330px;object-fit:cover;aspect-ratio:2/3;border-radius:9px;box-shadow:0 8px 22px #0007}
html[data-arkhi-page="tv-home"] .br-series-detail-copy h2{font-size:clamp(29px,4vw,47px);line-height:1.08;margin:14px 0 12px}
html[data-arkhi-page="tv-home"] .br-series-detail-copy p{color:#b8c4d2;font-size:15px;line-height:1.6;max-width:640px}
html[data-arkhi-page="tv-home"] .br-series-detail-facts{display:flex;flex-wrap:wrap;gap:12px;color:#aebccc;font-size:13px;margin:12px 0 25px}
html[data-arkhi-page="tv-home"] .br-series-detail-actions button{padding:12px 20px;background:#FF6B4A;border:1px solid #FF6B4A;color:#141820;font-weight:800;border-radius:8px;cursor:pointer}
html[data-arkhi-page="tv-home"] .br-series-detail-actions .br-series-stop{background:#273340;border:1px solid #617080;color:#fff}
html[data-arkhi-page="tv-home"] .br-series-detail-actions button:focus-visible,html[data-arkhi-page="tv-home"] .br-series-close:focus-visible,html[data-arkhi-page="tv-home"] .br-series-episode:focus-visible{outline:3px solid #FF6B4A;outline-offset:3px}
html[data-arkhi-page="tv-home"] .br-series-dialog-open{overflow:hidden}
html[data-arkhi-page="tv-home"] .br-series-season-toolbar{display:flex;gap:14px;align-items:center;padding:14px 0;border-top:1px solid #384554}
html[data-arkhi-page="tv-home"] .br-series-season-toolbar select{background:#1c2b3a;color:#fff;border:1px solid #566578;border-radius:7px;padding:10px}
html[data-arkhi-page="tv-home"] .br-series-episodes{display:grid;grid-template-columns:1fr;gap:8px}
html[data-arkhi-page="tv-home"] .br-series-episode{width:100%;background:#192330;border:1px solid #303c4b;color:#fff;border-radius:9px;padding:11px;display:grid;grid-template-columns:minmax(120px,185px) 1fr;text-align:left;gap:16px;cursor:pointer}
html[data-arkhi-page="tv-home"] .br-series-episode:hover{background:#273344;border-color:#697786}
html[data-arkhi-page="tv-home"] .br-series-episode-art{aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center;background:#0c151e;border-radius:6px;overflow:hidden}
html[data-arkhi-page="tv-home"] .br-series-episode-img{width:100%;height:100%;object-fit:cover}
html[data-arkhi-page="tv-home"] .br-series-episode-play{position:absolute;bottom:6px;left:7px;color:#fff;background:#000a;border-radius:5px;font-size:11px;padding:4px 6px}
html[data-arkhi-page="tv-home"] .br-series-episode-info{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}
html[data-arkhi-page="tv-home"] .br-series-episode-info strong{font-size:16px}
html[data-arkhi-page="tv-home"] .br-series-episode-info small{font-size:13px;color:#bdc8d3;line-height:1.45}
html[data-arkhi-page="tv-home"] .br-series-episode-info>span{font-size:12px;color:#9baab8}
@media(max-width:650px){html[data-arkhi-page="tv-home"] body[data-section='series'] .layout{padding:0 12px 28px}html[data-arkhi-page="tv-home"] .br-series-hero{min-height:220px;padding:23px}html[data-arkhi-page="tv-home"] .br-series-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}html[data-arkhi-page="tv-home"] .br-series-card-title{font-size:14px}html[data-arkhi-page="tv-home"] .br-series-card-meta{font-size:11px}html[data-arkhi-page="tv-home"] .br-series-detail-hero{grid-template-columns:112px minmax(0,1fr);gap:13px;padding:32px 0 16px}html[data-arkhi-page="tv-home"] .br-series-detail-img{max-height:180px}html[data-arkhi-page="tv-home"] .br-series-detail-copy h2{font-size:24px}html[data-arkhi-page="tv-home"] .br-series-detail-copy p{font-size:12px}html[data-arkhi-page="tv-home"] .br-series-detail-facts{font-size:11px}html[data-arkhi-page="tv-home"] .br-series-episode{grid-template-columns:105px 1fr;gap:10px}html[data-arkhi-page="tv-home"] .br-series-episode-info strong{font-size:13px}html[data-arkhi-page="tv-home"] .br-series-episode-info small{font-size:11px}}


/* Inline block 19 */



/* Inline block 20 */

html[data-arkhi-page="tv-home"] body.recording-playback-mode .layout{display:block!important;max-width:1460px!important;padding:24px clamp(14px,4vw,45px) 55px!important;margin:auto!important}
html[data-arkhi-page="tv-home"] body.recording-playback-mode .layout .browse{display:none!important}
html[data-arkhi-page="tv-home"] body.recording-playback-mode .layout .player{position:relative!important;top:auto!important;display:block!important;width:100%!important;max-width:1380px;margin:0 auto!important;border:0!important;box-shadow:none!important}
html[data-arkhi-page="tv-home"] body.recording-playback-mode .videoWrap{aspect-ratio:16/9;width:100%;max-height:none!important;background:#000}
html[data-arkhi-page="tv-home"] body.recording-playback-mode .videoWrap video{width:100%;height:100%;object-fit:contain}
html[data-arkhi-page="tv-home"] body.recording-playback-mode #currentEpg,html[data-arkhi-page="tv-home"] body.recording-playback-mode #movieSchedule,html[data-arkhi-page="tv-home"] body.recording-playback-mode .record-settings{display:none!important}
html[data-arkhi-page="tv-home"] body.recording-playback-mode #backToRecordings,html[data-arkhi-page="tv-home"] body.recording-playback-mode #backToTv{display:inline-flex!important}
html[data-arkhi-page="tv-home"] #recordedPlaybackHeading{font-size:12px;font-weight:800;letter-spacing:1.2px;padding-bottom:9px;color:#FF6B4A}
html[data-arkhi-page="tv-home"] body.recording-playback-mode .meta{padding:17px 20px!important}
@media(max-width:640px){html[data-arkhi-page="tv-home"] body.recording-playback-mode .layout{padding:12px 0 35px!important}html[data-arkhi-page="tv-home"] body.recording-playback-mode .meta{padding:16px!important}}


/* Inline block 21 */

html[data-arkhi-page="tv-home"] .recording-subtitle-overlay{position:absolute;bottom:13%;left:6%;right:6%;z-index:60;
 text-align:center;white-space:pre-line;pointer-events:none;color:#fff;
 font:700 clamp(18px,2.15vw,34px)/1.42 system-ui,sans-serif;
 text-shadow:-2px -2px 3px #000,2px 2px 3px #000,0 3px 8px #000,
  0 0 3px #000;overflow-wrap:anywhere}
html[data-arkhi-page="tv-home"] .recording-subtitle-overlay[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] .recording-subtitle-tools{margin:14px 0;color:#c9d1da}
html[data-arkhi-page="tv-home"] .recording-subtitle-tools[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] .recording-subtitle-buttons{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
html[data-arkhi-page="tv-home"] .recording-subtitle-buttons button{border:0;border-radius:0;padding:9px 12px;
 background:#293642;color:#fff;min-height:39px;font-weight:600}
html[data-arkhi-page="tv-home"] .recording-subtitle-buttons button:disabled{opacity:.43;cursor:not-allowed}
html[data-arkhi-page="tv-home"] .recording-subtitle-buttons #recordingSubsLoad{background:#3a4d58}
html[data-arkhi-page="tv-home"] .recording-subtitle-buttons #recordingSubsOffset{min-width:48px;text-align:center;font-variant-numeric:tabular-nums}
html[data-arkhi-page="tv-home"] #recordingSubsStatus{font-size:13px;line-height:1.5;margin:9px 0;color:#c9d1da}
@media(max-width:640px){
 html[data-arkhi-page="tv-home"] .recording-subtitle-buttons{gap:6px}
 html[data-arkhi-page="tv-home"] .recording-subtitle-buttons button{font-size:12px}
 html[data-arkhi-page="tv-home"] .recording-subtitle-overlay{bottom:17%;font-size:clamp(14px,4.2vw,24px)}
}


/* Inline block 22 */

html[data-arkhi-page="tv-home"] .feedback-fab{position:fixed;right:20px;bottom:20px;z-index:220;border:1px solid #ffffff22;background:#FF6B4A;color:#111;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;box-shadow:0 8px 30px #0008}html[data-arkhi-page="tv-home"] .feedback-fab:focus-visible{outline:3px solid #fff;outline-offset:3px}html[data-arkhi-page="tv-home"] .feedback-panel{position:fixed;inset:0;z-index:900;background:#000b;display:grid;place-items:center;padding:20px}html[data-arkhi-page="tv-home"] .feedback-panel[hidden]{display:none}html[data-arkhi-page="tv-home"] .feedback-card{width:min(560px,100%);max-height:90vh;overflow:auto;box-sizing:border-box;background:#151a22;border:1px solid #2a303a;border-radius:20px;padding:22px;color:#fff;box-shadow:0 24px 80px #000b}html[data-arkhi-page="tv-home"] .feedback-card h2{margin:0 0 8px;font-size:24px}html[data-arkhi-page="tv-home"] .feedback-card p{color:#aab0bb;margin:0 0 16px;line-height:1.45}html[data-arkhi-page="tv-home"] .feedback-card label{display:block;margin:14px 0 6px;font-weight:700}html[data-arkhi-page="tv-home"] .feedback-card select,html[data-arkhi-page="tv-home"] .feedback-card textarea{box-sizing:border-box;width:100%;border:1px solid #343b47;border-radius:12px;background:#0d1015;color:#fff;padding:12px;font:inherit}html[data-arkhi-page="tv-home"] .feedback-card textarea{min-height:130px;resize:vertical}html[data-arkhi-page="tv-home"] .feedback-card select:focus,html[data-arkhi-page="tv-home"] .feedback-card textarea:focus{outline:2px solid #FF6B4A;outline-offset:1px}html[data-arkhi-page="tv-home"] .feedback-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}html[data-arkhi-page="tv-home"] .feedback-actions button{min-height:44px;border-radius:10px;padding:0 16px;border:1px solid #3b424e;background:#202631;color:#fff;cursor:pointer}html[data-arkhi-page="tv-home"] .feedback-actions .primary{background:#FF6B4A;color:#111;border:0;font-weight:800}html[data-arkhi-page="tv-home"] .feedback-actions button:disabled{opacity:.55;cursor:wait}html[data-arkhi-page="tv-home"] .feedback-result{min-height:22px;margin-top:10px;color:#FF6B4A;font-size:14px}html[data-arkhi-page="tv-home"] .feedback-note{font-size:13px;color:#8f97a3!important;margin-top:12px!important}@media(max-width:650px){html[data-arkhi-page="tv-home"] .feedback-fab{right:14px;bottom:84px;padding:11px 15px}html[data-arkhi-page="tv-home"] .feedback-panel{padding:12px}html[data-arkhi-page="tv-home"] .feedback-card{padding:18px;border-radius:18px}}


/* Inline block 23 */

html[data-arkhi-page="tv-home"] .cast-remote-mask{position:fixed;inset:0;z-index:1200;background:#000d;display:flex;align-items:center;justify-content:center;padding:12px;color:#fff}html[data-arkhi-page="tv-home"] .cast-remote-mask[hidden]{display:none!important}html[data-arkhi-page="tv-home"] body.cast-remote-open{overflow:hidden}html[data-arkhi-page="tv-home"] .cast-remote-launch{position:fixed;right:16px;bottom:22px;z-index:210;background:#fa963f;color:#131313;border:1px solid #FF6B4A;padding:12px 17px;border-radius:60px!important;display:flex;align-items:center;gap:8px;font-weight:800;box-shadow:0 12px 30px #0008}html[data-arkhi-page="tv-home"] .cast-remote-launch.connected{background:#1e4334;color:#a8f3c9}html[data-arkhi-page="tv-home"] .cast-remote-launch svg,html[data-arkhi-page="tv-home"] .cr-shell svg{height:22px;width:22px;flex:none}html[data-arkhi-page="tv-home"] .cr-shell{width:min(480px,100%);max-height:96dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:20px;background:radial-gradient(ellipse at top left,#2b2c34,#14171d 70%);border:1px solid #424956;border-radius:24px!important;box-shadow:0 18px 70px #000b}html[data-arkhi-page="tv-home"] .cr-shell *{box-sizing:border-box}html[data-arkhi-page="tv-home"] .cr-shell button{min-height:44px;background:#252a34;color:#fff;border:1px solid #424b58;border-radius:13px!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;padding:9px}html[data-arkhi-page="tv-home"] .cr-shell button:disabled{opacity:.38;cursor:default}html[data-arkhi-page="tv-home"] .cr-shell button:focus-visible,html[data-arkhi-page="tv-home"] .cast-remote-launch:focus-visible{outline:3px solid #FF6B4A;outline-offset:2px}html[data-arkhi-page="tv-home"] .cr-head,html[data-arkhi-page="tv-home"] .cr-device,html[data-arkhi-page="tv-home"] .cr-now-main,html[data-arkhi-page="tv-home"] .cr-volume,html[data-arkhi-page="tv-home"] .cr-list-head{display:flex;align-items:center;gap:12px}html[data-arkhi-page="tv-home"] .cr-head{justify-content:space-between;margin-bottom:12px}html[data-arkhi-page="tv-home"] .cr-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#FF6B4A}html[data-arkhi-page="tv-home"] .cr-head h2{font-size:24px;margin:3px 0 0}html[data-arkhi-page="tv-home"] .cr-icon-button{width:44px}html[data-arkhi-page="tv-home"] .cr-device{padding:12px;border:1px solid #3a414b;border-radius:16px!important;background:#1b2029;margin-bottom:12px}html[data-arkhi-page="tv-home"] .cr-indicator{width:12px;height:12px;background:#727784;border-radius:50%!important;flex:none}html[data-arkhi-page="tv-home"] .cr-indicator.connected{background:#64d09b;box-shadow:0 0 0 4px #64d09b2a}html[data-arkhi-page="tv-home"] .cr-device-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}html[data-arkhi-page="tv-home"] .cr-device-copy strong{font-size:15px}html[data-arkhi-page="tv-home"] .cr-device-copy span{font-size:12px;color:#afbbc7}html[data-arkhi-page="tv-home"] .cr-shell .cr-connect{background:#FF6B4A;color:#131313;font-weight:850;border:0}html[data-arkhi-page="tv-home"] .cr-now{padding:13px 16px;background:#252830;border:1px solid #424956;border-radius:16px!important;margin-bottom:13px}html[data-arkhi-page="tv-home"] .cr-now-label,html[data-arkhi-page="tv-home"] .cr-side-title{font-size:10px;letter-spacing:.13em;font-weight:800;color:#bec6cf}html[data-arkhi-page="tv-home"] .cr-now-main{margin-top:9px}html[data-arkhi-page="tv-home"] .cr-now-number{font-size:34px;font-weight:900;color:#FF6B4A}html[data-arkhi-page="tv-home"] .cr-now-copy{display:flex;flex-direction:column;gap:4px;min-width:0}html[data-arkhi-page="tv-home"] .cr-now-copy strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-arkhi-page="tv-home"] .cr-now-copy span{font-size:12px;color:#bec6cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-arkhi-page="tv-home"] .cr-controls{display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:18px;margin:2px 0 12px}html[data-arkhi-page="tv-home"] .cr-pad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,48px);gap:5px;padding:6px;border-radius:21px!important;background:#10151d;border:1px solid #343b46}html[data-arkhi-page="tv-home"] .cr-pad button{min-height:0!important;background:#2d3340}html[data-arkhi-page="tv-home"] .cr-pad .cr-up{grid-column:2;grid-row:1}html[data-arkhi-page="tv-home"] .cr-pad .cr-left{grid-column:1;grid-row:2}html[data-arkhi-page="tv-home"] .cr-pad .cr-ok{grid-column:2;grid-row:2;background:#FF6B4A;color:#171717;font-weight:900;font-size:17px}html[data-arkhi-page="tv-home"] .cr-pad .cr-right{grid-column:3;grid-row:2}html[data-arkhi-page="tv-home"] .cr-pad .cr-down{grid-column:2;grid-row:3}html[data-arkhi-page="tv-home"] .cr-side{display:flex;flex-direction:column;gap:8px;text-align:center}html[data-arkhi-page="tv-home"] .cr-side button{min-height:49px;font-weight:850}html[data-arkhi-page="tv-home"] .cr-side-hint{font-size:10px;line-height:1.4;color:#9da9ba}html[data-arkhi-page="tv-home"] .cr-media{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}html[data-arkhi-page="tv-home"] .cr-media button{display:flex;flex-direction:column;gap:4px;font-size:11px;padding:7px}html[data-arkhi-page="tv-home"] .cr-media svg{height:19px;width:19px}html[data-arkhi-page="tv-home"] .cr-volume{padding:8px 0;margin-bottom:10px;border-block:1px solid #373e49}html[data-arkhi-page="tv-home"] .cr-volume button{width:40px;min-height:40px;background:transparent;border:0}html[data-arkhi-page="tv-home"] .cr-volume label{font-size:13px;font-weight:800}html[data-arkhi-page="tv-home"] .cr-volume input{flex:1;min-width:40px;accent-color:#FF6B4A}html[data-arkhi-page="tv-home"] .cr-volume output{font-size:12px;width:40px;text-align:right}html[data-arkhi-page="tv-home"] .cr-list-head{justify-content:space-between;margin-bottom:8px}html[data-arkhi-page="tv-home"] .cr-list-head h3{font-size:15px;margin:0}html[data-arkhi-page="tv-home"] .cr-search{width:60%;display:flex;gap:5px;align-items:center;background:#10151c;border:1px solid #3d4654;padding:0 8px;border-radius:14px!important}html[data-arkhi-page="tv-home"] .cr-search svg{height:18px;width:18px}html[data-arkhi-page="tv-home"] .cr-search input{width:100%;min-width:0;color:#fff;border:0;background:transparent;outline:0;font-size:13px;padding:9px 0}html[data-arkhi-page="tv-home"] .cr-channel-list{flex:1;min-height:65px;max-height:165px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:5px;scrollbar-width:thin}html[data-arkhi-page="tv-home"] .cr-shell .cr-channel{width:100%;display:flex;justify-content:flex-start;text-align:left;gap:9px;background:#1b2029;min-height:50px;padding:7px 10px}html[data-arkhi-page="tv-home"] .cr-shell .cr-channel.selected{border-color:#FF6B4A;background:#35291f}html[data-arkhi-page="tv-home"] .cr-channel-num{width:23px;flex:none;font-size:12px;font-weight:900;color:#FF6B4A}html[data-arkhi-page="tv-home"] .cr-channel img{width:33px;height:33px;object-fit:contain;background:#fff;border-radius:8px!important;padding:2px}html[data-arkhi-page="tv-home"] .cr-channel-info{display:flex;flex-direction:column;gap:3px;overflow:hidden;min-width:0}html[data-arkhi-page="tv-home"] .cr-channel-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-arkhi-page="tv-home"] .cr-channel-info small{font-size:11px;color:#acbac8}html[data-arkhi-page="tv-home"] .cr-list-empty{padding:12px;color:#b8c5d2}html[data-arkhi-page="tv-home"] .cr-notice{font-size:12px;line-height:1.4;color:#b8c5d2;min-height:33px;margin:10px 0 0}html[data-arkhi-page="tv-home"] .cr-notice[data-state=error]{color:#ffc0aa}html[data-arkhi-page="tv-home"] .cr-notice[data-state=ok]{color:#96edc2}@media(max-width:650px){html[data-arkhi-page="tv-home"] .cast-remote-launch{bottom:94px;right:14px;padding:12px}html[data-arkhi-page="tv-home"] .cr-shell{padding:14px;border-radius:20px!important}html[data-arkhi-page="tv-home"] .cr-controls{gap:10px}html[data-arkhi-page="tv-home"] .cr-pad{grid-template-rows:repeat(3,42px)}html[data-arkhi-page="tv-home"] .cr-channel-list{max-height:118px}}@media(max-height:710px){html[data-arkhi-page="tv-home"] .cr-head{margin-bottom:5px}html[data-arkhi-page="tv-home"] .cr-device{padding:8px;margin-bottom:7px}html[data-arkhi-page="tv-home"] .cr-now{padding:9px;margin-bottom:7px}html[data-arkhi-page="tv-home"] .cr-pad{grid-template-rows:repeat(3,38px)}html[data-arkhi-page="tv-home"] .cr-side button{min-height:42px}html[data-arkhi-page="tv-home"] .cr-controls,html[data-arkhi-page="tv-home"] .cr-media,html[data-arkhi-page="tv-home"] .cr-volume{margin-bottom:7px}html[data-arkhi-page="tv-home"] .cr-channel-list{max-height:92px}}


/* Original layout centralized from /mnt/usb1/tv-web/static/web-tv.css */
html[data-arkhi-page="tv-home"] body{background:#070b10!important;color:#eef2f7}html[data-arkhi-page="tv-home"] .top{background:#0d121a!important;border-bottom:1px solid #27303c;min-height:86px;padding:18px 32px!important}html[data-arkhi-page="tv-home"] .main-nav{gap:24px!important;align-items:center}html[data-arkhi-page="tv-home"] .main-nav button,html[data-arkhi-page="tv-home"] .main-nav a{font-size:18px!important;white-space:nowrap;text-decoration:none;color:#c6cfdc;background:transparent;border:0;padding:14px 0;min-height:50px}html[data-arkhi-page="tv-home"] .main-nav .active{color:#ffad59!important;border-bottom:3px solid #ffad59!important}html[data-arkhi-page="tv-home"] .main-nav [hidden]{display:none!important}html[data-arkhi-page="tv-home"] .layout{max-width:none!important;padding:26px 32px!important;gap:28px!important;grid-template-columns:minmax(420px,1.6fr) minmax(340px,1fr)!important;grid-template-areas:'player browse'!important}html[data-arkhi-page="tv-home"] .player{background:#0e141d!important;border:1px solid #253040;border-radius:12px!important;position:sticky;top:112px}html[data-arkhi-page="tv-home"] .videoWrap{background:#000;aspect-ratio:16/9}html[data-arkhi-page="tv-home"] .videoWrap video{width:100%;height:100%;object-fit:contain}html[data-arkhi-page="tv-home"] .meta h1{font-size:28px!important}html[data-arkhi-page="tv-home"] .panel h2{font-size:28px!important}html[data-arkhi-page="tv-home"] .grid{grid-template-columns:1fr!important;gap:10px}html[data-arkhi-page="tv-home"] .card{border:1px solid #253040!important;background:#101823!important;padding:17px!important;min-height:82px;border-radius:8px!important}html[data-arkhi-page="tv-home"] .card.active{border-color:#ffad59!important;background:#302418!important}html[data-arkhi-page="tv-home"] .card .cn{font-size:20px!important}html[data-arkhi-page="tv-home"] .groups{gap:9px}html[data-arkhi-page="tv-home"] .chip{background:#161f2c!important;border:1px solid #2d3a4c!important;padding:11px 16px!important}html[data-arkhi-page="tv-home"] .chip.active{background:#ffad59!important;color:#0d1118!important}html[data-arkhi-page="tv-home"] .controls button{min-height:46px}html[data-arkhi-page="tv-home"] body[data-section=guide] .layout,html[data-arkhi-page="tv-home"] body[data-section=recordings] .layout,html[data-arkhi-page="tv-home"] body[data-section=series] .layout{grid-template-columns:minmax(420px,1.1fr) minmax(480px,1.4fr)!important}@media(max-width:1050px){html[data-arkhi-page="tv-home"] .top{padding:14px 20px!important}html[data-arkhi-page="tv-home"] .main-nav{gap:18px!important;overflow-x:auto}html[data-arkhi-page="tv-home"] .main-nav button,html[data-arkhi-page="tv-home"] .main-nav a{font-size:16px!important}html[data-arkhi-page="tv-home"] .layout,html[data-arkhi-page="tv-home"] body[data-section=guide] .layout,html[data-arkhi-page="tv-home"] body[data-section=recordings] .layout,html[data-arkhi-page="tv-home"] body[data-section=series] .layout{padding:20px!important;grid-template-columns:1fr!important;grid-template-areas:'player' 'browse'!important}html[data-arkhi-page="tv-home"] .player{position:relative;top:auto}}@media(max-width:600px){html[data-arkhi-page="tv-home"] .top{flex-wrap:wrap}html[data-arkhi-page="tv-home"] .main-nav{width:100%;margin:8px 0 0}html[data-arkhi-page="tv-home"] .layout{padding:12px!important}html[data-arkhi-page="tv-home"] .meta h1{font-size:23px!important}}




/* SOURCE FOR tv-videoteca (scoped) */
/* CSS formerly embedded in /mnt/usb1/tv-web/static/videoteca.html */
/* Inline block 1 */

html[data-arkhi-page="tv-videoteca"] .retention-confirm{position:fixed;inset:0;z-index:600;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.82)}html[data-arkhi-page="tv-videoteca"] .retention-confirm[hidden]{display:none}html[data-arkhi-page="tv-videoteca"] .retention-confirm-box{width:min(800px,88vw);padding:36px;background:#111821;border-radius:16px;color:#fff}html[data-arkhi-page="tv-videoteca"] .retention-confirm h2{font-size:32px;margin:0 0 18px}html[data-arkhi-page="tv-videoteca"] .retention-confirm p{font-size:24px;line-height:1.4}html[data-arkhi-page="tv-videoteca"] .retention-confirm button{font-size:24px;margin:10px 12px 0 0}html[data-arkhi-page="tv-videoteca"] .retention-confirm button:focus{outline:3px solid #ffb748;outline-offset:4px}


/* Inline block 2 */
html[data-arkhi-page="tv-videoteca"] .auto-surface{--touch:48px;scroll-padding-top:80px}html[data-arkhi-page="tv-videoteca"] .auto-surface body{overflow-x:hidden}html[data-arkhi-page="tv-videoteca"] .auto-surface button,html[data-arkhi-page="tv-videoteca"] .auto-surface select,html[data-arkhi-page="tv-videoteca"] .auto-surface input,html[data-arkhi-page="tv-videoteca"] .auto-surface summary,html[data-arkhi-page="tv-videoteca"] .auto-surface a.link{min-height:var(--touch);font-size:16px;touch-action:manipulation}html[data-arkhi-page="tv-videoteca"] .auto-surface button:focus-visible,html[data-arkhi-page="tv-videoteca"] .auto-surface a:focus-visible{outline:3px solid #FF6B4A;outline-offset:2px}html[data-arkhi-page="tv-videoteca"] .auto-surface .subtitle-ai-overlay{font-size:clamp(18px,2.5vw,30px)}html[data-arkhi-page="tv-videoteca"] .auto-surface video{object-fit:contain}html[data-arkhi-page="tv-videoteca"] .auto-surface .retention-confirm-box{max-height:90dvh;overflow:auto}html[data-arkhi-page="tv-videoteca"] .auto-surface .retention-confirm h2{font-size:26px}html[data-arkhi-page="tv-videoteca"] .auto-surface .retention-confirm p,html[data-arkhi-page="tv-videoteca"] .auto-surface .retention-confirm button{font-size:18px}
html[data-arkhi-page="tv-videoteca"] .auto-surface{--edge:20px}html[data-arkhi-page="tv-videoteca"] .auto-surface .topbar{padding:8px max(12px,env(safe-area-inset-left));height:auto;min-height:64px;gap:14px;flex-wrap:wrap}html[data-arkhi-page="tv-videoteca"] .auto-surface .main-nav{display:flex!important;gap:16px;overflow:auto;min-width:0;max-width:100%}html[data-arkhi-page="tv-videoteca"] .auto-surface .main-nav a{display:block!important;white-space:nowrap;min-height:48px;padding:12px 0}html[data-arkhi-page="tv-videoteca"] .auto-surface .search-box{width:180px;min-height:48px}html[data-arkhi-page="tv-videoteca"] .auto-surface .search-box input{width:100%;opacity:1}html[data-arkhi-page="tv-videoteca"] .auto-surface .search-box:focus-within{width:220px}html[data-arkhi-page="tv-videoteca"] .auto-surface .hero{height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}html[data-arkhi-page="tv-videoteca"] .auto-surface .hero-copy{position:relative;left:auto;bottom:auto;width:100%;max-width:960px;padding:0;}html[data-arkhi-page="tv-videoteca"] .auto-surface .hero h1,html[data-arkhi-page="tv-videoteca"] .auto-surface .detail-copy h1{font-size:32px;}html[data-arkhi-page="tv-videoteca"] .auto-surface .hero-synopsis{font-size:16px}html[data-arkhi-page="tv-videoteca"] .auto-surface .detail-card{min-height:100dvh;padding:76px 24px 32px;gap:24px}html[data-arkhi-page="tv-videoteca"] .auto-surface .detail-copy{min-width:0}html[data-arkhi-page="tv-videoteca"] .auto-surface .detail-copy p{font-size:17px}html[data-arkhi-page="tv-videoteca"] .auto-surface .detail-poster{width:min(25vw,240px)}html[data-arkhi-page="tv-videoteca"] .auto-surface .movie-card{flex-basis:clamp(150px,18vw,230px);width:clamp(150px,18vw,230px)}html[data-arkhi-page="tv-videoteca"] .auto-surface .player-osd{padding:55px 16px max(14px,env(safe-area-inset-bottom))}html[data-arkhi-page="tv-videoteca"] .auto-surface .player-osd h2{font-size:22px}html[data-arkhi-page="tv-videoteca"] .auto-surface .player-actions{display:flex;flex-wrap:wrap;gap:8px}html[data-arkhi-page="tv-videoteca"] .auto-surface .close{top:12px;right:12px;width:48px;height:48px}html[data-arkhi-page="tv-videoteca"] .auto-surface .movie-row{scroll-snap-type:x proximity}html[data-arkhi-page="tv-videoteca"] .auto-surface .movie-card{scroll-snap-align:start}
@media(max-width:620px){html[data-arkhi-page="tv-videoteca"] .auto-surface .topbar{position:relative}html[data-arkhi-page="tv-videoteca"] .auto-surface .search-box,html[data-arkhi-page="tv-videoteca"] .auto-surface .search-box:focus-within{width:100%}html[data-arkhi-page="tv-videoteca"] .auto-surface .hero{height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}html[data-arkhi-page="tv-videoteca"] .auto-surface .detail-card{display:block}html[data-arkhi-page="tv-videoteca"] .auto-surface .detail-poster{display:none}html[data-arkhi-page="tv-videoteca"] .auto-surface .detail-copy{padding-top:0}html[data-arkhi-page="tv-videoteca"] .auto-surface .hero-copy{position:relative;left:auto;bottom:auto;width:100%;max-width:960px;padding:0;}}
@media(orientation:landscape) and (max-height:600px){html[data-arkhi-page="tv-videoteca"] .auto-surface .hero{height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}html[data-arkhi-page="tv-videoteca"] .auto-surface .hero-synopsis{-webkit-line-clamp:2}html[data-arkhi-page="tv-videoteca"] .auto-surface .topbar{position:relative}html[data-arkhi-page="tv-videoteca"] .auto-surface .detail-card{align-items:flex-start}html[data-arkhi-page="tv-videoteca"] .auto-surface .detail-poster{max-height:65dvh;width:auto}html[data-arkhi-page="tv-videoteca"] .auto-surface .hero-copy{position:relative;left:auto;bottom:auto;width:100%;max-width:960px;padding:0;}}


/* Inline block 3 */
html[data-arkhi-page="tv-videoteca"] .auto-surface{--touch:52px}html[data-arkhi-page="tv-videoteca"] .auto-surface body{padding-bottom:calc(82px + env(safe-area-inset-bottom));background:#080a0d}html[data-arkhi-page="tv-videoteca"] .auto-surface .top,html[data-arkhi-page="tv-videoteca"] .auto-surface .topbar{position:relative;min-height:64px;padding:10px 16px;background:#080a0d;border-bottom:0}html[data-arkhi-page="tv-videoteca"] .auto-surface .brand-title,html[data-arkhi-page="tv-videoteca"] .auto-surface .brand-copy{display:block;font-size:18px}html[data-arkhi-page="tv-videoteca"] .auto-surface .brand-mark{width:36px;height:36px}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-nav{position:fixed;z-index:90;left:0;right:0;bottom:0;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:none;margin:0;gap:0!important;padding:6px 8px max(8px,env(safe-area-inset-bottom));background:#12151b;border-top:1px solid #282d35;overflow:visible}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-nav button,html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-nav a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;height:64px;padding:5px 0;border:0;border-radius:12px;background:transparent;font-size:12px;font-weight:700;color:#aab0bb;white-space:nowrap;opacity:1}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-nav .active{background:#302113;color:#FF6B4A}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-nav svg{width:24px;height:24px;flex-shrink:0}html[data-arkhi-page="tv-videoteca"] .auto-surface .layout{padding:0 16px 24px;gap:20px}html[data-arkhi-page="tv-videoteca"] .auto-surface .player{border:0;border-radius:16px;background:#12151b;overflow:hidden;position:sticky;top:12px}html[data-arkhi-page="tv-videoteca"] .auto-surface .videoWrap{max-height:none;aspect-ratio:16/9}html[data-arkhi-page="tv-videoteca"] .auto-surface .videoWrap video{width:100%;height:100%;max-width:none}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-playback{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:flex-end;gap:10px;pointer-events:none}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-playback button{pointer-events:auto;min-width:52px;width:52px;height:52px;border-radius:50%;border:1px solid #ffffff30;background:#080a0dd9;color:#fff;display:grid;place-items:center;padding:13px}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-playback svg{width:24px;height:24px}html[data-arkhi-page="tv-videoteca"] .auto-surface #touchPlay{margin-right:auto;background:#fff;color:#12151b}html[data-arkhi-page="tv-videoteca"] .auto-surface .meta{padding:14px 16px}html[data-arkhi-page="tv-videoteca"] .auto-surface .meta h1{font-size:22px;margin:0 0 8px}html[data-arkhi-page="tv-videoteca"] .auto-surface .status{font-size:13px}html[data-arkhi-page="tv-videoteca"] .auto-surface #currentEpg{margin-top:10px;padding-top:10px;font-size:15px}html[data-arkhi-page="tv-videoteca"] .auto-surface #movieSchedule{display:none}html[data-arkhi-page="tv-videoteca"] .auto-surface .section-heading h2{font-size:26px}html[data-arkhi-page="tv-videoteca"] .auto-surface .section-heading p{display:none}html[data-arkhi-page="tv-videoteca"] .auto-surface .search{min-height:54px;border-radius:16px;background:#181c24;padding:14px 16px;font-size:17px}html[data-arkhi-page="tv-videoteca"] .auto-surface .groups{gap:10px;padding-bottom:14px}html[data-arkhi-page="tv-videoteca"] .auto-surface .chip{min-height:48px;padding:12px 18px;border:0;background:#181c24;font-size:15px}html[data-arkhi-page="tv-videoteca"] .auto-surface .chip.active{background:#FF6B4A;color:#111}html[data-arkhi-page="tv-videoteca"] .auto-surface .grid{grid-template-columns:1fr;gap:10px}html[data-arkhi-page="tv-videoteca"] .auto-surface .card{min-height:90px;border:1px solid #222833;border-radius:16px;background:#12151b;padding:14px;gap:14px}html[data-arkhi-page="tv-videoteca"] .auto-surface .card.active{background:#302113;border-color:#FF6B4A}html[data-arkhi-page="tv-videoteca"] .auto-surface .logo{width:48px;height:48px;border-radius:12px}html[data-arkhi-page="tv-videoteca"] .auto-surface .cn{font-size:18px}html[data-arkhi-page="tv-videoteca"] .auto-surface .programme{font-size:15px}html[data-arkhi-page="tv-videoteca"] .auto-surface .small{font-size:13px}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-sheet{position:fixed;inset:0;z-index:500;background:#0009;display:flex;align-items:flex-end;justify-content:center}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-sheet[hidden]{display:none}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-sheet-card{width:min(100%,660px);max-height:88dvh;overflow:auto;background:#151a22;border-radius:24px 24px 0 0;padding:22px 20px max(24px,env(safe-area-inset-bottom))}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-sheet h2{margin:0;font-size:22px}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-sheet .primary-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-sheet button{min-height:52px;border-radius:12px;font-size:16px}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-sheet .record-settings{padding-top:20px}html[data-arkhi-page="tv-videoteca"] .auto-surface .videoWrap:fullscreen{width:100%;height:100%;aspect-ratio:auto;background:#000}html[data-arkhi-page="tv-videoteca"] .auto-surface .videoWrap:fullscreen .touch-playback{bottom:max(20px,env(safe-area-inset-bottom))}html[data-arkhi-page="tv-videoteca"] .auto-surface .movie-card,html[data-arkhi-page="tv-videoteca"] .auto-surface .movie-card:hover,html[data-arkhi-page="tv-videoteca"] .auto-surface .movie-card:focus,html[data-arkhi-page="tv-videoteca"] .auto-surface .movie-card.selected{transform:none;box-shadow:none}html[data-arkhi-page="tv-videoteca"] .auto-surface .movie-card{border-radius:14px;flex-basis:170px;width:170px;border:0}html[data-arkhi-page="tv-videoteca"] .auto-surface .movie-card:focus-visible{outline:3px solid #FF6B4A}html[data-arkhi-page="tv-videoteca"] .auto-surface .movie-card .title{font-size:16px}html[data-arkhi-page="tv-videoteca"] .auto-surface .movie-card .sub{font-size:13px}html[data-arkhi-page="tv-videoteca"] .auto-surface .card-row{gap:14px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding-bottom:12px}html[data-arkhi-page="tv-videoteca"] .auto-surface .hero{height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}html[data-arkhi-page="tv-videoteca"] .auto-surface .hero-copy{position:relative;left:auto;bottom:auto;width:100%;max-width:960px;padding:0;}html[data-arkhi-page="tv-videoteca"] .auto-surface .hero-actions{gap:10px}html[data-arkhi-page="tv-videoteca"] .auto-surface .hero-actions button{border-radius:14px}html[data-arkhi-page="tv-videoteca"] .auto-surface .rows{margin-top:0}html[data-arkhi-page="tv-videoteca"] .auto-surface .topbar .touch-nav{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-arkhi-page="tv-videoteca"] .auto-surface .top-actions{width:100%;margin:0}html[data-arkhi-page="tv-videoteca"] .auto-surface .search-box,html[data-arkhi-page="tv-videoteca"] .auto-surface .search-box:focus-within{width:100%;border-radius:14px;min-height:52px}html[data-arkhi-page="tv-videoteca"] .auto-surface .hero h1{font-size:32px;}html[data-arkhi-page="tv-videoteca"] .auto-surface .detail-card{padding-bottom:100px}html[data-arkhi-page="tv-videoteca"] .auto-surface .player-actions button{border-radius:12px;min-height:52px}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-playback button:active,html[data-arkhi-page="tv-videoteca"] .auto-surface .card:active{opacity:.8}@media(orientation:portrait),(max-width:650px){html[data-arkhi-page="tv-videoteca"] .auto-surface .player{position:relative;top:auto}html[data-arkhi-page="tv-videoteca"] .auto-surface .layout{grid-template-columns:1fr;grid-template-areas:'player' 'browse'}html[data-arkhi-page="tv-videoteca"] .auto-surface .videoWrap{aspect-ratio:16/9}html[data-arkhi-page="tv-videoteca"] .auto-surface .section-heading{margin-bottom:12px}html[data-arkhi-page="tv-videoteca"] .auto-surface .hero{height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}}@media(orientation:landscape) and (max-height:600px){html[data-arkhi-page="tv-videoteca"] .auto-surface .top,html[data-arkhi-page="tv-videoteca"] .auto-surface .topbar{min-height:44px;padding-top:6px;padding-bottom:6px}html[data-arkhi-page="tv-videoteca"] .auto-surface .brand-mark{width:28px;height:28px}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-nav button,html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-nav a{height:54px}html[data-arkhi-page="tv-videoteca"] .auto-surface body{padding-bottom:68px}html[data-arkhi-page="tv-videoteca"] .auto-surface .layout{gap:16px}html[data-arkhi-page="tv-videoteca"] .auto-surface .player{top:8px}html[data-arkhi-page="tv-videoteca"] .auto-surface .videoWrap{max-height:56dvh;aspect-ratio:16/9}html[data-arkhi-page="tv-videoteca"] .auto-surface .meta{padding:8px 12px}html[data-arkhi-page="tv-videoteca"] .auto-surface #currentEpg>.small{display:none}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-sheet{align-items:center}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-sheet-card{border-radius:20px;max-height:90dvh}html[data-arkhi-page="tv-videoteca"] .auto-surface .hero{height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}html[data-arkhi-page="tv-videoteca"] .auto-surface .topbar{flex-wrap:nowrap}html[data-arkhi-page="tv-videoteca"] .auto-surface .topbar .top-actions{width:50%;margin-left:auto}}

/* Inline block 4 */
html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-playback{flex-wrap:wrap;background:linear-gradient(transparent,#0008);border-radius:12px}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-seek{flex:1 0 100%;display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;min-height:48px;pointer-events:auto}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-seek[hidden]{display:none}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-seek input{min-width:0;flex:1;min-height:48px;accent-color:#FF6B4A;background:transparent;padding:0}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-seek input::-webkit-slider-thumb{width:24px;height:24px}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-seek span{font-variant-numeric:tabular-nums}

/* Inline block 5 */
html[data-arkhi-page="tv-videoteca"] .auto-surface .videoWrap{width:100%}html[data-arkhi-page="tv-videoteca"] .auto-surface .brand-mark{font-size:0}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-sheet button:focus-visible{outline:3px solid #FF6B4A;outline-offset:2px}

/* Inline block 6 */
html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-playback{transition:opacity .15s}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-playback.touch-hidden{opacity:0;pointer-events:none}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-playback.touch-hidden button,html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-playback.touch-hidden input{pointer-events:none}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-gesture-hint{position:absolute;z-index:50;left:50%;top:45%;transform:translate(-50%,-50%);max-width:80%;padding:12px 18px;border-radius:16px;background:#080a0de6;color:white;text-align:center;font-size:18px;opacity:0;pointer-events:none}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-gesture-hint.show{opacity:1}

/* Inline block 7 */
html[data-arkhi-page="tv-videoteca"] .auto-surface .ad-brand,html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-watermark{position:absolute;z-index:24;right:12px;bottom:12px;width:clamp(60px,8vw,100px);height:clamp(60px,8vw,100px);object-fit:contain;opacity:.86;transform:none;pointer-events:none;transition:bottom .15s}html[data-arkhi-page="tv-videoteca"] .auto-surface .touch-tools-visible .ad-brand{bottom:var(--touch-logo-clearance,80px)}html[data-arkhi-page="tv-videoteca"] .auto-surface .player-layer .touch-watermark{width:clamp(68px,8vw,110px);height:clamp(68px,8vw,110px);bottom:18px}html[data-arkhi-page="tv-videoteca"] .auto-surface .player-layer.touch-tools-visible .touch-watermark{bottom:200px}@media(orientation:landscape) and (max-height:600px){html[data-arkhi-page="tv-videoteca"] .auto-surface .ad-brand{width:64px;height:64px}html[data-arkhi-page="tv-videoteca"] .auto-surface .player-layer.touch-tools-visible .touch-watermark{bottom:175px}}

/* Inline block 8 */
html[data-arkhi-page="tv-videoteca"] .recorded-subtitle-overlay{position:absolute;left:8%;right:8%;bottom:17%;z-index:9;pointer-events:none;white-space:pre-line;text-align:center;color:white;font-family:Arial,sans-serif;font-size:clamp(22px,2.3vw,42px);font-weight:700;line-height:1.3;text-shadow:0 2px 4px #000,0 0 9px #000,2px 2px 2px #000;overflow-wrap:break-word}html[data-arkhi-page="tv-videoteca"] .recorded-subtitle-overlay[hidden]{display:none!important}@media(max-width:700px){html[data-arkhi-page="tv-videoteca"] .recorded-subtitle-overlay{bottom:20%;font-size:clamp(20px,4vw,30px)}}

/* Original layout centralized from /mnt/usb1/tv-web/static/videoteca.css */
html[data-arkhi-page="tv-videoteca"]{
  --bg:#050505;--panel:#111315;--panel2:#181b1f;--text:#fff;--muted:#b9bec5;
  --accent:#FF6B4A;--accent2:#FF6B4A;--focus:#fff;--radius:10px;--edge:4vw;
}
html[data-arkhi-page="tv-videoteca"] *{box-sizing:border-box}html[data-arkhi-page="tv-videoteca"]{background:var(--bg);color-scheme:dark}html[data-arkhi-page="tv-videoteca"],html[data-arkhi-page="tv-videoteca"] body{margin:0;min-height:100%;background:#050505;color:#fff;font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}html[data-arkhi-page="tv-videoteca"] body{background:linear-gradient(180deg,#050505,#090a0c 72%,#050505)}html[data-arkhi-page="tv-videoteca"] a{color:inherit;text-decoration:none}html[data-arkhi-page="tv-videoteca"] button,html[data-arkhi-page="tv-videoteca"] input{font:inherit}html[data-arkhi-page="tv-videoteca"] button{color:#fff}
html[data-arkhi-page="tv-videoteca"] .topbar{position:fixed;z-index:80;top:0;left:0;right:0;height:72px;display:flex;align-items:center;gap:30px;padding:0 var(--edge);background:linear-gradient(180deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 64%,rgba(0,0,0,0) 100%);transition:background .25s,box-shadow .25s}html[data-arkhi-page="tv-videoteca"] .topbar.scrolled{background:rgba(5,5,5,.98);box-shadow:0 10px 30px rgba(0,0,0,.28)}
html[data-arkhi-page="tv-videoteca"] .brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;font-weight:950}html[data-arkhi-page="tv-videoteca"] .brand-mark{width:38px;height:38px;display:block;object-fit:contain;border-radius:9px;background:transparent}html[data-arkhi-page="tv-videoteca"] .brand-copy{font-size:18px;letter-spacing:.01em}html[data-arkhi-page="tv-videoteca"] .brand-copy b{color:var(--accent)}
html[data-arkhi-page="tv-videoteca"] .main-nav{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:750}html[data-arkhi-page="tv-videoteca"] .main-nav a{opacity:.68;padding:8px 0;border-bottom:2px solid transparent;transition:opacity .15s,border-color .15s}html[data-arkhi-page="tv-videoteca"] .main-nav a:hover,html[data-arkhi-page="tv-videoteca"] .main-nav a:focus,html[data-arkhi-page="tv-videoteca"] .main-nav a.active{opacity:1}html[data-arkhi-page="tv-videoteca"] .main-nav a.active{border-bottom-color:var(--accent)}
html[data-arkhi-page="tv-videoteca"] .top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}html[data-arkhi-page="tv-videoteca"] .search-box{width:300px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:7px;background:rgba(18,18,18,.74);display:flex;align-items:center;gap:8px;padding:0 11px;transition:border-color .15s,background .15s,width .2s}html[data-arkhi-page="tv-videoteca"] .search-box:focus-within{background:#0d0d0d;border-color:#fff;width:360px}html[data-arkhi-page="tv-videoteca"] .search-box span{font-size:22px;opacity:.74;transform:rotate(-20deg)}html[data-arkhi-page="tv-videoteca"] .search-box input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:13px}html[data-arkhi-page="tv-videoteca"] .search-box input::placeholder{color:#8d9299}html[data-arkhi-page="tv-videoteca"] .top-icon{width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.1);font-size:22px;padding:0;cursor:pointer}html[data-arkhi-page="tv-videoteca"] .profile-badge{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:linear-gradient(135deg,#FF6B4A,#C34338);font-weight:950;font-size:11px}html[data-arkhi-page="tv-videoteca"] .clock{font-size:14px;color:#d9dde2;font-variant-numeric:tabular-nums;margin-left:2px}
html[data-arkhi-page="tv-videoteca"] .hero{position:relative;background:#090909;height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}
html[data-arkhi-page="tv-videoteca"] .hero-copy{z-index:3;;position:relative;left:auto;bottom:auto;width:100%;max-width:960px;padding:0;}html[data-arkhi-page="tv-videoteca"] .eyebrow{font-size:11px;letter-spacing:.17em;font-weight:900;color:var(--accent2);text-transform:uppercase}html[data-arkhi-page="tv-videoteca"] .hero h1,html[data-arkhi-page="tv-videoteca"] .detail h1{margin:10px 0 12px;font-size:32px;line-height:.94;letter-spacing:-.045em;text-wrap:balance;}html[data-arkhi-page="tv-videoteca"] .hero-meta,html[data-arkhi-page="tv-videoteca"] .detail-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px;font-weight:800;color:#f1f3f5}html[data-arkhi-page="tv-videoteca"] .hero-meta span,html[data-arkhi-page="tv-videoteca"] .detail-meta span{display:inline-flex;align-items:center;gap:5px}html[data-arkhi-page="tv-videoteca"] .hero-meta span+span:before,html[data-arkhi-page="tv-videoteca"] .detail-meta span+span:before{content:"•";opacity:.5;margin-right:3px}html[data-arkhi-page="tv-videoteca"] .hero-synopsis{max-width:650px;margin:16px 0 20px;font-size:17px;line-height:1.48;color:#d5d8dd;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}html[data-arkhi-page="tv-videoteca"] .hero-actions,html[data-arkhi-page="tv-videoteca"] .detail-actions,html[data-arkhi-page="tv-videoteca"] .player-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
html[data-arkhi-page="tv-videoteca"] button,html[data-arkhi-page="tv-videoteca"] .soft,html[data-arkhi-page="tv-videoteca"] .icon-action{border:0;border-radius:7px;padding:11px 18px;font-weight:850;cursor:pointer;transition:transform .12s,background .12s,opacity .12s}html[data-arkhi-page="tv-videoteca"] .primary{background:#fff;color:#080808}html[data-arkhi-page="tv-videoteca"] .primary:hover,html[data-arkhi-page="tv-videoteca"] .primary:focus{background:#e9e9e9}html[data-arkhi-page="tv-videoteca"] .soft{background:rgba(108,108,108,.58);color:#fff}html[data-arkhi-page="tv-videoteca"] .soft:hover,html[data-arkhi-page="tv-videoteca"] .soft:focus{background:rgba(130,130,130,.78)}html[data-arkhi-page="tv-videoteca"] .icon-action{width:46px;height:46px;border-radius:50%;padding:0;background:rgba(70,70,70,.7);font-size:24px}html[data-arkhi-page="tv-videoteca"] .icon-action.active{background:var(--accent);color:#111}html[data-arkhi-page="tv-videoteca"] .hero-age{position:absolute;z-index:3;right:0;bottom:17%;min-width:78px;padding:8px 24px 8px 12px;border-left:3px solid #fff;background:rgba(40,40,40,.58);font-size:14px;font-weight:900}
html[data-arkhi-page="tv-videoteca"] .hero-progress-wrap{max-width:500px;margin:0 0 18px}html[data-arkhi-page="tv-videoteca"] .hero-progress-label{display:flex;justify-content:space-between;gap:16px;color:#d2d5d9;font-size:12px;margin-bottom:7px}html[data-arkhi-page="tv-videoteca"] .hero-progress{height:4px;border-radius:10px;background:rgba(255,255,255,.2);overflow:hidden}html[data-arkhi-page="tv-videoteca"] .hero-progress span{display:block;width:0;height:100%;background:var(--accent)}
html[data-arkhi-page="tv-videoteca"] .rows{position:relative;z-index:8;margin-top:0;padding:0 0 80px}html[data-arkhi-page="tv-videoteca"] .shelf{margin:0 0 34px;padding-left:var(--edge)}html[data-arkhi-page="tv-videoteca"] .shelf-head{display:flex;align-items:baseline;gap:12px;margin:0 0 10px}html[data-arkhi-page="tv-videoteca"] .shelf h2{margin:0;font-size:20px;letter-spacing:-.015em}html[data-arkhi-page="tv-videoteca"] .shelf-head span{font-size:12px;color:#8f969f}html[data-arkhi-page="tv-videoteca"] .card-row{display:flex;gap:9px;overflow-x:auto;overflow-y:visible;padding:6px var(--edge) 22px 2px;scrollbar-width:none;scroll-behavior:smooth}html[data-arkhi-page="tv-videoteca"] .card-row::-webkit-scrollbar{display:none}
html[data-arkhi-page="tv-videoteca"] .movie-card{position:relative;flex:0 0 188px;width:188px;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:#161719;outline:0;cursor:pointer;transform-origin:center;transition:transform .17s ease,box-shadow .17s ease,z-index 0s;border:2px solid transparent}html[data-arkhi-page="tv-videoteca"] .movie-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#17191d}html[data-arkhi-page="tv-videoteca"] .movie-card .fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:16px;background:linear-gradient(145deg,#2b2f35,#111317);font-weight:900}html[data-arkhi-page="tv-videoteca"] .movie-card .card-grad{position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.18) 12%,rgba(0,0,0,.96) 100%)}html[data-arkhi-page="tv-videoteca"] .movie-card .card-badges{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;gap:6px;z-index:2}html[data-arkhi-page="tv-videoteca"] .movie-card .badge{padding:4px 6px;border-radius:5px;background:rgba(0,0,0,.72);font-size:9px;font-weight:900;letter-spacing:.04em}html[data-arkhi-page="tv-videoteca"] .movie-card .badge.accent{background:var(--accent);color:#111}html[data-arkhi-page="tv-videoteca"] .movie-card .card-meta{position:absolute;z-index:2;left:10px;right:10px;bottom:10px}html[data-arkhi-page="tv-videoteca"] .movie-card .title{font-size:13px;font-weight:900;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-arkhi-page="tv-videoteca"] .movie-card .sub{font-size:10px;color:#bec4cb;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-arkhi-page="tv-videoteca"] .movie-card .progress{height:3px;margin-top:8px;background:rgba(255,255,255,.23);border-radius:99px;overflow:hidden}html[data-arkhi-page="tv-videoteca"] .movie-card .progress span{display:block;height:100%;background:var(--accent)}html[data-arkhi-page="tv-videoteca"] .movie-card:hover,html[data-arkhi-page="tv-videoteca"] .movie-card:focus,html[data-arkhi-page="tv-videoteca"] .movie-card.selected{z-index:15;transform:scale(1.085);border-color:#fff;box-shadow:0 18px 48px rgba(0,0,0,.72)}
html[data-arkhi-page="tv-videoteca"] .wide-row .movie-card{flex-basis:280px;width:280px;aspect-ratio:16/9}html[data-arkhi-page="tv-videoteca"] .wide-row .movie-card img{object-position:center 24%}html[data-arkhi-page="tv-videoteca"] .wide-row .movie-card .card-grad{inset:25% 0 0}html[data-arkhi-page="tv-videoteca"] .wide-row .movie-card .title{font-size:14px}html[data-arkhi-page="tv-videoteca"] .wide-row .movie-card .progress{height:4px}
html[data-arkhi-page="tv-videoteca"] .chips{display:flex;gap:8px;overflow-x:auto;padding:2px var(--edge) 12px 0;scrollbar-width:none}html[data-arkhi-page="tv-videoteca"] .chip{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);padding:7px 12px;border-radius:99px;font-size:12px;font-weight:800;cursor:pointer}html[data-arkhi-page="tv-videoteca"] .chip.active,html[data-arkhi-page="tv-videoteca"] .chip:focus,html[data-arkhi-page="tv-videoteca"] .chip:hover{background:#fff;color:#111}
html[data-arkhi-page="tv-videoteca"] .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;padding-right:var(--edge)}html[data-arkhi-page="tv-videoteca"] .card-grid .movie-card{width:100%;min-width:0;max-width:230px}html[data-arkhi-page="tv-videoteca"] .search-shelf{padding-top:22px}html[data-arkhi-page="tv-videoteca"] .empty-state{text-align:center;padding:15vh 20px;color:#aeb4bc}html[data-arkhi-page="tv-videoteca"] .empty-icon{font-size:70px;opacity:.4}html[data-arkhi-page="tv-videoteca"] .empty-state h2{color:#fff;font-size:30px;margin:14px 0 8px}html[data-arkhi-page="tv-videoteca"] .empty-state p{margin:0}
html[data-arkhi-page="tv-videoteca"] .detail{position:fixed;inset:0;z-index:120;background:#050505;overflow:auto}html[data-arkhi-page="tv-videoteca"] .detail-card{position:relative;z-index:2;min-height:100vh;padding:9vh 7vw 7vh;display:flex;align-items:center;gap:48px}html[data-arkhi-page="tv-videoteca"] .detail-poster{width:min(31vw,390px);aspect-ratio:2/3;object-fit:cover;border-radius:12px;background:#15171a;box-shadow:0 28px 80px rgba(0,0,0,.64)}html[data-arkhi-page="tv-videoteca"] .detail-copy{max-width:780px}html[data-arkhi-page="tv-videoteca"] .detail-copy h1{font-size:clamp(42px,5vw,72px)}html[data-arkhi-page="tv-videoteca"] .detail-copy p{font-size:18px;line-height:1.58;color:#d2d6dc;max-width:720px}html[data-arkhi-page="tv-videoteca"] .detail-genres{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}html[data-arkhi-page="tv-videoteca"] .detail-genres span{padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:99px;color:#d5d9df;font-size:12px}html[data-arkhi-page="tv-videoteca"] .credits{font-size:13px;line-height:1.75;color:#aeb5bd;margin:16px 0 26px}html[data-arkhi-page="tv-videoteca"] .credits strong{color:#eef1f4}html[data-arkhi-page="tv-videoteca"] .close{position:fixed;z-index:5;right:30px;top:24px;width:46px;height:46px;padding:0;border-radius:50%;background:rgba(0,0,0,.58);font-size:20px}
html[data-arkhi-page="tv-videoteca"] .player-layer{position:fixed;inset:0;z-index:180;background:#000}html[data-arkhi-page="tv-videoteca"] .player-layer video{width:100%;height:100%;display:block;object-fit:contain;background:#000}html[data-arkhi-page="tv-videoteca"] .player-loading{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(0,0,0,.42);font-weight:850}html[data-arkhi-page="tv-videoteca"] .player-loading[hidden]{display:none}html[data-arkhi-page="tv-videoteca"] .spinner{width:56px;height:56px;border-radius:50%;border:5px solid rgba(255,255,255,.22);border-top-color:var(--accent);animation:spin .8s linear infinite}html[data-arkhi-page="tv-videoteca"] .loading-text{font-size:18px;text-shadow:0 2px 12px #000}html[data-arkhi-page="tv-videoteca"] .loading-pct{font-size:13px;color:#cbd2d9;min-height:1.2em}@keyframes spin{to{transform:rotate(360deg)}}
html[data-arkhi-page="tv-videoteca"] .player-osd{position:absolute;z-index:5;left:0;right:0;bottom:0;padding:110px 4vw 28px;background:linear-gradient(transparent,rgba(0,0,0,.96));transition:opacity .2s}html[data-arkhi-page="tv-videoteca"] .player-osd.hidden{opacity:0;pointer-events:none}html[data-arkhi-page="tv-videoteca"] .player-osd h2{font-size:29px;margin:7px 0 4px}html[data-arkhi-page="tv-videoteca"] .player-osd #playerStatus{font-size:13px;color:#c5cbd2}html[data-arkhi-page="tv-videoteca"] .player-progress{display:grid;grid-template-columns:62px 1fr 62px;align-items:center;gap:12px;margin:18px 0 14px;color:#e9edf2;font-size:12px;font-variant-numeric:tabular-nums}html[data-arkhi-page="tv-videoteca"] .progress-track{height:7px;position:relative;border-radius:99px;background:rgba(255,255,255,.2);overflow:hidden;cursor:pointer}html[data-arkhi-page="tv-videoteca"] .buffer-bar,html[data-arkhi-page="tv-videoteca"] .position-bar{position:absolute;left:0;top:0;bottom:0;width:0}html[data-arkhi-page="tv-videoteca"] .buffer-bar{background:rgba(255,255,255,.35)}html[data-arkhi-page="tv-videoteca"] .position-bar{background:var(--accent)}html[data-arkhi-page="tv-videoteca"] .player-actions button{min-width:84px;background:rgba(60,60,60,.76);border:0;border-radius:7px;padding:10px 14px;font-weight:850}html[data-arkhi-page="tv-videoteca"] .player-actions .primary{min-width:120px;background:#fff;color:#111}html[data-arkhi-page="tv-videoteca"] .subtitle-menu{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 12px;padding:11px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(5,5,5,.92)}html[data-arkhi-page="tv-videoteca"] .subtitle-menu[hidden]{display:none}html[data-arkhi-page="tv-videoteca"] .subtitle-menu button.active{background:#fff;color:#111}html[data-arkhi-page="tv-videoteca"] .toast{position:fixed;z-index:230;left:50%;bottom:34px;transform:translateX(-50%);padding:10px 15px;border-radius:8px;background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.12);opacity:0;pointer-events:none;transition:opacity .15s}html[data-arkhi-page="tv-videoteca"] .toast.show{opacity:1}
html[data-arkhi-page="tv-videoteca"] button:focus,html[data-arkhi-page="tv-videoteca"] a:focus,html[data-arkhi-page="tv-videoteca"] input:focus,html[data-arkhi-page="tv-videoteca"] [data-focus]:focus,html[data-arkhi-page="tv-videoteca"] .movie-card:focus{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:1100px){html[data-arkhi-page="tv-videoteca"] .search-box{width:220px}html[data-arkhi-page="tv-videoteca"] .search-box:focus-within{width:260px}html[data-arkhi-page="tv-videoteca"] .main-nav{gap:14px}html[data-arkhi-page="tv-videoteca"] .clock{display:none}html[data-arkhi-page="tv-videoteca"] .movie-card{flex-basis:166px;width:166px}html[data-arkhi-page="tv-videoteca"] .wide-row .movie-card{flex-basis:250px;width:250px}}
@media(max-width:820px){html[data-arkhi-page="tv-videoteca"]{--edge:20px}html[data-arkhi-page="tv-videoteca"] .topbar{gap:16px}html[data-arkhi-page="tv-videoteca"] .brand-copy{display:none}html[data-arkhi-page="tv-videoteca"] .main-nav a:nth-child(2),html[data-arkhi-page="tv-videoteca"] .main-nav a:nth-child(4){display:none}html[data-arkhi-page="tv-videoteca"] .search-box{width:42px;padding:0 10px}html[data-arkhi-page="tv-videoteca"] .search-box input{width:0;opacity:0}html[data-arkhi-page="tv-videoteca"] .search-box:focus-within{width:250px}html[data-arkhi-page="tv-videoteca"] .search-box:focus-within input{width:100%;opacity:1}html[data-arkhi-page="tv-videoteca"] .profile-badge{display:none}html[data-arkhi-page="tv-videoteca"] .hero{;height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}html[data-arkhi-page="tv-videoteca"] .hero-copy{;position:relative;left:auto;bottom:auto;width:100%;max-width:960px;padding:0;}html[data-arkhi-page="tv-videoteca"] .hero h1{font-size:32px;}html[data-arkhi-page="tv-videoteca"] .hero-synopsis{font-size:15px;-webkit-line-clamp:3}html[data-arkhi-page="tv-videoteca"] .rows{margin-top:-34px}html[data-arkhi-page="tv-videoteca"] .movie-card{flex-basis:145px;width:145px}html[data-arkhi-page="tv-videoteca"] .wide-row .movie-card{flex-basis:235px;width:235px}html[data-arkhi-page="tv-videoteca"] .detail-card{padding:90px 24px 40px;gap:24px}html[data-arkhi-page="tv-videoteca"] .detail-poster{width:34vw}html[data-arkhi-page="tv-videoteca"] .detail-copy p{font-size:15px}}
@media(max-width:620px){html[data-arkhi-page="tv-videoteca"] .main-nav{display:none}html[data-arkhi-page="tv-videoteca"] .hero{;height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}html[data-arkhi-page="tv-videoteca"] .hero-copy{;position:relative;left:auto;bottom:auto;width:100%;max-width:960px;padding:0;}html[data-arkhi-page="tv-videoteca"] .hero-age{display:none}html[data-arkhi-page="tv-videoteca"] .detail-card{display:block}html[data-arkhi-page="tv-videoteca"] .detail-poster{display:none}html[data-arkhi-page="tv-videoteca"] .detail-copy{padding-top:8vh}html[data-arkhi-page="tv-videoteca"] .card-grid{grid-template-columns:repeat(2,1fr)}html[data-arkhi-page="tv-videoteca"] .player-actions button{min-width:70px;padding:9px 11px}}

/* Android TV embedded mode */
html[data-arkhi-page="tv-videoteca"] .apk-mode .topbar{display:none!important}html[data-arkhi-page="tv-videoteca"] .apk-mode .hero{;height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}html[data-arkhi-page="tv-videoteca"] .apk-mode .hero-copy{;position:relative;left:auto;bottom:auto;width:100%;max-width:960px;padding:0;}html[data-arkhi-page="tv-videoteca"] .apk-mode .rows{margin-top:-42px}html[data-arkhi-page="tv-videoteca"] .apk-mode body{overscroll-behavior:none}

html[data-arkhi-page="tv-videoteca"] *,html[data-arkhi-page="tv-videoteca"] *::before,html[data-arkhi-page="tv-videoteca"] *::after{border-radius:0!important}

/* Android TV 10-foot design layer — Samsung / tvOS / webOS aligned */
html[data-arkhi-page="tv-videoteca"] .apk-mode{--edge:80px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .hero-copy{;position:relative;left:auto;bottom:auto;width:100%;max-width:960px;padding:0;}
html[data-arkhi-page="tv-videoteca"] .apk-mode .shelf{padding-left:80px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .card-row{gap:18px;padding-top:12px;padding-bottom:30px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card{border-radius:0!important;border:2px solid transparent;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card.selected:not(:focus){transform:none;border-color:transparent;box-shadow:none}
html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card:focus{transform:scale(1.045);border-color:#FF6B4A;box-shadow:0 16px 42px rgba(0,0,0,.62);outline:0;z-index:15}
html[data-arkhi-page="tv-videoteca"] .apk-mode button,html[data-arkhi-page="tv-videoteca"] .apk-mode .soft,html[data-arkhi-page="tv-videoteca"] .apk-mode .icon-action,html[data-arkhi-page="tv-videoteca"] .apk-mode .chip{border-radius:0!important}
html[data-arkhi-page="tv-videoteca"] .apk-mode button:focus,html[data-arkhi-page="tv-videoteca"] .apk-mode a:focus,html[data-arkhi-page="tv-videoteca"] .apk-mode [data-focus]:focus,html[data-arkhi-page="tv-videoteca"] .apk-mode .chip:focus{outline:3px solid #FF6B4A;outline-offset:3px;transform:scale(1.035)}
html[data-arkhi-page="tv-videoteca"] .apk-mode .detail-card{padding:60px 80px;gap:56px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .detail-poster{border-radius:0!important}
html[data-arkhi-page="tv-videoteca"] .apk-mode .detail-genres span,html[data-arkhi-page="tv-videoteca"] .apk-mode .badge,html[data-arkhi-page="tv-videoteca"] .apk-mode .progress,html[data-arkhi-page="tv-videoteca"] .apk-mode .hero-progress{border-radius:0!important}
html[data-arkhi-page="tv-videoteca"] .apk-mode .close{top:60px;right:80px;border-radius:0!important}
html[data-arkhi-page="tv-videoteca"] .apk-mode .player-osd{padding-left:80px;padding-right:80px;padding-bottom:60px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .player-actions button,html[data-arkhi-page="tv-videoteca"] .apk-mode .subtitle-menu{border-radius:0!important}
html[data-arkhi-page="tv-videoteca"] .apk-mode .progress-track{border-radius:0!important}

/* 2026-10-21 VOD scrub: avoid invisible remote controls during buffering. */
html[data-arkhi-page="tv-videoteca"] .player-loading{pointer-events:none!important}
html[data-arkhi-page="tv-videoteca"] .player-progress .progress-track{height:18px;touch-action:none;overflow:visible;background:transparent}
html[data-arkhi-page="tv-videoteca"] .player-progress .progress-track::before{content:"";position:absolute;left:0;right:0;top:6px;height:6px;background:rgba(255,255,255,.24)}
html[data-arkhi-page="tv-videoteca"] .player-progress .buffer-bar,html[data-arkhi-page="tv-videoteca"] .player-progress .position-bar{top:6px;bottom:auto;height:6px;pointer-events:none}
html[data-arkhi-page="tv-videoteca"] .player-osd:not(.hidden){pointer-events:auto}
html[data-arkhi-page="tv-videoteca"] .player-osd .player-actions button{min-height:44px}
@media(max-width:640px){html[data-arkhi-page="tv-videoteca"] .player-progress .progress-track{height:26px}html[data-arkhi-page="tv-videoteca"] .player-progress .progress-track::before,html[data-arkhi-page="tv-videoteca"] .player-progress .buffer-bar,html[data-arkhi-page="tv-videoteca"] .player-progress .position-bar{top:10px;height:7px}}


/* Generated source migration from Android WebView native injection.
   Arkhi Videoteca Android TV adapter: layout only; color/controls derived from
   central Arkhi Design System and the shared style guide. Do not copy to APK.
   The Android activity now applies only the apk-mode class.
*/
html[data-arkhi-page="tv-videoteca"] .apk-mode *{border-radius:0!important}
html[data-arkhi-page="tv-videoteca"] .apk-mode{--accent:var(--arkhi-accent);--accent2:var(--arkhi-accent);--focus:var(--arkhi-accent);--edge:64px}
html[data-arkhi-page="tv-videoteca"] .apk-mode body{background:var(--arkhi-background)}
html[data-arkhi-page="tv-videoteca"] .apk-mode .hero{height:230px;min-height:230px;overflow:hidden}
html[data-arkhi-page="tv-videoteca"] .apk-mode .hero-copy{position:relative;left:auto;bottom:auto;width:auto;margin:0;padding:18px var(--edge);display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;row-gap:8px;align-items:center}
html[data-arkhi-page="tv-videoteca"] .apk-mode .hero h1{grid-column:1;grid-row:1;font-size:36px;line-height:1.17;letter-spacing:0;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-height:1.2em;text-shadow:none}
html[data-arkhi-page="tv-videoteca"] .apk-mode .hero-meta{grid-column:1;grid-row:2;font-size:24px;line-height:1.25;flex-wrap:nowrap;overflow:hidden}
html[data-arkhi-page="tv-videoteca"] .apk-mode .hero-actions{grid-column:2;grid-row:1/3;margin:0;flex-wrap:nowrap;gap:16px;font-size:24px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .hero-actions button{font-size:24px;min-height:56px;padding:12px 22px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .hero-actions .icon-action{width:56px;height:56px;padding:0}
html[data-arkhi-page="tv-videoteca"] .apk-mode .eyebrow,html[data-arkhi-page="tv-videoteca"] .apk-mode .hero-synopsis,html[data-arkhi-page="tv-videoteca"] .apk-mode .hero-age{display:none!important}
html[data-arkhi-page="tv-videoteca"] .apk-mode .hero-progress-wrap{display:none!important}
html[data-arkhi-page="tv-videoteca"] .apk-mode .rows{margin-top:0;padding:14px 56px 0;overflow:hidden}
html[data-arkhi-page="tv-videoteca"] .apk-mode .shelf{margin-bottom:22px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .shelf h2{font-size:25px;line-height:1.2;margin:0 0 10px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .shelf-head span{font-size:20px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .card-row{gap:16px;scroll-behavior:auto;padding:0 56px 12px 0;scroll-padding-right:56px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card{flex:0 0 236px;width:236px;height:408px;aspect-ratio:auto;background:transparent;transition:none;border:0;border-radius:0}
html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card img{height:332px;width:100%;object-fit:cover;display:block;margin:0;border-radius:0}
html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card .fallback{height:332px;font-size:0;background:var(--arkhi-panel)}
html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card .fallback:before{content:var(--arkhi-copy-no-poster);font-size:20px;color:var(--arkhi-muted)}
html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card .card-grad{display:none}
html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card .card-meta{bottom:0;left:0;right:0;height:68px;padding-top:8px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card .title{font-size:21px;line-height:1.18;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.36em}
html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card .sub{font-size:16px;margin-top:3px;color:var(--arkhi-muted)}
html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card .badge{font-size:18px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card:hover,html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card:focus,html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card.selected{transform:none;border:0;outline:none;box-shadow:none;background:transparent}
html[data-arkhi-page="tv-videoteca"] .apk-mode button,html[data-arkhi-page="tv-videoteca"] .apk-mode a,html[data-arkhi-page="tv-videoteca"] .apk-mode input{transition:none}
html[data-arkhi-page="tv-videoteca"] .apk-mode button:focus,html[data-arkhi-page="tv-videoteca"] .apk-mode a:focus,html[data-arkhi-page="tv-videoteca"] .apk-mode input:focus{outline:3px solid var(--arkhi-focus);outline-offset:2px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .detail-copy p,html[data-arkhi-page="tv-videoteca"] .apk-mode .detail-actions,html[data-arkhi-page="tv-videoteca"] .apk-mode .chip{font-size:24px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .detail-meta,html[data-arkhi-page="tv-videoteca"] .apk-mode .credits,html[data-arkhi-page="tv-videoteca"] .apk-mode .detail-genres span{font-size:20px}

html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card:focus .title,html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card.selected .title{color:var(--arkhi-accent);text-decoration:underline;text-underline-offset:.2em}

html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card .card-badges{left:8px;right:8px;top:8px}
html[data-arkhi-page="tv-videoteca"] .apk-mode .movie-card img{background:transparent}




/* SOURCE FOR tv-admin (scoped) */
/* CSS formerly embedded in /mnt/usb1/tv-web/static/admin.html */
/* Inline block 1 */

html[data-arkhi-page="tv-admin"]{color-scheme:dark;font:16px system-ui,sans-serif;color:#f5f2ed;background:#101010;--accent:#FF6B4A}html[data-arkhi-page="tv-admin"] *{box-sizing:border-box}html[data-arkhi-page="tv-admin"] body{margin:0}html[data-arkhi-page="tv-admin"] header{border-bottom:1px solid #333;padding:22px max(20px,calc((100vw - 1240px)/2));display:flex;gap:24px;align-items:center;flex-wrap:wrap}html[data-arkhi-page="tv-admin"] header img{width:56px;height:56px;object-fit:contain}html[data-arkhi-page="tv-admin"] h1{font-size:26px;margin:0}html[data-arkhi-page="tv-admin"] h2{font-size:22px}html[data-arkhi-page="tv-admin"] a{color:var(--accent)}html[data-arkhi-page="tv-admin"] main{max-width:1240px;margin:auto;padding:24px}html[data-arkhi-page="tv-admin"] button,html[data-arkhi-page="tv-admin"] .action{font:inherit;border:1px solid #555;background:#252525;color:inherit;border-radius:8px;padding:12px 18px;cursor:pointer;text-decoration:none;display:inline-block}html[data-arkhi-page="tv-admin"] button.primary{background:var(--accent);color:#18100a;border:0;font-weight:700}html[data-arkhi-page="tv-admin"] button:disabled{opacity:.5;cursor:default}html[data-arkhi-page="tv-admin"] button:focus-visible,html[data-arkhi-page="tv-admin"] a:focus-visible,html[data-arkhi-page="tv-admin"] input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}html[data-arkhi-page="tv-admin"] fieldset{border:0;padding:0;margin:0}html[data-arkhi-page="tv-admin"] section{background:#191919;border:1px solid #333;border-radius:14px;padding:24px;margin:20px 0}html[data-arkhi-page="tv-admin"] .fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}html[data-arkhi-page="tv-admin"] label{display:block;line-height:1.4}html[data-arkhi-page="tv-admin"] label small,html[data-arkhi-page="tv-admin"] .hint{display:block;color:#b8b2a9;line-height:1.5;font-size:14px}html[data-arkhi-page="tv-admin"] input:not([type=checkbox]){width:100%;margin-top:8px;padding:12px;background:#101010;border:1px solid #555;border-radius:7px;color:inherit;font:inherit}html[data-arkhi-page="tv-admin"] input[type=checkbox]{width:22px;height:22px;vertical-align:middle;accent-color:var(--accent);margin-right:10px}html[data-arkhi-page="tv-admin"] .toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap}html[data-arkhi-page="tv-admin"] .status{padding:16px;background:#23201a;border-left:4px solid var(--accent);border-radius:6px;line-height:1.5}html[data-arkhi-page="tv-admin"] .channel-row{display:grid;grid-template-columns:minmax(130px,2fr) minmax(100px,1.5fr) 90px 95px;gap:16px;border-top:1px solid #333;padding:18px 0;align-items:center}html[data-arkhi-page="tv-admin"] .channel-row label small{margin:8px 0}html[data-arkhi-page="tv-admin"] .footer-save{position:sticky;bottom:0;background:#101010ef;padding:16px 0;display:flex;gap:16px;align-items:center;flex-wrap:wrap}html[data-arkhi-page="tv-admin"] [hidden]{display:none!important}html[data-arkhi-page="tv-admin"] .summary{display:flex;gap:20px;flex-wrap:wrap}html[data-arkhi-page="tv-admin"] .summary div{flex:1;min-width:150px}html[data-arkhi-page="tv-admin"] .summary strong{display:block;color:var(--accent);font-size:24px}html[data-arkhi-page="tv-admin"] .error{border-color:#ff7979}html[data-arkhi-page="tv-admin"] .muted{color:#b8b2a9}@media(max-width:760px){html[data-arkhi-page="tv-admin"] .fields{grid-template-columns:1fr}html[data-arkhi-page="tv-admin"] .channel-row{grid-template-columns:1fr 1fr}html[data-arkhi-page="tv-admin"] .channel-row input{min-width:0}html[data-arkhi-page="tv-admin"] section{padding:18px}html[data-arkhi-page="tv-admin"] header{padding:16px}html[data-arkhi-page="tv-admin"] main{padding:16px}html[data-arkhi-page="tv-admin"] h1{font-size:22px}}
html[data-arkhi-page="tv-admin"] .pi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}html[data-arkhi-page="tv-admin"] .pi-card{padding:20px;background:#141414;border:1px solid #333;border-radius:14px;display:flex;flex-direction:column;gap:12px}html[data-arkhi-page="tv-admin"] .pi-card strong{font-size:24px;color:#FF6B4A}html[data-arkhi-page="tv-admin"] .pi-card progress{width:100%;height:10px;accent-color:#FF6B4A}



/* SOURCE FOR tv-access (scoped) */
/* Central layout: layout-tv-access.css */
/* Legacy layout from /tv/access.css */
html[data-arkhi-page="tv-access"]{color-scheme:dark;font-family:Arial,sans-serif;background:#080b10;color:#eef1f5}html[data-arkhi-page="tv-access"] *{box-sizing:border-box}html[data-arkhi-page="tv-access"] body{margin:0}html[data-arkhi-page="tv-access"] main{max-width:860px;margin:5vh auto;padding:32px}html[data-arkhi-page="tv-access"] .brand{color:#fff;font-size:26px;text-decoration:none;letter-spacing:2px}html[data-arkhi-page="tv-access"] .brand b{color:#ffac56}html[data-arkhi-page="tv-access"] h1{font-size:36px;margin-top:36px}html[data-arkhi-page="tv-access"] h2{font-size:23px}html[data-arkhi-page="tv-access"] p{color:#bcc6d2;line-height:1.6}html[data-arkhi-page="tv-access"] section{margin:28px 0}html[data-arkhi-page="tv-access"] form{max-width:480px}html[data-arkhi-page="tv-access"] label{display:block;margin:18px 0;color:#d8dfe8}html[data-arkhi-page="tv-access"] input{display:block;width:100%;margin-top:9px;padding:15px;border:1px solid #3a4554;background:#141b25;color:#fff;font-size:19px;border-radius:8px}html[data-arkhi-page="tv-access"] button,html[data-arkhi-page="tv-access"] .primary{display:inline-block;border:1px solid #394655;background:#1c2735;color:white;border-radius:8px;padding:14px 20px;font-size:16px;cursor:pointer;text-decoration:none;min-height:48px}html[data-arkhi-page="tv-access"] .primary,html[data-arkhi-page="tv-access"] button[type=submit]{background:#ffac56;color:#16100a;border-color:#ffac56;font-weight:bold}html[data-arkhi-page="tv-access"] .actions{display:flex;gap:12px;flex-wrap:wrap}html[data-arkhi-page="tv-access"] .divider{margin-top:25px}html[data-arkhi-page="tv-access"] .small{font-size:14px}html[data-arkhi-page="tv-access"] .row{border:1px solid #2c3744;border-radius:9px;padding:18px;margin:14px 0}html[data-arkhi-page="tv-access"] .row p{margin:8px 0;overflow-wrap:anywhere}html[data-arkhi-page="tv-access"] .row button{margin:5px 8px 0 0}html[data-arkhi-page="tv-access"] #status{min-height:1.5em;color:#ffcc96}html[data-arkhi-page="tv-access"] [hidden]{display:none!important}html[data-arkhi-page="tv-access"] :focus-visible{outline:3px solid #ffac56;outline-offset:4px}@media(max-width:600px){html[data-arkhi-page="tv-access"] main{padding:22px;margin:10px auto}html[data-arkhi-page="tv-access"] h1{font-size:29px}}





/* SOURCE FOR tv-conta (scoped) */
/* Account/login layout. All actual styling tokens come from theme.json.
   This layout is scoped so the account form cannot change the TV player. */
html[data-arkhi-page="tv-conta"] body.arkhi-access{margin:0;background:var(--arkhi-background);color:var(--arkhi-text);font-family:var(--arkhi-font)}
html[data-arkhi-page="tv-conta"] body.arkhi-access *{box-sizing:border-box}
html[data-arkhi-page="tv-conta"] body.arkhi-access main{max-width:860px;margin:4vh auto;padding:32px}
html[data-arkhi-page="tv-conta"] body.arkhi-access .brand{display:inline-flex;align-items:center;gap:10px;color:var(--arkhi-text);font-size:26px;text-decoration:none;letter-spacing:.02em}
html[data-arkhi-page="tv-conta"] body.arkhi-access .brand b{color:var(--arkhi-accent)}
html[data-arkhi-page="tv-conta"] body.arkhi-access h1{font-size:36px;margin-top:28px;line-height:1.15;letter-spacing:-.04em}
html[data-arkhi-page="tv-conta"] body.arkhi-access h2{font-size:23px}
html[data-arkhi-page="tv-conta"] body.arkhi-access p{color:var(--arkhi-muted);line-height:1.6}
html[data-arkhi-page="tv-conta"] body.arkhi-access section{margin:28px 0}
html[data-arkhi-page="tv-conta"] body.arkhi-access form{max-width:480px}
html[data-arkhi-page="tv-conta"] body.arkhi-access label{display:block;margin:18px 0;color:var(--arkhi-text)}
html[data-arkhi-page="tv-conta"] body.arkhi-access input:not([type=checkbox]){display:block;width:100%;margin-top:9px;padding:15px;border:1px solid var(--arkhi-field-border);background:var(--arkhi-field-background);color:var(--arkhi-text);font-size:18px;border-radius:0}
html[data-arkhi-page="tv-conta"] body.arkhi-access button,html[data-arkhi-page="tv-conta"] body.arkhi-access .primary,html[data-arkhi-page="tv-conta"] body.arkhi-access .actions a{
 display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;
 font:700 14px/1.3 var(--arkhi-font);text-decoration:none;
 min-height:47px;cursor:pointer;border:0;border-radius:0;box-shadow:none;
 background:var(--arkhi-btn-secondary);color:var(--arkhi-text);
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .primary,html[data-arkhi-page="tv-conta"] body.arkhi-access button[type=submit]{background:var(--arkhi-accent);color:var(--arkhi-background)}
html[data-arkhi-page="tv-conta"] body.arkhi-access .actions{display:flex;gap:12px;flex-wrap:wrap}
html[data-arkhi-page="tv-conta"] body.arkhi-access .divider{margin-top:25px}
html[data-arkhi-page="tv-conta"] body.arkhi-access .small{font-size:14px}
html[data-arkhi-page="tv-conta"] body.arkhi-access .row{border:1px solid var(--arkhi-line);border-radius:0;padding:18px;margin:14px 0;background:var(--arkhi-panel)}
html[data-arkhi-page="tv-conta"] body.arkhi-access .row p{margin:8px 0;overflow-wrap:anywhere}
html[data-arkhi-page="tv-conta"] body.arkhi-access .row button{margin:5px 8px 0 0}
html[data-arkhi-page="tv-conta"] body.arkhi-access #status{min-height:1.5em;color:var(--arkhi-accent)}
html[data-arkhi-page="tv-conta"] body.arkhi-access :focus-visible{outline:3px solid var(--arkhi-focus)!important;outline-offset:2px!important}
html[data-arkhi-page="tv-conta"] body.arkhi-access [hidden]{display:none!important}
@media(max-width:600px){
 html[data-arkhi-page="tv-conta"] body.arkhi-access main{padding:22px;margin:10px auto}
 html[data-arkhi-page="tv-conta"] body.arkhi-access h1{font-size:29px}
}

html[data-arkhi-page="tv-conta"] /* Account page — SAME main header/navigation, html[data-arkhi-page="tv-conta"] cards, html[data-arkhi-page="tv-conta"] fields and buttons
   as the Arkhi design-gallery and Arkhi Videoteca.
   All visual design originates in the Arkhi Design System. */
body.arkhi-access{background:var(--arkhi-background)!important;min-height:100vh}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-main{
  max-width:1240px!important;width:100%!important;
  margin:0 auto!important;padding:clamp(26px,5vw,64px)!important;
  background:transparent!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-intro{margin:0 0 30px!important}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-eyebrow{
  color:var(--arkhi-accent)!important;letter-spacing:.14em!important;
  font-size:11px!important;font-weight:850!important;margin:0 0 12px!important;
  text-transform:uppercase!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-intro h1{
  color:var(--arkhi-text)!important;font-size:clamp(30px,3.6vw,46px)!important;
  font-weight:800!important;letter-spacing:-.045em!important;margin:0 0 12px!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-intro p:not(.arkhi-account-eyebrow){
  margin:6px 0!important;max-width:800px!important;color:var(--arkhi-muted)!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-intro #status{
  color:var(--arkhi-accent)!important;font-weight:700!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card{
  background:var(--arkhi-panel)!important;border:0!important;border-radius:0!important;
  padding:clamp(22px,3vw,40px)!important;box-shadow:none!important;
  margin:0 0 20px!important;max-width:900px!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card h2{
  font-size:24px!important;letter-spacing:-.025em!important;
  color:var(--arkhi-text)!important;margin:0 0 12px!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card p{
  color:var(--arkhi-muted)!important;font-size:14px!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card form{max-width:570px!important}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card label{
  color:var(--arkhi-text)!important;
  font-size:13px!important;font-weight:700!important;line-height:1.4!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card input:not([type=checkbox]){
  width:100%!important;min-height:47px!important;font-size:14px!important;
  background:var(--arkhi-field-background)!important;
  border:1px solid var(--arkhi-field-border)!important;
  color:var(--arkhi-text)!important;border-radius:0!important;box-shadow:none!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card input:focus-visible{
  border-color:var(--arkhi-focus)!important;
  outline:3px solid var(--arkhi-focus)!important;outline-offset:0!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card .actions{
  display:flex!important;gap:10px!important;flex-wrap:wrap!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card .btn,
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card button{
  border:0!important;border-radius:0!important;box-shadow:none!important;
  min-height:44px!important;font:750 13px/1.4 var(--arkhi-font)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  text-decoration:none!important;cursor:pointer!important;
  padding:12px 21px!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card .primary,
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card button[type=submit]{
  background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card button:not([type=submit]):not(.primary){
  background:var(--arkhi-panel-raised)!important;color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card .row{
  background:var(--arkhi-panel-raised)!important;border:1px solid var(--arkhi-line)!important;
  border-radius:0!important;margin:14px 0!important;padding:18px!important;
}
/* Preserve authorization-gated links and sections during all visual states. */
html[data-arkhi-page="tv-conta"] body.arkhi-access [hidden],
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card [hidden],
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card .btn[hidden],
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card button[hidden]{
  display:none!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card .divider{
  margin-top:22px!important;color:var(--arkhi-muted)!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card[hidden],
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-pairing[hidden]{display:none!important}
@media(max-width:820px){
 html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-main{
  margin:0 auto!important;padding:28px 18px calc(95px + env(safe-area-inset-bottom))!important;
 }
 html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card{padding:22px 18px!important}
 html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-card form{width:100%!important}
}

html[data-arkhi-page="tv-conta"] /* Account and owner-only admin area, html[data-arkhi-page="tv-conta"] same Arkhi card/button vocabulary. */
body.arkhi-access .arkhi-account-menu,
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-admin{max-width:1100px!important}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-modules{
 display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));
 align-items:stretch;gap:8px;margin-top:22px;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-module{
 text-align:left!important;
 min-height:60px!important;
 padding:15px 18px!important;
 border-radius:0!important;box-shadow:none!important;
 border:0!important;border-bottom:3px solid transparent!important;
 background:var(--arkhi-panel-raised)!important;color:var(--arkhi-text)!important;
 font:750 13px/1.3 var(--arkhi-font)!important;cursor:pointer;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-module.active,
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-module[aria-current=page]{
 background:var(--arkhi-panel-hover)!important;
 border-bottom-color:var(--arkhi-accent)!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-module:focus-visible{
 outline:3px solid var(--arkhi-focus)!important;outline-offset:2px!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-admin iframe{
 display:block;width:100%;max-width:100%;height:min(77vh,960px);
 border:1px solid var(--arkhi-line)!important;border-radius:0!important;
 background:var(--arkhi-background)!important;
}
html[data-arkhi-page="tv-conta"] body.arkhi-access [data-arkhi-owner-only][hidden],
html[data-arkhi-page="tv-conta"] body.arkhi-access #unifiedModules[hidden],
html[data-arkhi-page="tv-conta"] body.arkhi-access #fullAdministration[hidden]{display:none!important}
@media(max-width:820px){
 html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-modules{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-arkhi-page="tv-conta"] body.arkhi-access .arkhi-account-admin iframe{height:69vh}
}


/* The APK QR sign-in uses the same published stylesheet as the website. */
html[data-arkhi-page="tv-conta"] body.arkhi-qr-app .arkhi-account-main{max-width:1180px!important;padding:28px 36px!important}
html[data-arkhi-page="tv-conta"] body.arkhi-qr-app .arkhi-account-intro{margin-bottom:24px!important}
html[data-arkhi-page="tv-conta"] body.arkhi-qr-app .arkhi-account-intro h1{font-size:36px!important}
html[data-arkhi-page="tv-conta"] body.arkhi-qr-app .arkhi-qr-card{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:36px;align-items:center;padding:28px!important}
html[data-arkhi-page="tv-conta"] body.arkhi-qr-app .arkhi-qr-picture{display:flex;align-items:center;justify-content:center;min-height:280px;background:#fff;color:#17273b}
html[data-arkhi-page="tv-conta"] body.arkhi-qr-app .arkhi-qr-picture img{display:block;width:100%;max-width:320px;height:auto;image-rendering:pixelated}
html[data-arkhi-page="tv-conta"] body.arkhi-qr-app .arkhi-qr-picture img[hidden]{display:none!important}
html[data-arkhi-page="tv-conta"] body.arkhi-qr-app .arkhi-qr-code{font-size:32px;letter-spacing:.16em;font-weight:800;margin:16px 0}
html[data-arkhi-page="tv-conta"] body.arkhi-qr-app .arkhi-qr-instructions p{margin-bottom:12px}
@media(max-width:820px){html[data-arkhi-page="tv-conta"] body.arkhi-qr-app .arkhi-account-main{padding:24px 16px!important}html[data-arkhi-page="tv-conta"] body.arkhi-qr-app .arkhi-qr-card{grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:20px;padding:20px!important}html[data-arkhi-page="tv-conta"] body.arkhi-qr-app .arkhi-qr-picture{min-height:220px}}
@media(max-width:560px){html[data-arkhi-page="tv-conta"] body.arkhi-qr-app .arkhi-qr-card{grid-template-columns:1fr}html[data-arkhi-page="tv-conta"] body.arkhi-qr-app .arkhi-qr-picture{max-width:280px}}

html[data-arkhi-page="tv-conta"] /* Account-free mobile QR receiver and share pages, html[data-arkhi-page="tv-conta"] from canonical CSS only. */
html[data-arkhi-page="tv-share"] body.arkhi-mobile-action,
html[data-arkhi-page="tv-remote"] body.arkhi-mobile-action{margin:0;min-height:100vh;min-height:100dvh;color:var(--arkhi-text);background:var(--arkhi-background);font-family:var(--arkhi-font);line-height:1.45}
html[data-arkhi-page="tv-share"] .arkhi-mobile-card,
html[data-arkhi-page="tv-remote"] .arkhi-mobile-card{width:min(100%,570px);box-sizing:border-box;margin:0 auto;padding:clamp(22px,5vw,48px) clamp(18px,5vw,38px);min-height:100dvh}
html[data-arkhi-page="tv-share"] .arkhi-mobile-brand,
html[data-arkhi-page="tv-remote"] .arkhi-mobile-brand{display:inline-block;text-decoration:none;letter-spacing:.1em;font-size:19px;font-weight:850;color:var(--arkhi-text);margin-bottom:30px}
html[data-arkhi-page="tv-share"] .arkhi-mobile-eyebrow,
html[data-arkhi-page="tv-remote"] .arkhi-mobile-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:750;color:var(--arkhi-accent);margin:0 0 8px}
html[data-arkhi-page="tv-share"] .arkhi-mobile-card h1,
html[data-arkhi-page="tv-remote"] .arkhi-mobile-card h1{font-size:clamp(29px,8vw,42px);line-height:1.1;letter-spacing:-.035em;margin:0 0 22px}
html[data-arkhi-page="tv-share"] .arkhi-mobile-summary{font-weight:600;font-size:19px;margin:0 0 17px}
html[data-arkhi-page="tv-share"] .arkhi-mobile-note,
html[data-arkhi-page="tv-remote"] .arkhi-mobile-note{color:var(--arkhi-muted);font-size:14px;line-height:1.6;margin:0 0 25px}
html[data-arkhi-page="tv-share"] .arkhi-mobile-actions,
html[data-arkhi-page="tv-remote"] .arkhi-mobile-actions{display:grid;grid-template-columns:1fr;gap:10px}
html[data-arkhi-page="tv-share"] .arkhi-mobile-actions :is(button,a),
html[data-arkhi-page="tv-remote"] .arkhi-mobile-actions button,
html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-pad button{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 15px;font:650 16px/1.25 var(--arkhi-font);color:var(--arkhi-text);background:var(--arkhi-panel);border:0;border-radius:0!important;text-decoration:none;text-align:center;cursor:pointer}
html[data-arkhi-page="tv-share"] #shareNative{background:var(--arkhi-accent);color:var(--arkhi-background)}
html[data-arkhi-page="tv-share"] .arkhi-mobile-card [role="status"],
html[data-arkhi-page="tv-remote"] .arkhi-mobile-card [role="status"]{margin:18px 0;color:var(--arkhi-muted);font-size:14px}
html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-pad{display:grid;justify-items:center;gap:8px;margin:26px 0}
html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-pad>div{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-pad>button{width:33%}
html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-pad button{min-width:0;min-height:68px;padding:9px 5px;font-size:15px}
html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-pad [data-remote="OK"]{background:var(--arkhi-accent);color:var(--arkhi-background)}
html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-arkhi-page="tv-remote"] button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:380px){html[data-arkhi-page="tv-remote"] .arkhi-phone-remote-pad button{font-size:13px}}
/* Shared TV quick action layer: overlays video without pausing or navigation. */
html[data-arkhi-page="tv-home"] #arkhiQuickOverlay{position:fixed!important;inset:0!important;z-index:210!important;display:flex!important;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.68)!important}
html[data-arkhi-page="tv-home"] #arkhiQuickOverlay[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] #arkhiQuickOverlay .arkhi-quick-card{display:flex;flex-direction:column;gap:12px;max-height:min(85vh,750px);overflow:auto;width:min(100%,580px);padding:clamp(20px,3vw,36px);background:var(--arkhi-panel);border:0;border-radius:0!important;box-sizing:border-box;box-shadow:0 22px 80px rgba(0,0,0,.6)}
html[data-arkhi-page="tv-home"] #arkhiQuickOverlay .arkhi-quick-card h2{font-size:clamp(23px,3vw,35px);line-height:1.2;margin:0}
html[data-arkhi-page="tv-home"] #arkhiQuickOverlay .arkhi-quick-card p{font-size:14px;line-height:1.5;color:var(--arkhi-muted);margin:0}
html[data-arkhi-page="tv-home"] #arkhiQuickOverlay .arkhi-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-arkhi-page="tv-home"] #arkhiQuickOverlay button{background:var(--arkhi-background);color:var(--arkhi-text);border:0;border-radius:0!important;min-height:44px;padding:12px;font:600 15px var(--arkhi-font);cursor:pointer}
html[data-arkhi-page="tv-home"] #arkhiQuickOverlay button:focus-visible{outline:2px solid var(--arkhi-accent);outline-offset:3px}
html[data-arkhi-page="tv-home"] #arkhiQuickOverlay .arkhi-quick-actions button:first-child{background:var(--arkhi-accent);color:var(--arkhi-background)}
html[data-arkhi-page="tv-home"] #arkhiQuickOverlay img{width:min(100%,270px);height:auto;align-self:center;background:white;image-rendering:pixelated}
html[data-arkhi-page="tv-home"] #arkhiQuickOverlay .arkhi-quick-status{min-height:20px}

/* Mobile sharing of channel metadata; same canonical ArkhiTV design system. */
html[data-arkhi-page="tv-public-share"] body.arkhi-share-mobile{
 margin:0;min-height:100vh;min-height:100dvh;padding:0;
 background:var(--arkhi-background);color:var(--arkhi-text);
 font-family:var(--arkhi-font);line-height:1.5;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-shell{
 box-sizing:border-box;width:min(100%,540px);min-height:100vh;min-height:100dvh;
 margin:0 auto;padding:clamp(20px,5vw,36px) clamp(18px,5vw,32px) 44px;
 display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:18px;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-brand{
 align-self:flex-start;display:inline-block;color:var(--arkhi-text);text-decoration:none;
 letter-spacing:.1em;font-size:23px;font-weight:900;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-eyebrow{
 color:var(--arkhi-accent);font-size:12px;letter-spacing:.12em;font-weight:800;margin:26px 0 0;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-shell h1{
 margin:0;font-size:clamp(28px,6.5vw,42px);line-height:1.15;overflow-wrap:anywhere;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-intro{
 margin:0;color:var(--arkhi-muted);font-size:16px;line-height:1.65;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-qr{
 display:block;align-self:center;max-width:min(224px,70vw);height:auto;aspect-ratio:1;
 image-rendering:pixelated;background:#fff;padding:12px;box-sizing:border-box;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-actions{
 display:grid;grid-template-columns:1fr;gap:11px;margin-top:6px;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-actions a,
html[data-arkhi-page="tv-public-share"] .arkhi-share-actions button{
 font:750 16px/1.35 var(--arkhi-font);min-height:54px;padding:15px 18px;
 width:100%;display:flex;align-items:center;justify-content:center;
 text-align:center;text-decoration:none;border:0!important;border-radius:0!important;
 background:var(--arkhi-panel-raised);color:var(--arkhi-text);cursor:pointer;
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-actions button:first-child,
html[data-arkhi-page="tv-public-share"] .arkhi-share-actions .arkhi-share-open{
 background:var(--arkhi-accent);color:var(--arkhi-background);
}
html[data-arkhi-page="tv-public-share"] .arkhi-share-actions :focus-visible{
 outline:3px solid var(--arkhi-focus);outline-offset:2px;
}
html[data-arkhi-page="tv-public-share"] #arkhiShareStatus{min-height:1.4em;color:var(--arkhi-accent);margin:0;font-size:15px;overflow-wrap:anywhere}
html[data-arkhi-page="tv-public-share"] .arkhi-share-notice{font-size:12px;color:var(--arkhi-muted);margin:auto 0 0;padding-top:16px;border-top:1px solid var(--arkhi-line)}
/* Account's registered browser and TV sessions are not playback concurrency. */
html[data-arkhi-page="tv-conta"] .arkhi-account-devices{margin:22px 0;padding:22px;background:var(--arkhi-panel);color:var(--arkhi-text)}
html[data-arkhi-page="tv-conta"] .arkhi-device-list{display:flex;flex-direction:column;gap:8px;margin:14px 0}
html[data-arkhi-page="tv-conta"] .arkhi-device-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:15px;background:var(--arkhi-panel-raised)}
html[data-arkhi-page="tv-conta"] .arkhi-device-info{display:flex;flex-direction:column;min-width:0;gap:4px}
html[data-arkhi-page="tv-conta"] .arkhi-device-info strong{font-weight:750;font-size:16px;overflow-wrap:anywhere}
html[data-arkhi-page="tv-conta"] .arkhi-device-info small{font-size:12px;color:var(--arkhi-muted);overflow-wrap:anywhere}
html[data-arkhi-page="tv-conta"] .arkhi-device-row button,
html[data-arkhi-page="tv-conta"] #arkhiMyDevicesRefresh{
 border:0!important;border-radius:0!important;min-height:44px;padding:11px 15px;
 background:var(--arkhi-panel);color:var(--arkhi-text);font:650 13px/1.3 var(--arkhi-font);cursor:pointer;
}
@media(max-width:600px){
 html[data-arkhi-page="tv-conta"] .arkhi-account-devices{padding:16px}
 html[data-arkhi-page="tv-conta"] .arkhi-device-row{flex-wrap:wrap}
 html[data-arkhi-page="tv-conta"] .arkhi-device-row button{width:100%}
}


/* Account-free QR phone remote and mobile sharing: one central stylesheet. */
html[data-arkhi-page="tv-public-remote"] body.arkhi-remote-mobile{
 margin:0;min-height:100vh;min-height:100dvh;
 background:var(--arkhi-background);color:var(--arkhi-text);font-family:var(--arkhi-font);line-height:1.5
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-shell{
 box-sizing:border-box;width:min(100%,540px);margin:0 auto;
 padding:22px clamp(16px,5vw,32px) calc(30px + env(safe-area-inset-bottom));
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-brand{
 text-decoration:none;color:var(--arkhi-text);font-weight:800;font-size:22px;letter-spacing:.04em
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-eyebrow{
 margin:24px 0 6px;font-size:12px;font-weight:800;letter-spacing:.11em;color:var(--arkhi-accent)
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-shell h1{
 font-size:clamp(26px,7vw,38px);line-height:1.13;letter-spacing:-.03em;margin:10px 0 12px
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-shell>p{
 color:var(--arkhi-muted);font-size:15px;line-height:1.5
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share{
 background:var(--arkhi-panel);padding:clamp(14px,4vw,22px);margin:22px 0;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share .arkhi-remote-eyebrow{margin:0 0 6px}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share h2{font-size:22px;line-height:1.2;margin:3px 0 20px}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share h3{font-size:18px;margin:0 0 6px}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share p{margin:0 0 15px;color:var(--arkhi-muted);font-size:14px}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share-actions{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share-actions :is(button,a),
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-extra button,
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-pad button{
 display:flex;align-items:center;justify-content:center;text-align:center;
 min-width:0;min-height:54px;padding:10px 8px;box-sizing:border-box;
 border:0!important;border-radius:0!important;background:var(--arkhi-panel-strong,var(--arkhi-panel));
 color:var(--arkhi-text);font:700 clamp(14px,3.5vw,17px)/1.25 var(--arkhi-font);
 text-decoration:none;cursor:pointer;touch-action:manipulation;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share-actions :first-child,
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-pad .arkhi-remote-ok{
 background:var(--arkhi-btn-primary);color:var(--arkhi-background)
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share p.arkhi-remote-share-note{
 font-size:12px;margin:13px 0 0
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-pad{
 display:flex;flex-direction:column;gap:10px;align-items:center;max-width:360px;margin:22px auto
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-pad>button{width:34%;min-height:68px}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-pad>div{
 display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-pad>div>button{min-height:76px}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-extra{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-extra button:last-child{grid-column:1/-1}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-pad button:focus-visible,
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-extra button:focus-visible,
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share-actions :is(button,a):focus-visible{
 outline:3px solid var(--arkhi-focus);outline-offset:3px
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-status{
 padding:14px;background:var(--arkhi-panel);color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] body #arkhiRemoteQRCorner{
 display:flex;position:fixed;top:auto!important;bottom:max(22px,env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right));
 z-index:118;width:114px;box-sizing:border-box;gap:5px;align-items:center;
 flex-direction:column;padding:8px;background:rgba(11,19,43,.86)!important;
 color:var(--arkhi-text);box-shadow:0 10px 26px rgba(0,0,0,.4);
 border:0!important;border-radius:0!important;cursor:pointer;user-select:none;
}
html[data-arkhi-page="tv-home"] body #arkhiRemoteQRCorner[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] #arkhiRemoteQRCorner strong{
 font:800 13px/1.1 var(--arkhi-font);color:var(--arkhi-text)
}
html[data-arkhi-page="tv-home"] #arkhiRemoteQRCorner img{
 display:block;object-fit:contain;width:98px;height:98px;background:white;
}
html[data-arkhi-page="tv-home"] #arkhiRemoteQRCorner span{
 font:600 9px/1.2 var(--arkhi-font);color:var(--arkhi-muted);text-align:center
}
@media(max-width:550px){html[data-arkhi-page="tv-home"] body #arkhiRemoteQRCorner{
 top:auto!important;bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));width:94px;padding:6px;gap:4px}
 html[data-arkhi-page="tv-home"] #arkhiRemoteQRCorner img{width:82px;height:82px}
 html[data-arkhi-page="tv-home"] #arkhiRemoteQRCorner span{display:none}}

/* The same account markup is embedded in the TV and desktop Web overlays. */
html[data-arkhi-page="tv-conta"][data-arkhi-embedded="account"] body.arkhi-access #arkhi-global-header,
html[data-arkhi-page="tv-conta"][data-arkhi-embedded="account"] body.arkhi-access .arkhi-universal-bar,
html[data-arkhi-page="tv-conta"][data-arkhi-embedded="account"] body.arkhi-access #arkhi-navigation-controls{
 display:none!important;
}
html[data-arkhi-page="tv-conta"][data-arkhi-embedded="account"] body.arkhi-access{margin:0!important;padding:0!important;overflow-y:auto!important}
html[data-arkhi-page="tv-conta"][data-arkhi-embedded="account"] body.arkhi-access .arkhi-account-main{
 max-width:1100px!important;margin:0 auto!important;
 padding:clamp(14px,2.5vw,30px)!important;
}
@media(max-width:620px){
 html[data-arkhi-page="tv-conta"][data-arkhi-embedded="account"] body.arkhi-access .arkhi-account-main{padding:12px!important}
}

html[data-arkhi-page="tv-conta"] /* Viewer recording library and DPAD focus: shared theme, html[data-arkhi-page="tv-conta"] no page-local CSS. */
html[data-arkhi-page="tv-conta"] .arkhi-account-recording-list{
 display:flex;flex-direction:column;gap:10px;margin:14px 0;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-recording-item{
 display:flex;align-items:center;gap:14px;flex-wrap:wrap;
 padding:14px 16px;background:var(--arkhi-panel-raised);
 color:var(--arkhi-text);min-width:0;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-recording-item>strong{
 max-width:100%;overflow-wrap:anywhere;flex:1 1 200px;font-size:14px;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-recording-item>small{
 color:var(--arkhi-muted);flex:1 1 160px;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-recording-item .actions{margin:0}
html[data-arkhi-page="tv-conta"] #viewerRecordingPlayer{margin-top:16px}
html[data-arkhi-page="tv-conta"] #viewerRecordingVideo{
 width:100%;max-height:60vh;background:#000;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-main a:focus,
html[data-arkhi-page="tv-conta"] .arkhi-account-main button:focus,
html[data-arkhi-page="tv-conta"] .arkhi-account-main input:focus{
 outline:3px solid var(--arkhi-focus)!important;outline-offset:2px!important;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-recordings button{
 min-height:46px;border:0;border-radius:0;box-shadow:none;
 background:var(--arkhi-panel-raised);color:var(--arkhi-text);
 padding:12px 18px;font:700 14px/1.25 var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] .arkhi-record-mode{
 display:flex;align-items:center;gap:8px;color:var(--arkhi-muted);font-size:13px;
}

html[data-arkhi-page="tv-conta"] /* TV remote focus should use orange selection, html[data-arkhi-page="tv-conta"] not the inactive grey surface. */
html[data-arkhi-page="tv-conta"] .arkhi-account-main :is(a[href],button,[role="button"]):is(:focus,:focus-visible),
html[data-arkhi-page="tv-conta"] .arkhi-device-row button:is(:focus,:focus-visible),
html[data-arkhi-page="tv-conta"] #arkhiMyDevicesRefresh:is(:focus,:focus-visible){
 background:var(--arkhi-accent)!important;
 color:var(--arkhi-background)!important;
 outline:3px solid var(--arkhi-accent)!important;
 outline-offset:2px!important;
 border-radius:0!important;
 box-shadow:none!important;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-main :is(a,button)[aria-current="page"]{
 background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
}
html[data-arkhi-page="tv-conta"] .arkhi-account-main :is(a,button):disabled{
 opacity:.42;cursor:default;
}

html[data-arkhi-page="tv-conta"] /* The existing Cast remote is opened from the common player menu, html[data-arkhi-page="tv-conta"] never a floating button. */
html[data-arkhi-page="tv-home"] .cast-remote-launch[hidden]{display:none!important}


/* Public broadcast rights page uses the canonical ArkhiTV theme. */
html[data-arkhi-page="tv-public-rights"] body{
 margin:0;background:var(--arkhi-background)!important;color:var(--arkhi-text)!important;
 font:400 16px/1.65 var(--arkhi-font,Arial,sans-serif)!important;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-page{
 box-sizing:border-box;max-width:1050px;width:100%;padding:clamp(18px,4vw,48px);
 margin:0 auto;min-height:100vh;min-height:100dvh;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-navigation{
 display:flex;align-items:center;justify-content:space-between;gap:16px;
 margin:0 0 clamp(20px,3vw,42px);padding:0 0 16px;
 border-bottom:1px solid var(--arkhi-line);background:transparent;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-brand{
 color:var(--arkhi-accent)!important;font-size:23px;font-weight:800;letter-spacing:.025em;
 text-decoration:none!important;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-return{
 border:1px solid var(--arkhi-line);background:var(--arkhi-panel);
 padding:10px 15px;text-decoration:none;color:var(--arkhi-text);
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content{
 padding:clamp(20px,4vw,45px);margin:0;background:var(--arkhi-panel);
 border:1px solid var(--arkhi-line);border-radius:0;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content .arkhi-rights-eyebrow{
 font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--arkhi-accent);
 margin:0 0 8px;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content h1{
 font-size:clamp(28px,4.5vw,42px);font-weight:780;line-height:1.16;
 margin:0 0 20px;color:var(--arkhi-text);
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content h2{
 font-size:clamp(18px,2.3vw,23px);line-height:1.35;
 margin:26px 0 10px;padding:0 0 9px;border-bottom:1px solid var(--arkhi-line);
 color:var(--arkhi-text);
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content p{
 font-size:clamp(14px,1.6vw,16px);line-height:1.7;color:var(--arkhi-text);
 margin:10px 0;overflow-wrap:anywhere;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content a{
 color:var(--arkhi-accent);text-underline-offset:3px;overflow-wrap:anywhere;
}
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content a:focus-visible,
html[data-arkhi-page="tv-public-rights"] .arkhi-rights-navigation a:focus-visible{
 outline:2px solid var(--arkhi-focus);outline-offset:3px;
}
@media(max-width:520px){
 html[data-arkhi-page="tv-public-rights"] .arkhi-rights-content{padding:18px;}
 html[data-arkhi-page="tv-public-rights"] .arkhi-rights-navigation{align-items:flex-start;}
}


/* Shared TV-style remote: numerical keypad and ArkhiTV actions. */
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{
 box-sizing:border-box;display:flex;flex-direction:column;gap:15px;
 padding:clamp(16px,4vw,27px);margin:22px auto;width:100%;
 background:var(--arkhi-panel);border:1px solid var(--arkhi-line);
 border-radius:0;max-width:465px;box-shadow:0 12px 40px rgba(0,0,0,.18);
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face{
 display:flex;justify-content:space-between;align-items:center;gap:8px;
 border-bottom:1px solid var(--arkhi-line);padding-bottom:12px;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face-brand{
 font-size:22px;font-weight:850;color:var(--arkhi-accent);letter-spacing:.04em;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face-label{
 font-size:10px;font-weight:750;color:var(--arkhi-muted);text-align:right;letter-spacing:.08em;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device :is(.arkhi-remote-modes,.arkhi-remote-transport,.arkhi-remote-numbers){
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button{
 border:1px solid var(--arkhi-line);background:var(--arkhi-background);
 color:var(--arkhi-text);border-radius:0;font-family:var(--arkhi-font);
 cursor:pointer;touch-action:manipulation;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-modes button{
 min-height:49px;font-size:13px;font-weight:690;padding:8px 3px;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-modes button:first-child,
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-modes button:nth-child(2),
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-modes #arkhiRemoteShareShortcut{
 border-color:var(--arkhi-accent);color:var(--arkhi-accent);
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction{
 box-sizing:border-box;display:grid;width:min(100%,300px);margin:0 auto;
 gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));
 grid-template-areas:". up ." "left ok right" ". down .";
 align-items:stretch;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction button{
 width:100%;min-height:72px;font-size:26px;font-weight:700;
 display:flex;align-items:center;justify-content:center;padding:8px;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-up{grid-area:up}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-down{grid-area:down}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-left{grid-area:left}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-right{grid-area:right}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-ok{
 grid-area:ok;background:var(--arkhi-accent)!important;
 color:var(--arkhi-background)!important;font-size:20px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-transport button{
 min-height:46px;padding:8px 3px;font-size:12px;font-weight:660;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button{
 min-height:54px;font-size:23px;font-weight:800;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button:active{
 background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button:focus-visible{
 outline:3px solid var(--arkhi-focus);outline-offset:1px;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share{
 margin:24px 0;padding:18px;background:var(--arkhi-panel);
 border:1px solid var(--arkhi-line);border-radius:0;
}
html[data-arkhi-page="tv-public-remote"] #arkhiRemoteShareSection{
 scroll-margin-top:18px;
}
@media(max-width:380px){
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{padding:13px}
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction button{min-height:60px}
}


/* Physical handset layout of the ArkhiTV temporary remote. */
html[data-arkhi-page="tv-public-remote"] body.arkhi-remote-mobile{
 background:var(--arkhi-background)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-shell{
 max-width:480px!important;margin:auto!important;
 padding:16px 14px max(30px,env(safe-area-inset-bottom))!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-shell>h1{
 font-size:clamp(23px,6vw,30px)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{
 width:min(100%,314px)!important;max-width:314px!important;
 margin:20px auto 28px!important;
 padding:23px 19px 35px!important;gap:14px!important;
 border:1px solid #47494a!important;border-radius:36px!important;
 background:linear-gradient(102deg,#282a2b 0%,#181a1b 46%,#272929 98%)!important;
 color:#f2f2f2!important;
 box-shadow:inset 4px 0 8px #3b3d3e,inset -5px -2px 12px #090a0a,
 0 18px 40px rgba(0,0,0,.32)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-face{
 gap:6px!important;align-items:center!important;
 padding-bottom:10px!important;border-bottom:1px solid #424443!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-face-brand{
 font:800 16px/1.2 var(--arkhi-font)!important;color:var(--arkhi-accent)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-indicator{
 font:600 10px/1.2 var(--arkhi-font)!important;color:#aeb5b8!important;text-align:right;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-indicator[data-state="connected"]{
 color:#82d5a6!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-indicator[data-state="disconnected"]{
 color:#ffb78e!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button{
 appearance:none!important;-webkit-appearance:none!important;
 background:linear-gradient(150deg,#343637,#212323)!important;
 color:#f2f4f5!important;border:1px solid #080909!important;
 border-radius:999px!important;
 box-shadow:inset 1px 2px 3px rgba(255,255,255,.12),
 inset -2px -2px 4px rgba(0,0,0,.52),0 2px 2px #080808!important;
 cursor:pointer!important;font-family:var(--arkhi-font)!important;
 touch-action:manipulation!important;user-select:none!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button:active{
 background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
 transform:translateY(1px);box-shadow:inset 1px 2px 5px #151515!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button:focus-visible{
 outline:2px solid var(--arkhi-accent)!important;outline-offset:3px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-top{
 display:flex;justify-content:space-between;align-items:center;gap:12px;
 margin:0!important;padding:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-top button{
 width:46px!important;height:46px!important;min-height:46px!important;
 font-size:12px!important;font-weight:800!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-top .arkhi-key-power{
 color:#ff6262!important;font-size:26px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-top .arkhi-key-menu{
 font-size:10px!important;color:var(--arkhi-accent)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-numbers{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:10px 16px!important;justify-items:center!important;align-items:center!important;
 width:100%!important;margin:2px auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-numbers button{
 width:53px!important;height:53px!important;min-height:53px!important;
 font-size:23px!important;font-weight:650!important;padding:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-numbers .arkhi-key-short{
 font-size:10px!important;font-weight:800!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-quick{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important;width:100%!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-quick button{
 min-height:36px!important;padding:7px!important;
 font-size:11px!important;font-weight:750!important;border-radius:22px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-direction{
 display:grid!important;position:relative!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-template-rows:repeat(3,1fr)!important;
 grid-template-areas:". up ." "left ok right" ". down ."!important;
 width:232px!important;max-width:100%!important;height:232px!important;
 gap:0!important;margin:7px auto!important;
 border-radius:50%!important;align-items:stretch!important;
 background:radial-gradient(circle at 43% 31%,#3d4041,#1a1c1d 73%)!important;
 border:2px solid #111212!important;
 box-shadow:inset 2px 3px 8px #4a4c4c,inset -4px -5px 9px #0b0c0c!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-direction button{
 width:100%!important;height:100%!important;min-height:0!important;
 font-size:17px!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;
 padding:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-up{grid-area:up!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-down{grid-area:down!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-left{grid-area:left!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-right{grid-area:right!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-direction .arkhi-remote-ok{
 grid-area:ok!important;width:100%!important;height:100%!important;
 border-radius:50%!important;background:linear-gradient(#333637,#232526)!important;
 color:#fff!important;box-shadow:0 0 0 2px #101212,inset 0 2px 3px #535657!important;
 font-size:15px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-middle{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:14px!important;justify-items:center!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-middle button{
 width:49px!important;height:49px!important;min-height:49px!important;
 padding:0!important;font-size:24px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rockers{
 display:flex!important;justify-content:center!important;gap:22px!important;
 margin:4px auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker{
 display:flex!important;flex-direction:column!important;gap:2px!important;
 width:88px!important;border-radius:24px!important;overflow:hidden!important;
 background:#151616!important;border:1px solid #111!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker button{
 width:100%!important;min-height:48px!important;border-radius:4px!important;
 font-size:16px!important;box-shadow:inset 1px 2px 3px #4a4a4a!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:13px!important;width:100%!important;margin:6px auto!important;
 justify-items:center!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors button{
 width:48px!important;height:44px!important;min-height:44px!important;
 border-radius:14px!important;position:relative!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors button::after{
 content:"";display:block!important;width:18px;height:18px;
 margin:auto;border-radius:5px;border:3px solid currentColor;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-key-red{color:#e95454!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-key-green{color:#58c888!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-key-yellow{color:#e8c850!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-key-blue{color:#5caadb!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-footer{
 font:750 10px/1.2 var(--arkhi-font)!important;
 color:#a6adaf;text-align:center;letter-spacing:.1em;margin-top:2px;
}
@media(max-width:360px){
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{padding:20px 13px 30px!important}
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-direction{
  width:204px!important;height:204px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-numbers button{
  width:47px!important;height:47px!important;min-height:47px!important;
 }
}

html[data-arkhi-page="tv-conta"] /* Physical ArkhiTV remote based on a conventional vertical television handset.
   The shared application is still flat and square; rounded keys here convey
   physical remote-control affordances, html[data-arkhi-page="tv-conta"] not a second application theme. */
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-shell{
 width:min(100%,480px)!important;padding:16px 14px calc(30px + env(safe-area-inset-bottom))!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{
 box-sizing:border-box!important;width:min(100%,342px)!important;
 max-width:342px!important;min-width:0!important;margin:18px auto 24px!important;
 padding:20px 23px 28px!important;gap:15px!important;
 background:linear-gradient(105deg,#28292b,#171819 35%,#252628 72%,#161719)!important;
 border:1px solid #3f4145!important;border-radius:39px 39px 30px 30px!important;
 box-shadow:inset 2px 1px 2px rgba(255,255,255,.12),inset -3px -1px 3px #090909,
  0 6px 14px rgba(0,0,0,.22),0 24px 44px rgba(0,0,0,.28)!important;
 color:#f1f2f4!important;font-family:var(--arkhi-font,Arial,sans-serif)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face{
 display:grid!important;grid-template-columns:56px 1fr 56px!important;
 justify-items:center;align-items:center;gap:3px!important;
 border:0!important;margin:0 0 1px!important;padding:0 0 9px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face-brand{
 font:800 16px/1.1 var(--arkhi-font,Arial,sans-serif)!important;
 color:var(--arkhi-accent,#ff704f)!important;text-align:center;letter-spacing:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button{
 touch-action:manipulation;user-select:none;
 background:linear-gradient(150deg,#323436,#151618)!important;color:#f5f5f5!important;
 border:1px solid #414448!important;border-bottom-color:#0a0a0a!important;
 border-radius:999px!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.11),0 3px 2px #090a0a!important;
 font-family:var(--arkhi-font,Arial,sans-serif)!important;
 padding:5px!important;min-width:0!important;cursor:pointer;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button:active{
 background:var(--arkhi-accent,#ff704f)!important;color:#101216!important;
 transform:translateY(2px)!important;box-shadow:inset 0 1px 2px #101010!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device button:focus-visible{
 outline:3px solid var(--arkhi-accent,#ff704f)!important;outline-offset:3px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face :is(.arkhi-remote-power,.arkhi-remote-share-top){
 width:45px!important;height:45px!important;min-height:45px!important;
 font-size:24px!important;font-weight:750!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face .arkhi-remote-power{color:#ff554c!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face .arkhi-remote-share-top{color:var(--arkhi-accent)!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers{
 display:grid!important;grid-template-columns:repeat(3,1fr)!important;
 gap:9px 20px!important;width:100%!important;max-width:242px!important;
 margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button{
 box-sizing:border-box;width:53px!important;height:53px!important;min-height:53px!important;
 justify-self:center;font-size:21px!important;font-weight:700!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button[data-remote="channels"],
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button[data-remote="guide"]{
 font-size:10px!important;font-weight:750!important;letter-spacing:.02em!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-toolbar{
 display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:18px!important;
 width:100%!important;margin:0 auto!important;max-width:260px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-toolbar button{
 min-height:39px!important;border-radius:18px!important;font-size:12px!important;font-weight:700!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction{
 width:min(100%,230px)!important;height:230px!important;max-width:230px!important;
 box-sizing:border-box!important;display:grid!important;
 grid-template-columns:repeat(3,1fr)!important;
 grid-template-rows:repeat(3,1fr)!important;
 grid-template-areas:". up ." "left ok right" ". down ."!important;
 gap:0!important;margin:2px auto!important;align-items:stretch!important;
 background:radial-gradient(circle at center,#222325 31%,#121315 32%,#2e3032 34%,#242628 73%,#141517 78%)!important;
 border:3px solid #0b0d0e!important;border-radius:50%!important;
 box-shadow:inset 1px 2px 7px rgba(0,0,0,.85),0 2px 1px rgba(255,255,255,.09)!important;
 padding:9px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction button{
 display:flex!important;justify-content:center!important;align-items:center!important;
 width:100%!important;height:100%!important;min-height:0!important;
 margin:0!important;padding:0!important;
 border:0!important;border-radius:50%!important;box-shadow:none!important;
 background:transparent!important;color:#d3d4d4!important;font-size:17px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction button:active{
 background:rgba(255,255,255,.12)!important;color:var(--arkhi-accent)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-ok{
 border:2px solid #0e0f10!important;background:linear-gradient(130deg,#2d2e30,#191a1c)!important;
 color:#fafafa!important;font:800 16px var(--arkhi-font,Arial,sans-serif)!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-navigation{
 display:grid!important;grid-template-columns:repeat(3,1fr)!important;
 gap:15px!important;margin:0 auto!important;width:100%!important;max-width:250px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-navigation button{
 justify-self:center;width:53px!important;height:53px!important;min-height:53px!important;
 font-size:23px!important;font-weight:700!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rockers{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:35px!important;max-width:230px!important;width:100%!important;
 margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker{
 display:grid!important;grid-template-rows:auto 44px 44px!important;
 text-align:center!important;gap:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker>span{
 font-size:10px!important;font-weight:750!important;color:#adb0b3!important;letter-spacing:.08em!important;
 margin-bottom:5px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker button{
 font-size:21px!important;font-weight:700!important;
 border-radius:0!important;min-height:44px!important;height:44px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker button:nth-child(2){
 border-radius:21px 21px 0 0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker button:last-child{
 border-radius:0 0 21px 21px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-transport{
 display:grid!important;grid-template-columns:repeat(3,1fr)!important;
 gap:15px!important;width:100%!important;max-width:250px!important;margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-transport button{
 min-height:45px!important;height:45px!important;font-size:15px!important;font-weight:750!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:10px!important;width:100%!important;margin:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors button{
 height:42px!important;min-height:42px!important;padding:4px 1px!important;
 font-size:10px!important;font-weight:800!important;letter-spacing:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors .arkhi-remote-red{color:#ff6e68!important;border-color:#7b3236!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors .arkhi-remote-green{color:#66d89a!important;border-color:#2d644a!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors .arkhi-remote-yellow{color:#ffd76b!important;border-color:#78612e!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors .arkhi-remote-blue{color:#7dbdff!important;border-color:#35577b!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-status{max-width:342px;margin:12px auto!important}
@media(max-width:375px){
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{
  width:min(100%,322px)!important;padding:16px 16px 22px!important;gap:12px!important
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction{width:206px!important;height:206px!important}
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers{gap:7px 12px!important}
}


html[data-arkhi-page="tv-conta"] /* Status stays visible above the remote, html[data-arkhi-page="tv-conta"] without occupying a button slot. */
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-connection{
 box-sizing:border-box;width:min(100%,342px);margin:15px auto 2px;padding:10px 14px;
 background:var(--arkhi-panel);border-left:3px solid #66d89a;
 color:var(--arkhi-text);font:650 12px/1.45 var(--arkhi-font);
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-connection.arkhi-remote-offline{
 border-left-color:#c99552;
}


/* Compact S24 handset: one-screen controller and slim share action.
   Shared ArkhiCSS; all phone variants use a single physical control template. */
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-shell{
 box-sizing:border-box!important;max-width:420px!important;
 padding:4px 8px max(5px,env(safe-area-inset-bottom))!important;margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{
 width:min(100%,286px)!important;max-width:286px!important;
 border-radius:28px!important;margin:3px auto!important;
 padding:9px 15px 12px!important;gap:6px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face{
 grid-template-columns:36px minmax(0,1fr) 36px!important;
 gap:2px!important;margin:0!important;padding:0 0 3px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face :is(.arkhi-remote-power,.arkhi-remote-head-menu){
 width:34px!important;height:34px!important;min-height:34px!important;
 font-size:18px!important;line-height:1!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-face-brand{
 font-size:13px!important;letter-spacing:.035em!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-connection{
 grid-column:1 / -1!important;display:block!important;box-sizing:border-box!important;
 width:100%!important;margin:0!important;padding:0!important;
 background:none!important;border:0!important;min-height:13px!important;
 font:600 10px/1.25 var(--arkhi-font)!important;color:#aeb9b8!important;
 text-align:center!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-connection.arkhi-remote-offline{
 color:#e9ba85!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers{
 width:100%!important;max-width:207px!important;
 grid-template-columns:repeat(3,1fr)!important;gap:4px 13px!important;
 margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button{
 box-sizing:border-box!important;width:38px!important;height:38px!important;
 min-height:38px!important;min-width:38px!important;
 font-size:17px!important;padding:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button[data-remote="channels"],
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button[data-remote="guide"]{
 font-size:8px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-toolbar{display:none!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction{
 box-sizing:border-box!important;width:154px!important;height:154px!important;
 min-width:0!important;min-height:0!important;margin:0 auto!important;
 padding:6px!important;border-width:2px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction button{
 font-size:13px!important;padding:0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction .arkhi-remote-ok{
 font-size:13px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-navigation{
 width:100%!important;max-width:185px!important;gap:5px!important;margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-navigation button{
 width:34px!important;height:34px!important;min-height:34px!important;
 font-size:18px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rockers{
 width:100%!important;max-width:192px!important;gap:18px!important;margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker{
 grid-template-rows:auto 30px 30px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker>span{
 font-size:8px!important;margin-bottom:2px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker button{
 min-height:30px!important;height:30px!important;font-size:17px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-transport{
 width:100%!important;max-width:190px!important;gap:6px!important;margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-transport button{
 width:100%!important;min-height:29px!important;height:29px!important;
 font-size:12px!important;padding:2px!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors{
 width:100%!important;max-width:224px!important;
 gap:5px!important;margin:0 auto!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors button{
 box-sizing:border-box!important;width:100%!important;height:30px!important;
 min-height:30px!important;font-size:8px!important;padding:2px 0!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-send-friend{
 display:block!important;width:100%!important;margin:0!important;
 min-height:38px!important;padding:7px!important;
 border-radius:9px!important;border:1px solid var(--arkhi-accent)!important;
 background:var(--arkhi-accent)!important;color:#0a0e16!important;
 font-size:13px!important;font-weight:800!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share[hidden],
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-status[hidden]{display:none!important}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-share:not([hidden]){
 margin:8px auto!important;padding:12px!important;
 max-width:300px!important;box-sizing:border-box!important;
}
html[data-arkhi-page="tv-public-remote"] .arkhi-remote-status:not([hidden]){
 box-sizing:border-box!important;max-width:290px!important;
 margin:6px auto!important;padding:4px!important;font-size:11px!important;
}
/* Tall-screen scaling is not required for 1-screen S24 portrait (360 x 780 CSS).
   Compact further when the mobile browser reduces the usable viewport. */
@media(max-height:700px), (max-width:355px){
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device{
  width:min(100%,268px)!important;max-width:268px!important;
  padding:6px 12px 9px!important;gap:4px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-direction{
  width:135px!important;height:135px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-numbers button{
  width:35px!important;height:35px!important;min-height:35px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-navigation button{
  width:31px!important;height:31px!important;min-height:31px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker{
  grid-template-rows:auto 26px 26px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-rocker button{
  height:26px!important;min-height:26px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-transport button,
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-colors button{
  min-height:25px!important;height:25px!important;
 }
 html[data-arkhi-page="tv-public-remote"] .arkhi-remote-device .arkhi-remote-send-friend{
  min-height:33px!important;
 }
}



/* SOURCE FOR tv-search (scoped) */
/* Central layout: layout-tv-search.css */
/* Legacy layout from tv-search / <style> #1 */
html[data-arkhi-page="tv-search"] body{margin:0;background:#090b10;color:#f4f4f6;font:20px system-ui}html[data-arkhi-page="tv-search"] main{max-width:1400px;margin:auto;padding:32px}html[data-arkhi-page="tv-search"] a{color:inherit}html[data-arkhi-page="tv-search"] header{display:flex;gap:24px;align-items:center}html[data-arkhi-page="tv-search"] h1{font-size:32px}html[data-arkhi-page="tv-search"] input{box-sizing:border-box;width:100%;background:#20242b;color:white;border:1px solid #535761;border-radius:12px;padding:18px;font:inherit}html[data-arkhi-page="tv-search"] h2{font-size:26px;margin-top:32px}html[data-arkhi-page="tv-search"] .results{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}html[data-arkhi-page="tv-search"] button{background:#191d25;border:0;border-radius:12px;color:white;text-align:left;padding:20px;font:inherit;line-height:1.4}html[data-arkhi-page="tv-search"] button small{display:block;color:#c5c7cf;font-size:17px;margin-top:8px}html[data-arkhi-page="tv-search"] :focus-visible{outline:3px solid #ffb54a;outline-offset:3px}html[data-arkhi-page="tv-search"] #status{min-height:28px;color:#c6c8d0}html[data-arkhi-page="tv-search"] dialog{background:#171c24;color:white;border:1px solid #6c6f78;border-radius:16px;max-width:650px}html[data-arkhi-page="tv-search"] dialog p{white-space:pre-wrap}html[data-arkhi-page="tv-search"] dialog a{display:inline-block;margin:16px}html[data-arkhi-page="tv-search"] body.native main{padding:40px 64px}html[data-arkhi-page="tv-search"] body.native{font-size:26px}




/* SOURCE FOR tv-cinema (scoped) */
/* Central layout: layout-tv-cinema.css */
/* Legacy layout from tv-cinema / <style> #1 */

html[data-arkhi-page="tv-cinema"]{color-scheme:dark;font-family:system-ui,sans-serif;color:#f4f0e8;background:#090909}html[data-arkhi-page="tv-cinema"] *{box-sizing:border-box}html[data-arkhi-page="tv-cinema"] body{margin:0}html[data-arkhi-page="tv-cinema"] header,html[data-arkhi-page="tv-cinema"] main{max-width:1050px;margin:auto;padding:24px}html[data-arkhi-page="tv-cinema"] header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}html[data-arkhi-page="tv-cinema"] a{color:#ffb34c}html[data-arkhi-page="tv-cinema"] section{background:#171717;border-radius:20px;padding:clamp(20px,4vw,36px)}html[data-arkhi-page="tv-cinema"] h1{font-size:28px;margin:0}html[data-arkhi-page="tv-cinema"] h2{font-size:30px}html[data-arkhi-page="tv-cinema"] h3{margin-top:28px}html[data-arkhi-page="tv-cinema"] .hint{color:#c0b9ad;line-height:1.6}html[data-arkhi-page="tv-cinema"] fieldset{border:0;padding:0;min-width:0}html[data-arkhi-page="tv-cinema"] .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}html[data-arkhi-page="tv-cinema"] label{display:block;margin:16px 0;line-height:1.5}html[data-arkhi-page="tv-cinema"] input:not([type=checkbox]){display:block;width:100%;margin-top:8px;background:#242424;border:1px solid #555;border-radius:10px;padding:13px;color:inherit;font:inherit}html[data-arkhi-page="tv-cinema"] input[type=checkbox]{width:20px;height:20px;accent-color:#ffb34c;vertical-align:middle;margin-right:10px}html[data-arkhi-page="tv-cinema"] button,html[data-arkhi-page="tv-cinema"] summary{cursor:pointer;min-height:48px;font:inherit}html[data-arkhi-page="tv-cinema"] button{background:#ffb34c;color:#17100a;border:0;border-radius:999px;padding:13px 24px;font-weight:700;margin-top:20px}html[data-arkhi-page="tv-cinema"] :focus-visible{outline:3px solid #ffb34c;outline-offset:4px}html[data-arkhi-page="tv-cinema"] .status{line-height:1.5}html[data-arkhi-page="tv-cinema"] details{margin:24px 0}html[data-arkhi-page="tv-cinema"] #cinema-likes{max-height:320px;overflow:auto}html[data-arkhi-page="tv-cinema"] fieldset:disabled{opacity:.5}





/* SOURCE FOR tv-faculty (scoped) */
/* Central layout: layout-tv-faculty.css */
/* Legacy layout from tv-faculty / <style> #1 */

html[data-arkhi-page="tv-faculty"],html[data-arkhi-page="tv-faculty"] body{margin:0;background:#090e15;color:#f8fafc;font:22px system-ui,Arial,sans-serif;height:100%;overflow:hidden}
html[data-arkhi-page="tv-faculty"] #app{margin:auto;max-width:1280px;padding:18px 28px;box-sizing:border-box}
html[data-arkhi-page="tv-faculty"] header{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:12px}
html[data-arkhi-page="tv-faculty"] small{font-size:15px;color:#a8b5c5}
html[data-arkhi-page="tv-faculty"] video{display:block;width:100%;height:min(69vh,720px);background:#000;object-fit:contain}
html[data-arkhi-page="tv-faculty"] .controls{display:flex;gap:15px;justify-content:center;align-items:center;margin:12px 0}
html[data-arkhi-page="tv-faculty"] button{background:#1d364f;color:white;font-size:22px;font-weight:600;border:1px solid #7696af;border-radius:10px;padding:13px 24px;min-width:150px}
html[data-arkhi-page="tv-faculty"] button:focus{outline:4px solid #fafafa;background:#27629a}
html[data-arkhi-page="tv-faculty"] #status{font-size:15px;color:#e1e9f3;max-width:850px;margin:auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}
html[data-arkhi-page="tv-faculty"] #time{font-size:17px;font-variant-numeric:tabular-nums}





/* SOURCE FOR tv-pluto (scoped) */
/* Central layout: layout-tv-pluto.css */
/* Legacy layout from tv-pluto / <style> #1 */

html[data-arkhi-page="tv-pluto"] *{box-sizing:border-box}html[data-arkhi-page="tv-pluto"],html[data-arkhi-page="tv-pluto"] body{margin:0;background:#0b1018;color:white;font-family:Arial,sans-serif}html[data-arkhi-page="tv-pluto"] main{max-width:1280px;margin:auto;padding:10px}html[data-arkhi-page="tv-pluto"] h1{margin:6px 0;font-size:26px}html[data-arkhi-page="tv-pluto"] p{color:#bcc8d7;margin:4px 0 12px}html[data-arkhi-page="tv-pluto"] video{width:100%;height:auto;max-height:78vh;aspect-ratio:16/9;background:black;object-fit:contain}html[data-arkhi-page="tv-pluto"] nav{display:flex;gap:10px;margin:10px 0;flex-wrap:wrap}html[data-arkhi-page="tv-pluto"] button,html[data-arkhi-page="tv-pluto"] select{font:600 20px Arial;padding:12px 18px;border:2px solid #718096;border-radius:4px;background:#253246;color:white;min-height:54px}html[data-arkhi-page="tv-pluto"] button:focus,html[data-arkhi-page="tv-pluto"] select:focus{outline:4px solid #ff9b21;outline-offset:2px}html[data-arkhi-page="tv-pluto"] .primary{background:#ff9b21;color:#111}html[data-arkhi-page="tv-pluto"] #status{font-size:17px;color:#bcd2e1;margin-top:12px}html[data-arkhi-page="tv-pluto"] #stats{font-size:14px;color:#9bd7a6;margin-top:5px}html[data-arkhi-page="tv-pluto"] video:fullscreen{width:100vw;height:100vh;max-height:none}





/* SOURCE FOR games-home (scoped) */
/* Original layout centralized from /mnt/usb1/jogos/app/style.css */
html[data-arkhi-page="games-home"]{color-scheme:dark;--bg:#050505;--surface:#111315;--surface2:#181b1f;--text:#fff;--muted:#aeb5bf;--accent:#ff8a1f;--line:#2b2d31}html[data-arkhi-page="games-home"] *{box-sizing:border-box}html[data-arkhi-page="games-home"],html[data-arkhi-page="games-home"] body{width:100%;height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}html[data-arkhi-page="games-home"] body{overflow-x:hidden}html[data-arkhi-page="games-home"] .tv-shell{width:100%;min-height:100vh;padding:0 40px 20px;background:linear-gradient(180deg,#050505 0%,#090a0c 72%,#050505 100%)}html[data-arkhi-page="games-home"] .tv-topbar{height:64px;display:flex;align-items:center;gap:38px;border-bottom:1px solid #222;position:relative}html[data-arkhi-page="games-home"] .brand{font-size:17px;font-weight:800;letter-spacing:.02em;white-space:nowrap}html[data-arkhi-page="games-home"] .brand b{color:var(--accent)}html[data-arkhi-page="games-home"] .top-section{height:100%;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;border-bottom:4px solid var(--accent);padding:0 6px}html[data-arkhi-page="games-home"] .platform{margin-left:auto;color:#9da5af;font-size:13px;font-weight:700;letter-spacing:.12em}html[data-arkhi-page="games-home"] .gamepad-mark{width:26px;height:18px;display:inline-block;position:relative;border:3px solid currentColor;border-radius:8px 8px 10px 10px}html[data-arkhi-page="games-home"] .gamepad-mark:before,html[data-arkhi-page="games-home"] .gamepad-mark:after{content:"";position:absolute}html[data-arkhi-page="games-home"] .gamepad-mark:before{left:6px;top:7px;width:10px;height:3px;background:currentColor;box-shadow:3px -3px 0 -1px currentColor,3px 3px 0 -1px currentColor}html[data-arkhi-page="games-home"] .gamepad-mark:after{right:5px;top:5px;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:6px 5px 0 currentColor}html[data-arkhi-page="games-home"] .hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:20px 0 16px}html[data-arkhi-page="games-home"] .eyebrow{margin:0 0 6px;color:var(--accent);font-size:14px;font-weight:800;letter-spacing:.17em}html[data-arkhi-page="games-home"] .hero h1{margin:0;font-size:30px;line-height:1;font-weight:800;letter-spacing:-.025em}html[data-arkhi-page="games-home"] .intro{margin:7px 0 0;color:var(--muted);font-size:14px}html[data-arkhi-page="games-home"] .statusbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:#c1c7cf;font-size:12px;min-height:38px}html[data-arkhi-page="games-home"] .statusbar #gamepad{color:#d8dde4}html[data-arkhi-page="games-home"] .library{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}html[data-arkhi-page="games-home"] .button,html[data-arkhi-page="games-home"] button{font:inherit;color:#fff;background:var(--surface);border:1px solid var(--line);border-radius:0;padding:10px 12px;text-decoration:none;cursor:pointer}html[data-arkhi-page="games-home"] .game{min-height:78px;display:flex;align-items:flex-end;font-size:15px;font-weight:750;line-height:1.25;position:relative;padding:18px;background:linear-gradient(180deg,#15171a,#0f1113);overflow:hidden}html[data-arkhi-page="games-home"] .game:before{content:"MEGA DRIVE";position:absolute;top:9px;left:12px;color:#777f89;font-size:8px;letter-spacing:.16em;font-weight:800}html[data-arkhi-page="games-home"] .button:focus,html[data-arkhi-page="games-home"] button:focus,html[data-arkhi-page="games-home"] input:focus{outline:3px solid var(--accent);outline-offset:3px;background:#241b13;color:#fff}html[data-arkhi-page="games-home"] .button:hover,html[data-arkhi-page="games-home"] button:hover{border-color:var(--accent);background:#1b1d21}html[data-arkhi-page="games-home"] .small{font-size:12px;padding:8px 12px}html[data-arkhi-page="games-home"] button:disabled{opacity:.42}html[data-arkhi-page="games-home"] .notice{min-height:28px;margin:18px 0 0;color:#ffb25e;font-size:16px;line-height:1.35}html[data-arkhi-page="games-home"] .empty{border:1px solid var(--line);background:var(--surface);padding:28px}html[data-arkhi-page="games-home"] .empty h2{margin-top:0}html[data-arkhi-page="games-home"] .tv-hint{margin-top:12px;color:#7f8791;font-size:11px}html[data-arkhi-page="games-home"] .play .tv-shell{padding-bottom:20px}html[data-arkhi-page="games-home"] .play-topbar{height:54px}html[data-arkhi-page="games-home"] .back-link{color:#c9d0d8;text-decoration:none;font-size:15px;font-weight:700;padding:18px 12px 18px 0}html[data-arkhi-page="games-home"] .back-link:focus{outline:3px solid var(--accent);outline-offset:2px;color:#fff}html[data-arkhi-page="games-home"] .play-title{display:flex;align-items:center;gap:14px;min-width:0}html[data-arkhi-page="games-home"] .play-title h1{font-size:17px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:900px}html[data-arkhi-page="games-home"] .play-title .gamepad-mark{color:var(--accent)}html[data-arkhi-page="games-home"] .gamepad-state{margin-left:auto;color:#9da5af;font-size:15px;white-space:nowrap}html[data-arkhi-page="games-home"] .play-stage{width:100%;min-height:0;padding:8px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}html[data-arkhi-page="games-home"] #screen{width:min(480px,calc(100vw - 48px));height:auto;aspect-ratio:10/7;margin:0 auto;background:#000;border:1px solid #202226;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto}html[data-arkhi-page="games-home"] #game{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}html[data-arkhi-page="games-home"] #game canvas,html[data-arkhi-page="games-home"] #game video{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;image-rendering:pixelated!important;image-rendering:crisp-edges!important}html[data-arkhi-page="games-home"] .savebar{width:min(900px,calc(100vw - 48px));display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:10px auto 0;box-sizing:border-box}html[data-arkhi-page="games-home"] .savebar button{font-size:12px;min-height:34px;padding:6px 12px}html[data-arkhi-page="games-home"] .play .notice{width:min(900px,calc(100vw - 48px));margin:6px auto 0;font-size:14px;min-height:20px;text-align:center;box-sizing:border-box}html[data-arkhi-page="games-home"] .play .tv-hint{width:min(900px,calc(100vw - 48px));margin:6px auto 0;font-size:12px;text-align:center;box-sizing:border-box}html[data-arkhi-page="games-home"] .play #pairform{position:absolute;right:64px;bottom:78px;width:420px;padding:18px;background:#111315;border:1px solid #34373c;z-index:20}html[data-arkhi-page="games-home"] .play #pairform label{display:block;margin-bottom:10px;color:#cbd0d7}html[data-arkhi-page="games-home"] .play input{width:100%;background:#090b0d;border:1px solid #40444a;color:#fff;padding:12px;margin-bottom:10px}html[data-arkhi-page="games-home"] [hidden]{display:none!important}@media(max-width:1500px){html[data-arkhi-page="games-home"] .tv-shell{padding-left:44px;padding-right:44px}html[data-arkhi-page="games-home"] .library{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-arkhi-page="games-home"] .game{min-height:105px}html[data-arkhi-page="games-home"] .play-title h1{max-width:700px}}@media(max-width:1000px){html[data-arkhi-page="games-home"] .tv-shell{padding-left:28px;padding-right:28px}html[data-arkhi-page="games-home"] .library{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-arkhi-page="games-home"] .brand{font-size:20px}html[data-arkhi-page="games-home"] .statusbar{flex-wrap:wrap}html[data-arkhi-page="games-home"] .platform{display:none}}
/* games-library-v2 */
html[data-arkhi-page="games-home"] .games-home{overflow:hidden;background:#050607}
html[data-arkhi-page="games-home"] .games-home .tv-shell{height:100vh;min-height:0;padding:0 40px 18px;overflow:hidden;background:#050607}
html[data-arkhi-page="games-home"] .games-home .tv-topbar{height:62px;gap:36px;border-bottom:1px solid #202328}
html[data-arkhi-page="games-home"] .games-home .brand{font-size:17px}
html[data-arkhi-page="games-home"] .games-home .top-section{font-size:16px;border-bottom-width:3px}
html[data-arkhi-page="games-home"] .games-home .games-heading{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 0 14px}
html[data-arkhi-page="games-home"] .games-home .eyebrow{margin:0 0 5px;font-size:10px;letter-spacing:.16em;color:var(--accent)}
html[data-arkhi-page="games-home"] .games-home .games-heading h1{margin:0;font-size:29px;line-height:1.02;letter-spacing:-.025em}
html[data-arkhi-page="games-home"] .games-home .intro{margin:7px 0 0;color:#aeb5bf;font-size:13px}
html[data-arkhi-page="games-home"] .games-home .library-meta{display:flex;align-items:center;gap:9px;color:#aeb5bf;font-size:12px;white-space:nowrap}
html[data-arkhi-page="games-home"] .games-home .library-meta #gamepad{color:#d7dbe0}
html[data-arkhi-page="games-home"] .games-home .meta-dot{color:#565d66}
html[data-arkhi-page="games-home"] .games-home .library.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;align-content:start}
html[data-arkhi-page="games-home"] .games-home .game{aspect-ratio:16/9;min-height:0;padding:0;border:1px solid #2a2e34;background:#0e1114;position:relative;display:block;overflow:hidden;text-decoration:none;isolation:isolate;outline:none;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}
html[data-arkhi-page="games-home"] .games-home .game:before{display:none}
html[data-arkhi-page="games-home"] .games-home .game-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#060708;z-index:0}
html[data-arkhi-page="games-home"] .games-home .game:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 36%,rgba(0,0,0,.20) 56%,rgba(0,0,0,.94) 100%);z-index:1;pointer-events:none}
html[data-arkhi-page="games-home"] .games-home .game-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:26px 14px 13px;display:flex;flex-direction:column;gap:3px;text-shadow:0 1px 3px #000}
html[data-arkhi-page="games-home"] .games-home .game-platform{font-size:8px;font-weight:800;letter-spacing:.15em;color:#c0c7cf;text-transform:uppercase}
html[data-arkhi-page="games-home"] .games-home .game-title{margin:0;color:#fff;font-size:15px;font-weight:800;line-height:1.16;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-arkhi-page="games-home"] .games-home .game-meta{font-size:9px;line-height:1.2;color:#aeb5bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-arkhi-page="games-home"] .games-home .game:focus,html[data-arkhi-page="games-home"] .games-home .game:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent),0 12px 28px rgba(0,0,0,.42);transform:scale(1.018);z-index:4}
html[data-arkhi-page="games-home"] .games-home .game:focus .game-title{color:#fff}
html[data-arkhi-page="games-home"] .games-home .game:focus:after{background:linear-gradient(180deg,rgba(0,0,0,0) 28%,rgba(0,0,0,.14) 52%,rgba(0,0,0,.91) 100%)}
html[data-arkhi-page="games-home"] .games-home .game.art-missing{background:linear-gradient(145deg,#191d22,#0b0d10)}
html[data-arkhi-page="games-home"] .games-home .game.art-missing:before{display:block;content:"MEGA DRIVE";position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font-size:16px;letter-spacing:.15em;color:#555e68;white-space:nowrap}
html[data-arkhi-page="games-home"] .games-home .notice{margin:8px 0 0;min-height:18px;font-size:11px}
html[data-arkhi-page="games-home"] .games-home .tv-hint{position:absolute;left:40px;bottom:12px;margin:0;color:#737c86;font-size:10px}
html[data-arkhi-page="games-home"] .games-home .empty{margin-top:8px}
@media(max-width:760px){html[data-arkhi-page="games-home"] .games-home .tv-shell{padding-left:28px;padding-right:28px}html[data-arkhi-page="games-home"] .games-home .library.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-arkhi-page="games-home"] .games-home .games-heading{height:108px}html[data-arkhi-page="games-home"] .games-home .library-meta{display:none}html[data-arkhi-page="games-home"] .games-home .tv-hint{left:28px}html[data-arkhi-page="games-home"] .games-home .game-title{font-size:14px}}

/* emulator-profiles-v1 */
html[data-arkhi-page="games-home"] .play-topbar{gap:18px}
html[data-arkhi-page="games-home"] .profile-switch{margin-left:auto;display:flex;align-items:center;gap:5px;white-space:nowrap}
html[data-arkhi-page="games-home"] .profile-label{font-size:11px;color:#8f98a3;margin-right:2px}
html[data-arkhi-page="games-home"] .profile-btn{width:30px;height:30px;min-height:30px;padding:0;border:1px solid #3b4047;background:#111419;color:#c8cdd4;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
html[data-arkhi-page="games-home"] .profile-btn:hover,html[data-arkhi-page="games-home"] .profile-btn:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent);background:#1b1510;color:#fff}
html[data-arkhi-page="games-home"] .profile-btn.active{border-color:var(--accent);background:#3a2412;color:#fff;box-shadow:inset 0 -2px 0 var(--accent)}
html[data-arkhi-page="games-home"] .profile-desc{font-size:10px;color:#929aa4;max-width:150px;overflow:hidden;text-overflow:ellipsis}
html[data-arkhi-page="games-home"] .play .gamepad-state{margin-left:0}
@media(max-width:760px){html[data-arkhi-page="games-home"] .profile-label,html[data-arkhi-page="games-home"] .profile-desc{display:none}html[data-arkhi-page="games-home"] .profile-btn{width:27px;height:27px;min-height:27px}html[data-arkhi-page="games-home"] .play-title h1{max-width:360px}}


/* Samsung Tizen 6 (Chromium 76): explicit dimensions replace newer CSS sizing. */
html[data-arkhi-page="games-home"] .samsung-embedded.games-home .game{height:calc((100vw - 108px) * .1875);min-height:240px}
html[data-arkhi-page="games-home"] .samsung-embedded .game-art,html[data-arkhi-page="games-home"] .samsung-embedded .game:after{left:0;right:0;top:0;bottom:0}
html[data-arkhi-page="games-home"] .samsung-embedded.games-home .game-title{font-size:26px;line-height:1.2}
html[data-arkhi-page="games-home"] .samsung-embedded.games-home .game-platform{font-size:14px}
html[data-arkhi-page="games-home"] .samsung-embedded.games-home .game-meta{font-size:18px}
html[data-arkhi-page="games-home"] .samsung-embedded.games-home .brand,html[data-arkhi-page="games-home"] .samsung-embedded.games-home .top-section{font-size:24px}
html[data-arkhi-page="games-home"] .samsung-embedded.games-home .games-heading h1{font-size:38px}
html[data-arkhi-page="games-home"] .samsung-embedded.games-home .eyebrow{font-size:16px}
html[data-arkhi-page="games-home"] .samsung-embedded.games-home .intro{font-size:20px}
html[data-arkhi-page="games-home"] .samsung-embedded.games-home .library-meta{font-size:18px}
html[data-arkhi-page="games-home"] .samsung-embedded.games-home .tv-hint{font-size:18px}
html[data-arkhi-page="games-home"] .samsung-embedded.play .tv-shell{height:100vh;padding-bottom:16px}
html[data-arkhi-page="games-home"] .samsung-embedded.play .play-topbar{height:72px}
html[data-arkhi-page="games-home"] .samsung-embedded.play .play-title h1,html[data-arkhi-page="games-home"] .samsung-embedded.play .back-link{font-size:24px}
html[data-arkhi-page="games-home"] .samsung-embedded.play .profile-btn{width:44px;height:44px;min-height:44px;font-size:22px;margin-left:6px}
html[data-arkhi-page="games-home"] .samsung-embedded.play .profile-label,html[data-arkhi-page="games-home"] .samsung-embedded.play .profile-desc{font-size:18px}
html[data-arkhi-page="games-home"] .samsung-embedded.play .play-stage{height:calc(100vh - 88px)}
html[data-arkhi-page="games-home"] .samsung-embedded.play #screen{height:calc(100vh - 220px);width:calc(142.857vh - 314.286px);max-width:calc(100vw - 80px)}
html[data-arkhi-page="games-home"] .samsung-embedded.play .savebar{width:90%;margin-top:14px}
html[data-arkhi-page="games-home"] .samsung-embedded.play .savebar button{font-size:22px;min-height:44px;margin-right:12px}
html[data-arkhi-page="games-home"] .samsung-embedded.play .notice,html[data-arkhi-page="games-home"] .samsung-embedded.play .tv-hint{width:90%;font-size:18px}

html[data-arkhi-page="games-home"] /* Native-size emulation, html[data-arkhi-page="games-home"] scaled by the compositor for Samsung. */
.samsung-embedded.play #screen{width:640px;height:448px;max-width:none}
html[data-arkhi-page="games-home"] .samsung-embedded.play #game{width:320px;height:224px;flex:0 0 auto;transform:scale(2);transform-origin:center center}




/* SOURCE FOR games-stream (scoped) */
/* Original layout centralized from /mnt/usb1/jogos/emulatorjs/data/sonic/stream-20261017-12/stream.css */
html[data-arkhi-page="games-stream"],html[data-arkhi-page="games-stream"] body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font:22px Arial,sans-serif}
html[data-arkhi-page="games-stream"] main{position:absolute;left:0;top:0;width:100%;height:100%}
html[data-arkhi-page="games-stream"] video{position:absolute;left:0;top:0;object-fit:fill;image-rendering:auto;outline:none;background:#000;visibility:hidden}
html[data-arkhi-page="games-stream"] #sharp-game{position:absolute;left:0;top:0;pointer-events:none;background:#000}
html[data-arkhi-page="games-stream"] body.connecting video,html[data-arkhi-page="games-stream"] body.running video{visibility:visible}
html[data-arkhi-page="games-stream"] body.original-pixels video,html[data-arkhi-page="games-stream"] body.original-pixels canvas{image-rendering:crisp-edges;image-rendering:pixelated}
html[data-arkhi-page="games-stream"] #welcome{position:absolute;left:10%;right:10%;top:50%;transform:translateY(-50%);text-align:center;background:#000;padding:12px 0}
html[data-arkhi-page="games-stream"] h1{font-size:52px;margin:0 0 24px}
html[data-arkhi-page="games-stream"] button{padding:14px 48px;border:3px solid #fff;border-radius:8px;background:#174bd5;color:#fff;font:28px Arial;cursor:pointer}
html[data-arkhi-page="games-stream"] button:focus{outline:5px solid #ffcf28;outline-offset:5px}
html[data-arkhi-page="games-stream"] button:disabled{opacity:.6}
html[data-arkhi-page="games-stream"] #status{font-size:20px;color:#ddd;line-height:1.5}
html[data-arkhi-page="games-stream"] #hint{position:absolute;top:0;left:0;right:0;text-align:center;font-size:16px;color:#b5b5b5;pointer-events:none}
html[data-arkhi-page="games-stream"] body.running #welcome{display:none}
html[data-arkhi-page="games-stream"] #sound{position:absolute;left:50%;top:20px;transform:translateX(-50%);font-size:20px;padding:10px 24px}
html[data-arkhi-page="games-stream"] #connection-note{position:absolute;bottom:45px;left:0;right:0;text-align:center;font-size:18px;background:#111;color:#fff;padding:8px;pointer-events:none}
html[data-arkhi-page="games-stream"] #pause-note{position:absolute;top:45px;left:15%;right:15%;text-align:center;font-size:22px;background:#111;color:#fff;padding:12px;pointer-events:none}
html[data-arkhi-page="games-stream"] [hidden]{display:none!important}
html[data-arkhi-page="games-stream"] #controller-tools{position:absolute;bottom:6px;left:0;right:0;text-align:center}
html[data-arkhi-page="games-stream"] #controller-tools button{font-size:15px;padding:6px 12px;margin:0 6px;border-width:1px;background:#151515}
html[data-arkhi-page="games-stream"] #pad-calibration{position:absolute;inset:5%;z-index:5;background:#101010;border:2px solid #ccc;padding:5%;text-align:center}
html[data-arkhi-page="games-stream"] #pad-calibration p{font-size:26px;line-height:1.5}
html[data-arkhi-page="games-stream"] #pad-calibration button{font-size:20px;padding:12px;margin:12px}
html[data-arkhi-page="games-stream"] #touch-pad{position:absolute;bottom:50px;left:2%;right:2%;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}
html[data-arkhi-page="games-stream"] #touch-pad button{pointer-events:auto;touch-action:none;user-select:none;font-size:22px;padding:14px;margin:3px;background:#183168b8}
@media(max-height:500px){html[data-arkhi-page="games-stream"] #hint{display:none}html[data-arkhi-page="games-stream"] #pad-calibration{inset:1%;padding:1%}html[data-arkhi-page="games-stream"] #pad-calibration h2{font-size:20px;margin:8px}}


html[data-arkhi-page="games-stream"] #game-choice{display:flex;align-items:center;justify-content:center;gap:28px}
html[data-arkhi-page="games-stream"] #game-choice h1{font-size:40px;max-width:70%;margin:0;line-height:1.2}
html[data-arkhi-page="games-stream"] #game-choice button{font-size:30px;padding:12px 22px;background:#151515;border-radius:0}
html[data-arkhi-page="games-stream"] #game-count{font-size:18px;color:#aaa;margin:18px 0 24px}
html[data-arkhi-page="games-stream"] .extra-action{display:none}html[data-arkhi-page="games-stream"] body.three-button .extra-action{display:inline-block}


/* Original layout centralized from /mnt/usb1/jogos/emulatorjs/data/library-20261018-1/library.css */
html[data-arkhi-page="games-stream"]{--bg:#0c1010;--panel:#161d1b;--green:#c1f977;--muted:#9ca9a2;--line:rgba(224,244,229,.12);--gutter:4.4vw}
html[data-arkhi-page="games-stream"] *{box-sizing:border-box}html[data-arkhi-page="games-stream"],html[data-arkhi-page="games-stream"] body{background:var(--bg);font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#f6f8f5}html[data-arkhi-page="games-stream"] button,html[data-arkhi-page="games-stream"] input{font:inherit}html[data-arkhi-page="games-stream"] button{padding:0;border:0;border-radius:7px;cursor:pointer;line-height:1.25;-webkit-appearance:none;appearance:none}html[data-arkhi-page="games-stream"] button:focus{outline:3px solid var(--green);outline-offset:5px}html[data-arkhi-page="games-stream"] button:focus:not(:focus-visible){outline:3px solid var(--green)}html[data-arkhi-page="games-stream"] button:disabled{cursor:wait}html[data-arkhi-page="games-stream"] button svg,html[data-arkhi-page="games-stream"] .search-box svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}html[data-arkhi-page="games-stream"] button:active{transform:translateY(1px)}
html[data-arkhi-page="games-stream"] #welcome{position:absolute;inset:0;left:0;right:0;top:0;width:100%;height:100%;padding:0;transform:none;text-align:left;background:var(--bg);z-index:2;display:flex;flex-direction:column}
html[data-arkhi-page="games-stream"] .app-header{height:86px;min-height:86px;display:flex;align-items:center;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:#0c1010;gap:3.4vw;z-index:3}
html[data-arkhi-page="games-stream"] .brand{display:flex;align-items:center;padding:0;background:none;color:#fff;gap:12px;flex-shrink:0}html[data-arkhi-page="games-stream"] .brand-mark{position:relative;font-size:25px;letter-spacing:-3px;line-height:34px;font-weight:900;color:var(--green)}html[data-arkhi-page="games-stream"] .brand-mark>span{font-size:10px;position:absolute;top:-3px;right:-9px;letter-spacing:0}html[data-arkhi-page="games-stream"] .brand-name{font-size:10px;font-weight:800;letter-spacing:1.7px;line-height:15px;text-align:left}html[data-arkhi-page="games-stream"] .brand-name small{display:block;font-size:13px;letter-spacing:5.5px;color:var(--green)}html[data-arkhi-page="games-stream"] .primary-nav{display:flex;align-self:stretch;align-items:stretch;gap:28px}html[data-arkhi-page="games-stream"] .nav-link{background:none;color:#a4afa8;font-size:13px;font-weight:700;border-radius:0;padding:0 1px;position:relative;white-space:nowrap}html[data-arkhi-page="games-stream"] .nav-link.selected{color:#fff}html[data-arkhi-page="games-stream"] .nav-link.selected:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--green)}html[data-arkhi-page="games-stream"] .nav-count{font-size:10px;color:var(--green);margin-left:4px}html[data-arkhi-page="games-stream"] .header-end{margin-left:auto;display:flex;align-items:center;gap:14px}html[data-arkhi-page="games-stream"] .search-box{display:flex;align-items:center;gap:10px;background:#171d1b;border:1px solid #2b3530;color:#b9c2bd;border-radius:6px;padding:10px 12px}html[data-arkhi-page="games-stream"] .search-box svg{width:17px;height:17px}html[data-arkhi-page="games-stream"] .search-box input{font-size:12px;width:145px;color:#fff;outline:none;border:0;background:none;padding:0;min-height:18px}html[data-arkhi-page="games-stream"] .search-box:focus-within{border-color:var(--green)}html[data-arkhi-page="games-stream"] .search-box input::-webkit-search-cancel-button{cursor:pointer}html[data-arkhi-page="games-stream"] .icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1b2420;color:#d7e6db;border:1px solid #354337}
html[data-arkhi-page="games-stream"] #library-scroll{overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:thin;scrollbar-color:#445448 #101511;padding-bottom:26px}html[data-arkhi-page="games-stream"] #library-scroll::-webkit-scrollbar{width:6px}html[data-arkhi-page="games-stream"] #library-scroll::-webkit-scrollbar-thumb{background:#445448;border-radius:10px}
html[data-arkhi-page="games-stream"] .hero{position:relative;display:flex;align-items:center;isolation:isolate;border-bottom:1px solid var(--line);background:#17261c;height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}html[data-arkhi-page="games-stream"] .hero-copy{z-index:1;position:relative;left:auto;bottom:auto;width:100%;max-width:960px;padding:0;}html[data-arkhi-page="games-stream"] .eyebrow{color:var(--green);font-size:10px;font-weight:800;letter-spacing:1.8px;line-height:1.5;margin:0 0 24px;display:flex;align-items:center;gap:8px}html[data-arkhi-page="games-stream"] .live-dot{display:inline-block;background:var(--green);width:5px;height:5px;border-radius:50%}html[data-arkhi-page="games-stream"] .hero-kicker{font-size:10px;color:#bccabf;letter-spacing:2px;font-weight:700;margin:0 0 10px}html[data-arkhi-page="games-stream"] .hero h1{font-size:32px;line-height:1.02;letter-spacing:-2.2px;max-width:580px;margin:0 0 16px;font-weight:800;text-wrap:balance}html[data-arkhi-page="games-stream"] .hero-meta{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:.6px;color:#d8e3d7}html[data-arkhi-page="games-stream"] .meta-dot{color:#71816c}html[data-arkhi-page="games-stream"] .hero-description{font-size:13px;line-height:1.7;color:#b6c4b5;max-width:375px;margin:15px 0 20px}html[data-arkhi-page="games-stream"] .hero-actions{display:flex;gap:11px;align-items:center}html[data-arkhi-page="games-stream"] .play-button{background:var(--green);color:#152414;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:800;padding:14px 23px;min-height:45px;border-radius:5px}html[data-arkhi-page="games-stream"] .play-button:hover{background:#d7ffa7}html[data-arkhi-page="games-stream"] .play-button>span{font-size:12px}html[data-arkhi-page="games-stream"] .secondary-button{border:1px solid #687660;background:rgba(13,25,17,.65);color:#e8eee4;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 19px;font-size:12px;font-weight:700;min-height:45px;border-radius:5px}html[data-arkhi-page="games-stream"] .secondary-button[aria-pressed=true]{border-color:var(--green);color:var(--green)}html[data-arkhi-page="games-stream"] .hero-footnote{font-size:10px;color:#81937f;margin:15px 0 0}
html[data-arkhi-page="games-stream"] .collection-bar{display:flex;align-items:center;justify-content:space-between;padding:26px var(--gutter) 19px;gap:15px}html[data-arkhi-page="games-stream"] .collection-label{font-size:8px;font-weight:800;letter-spacing:1.8px;color:#a7b89b}html[data-arkhi-page="games-stream"] .collection-bar h2{font-size:23px;letter-spacing:-.6px;margin:7px 0 0;font-weight:700}html[data-arkhi-page="games-stream"] .collection-total{font-size:30px;color:var(--green);font-weight:800;letter-spacing:-1px}html[data-arkhi-page="games-stream"] .collection-total small{font-size:11px;color:#a6b1a6;letter-spacing:0;font-weight:400;margin-left:3px}html[data-arkhi-page="games-stream"] .genre-filters{display:flex;gap:8px;padding:0 var(--gutter) 24px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}html[data-arkhi-page="games-stream"] .genre-filters::-webkit-scrollbar{display:none}html[data-arkhi-page="games-stream"] .genre-chip{background:#171e1a;color:#acb8ac;padding:9px 14px;border:1px solid #2c372c;border-radius:5px;font-size:10px;font-weight:700;white-space:nowrap;min-height:34px}html[data-arkhi-page="games-stream"] .genre-chip.active{background:#26371f;border-color:#6f9952;color:#dbffbe}html[data-arkhi-page="games-stream"] .genre-chip:hover{color:#fff;border-color:#7a9770}
html[data-arkhi-page="games-stream"] .game-section{margin:0 0 30px}html[data-arkhi-page="games-stream"] .section-heading{display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);gap:15px;margin:0 0 13px}html[data-arkhi-page="games-stream"] .section-heading h2{font-size:17px;font-weight:700;margin:0;letter-spacing:-.3px}html[data-arkhi-page="games-stream"] .section-heading h2 span{font-size:10px;color:#71816e;font-weight:400;margin-left:9px}html[data-arkhi-page="games-stream"] .row-controls{display:flex;align-items:center;gap:7px}html[data-arkhi-page="games-stream"] .row-controls button{width:36px;height:36px;padding:0;border:1px solid #354132;border-radius:4px;background:#172016;color:#becdb4;font-size:17px}html[data-arkhi-page="games-stream"] .see-all{color:#a6bf93;background:none;font-size:10px;padding:5px 9px;font-weight:700}
html[data-arkhi-page="games-stream"] .game-row{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;padding:7px var(--gutter) 12px;scrollbar-width:none;scroll-snap-type:x proximity}html[data-arkhi-page="games-stream"] .game-row::-webkit-scrollbar{display:none}html[data-arkhi-page="games-stream"] .game-card{flex:0 0 calc((100vw - 8.8vw - 90px)/7);min-width:120px;max-width:210px;position:relative;scroll-snap-align:start}html[data-arkhi-page="games-stream"] .card-main{display:block;width:100%;padding:0;background:none;text-align:left;color:#e8ece7;position:relative;border-radius:6px}html[data-arkhi-page="games-stream"] .card-cover{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:6px;background:linear-gradient(145deg,#324b33,#15281d);border:1px solid #3b4838;box-shadow:0 5px 18px #0005;transition:transform .15s ease,border-color .15s ease}html[data-arkhi-page="games-stream"] .card-main:hover .card-cover{transform:translateY(-3px);border-color:#a3d26d}html[data-arkhi-page="games-stream"] .card-main:focus{outline:0}html[data-arkhi-page="games-stream"] .card-main:focus .card-cover{outline:3px solid var(--green);outline-offset:3px}html[data-arkhi-page="games-stream"] .card-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}html[data-arkhi-page="games-stream"] .card-cover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:20%;background:linear-gradient(transparent,#0005);pointer-events:none}html[data-arkhi-page="games-stream"] .card-placeholder{position:absolute;inset:0;padding:20px 12px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 90% 5%,#7eab5444,transparent 60%),repeating-linear-gradient(140deg,transparent 0 25px,#bdd39c08 26px 27px)}html[data-arkhi-page="games-stream"] .card-placeholder small{font-size:9px;letter-spacing:2px;color:#bbdb91;margin-bottom:auto}html[data-arkhi-page="games-stream"] .card-placeholder strong{font-size:19px;line-height:1.1;color:#d7f3a9;word-break:break-word}html[data-arkhi-page="games-stream"] .card-tag{position:absolute;left:8px;top:8px;background:rgba(12,20,9,.9);color:#d1f9ad;padding:4px 6px;font-size:7px;font-weight:800;letter-spacing:.6px;border-radius:3px;z-index:1}html[data-arkhi-page="games-stream"] .card-name{display:block;font-size:11px;line-height:1.4;font-weight:700;margin-top:10px;padding-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-arkhi-page="games-stream"] .card-genre{display:block;font-size:9px;color:#7d8c7d;margin-top:4px}html[data-arkhi-page="games-stream"] .card-favorite{position:absolute;right:7px;top:7px;width:26px;height:26px;padding:0;background:#0a110bd9;border:1px solid #607157;color:#fff;z-index:2;font-size:17px;line-height:24px;opacity:0;transition:opacity .1s}html[data-arkhi-page="games-stream"] .game-card:hover .card-favorite,html[data-arkhi-page="games-stream"] .game-card:focus-within .card-favorite,html[data-arkhi-page="games-stream"] .card-favorite[aria-pressed=true]{opacity:1}html[data-arkhi-page="games-stream"] .card-favorite[aria-pressed=true]{color:var(--green);border-color:#719954}
html[data-arkhi-page="games-stream"] .games-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:25px 15px;padding:7px var(--gutter) 30px}html[data-arkhi-page="games-stream"] .games-grid .game-card{width:100%;min-width:0;max-width:none}html[data-arkhi-page="games-stream"] .library-loading,html[data-arkhi-page="games-stream"] .empty-state{margin:20px var(--gutter);padding:40px 25px;border:1px solid #34412e;background:#141d14;border-radius:8px;color:#a5b29f}html[data-arkhi-page="games-stream"] .empty-state h3{font-size:24px;margin:0 0 13px;color:#ecf5e4}html[data-arkhi-page="games-stream"] .empty-state p{max-width:450px;font-size:14px;line-height:1.7}html[data-arkhi-page="games-stream"] .empty-state button{margin-top:12px}html[data-arkhi-page="games-stream"] .collection-footer{border-top:1px solid var(--line);display:flex;gap:20px;padding:25px var(--gutter);align-items:center;color:#6c8069;font-size:9px}html[data-arkhi-page="games-stream"] .collection-footer>span:first-child{color:#9ab08e;letter-spacing:2px;font-weight:700}html[data-arkhi-page="games-stream"] .collection-footer small{margin-left:auto;font-size:8px}
html[data-arkhi-page="games-stream"] #hint{position:absolute;top:auto;bottom:0;left:0;right:0;z-index:4;display:flex;justify-content:center;align-items:center;gap:27px;pointer-events:none;background:#111810ee;border-top:1px solid var(--line);height:28px;padding:0 12px;margin:0;font-size:9px;color:#9cab93}html[data-arkhi-page="games-stream"] #hint span{color:#73836c}html[data-arkhi-page="games-stream"] body.running #hint{font-size:11px;background:#000b;color:#b7b7b7}html[data-arkhi-page="games-stream"] .modal-shell{position:absolute;inset:0;background:#000b;z-index:7;display:flex;align-items:center;justify-content:center;padding:30px}html[data-arkhi-page="games-stream"] .game-dialog{position:relative;display:flex;width:850px;max-width:94%;max-height:90%;overflow-y:auto;border:1px solid #405439;background:#142015;box-shadow:0 20px 100px #000d;border-radius:12px}html[data-arkhi-page="games-stream"] .dialog-image{flex:0 0 30%;background:#263b24;display:flex;align-items:center;justify-content:center;min-height:360px}html[data-arkhi-page="games-stream"] .dialog-image img{width:100%;height:100%;max-height:480px;object-fit:cover}html[data-arkhi-page="games-stream"] .dialog-image span{font-size:36px;font-weight:900;color:#b6d58d;text-align:center;letter-spacing:-1px}html[data-arkhi-page="games-stream"] .dialog-copy{padding:45px 36px;flex:1}html[data-arkhi-page="games-stream"] .dialog-copy .eyebrow{margin:0 0 13px;font-size:9px}html[data-arkhi-page="games-stream"] .dialog-copy h2{font-size:34px;line-height:1.08;letter-spacing:-1px;margin:0 0 14px;font-weight:800}html[data-arkhi-page="games-stream"] .detail-format{color:#8eaa81;font-size:10px}html[data-arkhi-page="games-stream"] .dialog-copy>p:not(.eyebrow):not(.detail-format){font-size:13px;line-height:1.7;color:#bbceb1}html[data-arkhi-page="games-stream"] .dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}html[data-arkhi-page="games-stream"] .dialog-copy .detail-hint{font-size:9px!important;margin-bottom:0;color:#7e9476!important}html[data-arkhi-page="games-stream"] #status{font-size:12px;line-height:1.7;color:#bbceb1;min-height:20px}html[data-arkhi-page="games-stream"] body.connecting #start{opacity:.6}html[data-arkhi-page="games-stream"] .close-button{position:absolute;right:12px;top:12px;background:#21301e;border:1px solid #4b6042;color:#e9f3e4;width:30px;height:30px;padding:0;line-height:28px;font-size:24px;z-index:2}
html[data-arkhi-page="games-stream"] .settings-panel{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);width:470px;max-width:92%;background:#162215;border:1px solid #547149;border-radius:12px;padding:35px;box-shadow:0 0 0 100vmax #000b}html[data-arkhi-page="games-stream"] .settings-panel h2{font-size:30px;margin:0 0 12px;letter-spacing:-1px}html[data-arkhi-page="games-stream"] .settings-panel>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#a3b99a}html[data-arkhi-page="games-stream"] .settings-panel .eyebrow{font-size:9px;margin-bottom:12px}html[data-arkhi-page="games-stream"] #controller-tools{position:static;text-align:left;display:flex;flex-direction:column;gap:11px;margin-top:24px}html[data-arkhi-page="games-stream"] #controller-tools button{background:#243620;color:#e0f0d6;border:1px solid #5f7e4f;border-radius:5px;text-align:left;font-size:13px;font-weight:700;min-height:45px;margin:0;padding:12px 15px}html[data-arkhi-page="games-stream"] #pad-calibration{z-index:12;border-radius:10px;background:#152113;border:1px solid #7f9b6e}html[data-arkhi-page="games-stream"] #pad-calibration button{font-size:17px;background:#bbf775;color:#182713;border:0;padding:12px 20px}html[data-arkhi-page="games-stream"] #pad-calibration p{font-size:22px;color:#cfdfc1}html[data-arkhi-page="games-stream"] body.running #controller-tools{display:none}html[data-arkhi-page="games-stream"] #library-toast{position:fixed;bottom:45px;left:50%;transform:translateX(-50%);border:1px solid #5a7548;background:#21321b;color:#dcf6c5;padding:12px 20px;border-radius:6px;font-size:12px;z-index:15;box-shadow:0 10px 30px #0008}
html[data-arkhi-page="games-stream"] #sound,html[data-arkhi-page="games-stream"] #connection-note,html[data-arkhi-page="games-stream"] #pause-note{z-index:6}html[data-arkhi-page="games-stream"] #sound{padding:10px 24px;background:#c1f977;color:#182514;font-size:15px;border:0}html[data-arkhi-page="games-stream"] #touch-pad{z-index:6}html[data-arkhi-page="games-stream"] body:not(.running) #touch-pad{display:none}html[data-arkhi-page="games-stream"] body.connecting #welcome{display:flex}html[data-arkhi-page="games-stream"] body.running #welcome{display:none}html[data-arkhi-page="games-stream"] body.running #player{z-index:3;background:#000}html[data-arkhi-page="games-stream"] body.running #sharp-game,html[data-arkhi-page="games-stream"] body.connecting #sharp-game{z-index:1}html[data-arkhi-page="games-stream"] .filtered-view .hero{display:none;height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}html[data-arkhi-page="games-stream"] .no-results .collection-total{font-size:24px}html[data-arkhi-page="games-stream"] .card-cover img,html[data-arkhi-page="games-stream"] .card-placeholder,html[data-arkhi-page="games-stream"] .modal-shell{top:0;right:0;bottom:0;left:0}
html[data-arkhi-page="games-stream"] .app-header{gap:0}html[data-arkhi-page="games-stream"] .brand{margin-right:3.4vw}html[data-arkhi-page="games-stream"] .primary-nav{gap:0}html[data-arkhi-page="games-stream"] .nav-link{margin-right:28px}html[data-arkhi-page="games-stream"] .header-end{gap:0}html[data-arkhi-page="games-stream"] .search-box{margin-right:14px}html[data-arkhi-page="games-stream"] .hero-actions{gap:0}html[data-arkhi-page="games-stream"] .hero-actions>button+button{margin-left:11px}html[data-arkhi-page="games-stream"] .genre-filters{gap:0}html[data-arkhi-page="games-stream"] .genre-chip{margin-right:8px}html[data-arkhi-page="games-stream"] .game-row{gap:0}html[data-arkhi-page="games-stream"] .game-card{margin-right:15px}html[data-arkhi-page="games-stream"] .games-grid .game-card{margin-right:0}html[data-arkhi-page="games-stream"] .games-grid{grid-gap:25px 15px}html[data-arkhi-page="games-stream"] .row-controls{gap:0}html[data-arkhi-page="games-stream"] .row-controls>button+button{margin-left:7px}html[data-arkhi-page="games-stream"] .dialog-actions{gap:0}html[data-arkhi-page="games-stream"] .dialog-actions>button+button{margin-left:10px}html[data-arkhi-page="games-stream"] .hero h1{font-size:32px;font-size:32px;}
@supports not (aspect-ratio:3/4){html[data-arkhi-page="games-stream"] .card-cover{height:0;padding-top:133.333%}}
@media(min-width:1600px){html[data-arkhi-page="games-stream"] .app-header{height:100px;min-height:100px}html[data-arkhi-page="games-stream"] .nav-link{font-size:16px}html[data-arkhi-page="games-stream"] .search-box input{font-size:14px;width:190px}html[data-arkhi-page="games-stream"] .hero{;height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}html[data-arkhi-page="games-stream"] .hero-description{font-size:16px;max-width:460px}html[data-arkhi-page="games-stream"] .hero-kicker,html[data-arkhi-page="games-stream"] .hero-meta{font-size:12px}html[data-arkhi-page="games-stream"] .eyebrow{font-size:12px}html[data-arkhi-page="games-stream"] .play-button,html[data-arkhi-page="games-stream"] .secondary-button{font-size:15px;padding:16px 28px}html[data-arkhi-page="games-stream"] .game-card{flex-basis:calc((100vw - 8.8vw - 105px)/8);max-width:none}html[data-arkhi-page="games-stream"] .card-name{font-size:14px}html[data-arkhi-page="games-stream"] .card-genre{font-size:11px}html[data-arkhi-page="games-stream"] .section-heading h2{font-size:22px}html[data-arkhi-page="games-stream"] .genre-chip{font-size:12px}html[data-arkhi-page="games-stream"] .collection-bar h2{font-size:29px}html[data-arkhi-page="games-stream"] .games-grid{grid-template-columns:repeat(8,minmax(0,1fr))}html[data-arkhi-page="games-stream"] .game-section{margin-bottom:40px}html[data-arkhi-page="games-stream"] .card-tag{font-size:9px}html[data-arkhi-page="games-stream"] .hero-footnote{font-size:12px}}
@media(max-width:1000px){html[data-arkhi-page="games-stream"] .app-header{height:73px;min-height:73px;gap:24px}html[data-arkhi-page="games-stream"] .primary-nav{gap:20px}html[data-arkhi-page="games-stream"] .search-box input{width:105px}html[data-arkhi-page="games-stream"] .brand-name{display:none}html[data-arkhi-page="games-stream"] .hero{;height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}html[data-arkhi-page="games-stream"] .hero-copy{;position:relative;left:auto;bottom:auto;width:100%;max-width:960px;padding:0;}html[data-arkhi-page="games-stream"] .hero h1{font-size:32px;}html[data-arkhi-page="games-stream"] .game-card{flex-basis:calc((100vw - 8.8vw - 60px)/5)}html[data-arkhi-page="games-stream"] .games-grid{grid-template-columns:repeat(5,minmax(0,1fr))}html[data-arkhi-page="games-stream"] .hero-description{max-width:330px}html[data-arkhi-page="games-stream"] .collection-bar h2{font-size:22px}html[data-arkhi-page="games-stream"] .dialog-copy h2{font-size:29px}}
@media(max-width:700px){html[data-arkhi-page="games-stream"]{--gutter:5vw}html[data-arkhi-page="games-stream"] .app-header{height:auto;min-height:108px;padding-top:13px;padding-bottom:0;gap:10px;flex-wrap:wrap;align-content:space-between}html[data-arkhi-page="games-stream"] .brand-name{display:block}html[data-arkhi-page="games-stream"] .brand-mark{font-size:23px}html[data-arkhi-page="games-stream"] .header-end{gap:7px}html[data-arkhi-page="games-stream"] .search-box{padding:8px 10px}html[data-arkhi-page="games-stream"] .search-box input{width:105px;font-size:11px}html[data-arkhi-page="games-stream"] .icon-button{width:34px;height:34px}html[data-arkhi-page="games-stream"] .primary-nav{order:3;width:100%;height:42px;gap:26px}html[data-arkhi-page="games-stream"] .nav-link{font-size:12px}html[data-arkhi-page="games-stream"] .hero{align-items:flex-end;height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}html[data-arkhi-page="games-stream"] .hero-copy{padding-top:30px;padding-bottom:28px;position:relative;left:auto;bottom:auto;width:100%;max-width:960px;padding:0;}html[data-arkhi-page="games-stream"] .hero h1{font-size:32px;max-width:340px;letter-spacing:-1.5px}html[data-arkhi-page="games-stream"] .hero-kicker{font-size:8px}html[data-arkhi-page="games-stream"] .hero-copy .eyebrow{margin-bottom:65px;font-size:8px}html[data-arkhi-page="games-stream"] .hero-description{max-width:340px;font-size:12px;margin:12px 0 17px}html[data-arkhi-page="games-stream"] .hero-meta{font-size:9px}html[data-arkhi-page="games-stream"] .hero-footnote{font-size:9px}html[data-arkhi-page="games-stream"] .collection-bar{padding-top:22px;padding-bottom:19px}html[data-arkhi-page="games-stream"] .collection-label{font-size:7px}html[data-arkhi-page="games-stream"] .collection-bar h2{font-size:19px;max-width:230px}html[data-arkhi-page="games-stream"] .collection-total{font-size:28px;white-space:nowrap}html[data-arkhi-page="games-stream"] .collection-total small{font-size:10px;display:block;text-align:right}html[data-arkhi-page="games-stream"] .genre-filters{padding-bottom:20px;gap:7px}html[data-arkhi-page="games-stream"] .genre-chip{font-size:10px;padding:8px 12px}html[data-arkhi-page="games-stream"] .game-card{flex-basis:34vw;min-width:0;max-width:none}html[data-arkhi-page="games-stream"] .game-row{gap:12px;padding-bottom:10px}html[data-arkhi-page="games-stream"] .games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 11px}html[data-arkhi-page="games-stream"] .card-name{font-size:10px}html[data-arkhi-page="games-stream"] .card-genre{font-size:8px}html[data-arkhi-page="games-stream"] .section-heading h2{font-size:15px}html[data-arkhi-page="games-stream"] .row-controls button{width:32px;height:32px}html[data-arkhi-page="games-stream"] .card-tag{font-size:6px;padding:4px 5px;left:6px;top:6px}html[data-arkhi-page="games-stream"] .card-favorite{opacity:1;width:23px;height:23px;font-size:14px;line-height:21px;right:5px;top:5px}html[data-arkhi-page="games-stream"] .collection-footer{gap:10px;flex-wrap:wrap}html[data-arkhi-page="games-stream"] .collection-footer small{margin-left:0;width:100%;font-size:7px}html[data-arkhi-page="games-stream"] #hint{font-size:8px;gap:12px;height:25px}html[data-arkhi-page="games-stream"] .game-dialog{display:block;max-height:88%;width:430px}html[data-arkhi-page="games-stream"] .modal-shell{padding:15px}html[data-arkhi-page="games-stream"] .dialog-image{height:160px;min-height:0;overflow:hidden}html[data-arkhi-page="games-stream"] .dialog-image img{width:auto;height:100%;object-fit:contain}html[data-arkhi-page="games-stream"] .dialog-copy{padding:26px}html[data-arkhi-page="games-stream"] .dialog-copy h2{font-size:29px}html[data-arkhi-page="games-stream"] .dialog-copy>p:not(.eyebrow):not(.detail-format){font-size:12px}html[data-arkhi-page="games-stream"] .dialog-actions{margin-top:20px}html[data-arkhi-page="games-stream"] .settings-panel{padding:28px}html[data-arkhi-page="games-stream"] .settings-panel h2{font-size:25px}html[data-arkhi-page="games-stream"] .hero-actions .play-button,html[data-arkhi-page="games-stream"] .hero-actions .secondary-button{font-size:12px;padding:13px 17px}}
@media(max-height:560px) and (min-width:701px){html[data-arkhi-page="games-stream"] .app-header{height:61px;min-height:61px}html[data-arkhi-page="games-stream"] .hero{;height:auto;min-height:0;max-height:none;padding:18px var(--edge,var(--gutter,24px));}html[data-arkhi-page="games-stream"] .hero-copy{padding-top:23px;padding-bottom:25px;position:relative;left:auto;bottom:auto;width:100%;max-width:960px;padding:0;}html[data-arkhi-page="games-stream"] .hero-copy .eyebrow{margin-bottom:15px}html[data-arkhi-page="games-stream"] .hero h1{font-size:32px;}html[data-arkhi-page="games-stream"] .hero-description{margin:10px 0 13px}html[data-arkhi-page="games-stream"] .collection-bar{padding-top:18px}html[data-arkhi-page="games-stream"] .game-dialog{max-height:94%}html[data-arkhi-page="games-stream"] .dialog-image{min-height:290px}html[data-arkhi-page="games-stream"] .dialog-copy{padding:27px}html[data-arkhi-page="games-stream"] .dialog-copy h2{font-size:27px}html[data-arkhi-page="games-stream"] #hint{display:flex}}
@media(prefers-reduced-motion:reduce){html[data-arkhi-page="games-stream"] *{scroll-behavior:auto!important;transition:none!important}}
@supports not (display:grid){html[data-arkhi-page="games-stream"] .games-grid{display:flex;flex-wrap:wrap}html[data-arkhi-page="games-stream"] .games-grid .game-card{flex:0 0 calc((100% - 105px)/7);margin-right:15px;margin-bottom:25px}@media(max-width:1000px){html[data-arkhi-page="games-stream"] .games-grid .game-card{flex-basis:calc((100% - 75px)/5)}}@media(max-width:700px){html[data-arkhi-page="games-stream"] .games-grid .game-card{flex-basis:calc((100% - 36px)/3);margin-right:12px}}}

/* Keep remote-control focus inexpensive on Samsung's television browser. */
html[data-arkhi-page="games-stream"] body.tv-light .card-cover,body.tv-light .card-favorite{transition:none;box-shadow:none}
html[data-arkhi-page="games-stream"] body.tv-light .card-main:hover .card-cover,html[data-arkhi-page="games-stream"] body.tv-light button:active{transform:none}
html[data-arkhi-page="games-stream"] body.tv-light .game-dialog,html[data-arkhi-page="games-stream"] body.tv-light #library-toast{box-shadow:none}
html[data-arkhi-page="games-stream"] body.tv-light .game-row{scroll-snap-type:none;scroll-behavior:auto}
html[data-arkhi-page="games-stream"] body.tv-light .card-cover:after{display:none}
html[data-arkhi-page="games-stream"] body.tv-light .card-placeholder{background:#203420}


/* Vector controls share one size and never inherit the streaming page padding. */
html[data-arkhi-page="games-stream"] button .ui-icon,html[data-arkhi-page="games-stream"] .search-box .ui-icon{display:block;width:20px;height:20px;min-width:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;pointer-events:none}
html[data-arkhi-page="games-stream"] .ui-icon.is-filled{fill:currentColor}
html[data-arkhi-page="games-stream"] .play-button,html[data-arkhi-page="games-stream"] .secondary-button{gap:0;line-height:1.25;white-space:nowrap}
html[data-arkhi-page="games-stream"] .play-button>.ui-icon,html[data-arkhi-page="games-stream"] .secondary-button>.ui-icon{margin-right:10px}
html[data-arkhi-page="games-stream"] .button-label{font-size:inherit!important;line-height:inherit}
html[data-arkhi-page="games-stream"] .icon-button{padding:0;flex:0 0 auto}
html[data-arkhi-page="games-stream"] .brand-mark>span .ui-icon{width:12px;height:12px;min-width:12px}
html[data-arkhi-page="games-stream"] .brand-mark>span{top:0;right:-12px}
html[data-arkhi-page="games-stream"] .close-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;line-height:1}
html[data-arkhi-page="games-stream"] .row-controls{flex-shrink:0}
html[data-arkhi-page="games-stream"] .row-controls .row-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0}
html[data-arkhi-page="games-stream"] .row-controls .see-all{display:inline-flex;align-items:center;justify-content:center;width:auto;height:36px;min-width:84px;padding:0 12px;font-size:12px;line-height:1.2;white-space:nowrap}
html[data-arkhi-page="games-stream"] .card-favorite{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;line-height:1}
html[data-arkhi-page="games-stream"] .card-favorite>.ui-icon{width:18px;height:18px;min-width:18px}
html[data-arkhi-page="games-stream"] #start::before{content:"";display:block;width:20px;height:20px;min-width:20px;flex:0 0 auto;margin-right:10px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg%20class%3D%22ui-icon%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22%23152414%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22m9%205%2011%207-11%207Z%22%20fill%3D%22%23152414%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
@media(max-width:700px){html[data-arkhi-page="games-stream"] .row-controls .see-all{height:32px;min-width:74px;padding:0 9px;font-size:11px}html[data-arkhi-page="games-stream"] .card-favorite{width:28px;height:28px}html[data-arkhi-page="games-stream"] .card-favorite>.ui-icon{width:16px;height:16px;min-width:16px}}




/* SOURCE FOR games-play (scoped) */
/* Central layout: layout-games-home.css */
/* Original layout centralized from /mnt/usb1/jogos/app/style.css */
html[data-arkhi-page="games-play"]{color-scheme:dark;--bg:#050505;--surface:#111315;--surface2:#181b1f;--text:#fff;--muted:#aeb5bf;--accent:#ff8a1f;--line:#2b2d31}html[data-arkhi-page="games-play"] *{box-sizing:border-box}html[data-arkhi-page="games-play"],html[data-arkhi-page="games-play"] body{width:100%;height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}html[data-arkhi-page="games-play"] body{overflow-x:hidden}html[data-arkhi-page="games-play"] .tv-shell{width:100%;min-height:100vh;padding:0 40px 20px;background:linear-gradient(180deg,#050505 0%,#090a0c 72%,#050505 100%)}html[data-arkhi-page="games-play"] .tv-topbar{height:64px;display:flex;align-items:center;gap:38px;border-bottom:1px solid #222;position:relative}html[data-arkhi-page="games-play"] .brand{font-size:17px;font-weight:800;letter-spacing:.02em;white-space:nowrap}html[data-arkhi-page="games-play"] .brand b{color:var(--accent)}html[data-arkhi-page="games-play"] .top-section{height:100%;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;border-bottom:4px solid var(--accent);padding:0 6px}html[data-arkhi-page="games-play"] .platform{margin-left:auto;color:#9da5af;font-size:13px;font-weight:700;letter-spacing:.12em}html[data-arkhi-page="games-play"] .gamepad-mark{width:26px;height:18px;display:inline-block;position:relative;border:3px solid currentColor;border-radius:8px 8px 10px 10px}html[data-arkhi-page="games-play"] .gamepad-mark:before,html[data-arkhi-page="games-play"] .gamepad-mark:after{content:"";position:absolute}html[data-arkhi-page="games-play"] .gamepad-mark:before{left:6px;top:7px;width:10px;height:3px;background:currentColor;box-shadow:3px -3px 0 -1px currentColor,3px 3px 0 -1px currentColor}html[data-arkhi-page="games-play"] .gamepad-mark:after{right:5px;top:5px;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:6px 5px 0 currentColor}html[data-arkhi-page="games-play"] .hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:20px 0 16px}html[data-arkhi-page="games-play"] .eyebrow{margin:0 0 6px;color:var(--accent);font-size:14px;font-weight:800;letter-spacing:.17em}html[data-arkhi-page="games-play"] .hero h1{margin:0;font-size:30px;line-height:1;font-weight:800;letter-spacing:-.025em}html[data-arkhi-page="games-play"] .intro{margin:7px 0 0;color:var(--muted);font-size:14px}html[data-arkhi-page="games-play"] .statusbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:#c1c7cf;font-size:12px;min-height:38px}html[data-arkhi-page="games-play"] .statusbar #gamepad{color:#d8dde4}html[data-arkhi-page="games-play"] .library{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}html[data-arkhi-page="games-play"] .button,html[data-arkhi-page="games-play"] button{font:inherit;color:#fff;background:var(--surface);border:1px solid var(--line);border-radius:0;padding:10px 12px;text-decoration:none;cursor:pointer}html[data-arkhi-page="games-play"] .game{min-height:78px;display:flex;align-items:flex-end;font-size:15px;font-weight:750;line-height:1.25;position:relative;padding:18px;background:linear-gradient(180deg,#15171a,#0f1113);overflow:hidden}html[data-arkhi-page="games-play"] .game:before{content:"MEGA DRIVE";position:absolute;top:9px;left:12px;color:#777f89;font-size:8px;letter-spacing:.16em;font-weight:800}html[data-arkhi-page="games-play"] .button:focus,html[data-arkhi-page="games-play"] button:focus,html[data-arkhi-page="games-play"] input:focus{outline:3px solid var(--accent);outline-offset:3px;background:#241b13;color:#fff}html[data-arkhi-page="games-play"] .button:hover,html[data-arkhi-page="games-play"] button:hover{border-color:var(--accent);background:#1b1d21}html[data-arkhi-page="games-play"] .small{font-size:12px;padding:8px 12px}html[data-arkhi-page="games-play"] button:disabled{opacity:.42}html[data-arkhi-page="games-play"] .notice{min-height:28px;margin:18px 0 0;color:#ffb25e;font-size:16px;line-height:1.35}html[data-arkhi-page="games-play"] .empty{border:1px solid var(--line);background:var(--surface);padding:28px}html[data-arkhi-page="games-play"] .empty h2{margin-top:0}html[data-arkhi-page="games-play"] .tv-hint{margin-top:12px;color:#7f8791;font-size:11px}html[data-arkhi-page="games-play"] .play .tv-shell{padding-bottom:20px}html[data-arkhi-page="games-play"] .play-topbar{height:54px}html[data-arkhi-page="games-play"] .back-link{color:#c9d0d8;text-decoration:none;font-size:15px;font-weight:700;padding:18px 12px 18px 0}html[data-arkhi-page="games-play"] .back-link:focus{outline:3px solid var(--accent);outline-offset:2px;color:#fff}html[data-arkhi-page="games-play"] .play-title{display:flex;align-items:center;gap:14px;min-width:0}html[data-arkhi-page="games-play"] .play-title h1{font-size:17px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:900px}html[data-arkhi-page="games-play"] .play-title .gamepad-mark{color:var(--accent)}html[data-arkhi-page="games-play"] .gamepad-state{margin-left:auto;color:#9da5af;font-size:15px;white-space:nowrap}html[data-arkhi-page="games-play"] .play-stage{width:100%;min-height:0;padding:8px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}html[data-arkhi-page="games-play"] #screen{width:min(480px,calc(100vw - 48px));height:auto;aspect-ratio:10/7;margin:0 auto;background:#000;border:1px solid #202226;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto}html[data-arkhi-page="games-play"] #game{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}html[data-arkhi-page="games-play"] #game canvas,html[data-arkhi-page="games-play"] #game video{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;image-rendering:pixelated!important;image-rendering:crisp-edges!important}html[data-arkhi-page="games-play"] .savebar{width:min(900px,calc(100vw - 48px));display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:10px auto 0;box-sizing:border-box}html[data-arkhi-page="games-play"] .savebar button{font-size:12px;min-height:34px;padding:6px 12px}html[data-arkhi-page="games-play"] .play .notice{width:min(900px,calc(100vw - 48px));margin:6px auto 0;font-size:14px;min-height:20px;text-align:center;box-sizing:border-box}html[data-arkhi-page="games-play"] .play .tv-hint{width:min(900px,calc(100vw - 48px));margin:6px auto 0;font-size:12px;text-align:center;box-sizing:border-box}html[data-arkhi-page="games-play"] .play #pairform{position:absolute;right:64px;bottom:78px;width:420px;padding:18px;background:#111315;border:1px solid #34373c;z-index:20}html[data-arkhi-page="games-play"] .play #pairform label{display:block;margin-bottom:10px;color:#cbd0d7}html[data-arkhi-page="games-play"] .play input{width:100%;background:#090b0d;border:1px solid #40444a;color:#fff;padding:12px;margin-bottom:10px}html[data-arkhi-page="games-play"] [hidden]{display:none!important}@media(max-width:1500px){html[data-arkhi-page="games-play"] .tv-shell{padding-left:44px;padding-right:44px}html[data-arkhi-page="games-play"] .library{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-arkhi-page="games-play"] .game{min-height:105px}html[data-arkhi-page="games-play"] .play-title h1{max-width:700px}}@media(max-width:1000px){html[data-arkhi-page="games-play"] .tv-shell{padding-left:28px;padding-right:28px}html[data-arkhi-page="games-play"] .library{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-arkhi-page="games-play"] .brand{font-size:20px}html[data-arkhi-page="games-play"] .statusbar{flex-wrap:wrap}html[data-arkhi-page="games-play"] .platform{display:none}}
/* games-library-v2 */
html[data-arkhi-page="games-play"] .games-home{overflow:hidden;background:#050607}
html[data-arkhi-page="games-play"] .games-home .tv-shell{height:100vh;min-height:0;padding:0 40px 18px;overflow:hidden;background:#050607}
html[data-arkhi-page="games-play"] .games-home .tv-topbar{height:62px;gap:36px;border-bottom:1px solid #202328}
html[data-arkhi-page="games-play"] .games-home .brand{font-size:17px}
html[data-arkhi-page="games-play"] .games-home .top-section{font-size:16px;border-bottom-width:3px}
html[data-arkhi-page="games-play"] .games-home .games-heading{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 0 14px}
html[data-arkhi-page="games-play"] .games-home .eyebrow{margin:0 0 5px;font-size:10px;letter-spacing:.16em;color:var(--accent)}
html[data-arkhi-page="games-play"] .games-home .games-heading h1{margin:0;font-size:29px;line-height:1.02;letter-spacing:-.025em}
html[data-arkhi-page="games-play"] .games-home .intro{margin:7px 0 0;color:#aeb5bf;font-size:13px}
html[data-arkhi-page="games-play"] .games-home .library-meta{display:flex;align-items:center;gap:9px;color:#aeb5bf;font-size:12px;white-space:nowrap}
html[data-arkhi-page="games-play"] .games-home .library-meta #gamepad{color:#d7dbe0}
html[data-arkhi-page="games-play"] .games-home .meta-dot{color:#565d66}
html[data-arkhi-page="games-play"] .games-home .library.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;align-content:start}
html[data-arkhi-page="games-play"] .games-home .game{aspect-ratio:16/9;min-height:0;padding:0;border:1px solid #2a2e34;background:#0e1114;position:relative;display:block;overflow:hidden;text-decoration:none;isolation:isolate;outline:none;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}
html[data-arkhi-page="games-play"] .games-home .game:before{display:none}
html[data-arkhi-page="games-play"] .games-home .game-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#060708;z-index:0}
html[data-arkhi-page="games-play"] .games-home .game:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 36%,rgba(0,0,0,.20) 56%,rgba(0,0,0,.94) 100%);z-index:1;pointer-events:none}
html[data-arkhi-page="games-play"] .games-home .game-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:26px 14px 13px;display:flex;flex-direction:column;gap:3px;text-shadow:0 1px 3px #000}
html[data-arkhi-page="games-play"] .games-home .game-platform{font-size:8px;font-weight:800;letter-spacing:.15em;color:#c0c7cf;text-transform:uppercase}
html[data-arkhi-page="games-play"] .games-home .game-title{margin:0;color:#fff;font-size:15px;font-weight:800;line-height:1.16;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-arkhi-page="games-play"] .games-home .game-meta{font-size:9px;line-height:1.2;color:#aeb5bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-arkhi-page="games-play"] .games-home .game:focus,html[data-arkhi-page="games-play"] .games-home .game:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent),0 12px 28px rgba(0,0,0,.42);transform:scale(1.018);z-index:4}
html[data-arkhi-page="games-play"] .games-home .game:focus .game-title{color:#fff}
html[data-arkhi-page="games-play"] .games-home .game:focus:after{background:linear-gradient(180deg,rgba(0,0,0,0) 28%,rgba(0,0,0,.14) 52%,rgba(0,0,0,.91) 100%)}
html[data-arkhi-page="games-play"] .games-home .game.art-missing{background:linear-gradient(145deg,#191d22,#0b0d10)}
html[data-arkhi-page="games-play"] .games-home .game.art-missing:before{display:block;content:"MEGA DRIVE";position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font-size:16px;letter-spacing:.15em;color:#555e68;white-space:nowrap}
html[data-arkhi-page="games-play"] .games-home .notice{margin:8px 0 0;min-height:18px;font-size:11px}
html[data-arkhi-page="games-play"] .games-home .tv-hint{position:absolute;left:40px;bottom:12px;margin:0;color:#737c86;font-size:10px}
html[data-arkhi-page="games-play"] .games-home .empty{margin-top:8px}
@media(max-width:760px){html[data-arkhi-page="games-play"] .games-home .tv-shell{padding-left:28px;padding-right:28px}html[data-arkhi-page="games-play"] .games-home .library.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-arkhi-page="games-play"] .games-home .games-heading{height:108px}html[data-arkhi-page="games-play"] .games-home .library-meta{display:none}html[data-arkhi-page="games-play"] .games-home .tv-hint{left:28px}html[data-arkhi-page="games-play"] .games-home .game-title{font-size:14px}}

/* emulator-profiles-v1 */
html[data-arkhi-page="games-play"] .play-topbar{gap:18px}
html[data-arkhi-page="games-play"] .profile-switch{margin-left:auto;display:flex;align-items:center;gap:5px;white-space:nowrap}
html[data-arkhi-page="games-play"] .profile-label{font-size:11px;color:#8f98a3;margin-right:2px}
html[data-arkhi-page="games-play"] .profile-btn{width:30px;height:30px;min-height:30px;padding:0;border:1px solid #3b4047;background:#111419;color:#c8cdd4;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
html[data-arkhi-page="games-play"] .profile-btn:hover,html[data-arkhi-page="games-play"] .profile-btn:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent);background:#1b1510;color:#fff}
html[data-arkhi-page="games-play"] .profile-btn.active{border-color:var(--accent);background:#3a2412;color:#fff;box-shadow:inset 0 -2px 0 var(--accent)}
html[data-arkhi-page="games-play"] .profile-desc{font-size:10px;color:#929aa4;max-width:150px;overflow:hidden;text-overflow:ellipsis}
html[data-arkhi-page="games-play"] .play .gamepad-state{margin-left:0}
@media(max-width:760px){html[data-arkhi-page="games-play"] .profile-label,html[data-arkhi-page="games-play"] .profile-desc{display:none}html[data-arkhi-page="games-play"] .profile-btn{width:27px;height:27px;min-height:27px}html[data-arkhi-page="games-play"] .play-title h1{max-width:360px}}


/* Samsung Tizen 6 (Chromium 76): explicit dimensions replace newer CSS sizing. */
html[data-arkhi-page="games-play"] .samsung-embedded.games-home .game{height:calc((100vw - 108px) * .1875);min-height:240px}
html[data-arkhi-page="games-play"] .samsung-embedded .game-art,html[data-arkhi-page="games-play"] .samsung-embedded .game:after{left:0;right:0;top:0;bottom:0}
html[data-arkhi-page="games-play"] .samsung-embedded.games-home .game-title{font-size:26px;line-height:1.2}
html[data-arkhi-page="games-play"] .samsung-embedded.games-home .game-platform{font-size:14px}
html[data-arkhi-page="games-play"] .samsung-embedded.games-home .game-meta{font-size:18px}
html[data-arkhi-page="games-play"] .samsung-embedded.games-home .brand,html[data-arkhi-page="games-play"] .samsung-embedded.games-home .top-section{font-size:24px}
html[data-arkhi-page="games-play"] .samsung-embedded.games-home .games-heading h1{font-size:38px}
html[data-arkhi-page="games-play"] .samsung-embedded.games-home .eyebrow{font-size:16px}
html[data-arkhi-page="games-play"] .samsung-embedded.games-home .intro{font-size:20px}
html[data-arkhi-page="games-play"] .samsung-embedded.games-home .library-meta{font-size:18px}
html[data-arkhi-page="games-play"] .samsung-embedded.games-home .tv-hint{font-size:18px}
html[data-arkhi-page="games-play"] .samsung-embedded.play .tv-shell{height:100vh;padding-bottom:16px}
html[data-arkhi-page="games-play"] .samsung-embedded.play .play-topbar{height:72px}
html[data-arkhi-page="games-play"] .samsung-embedded.play .play-title h1,html[data-arkhi-page="games-play"] .samsung-embedded.play .back-link{font-size:24px}
html[data-arkhi-page="games-play"] .samsung-embedded.play .profile-btn{width:44px;height:44px;min-height:44px;font-size:22px;margin-left:6px}
html[data-arkhi-page="games-play"] .samsung-embedded.play .profile-label,html[data-arkhi-page="games-play"] .samsung-embedded.play .profile-desc{font-size:18px}
html[data-arkhi-page="games-play"] .samsung-embedded.play .play-stage{height:calc(100vh - 88px)}
html[data-arkhi-page="games-play"] .samsung-embedded.play #screen{height:calc(100vh - 220px);width:calc(142.857vh - 314.286px);max-width:calc(100vw - 80px)}
html[data-arkhi-page="games-play"] .samsung-embedded.play .savebar{width:90%;margin-top:14px}
html[data-arkhi-page="games-play"] .samsung-embedded.play .savebar button{font-size:22px;min-height:44px;margin-right:12px}
html[data-arkhi-page="games-play"] .samsung-embedded.play .notice,html[data-arkhi-page="games-play"] .samsung-embedded.play .tv-hint{width:90%;font-size:18px}

html[data-arkhi-page="games-play"] /* Native-size emulation, html[data-arkhi-page="games-play"] scaled by the compositor for Samsung. */
.samsung-embedded.play #screen{width:640px;height:448px;max-width:none}
html[data-arkhi-page="games-play"] .samsung-embedded.play #game{width:320px;height:224px;flex:0 0 auto;transform:scale(2);transform-origin:center center}





/* SOURCE FOR games-sonic (scoped) */
/* Original layout centralized from /mnt/usb1/jogos/emulatorjs/data/sonic/20261016-4/sonic.css */
html[data-arkhi-page="games-sonic"],html[data-arkhi-page="games-sonic"] body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font:22px Arial,sans-serif}
html[data-arkhi-page="games-sonic"] main{position:absolute;left:50%;top:50%;width:320px;height:224px;transform:translate(-50%,-50%)}
html[data-arkhi-page="games-sonic"] canvas{display:block;width:320px;height:224px;image-rendering:auto;outline:none;transform-origin:center center}
html[data-arkhi-page="games-sonic"] #welcome{position:fixed;left:50%;top:50%;width:700px;margin:-130px 0 0 -350px;text-align:center;background:#000;padding:12px 0}
html[data-arkhi-page="games-sonic"] h1{font-size:52px;margin:0 0 24px}
html[data-arkhi-page="games-sonic"] button{padding:14px 48px;border:3px solid #fff;border-radius:8px;background:#174bd5;color:#fff;font:28px Arial;cursor:pointer}
html[data-arkhi-page="games-sonic"] button:focus{outline:5px solid #ffcf28;outline-offset:5px}
html[data-arkhi-page="games-sonic"] button:disabled{opacity:.6}
html[data-arkhi-page="games-sonic"] #status{font-size:20px;color:#ddd}
html[data-arkhi-page="games-sonic"] #hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:18px;color:#b5b5b5;pointer-events:none}
html[data-arkhi-page="games-sonic"] body.running #welcome{display:none}

html[data-arkhi-page="games-sonic"] #controller-tools{position:absolute;bottom:6px;left:0;right:0;text-align:center}
html[data-arkhi-page="games-sonic"] #controller-tools button{font-size:15px;padding:6px 12px;margin:0 6px;border-width:1px;background:#151515}
html[data-arkhi-page="games-sonic"] #pad-calibration{position:absolute;inset:5%;z-index:5;background:#101010;border:2px solid #ccc;padding:5%;text-align:center}
html[data-arkhi-page="games-sonic"] #pad-calibration p{font-size:26px;line-height:1.5}
html[data-arkhi-page="games-sonic"] #pad-calibration button{font-size:20px;padding:12px;margin:12px}
html[data-arkhi-page="games-sonic"] #touch-pad{position:absolute;bottom:50px;left:2%;right:2%;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}
html[data-arkhi-page="games-sonic"] #touch-pad button{pointer-events:auto;touch-action:none;user-select:none;font-size:22px;padding:14px;margin:3px;background:#183168b8}
@media(max-height:500px){html[data-arkhi-page="games-sonic"] #hint{display:none}html[data-arkhi-page="games-sonic"] #pad-calibration{inset:1%;padding:1%}html[data-arkhi-page="games-sonic"] #pad-calibration h2{font-size:20px;margin:8px}}

html[data-arkhi-page="games-sonic"] body.original-pixels canvas{image-rendering:pixelated}
html[data-arkhi-page="games-sonic"] #hint{top:0;bottom:auto;font-size:16px}
html[data-arkhi-page="games-sonic"] #welcome{width:90vw;max-width:700px;margin:0;transform:translate(-50%,-50%)}




/* SOURCE FOR public-test (scoped) */
/* Original layout centralized from /home/bruno/arkhi-public-google-test/styles.css */
html[data-arkhi-page="public-test"]{--coral:#ff6b4a;--red:#ff3b2f;--navy:#0b132b;--white:#f4f4f4;--muted:#9ba9bd;--panel:#111c33;--line:#263652;--radius:16px;color-scheme:dark;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
html[data-arkhi-page="public-test"] *{box-sizing:border-box}html[data-arkhi-page="public-test"],html[data-arkhi-page="public-test"] body{margin:0;min-height:100%;background:var(--navy);color:var(--white)}html[data-arkhi-page="public-test"] body{background:radial-gradient(ellipse at 80% 13%,#283152 0%,transparent 35%),var(--navy)}html[data-arkhi-page="public-test"] button,html[data-arkhi-page="public-test"] input{font:inherit}html[data-arkhi-page="public-test"] button{cursor:pointer}html[data-arkhi-page="public-test"] button:disabled{opacity:.5;cursor:not-allowed}html[data-arkhi-page="public-test"] button:focus-visible,html[data-arkhi-page="public-test"] a:focus-visible,html[data-arkhi-page="public-test"] input:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
html[data-arkhi-page="public-test"] [hidden]{display:none!important}html[data-arkhi-page="public-test"] .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
html[data-arkhi-page="public-test"] .shell{max-width:1580px;min-height:100vh;margin:auto;display:flex;flex-direction:column}html[data-arkhi-page="public-test"] .header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(22px,5vw,70px);border-bottom:1px solid #ffffff0e}html[data-arkhi-page="public-test"] .brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--white);font-size:23px;letter-spacing:-1px;font-weight:900}html[data-arkhi-page="public-test"] .brand strong{color:var(--red)}html[data-arkhi-page="public-test"] .brand img{object-fit:contain}html[data-arkhi-page="public-test"] .header-right{display:flex;align-items:center;gap:16px}html[data-arkhi-page="public-test"] .trial{font-size:13px;color:#ffd1c5;background:#ff6b4a19;padding:9px 13px;border-radius:18px;border:1px solid #ff6b4a50}html[data-arkhi-page="public-test"] .pill{border:0;border-radius:10px;padding:11px 18px;white-space:nowrap;color:var(--white);font-size:14px;font-weight:700}html[data-arkhi-page="public-test"] .pill.secondary{background:#263450;border:1px solid #455471}html[data-arkhi-page="public-test"] .pill.secondary:hover{background:#354768}
html[data-arkhi-page="public-test"] main{flex:1}html[data-arkhi-page="public-test"] .welcome{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;min-height:min(770px,calc(100vh - 175px));gap:45px;padding:55px clamp(22px,5vw,70px)}html[data-arkhi-page="public-test"] .halo{position:absolute;width:720px;height:720px;background:radial-gradient(circle,#ff6b4a20 0%,transparent 67%);left:40%;bottom:-430px;pointer-events:none}html[data-arkhi-page="public-test"] .hero-content{max-width:675px;z-index:1}html[data-arkhi-page="public-test"] .eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:900;color:var(--coral);display:inline-flex;align-items:center;gap:8px}html[data-arkhi-page="public-test"] .dot{width:8px;height:8px;border-radius:50%;background:var(--coral)}html[data-arkhi-page="public-test"] .welcome h1{font-size:clamp(48px,5.2vw,82px);line-height:1.06;letter-spacing:-.065em;margin:24px 0 24px;font-weight:900}html[data-arkhi-page="public-test"] .welcome h1 em{font-style:normal;color:var(--coral)}html[data-arkhi-page="public-test"] .welcome p{max-width:550px;font-size:clamp(15px,1.55vw,19px);line-height:1.65;color:#c4cbd7;margin:0 0 35px}
html[data-arkhi-page="public-test"] .start-form{display:flex;gap:10px;padding:7px;border-radius:16px;border:1px solid #495a77;background:#e5ecfa0d;max-width:685px;box-shadow:0 14px 50px #0003}html[data-arkhi-page="public-test"] .start-form input{flex:1;min-width:0;border:none;outline:none!important;padding:17px 19px;color:#fff;background:none;font-size:16px}html[data-arkhi-page="public-test"] .start-form input::placeholder{color:#a8b4c6}html[data-arkhi-page="public-test"] .start-form button,html[data-arkhi-page="public-test"] .dialog button[type=submit]{background:linear-gradient(110deg,var(--coral),var(--red));border:0;border-radius:11px;font-size:17px;font-weight:800;color:#fff;padding:15px 23px;white-space:nowrap;box-shadow:0 12px 32px #ff443622}html[data-arkhi-page="public-test"] .start-form button span,html[data-arkhi-page="public-test"] .dialog button span{padding-left:6px;font-size:24px;vertical-align:-2px}html[data-arkhi-page="public-test"] .start-form button:hover,html[data-arkhi-page="public-test"] .dialog button:hover{filter:brightness(1.08)}
html[data-arkhi-page="public-test"] .welcome .footnote,html[data-arkhi-page="public-test"] .footnote{font-size:12px;color:#8f9db1;margin-top:21px;line-height:1.55}html[data-arkhi-page="public-test"] .error{color:#ffad9c!important;font-size:14px!important;margin-top:12px!important}html[data-arkhi-page="public-test"] .visual{z-index:1;position:relative;padding:25px 2px 45px}html[data-arkhi-page="public-test"] .preview-screen{position:relative;width:100%;aspect-ratio:16/10;border:10px solid #252c3a;border-bottom-width:14px;border-radius:21px;background:linear-gradient(145deg,#292b40 0%,#261b33 40%,#0d1631 90%);box-shadow:0 24px 30px #010513b5,0 65px 110px #080d2090;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}html[data-arkhi-page="public-test"] .preview-screen:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 55px #0007}html[data-arkhi-page="public-test"] .preview-glow{width:70%;aspect-ratio:1;position:absolute;border-radius:100%;background:radial-gradient(circle,#ff6b4a50 0%,#ff384121 47%,transparent 75%);filter:blur(12px)}html[data-arkhi-page="public-test"] .play-glyph{position:relative;background:linear-gradient(130deg,#ff914b,#ff3345);width:105px;height:105px;border-radius:30px;display:grid;place-items:center;color:#fff;font-size:41px;padding-left:9px;box-shadow:0 16px 45px #ff4b5050}html[data-arkhi-page="public-test"] .preview-screen>span:last-child{position:relative;z-index:1;font-size:21px;font-weight:900;letter-spacing:3px}html[data-arkhi-page="public-test"] .preview-screen b{color:var(--red)}html[data-arkhi-page="public-test"] .floating-chip{position:absolute;right:-6px;bottom:22px;background:#252d43;padding:12px 16px;border-radius:12px;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--coral);border:1px solid #4f4a5f;box-shadow:0 15px 25px #06091580}
html[data-arkhi-page="public-test"] .player-view{padding:35px clamp(20px,3.4vw,54px) 55px}html[data-arkhi-page="public-test"] .toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}html[data-arkhi-page="public-test"] .toolbar h1{font-size:32px;margin:10px 0 0}html[data-arkhi-page="public-test"] .toolbar h1 span{color:var(--muted);font-size:15px;font-weight:500}html[data-arkhi-page="public-test"] .toolbar-actions{display:flex;gap:9px}html[data-arkhi-page="public-test"] .tv-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,320px);gap:22px}html[data-arkhi-page="public-test"] .video-box{position:relative;background:#03060b;border-radius:16px;overflow:hidden;aspect-ratio:16/9;border:1px solid #34435b}html[data-arkhi-page="public-test"] .video-box video{width:100%;height:100%;object-fit:contain;background:#05070b}html[data-arkhi-page="public-test"] .video-placeholder{position:absolute;inset:0;background:linear-gradient(120deg,#131b30,#080e1e);display:grid;place-items:center;text-align:center;color:var(--muted);pointer-events:none}html[data-arkhi-page="public-test"] .video-box:has(video:not([src])) .video-placeholder{display:grid}html[data-arkhi-page="public-test"] .video-placeholder.hidden{display:none}html[data-arkhi-page="public-test"] .watch-details{padding:23px 3px}html[data-arkhi-page="public-test"] .live-label{color:var(--red);font-size:12px;font-weight:900;letter-spacing:1px}html[data-arkhi-page="public-test"] .watch-details h2{font-size:25px;margin:12px 0 5px}html[data-arkhi-page="public-test"] .muted{color:var(--muted);font-size:14px}html[data-arkhi-page="public-test"] .channel-sidebar{background:#121d32;border:1px solid var(--line);border-radius:16px;min-height:450px;max-height:min(850px,calc(100vh - 240px));overflow:hidden;display:flex;flex-direction:column}html[data-arkhi-page="public-test"] .channel-heading{padding:19px;border-bottom:1px solid var(--line)}html[data-arkhi-page="public-test"] .channel-heading h2{font-size:17px;margin:0 0 13px}html[data-arkhi-page="public-test"] .channel-heading input{width:100%;background:#26334b;border:1px solid #35465d;border-radius:9px;padding:12px;color:var(--white);font-size:13px}html[data-arkhi-page="public-test"] .channel-list{overflow:auto;padding:8px;overscroll-behavior:contain}html[data-arkhi-page="public-test"] .channel-item{display:flex;gap:11px;align-items:center;width:100%;border:1px solid transparent;background:transparent;color:var(--white);padding:12px;border-radius:9px;text-align:left}html[data-arkhi-page="public-test"] .channel-item:hover{background:#25364c}html[data-arkhi-page="public-test"] .channel-item.active{background:#ff6b4a14;border-color:var(--coral)}html[data-arkhi-page="public-test"] .channel-item-logo{width:42px;height:42px;border-radius:8px;object-fit:contain;background:#273448;padding:3px}html[data-arkhi-page="public-test"] .channel-item strong{display:block;font-size:13px;line-height:1.2}html[data-arkhi-page="public-test"] .channel-item small{display:block;margin-top:5px;color:#96a5b9;font-size:11px;line-height:1.45}html[data-arkhi-page="public-test"] .channel-name{min-width:0;flex:1}
html[data-arkhi-page="public-test"] .footer{padding:24px clamp(22px,5vw,70px);border-top:1px solid #ffffff0e;display:flex;justify-content:space-between;gap:12px;color:#8091aa;font-size:12px}
html[data-arkhi-page="public-test"] .dialog-backdrop{position:fixed;inset:0;background:#050b1de8;z-index:30;display:grid;place-items:center;padding:20px;backdrop-filter:blur(11px)}html[data-arkhi-page="public-test"] .dialog{max-width:470px;width:100%;padding:42px 37px 32px;background:#16213a;border:1px solid #44526a;border-radius:22px;box-shadow:0 30px 100px #0009}html[data-arkhi-page="public-test"] .dialog h2{font-size:clamp(29px,3vw,42px);line-height:1.1;letter-spacing:-.035em;margin:17px 0}html[data-arkhi-page="public-test"] .dialog p{color:#b7c3d3;font-size:15px;line-height:1.6}html[data-arkhi-page="public-test"] .dialog form{display:grid;gap:12px;margin-top:23px}html[data-arkhi-page="public-test"] .dialog label{font-weight:700;font-size:12px}html[data-arkhi-page="public-test"] .dialog input{font-size:15px;background:#0b1426;border:1px solid #495777;padding:17px;border-radius:11px;color:white}html[data-arkhi-page="public-test"] .dialog button[type=submit]{font-size:15px}html[data-arkhi-page="public-test"] .dialog .feedback{font-size:13px;color:var(--coral)}
@media(max-width:960px){html[data-arkhi-page="public-test"] .welcome{grid-template-columns:1fr;min-height:unset;padding-top:65px;padding-bottom:70px}html[data-arkhi-page="public-test"] .visual{max-width:570px;justify-self:center;width:100%}html[data-arkhi-page="public-test"] .tv-layout{grid-template-columns:1fr}html[data-arkhi-page="public-test"] .channel-sidebar{max-height:480px}html[data-arkhi-page="public-test"] .player-view{padding-top:25px}}@media(max-width:560px){html[data-arkhi-page="public-test"] .header{height:72px}html[data-arkhi-page="public-test"] .brand{font-size:18px}html[data-arkhi-page="public-test"] .brand img{width:35px}html[data-arkhi-page="public-test"] .header-right{gap:7px}html[data-arkhi-page="public-test"] .pill{padding:9px 11px;font-size:12px}html[data-arkhi-page="public-test"] .welcome h1{font-size:47px}html[data-arkhi-page="public-test"] .welcome{gap:15px}html[data-arkhi-page="public-test"] .start-form{display:block;padding:7px}html[data-arkhi-page="public-test"] .start-form input{width:100%;padding:16px 13px}html[data-arkhi-page="public-test"] .start-form button{width:100%;padding:14px}html[data-arkhi-page="public-test"] .visual{padding:25px 8px}html[data-arkhi-page="public-test"] .footer{flex-direction:column}html[data-arkhi-page="public-test"] .toolbar{align-items:flex-start;flex-direction:column}html[data-arkhi-page="public-test"] .toolbar-actions{width:100%}html[data-arkhi-page="public-test"] .toolbar-actions>*{flex:1}html[data-arkhi-page="public-test"] .dialog{padding:26px 22px}html[data-arkhi-page="public-test"] .trial{font-size:10px;padding:8px}}
/* Contract terms must remain readable and easy to inspect without leaving the signup flow. */
html[data-arkhi-page="public-test"] .footer a,html[data-arkhi-page="public-test"] .dialog a{color:var(--coral);text-decoration:underline;text-underline-offset:3px}
html[data-arkhi-page="public-test"] .dialog .legal-accept{display:block;font-size:12px;font-weight:500;line-height:1.65;color:#d3deea;padding:4px 0 9px}
html[data-arkhi-page="public-test"] .dialog .legal-accept input{appearance:auto;vertical-align:middle;display:inline-block;width:17px;height:17px;margin:0 8px 2px 0;padding:0;accent-color:var(--coral);background:transparent;box-shadow:none}

html[data-arkhi-page="public-test"] /* ArkhiTV parity layer: same card-first browsing and live/EPG navigation, html[data-arkhi-page="public-test"] no home-only features. */
.player-view{padding:26px clamp(15px,3vw,52px) 45px;max-width:1640px;margin:auto}
html[data-arkhi-page="public-test"] .tv-layout{grid-template-columns:minmax(320px,.85fr) minmax(450px,1.7fr);gap:20px;align-items:start}
html[data-arkhi-page="public-test"] .watch-area{position:sticky;top:16px;min-width:0}
html[data-arkhi-page="public-test"] .watch-details{background:#131c30;border:1px solid #263652;border-top:0;border-radius:0 0 14px 14px;padding:22px}
html[data-arkhi-page="public-test"] .video-box{border-radius:14px 14px 0 0}
html[data-arkhi-page="public-test"] .channel-sidebar{max-height:min(790px,calc(100vh - 180px));min-height:590px}
html[data-arkhi-page="public-test"] .channel-heading{padding:16px}
html[data-arkhi-page="public-test"] .channel-heading-top{display:flex;justify-content:space-between;gap:13px;align-items:center}
html[data-arkhi-page="public-test"] .channel-heading h2{margin:6px 0;font-size:19px}
html[data-arkhi-page="public-test"] .channel-heading input{max-width:255px;padding:10px}
html[data-arkhi-page="public-test"] .category-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:13px 2px 3px;white-space:nowrap}
html[data-arkhi-page="public-test"] .filter-chip{flex:0 0 auto;color:#d5deed;background:#202e43;border:1px solid #354760;border-radius:24px;padding:9px 15px;font-size:12px;font-weight:700}
html[data-arkhi-page="public-test"] .filter-chip.active{background:#ff6b4a30;border-color:#ff6b4a;color:#fff}
html[data-arkhi-page="public-test"] .channel-list{padding:14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-content:start;overflow-y:auto}
html[data-arkhi-page="public-test"] .channel-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;aspect-ratio:1/1.05;padding:12px 6px;border-radius:13px;border:1px solid #2a3852;background:#1a2940;text-align:center;min-width:0;overflow:hidden}
html[data-arkhi-page="public-test"] .channel-item:hover{border-color:#ff6b4a88;background:#273651;transform:translateY(-1px)}
html[data-arkhi-page="public-test"] .channel-item.active{border-color:#ff6b4a;background:#422e42}
html[data-arkhi-page="public-test"] .channel-item-logo{width:75%;height:48%;max-height:78px;object-fit:contain;padding:4px;border-radius:5px;background:transparent}
html[data-arkhi-page="public-test"] .channel-item strong{font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
html[data-arkhi-page="public-test"] .channel-name{width:100%;min-width:0}
html[data-arkhi-page="public-test"] .channel-item small{font-size:10px;line-height:1.25;color:#a9bcd0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-arkhi-page="public-test"] .channel-item .epg-event{display:none}
html[data-arkhi-page="public-test"] .channel-list:has(.epg-row){grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-arkhi-page="public-test"] .channel-item.epg-row{aspect-ratio:auto;min-height:154px;flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;padding:15px;gap:12px}
html[data-arkhi-page="public-test"] .epg-row .channel-item-logo{width:56px;height:56px;flex:none}
html[data-arkhi-page="public-test"] .epg-row .channel-name{flex:1}
html[data-arkhi-page="public-test"] .epg-row .channel-item strong{font-size:14px}
html[data-arkhi-page="public-test"] .channel-item.epg-row .epg-event{display:block;font-size:11px;padding-top:5px;color:#d3dbea;white-space:normal}
html[data-arkhi-page="public-test"] .toolbar-actions{align-items:center;flex-wrap:wrap}
html[data-arkhi-page="public-test"] .tab-current,html[data-arkhi-page="public-test"] .pill.tab-current{background:#ff6b4a2f!important;border:1px solid #ff6b4a!important;color:#fff}
html[data-arkhi-page="public-test"] .pill.locked{opacity:.6;font-size:12px;cursor:default}
html[data-arkhi-page="public-test"] .list-more{font-size:12px;padding:12px 8px;color:#aebfd3;grid-column:1/-1}
@media(max-width:1250px){html[data-arkhi-page="public-test"] .channel-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){html[data-arkhi-page="public-test"] .tv-layout{grid-template-columns:1fr}html[data-arkhi-page="public-test"] .watch-area{position:static}html[data-arkhi-page="public-test"] .channel-sidebar{min-height:420px;max-height:650px}html[data-arkhi-page="public-test"] .channel-list{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:640px){html[data-arkhi-page="public-test"] .channel-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px}html[data-arkhi-page="public-test"] .channel-item{padding:8px 4px}html[data-arkhi-page="public-test"] .channel-item-logo{width:70%}html[data-arkhi-page="public-test"] .channel-list:has(.epg-row){grid-template-columns:1fr}html[data-arkhi-page="public-test"] .channel-heading-top{display:block}html[data-arkhi-page="public-test"] .channel-heading input{max-width:none;margin-top:10px}html[data-arkhi-page="public-test"] .watch-details{padding:15px}html[data-arkhi-page="public-test"] .pill.locked{display:none}}


html[data-arkhi-page="public-test"] /* Private testing: squared, html[data-arkhi-page="public-test"] borderless controls, html[data-arkhi-page="public-test"] visual focus retained */
button,html[data-arkhi-page="public-test"] .pill,html[data-arkhi-page="public-test"] .channel-item,html[data-arkhi-page="public-test"] .tab-current,html[data-arkhi-page="public-test"] input[type="url"],html[data-arkhi-page="public-test"] input[type="search"],html[data-arkhi-page="public-test"] .category-filters button{border-radius:0!important;border:0!important;box-shadow:none!important}
html[data-arkhi-page="public-test"] button:focus-visible,html[data-arkhi-page="public-test"] input:focus-visible{outline:2px solid #ff6b4a!important;outline-offset:2px!important}

/* Web test mobile usability and explicit playback feedback. */
html[data-arkhi-page="public-test"] .stream-mode{font-size:12px;color:#9db5c8;margin:8px 0;line-height:1.4}
html[data-arkhi-page="public-test"] .retry-play{margin:6px 0 10px;padding:12px 18px!important;background:#314662!important;color:#fff!important}
html[data-arkhi-page="public-test"] .video-placeholder{font-size:clamp(14px,2.3vw,20px);padding:15px;line-height:1.35}
@media(max-width:640px){
 html[data-arkhi-page="public-test"] .player-view{padding:17px 12px 30px}
 html[data-arkhi-page="public-test"] .toolbar{gap:10px;margin-bottom:12px}
 html[data-arkhi-page="public-test"] .toolbar h1{font-size:27px;margin-top:5px}
 html[data-arkhi-page="public-test"] .toolbar-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
 html[data-arkhi-page="public-test"] .toolbar-actions button{font-size:12px;padding:12px 5px;white-space:normal;min-height:43px}
 html[data-arkhi-page="public-test"] .toolbar-actions .locked{display:none}
 html[data-arkhi-page="public-test"] .watch-details{padding:15px 14px}
 html[data-arkhi-page="public-test"] .watch-details h2{font-size:21px}
 html[data-arkhi-page="public-test"] .watch-details .muted{font-size:12px}
 html[data-arkhi-page="public-test"] .channel-sidebar{border-radius:0;min-height:340px}
 html[data-arkhi-page="public-test"] .channel-item-logo{max-height:52px}
 html[data-arkhi-page="public-test"] .channel-item strong{font-size:11px}
 html[data-arkhi-page="public-test"] .video-box{border-radius:0}
}

html[data-arkhi-page="public-test"] /* Explicit local recording beta: text-only, html[data-arkhi-page="public-test"] square controls. */
.record-bar{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 7px}
html[data-arkhi-page="public-test"] .record-bar button,html[data-arkhi-page="public-test"] .record-bar .record-action{
 display:inline-flex;align-items:center;justify-content:center;
 text-decoration:none;background:#253d55;color:#fff;
 font:700 13px/1.35 Inter,system-ui,sans-serif;
 border:0;border-radius:0;box-shadow:none;padding:11px 15px;min-height:42px;
 cursor:pointer
}
html[data-arkhi-page="public-test"] .record-bar button:disabled{opacity:.42;cursor:not-allowed}
html[data-arkhi-page="public-test"] #recordStart:not(:disabled){background:#87332e}
html[data-arkhi-page="public-test"] #recordStop{background:#9a3630}
html[data-arkhi-page="public-test"] .record-status{font-size:12px;color:#a6b8ca;line-height:1.6;margin:5px 0}
html[data-arkhi-page="public-test"] .record-error{color:#ffb7a8!important}
html[data-arkhi-page="public-test"] .record-dialog{max-width:610px;max-height:85vh;overflow-y:auto;padding:29px}
html[data-arkhi-page="public-test"] .record-dialog h2{font-size:clamp(23px,3vw,31px);margin:12px 0}
html[data-arkhi-page="public-test"] .record-accept{display:flex;align-items:flex-start;gap:12px;padding:13px 0;color:#e4e9f4;font-size:14px;line-height:1.6;cursor:pointer}
html[data-arkhi-page="public-test"] .record-accept input{flex:none;width:22px;height:22px;margin-top:2px;accent-color:#df6951}
html[data-arkhi-page="public-test"] .record-dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}
html[data-arkhi-page="public-test"] .record-dialog-actions button{border-radius:0!important;border:0!important;box-shadow:none!important}
html[data-arkhi-page="public-test"] #recordConfirm{background:#9a3630}
html[data-arkhi-page="public-test"] #recordConfirm:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:640px){
 html[data-arkhi-page="public-test"] .record-dialog{padding:23px 18px;max-height:89vh}
 html[data-arkhi-page="public-test"] .record-dialog-actions{display:grid;grid-template-columns:1fr 1fr}
 html[data-arkhi-page="public-test"] .record-bar button,html[data-arkhi-page="public-test"] .record-bar .record-action{flex:1 1 42%;font-size:12px}
}

html[data-arkhi-page="public-test"] /* Payment sandbox: simulated only, html[data-arkhi-page="public-test"] deliberately flat controls. */
.sandbox-dialog{max-width:560px;max-height:88vh;overflow-y:auto}
html[data-arkhi-page="public-test"] .sandbox-controls{display:grid;grid-template-columns:1fr;gap:9px}
html[data-arkhi-page="public-test"] .sandbox-controls label{color:#abb9cd;font-size:12px}
html[data-arkhi-page="public-test"] .sandbox-controls select{background:#1f3348;border:0;border-radius:0;color:white;padding:12px;min-height:43px;font:inherit}
html[data-arkhi-page="public-test"] .sandbox-controls button,html[data-arkhi-page="public-test"] .sandbox-outcomes button,html[data-arkhi-page="public-test"] .sandbox-footer button{
 border:0;border-radius:0;box-shadow:none;background:#273f5a;color:#fff;
 padding:11px 15px;min-height:42px;cursor:pointer;font:600 13px system-ui}
html[data-arkhi-page="public-test"] .sandbox-controls button:disabled{opacity:.45;cursor:not-allowed}
html[data-arkhi-page="public-test"] .sandbox-order{display:grid;gap:8px;margin:15px 0}
html[data-arkhi-page="public-test"] .sandbox-order>div{display:flex;justify-content:space-between;gap:8px;font-size:13px}
html[data-arkhi-page="public-test"] .sandbox-order span{color:#acbbce}
html[data-arkhi-page="public-test"] .sandbox-outcomes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
html[data-arkhi-page="public-test"] .sandbox-footer{display:flex;justify-content:flex-end}
@media(max-width:640px){
 html[data-arkhi-page="public-test"] .header{height:auto;min-height:72px;flex-wrap:wrap;padding-top:9px;padding-bottom:9px}
 html[data-arkhi-page="public-test"] .header-right{flex-wrap:wrap;justify-content:flex-end}
 html[data-arkhi-page="public-test"] #testPayments{font-size:11px;padding:8px 10px}
 html[data-arkhi-page="public-test"] .sandbox-dialog{padding:23px 19px}
 html[data-arkhi-page="public-test"] .sandbox-outcomes button{flex:1 1 35%}
}




/* SOURCE FOR public-guide (scoped) */
/* Original layout centralized from /home/bruno/arkhi-public-google-test/styleguide.css */
/* Arkhi Design System — show-room. All values originate in theme.json. */
html[data-arkhi-page="public-guide"] *{box-sizing:border-box}
html[data-arkhi-page="public-guide"]{color-scheme:dark;scroll-behavior:smooth;font-family:var(--arkhi-font,Inter,system-ui,sans-serif)}
html[data-arkhi-page="public-guide"] body{margin:0;background:var(--arkhi-background,#0b132b);color:var(--arkhi-text,#f4f4f4);font:400 15px/1.65 var(--arkhi-font,Inter,system-ui,sans-serif);overflow-x:hidden}
html[data-arkhi-page="public-guide"] body:before{content:"";position:absolute;top:0;right:0;width:70vw;height:560px;background:radial-gradient(ellipse at 74% 9%,#2e385a 0,transparent 65%);pointer-events:none;z-index:-1}
html[data-arkhi-page="public-guide"] ::selection{background:var(--arkhi-accent);color:var(--arkhi-background)}
html[data-arkhi-page="public-guide"] a{color:inherit}
html[data-arkhi-page="public-guide"] button,html[data-arkhi-page="public-guide"] input,html[data-arkhi-page="public-guide"] select,html[data-arkhi-page="public-guide"] textarea{font:inherit}
html[data-arkhi-page="public-guide"] button{cursor:pointer}
html[data-arkhi-page="public-guide"] button:disabled{cursor:not-allowed;opacity:.42}
html[data-arkhi-page="public-guide"] :focus-visible{outline:3px solid var(--arkhi-focus)!important;outline-offset:3px!important}
html[data-arkhi-page="public-guide"] [hidden]{display:none!important}
html[data-arkhi-page="public-guide"] .skip-link{position:absolute;left:12px;top:-65px;background:var(--arkhi-accent);color:#0b132b;z-index:200;padding:10px}
html[data-arkhi-page="public-guide"] .skip-link:focus{top:12px}
html[data-arkhi-page="public-guide"] .site{max-width:1700px;margin:auto}
html[data-arkhi-page="public-guide"] .topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;padding:12px clamp(20px,4.3vw,72px);border-bottom:1px solid #ffffff13}
html[data-arkhi-page="public-guide"] .masthead,html[data-arkhi-page="public-guide"] .brand-foot{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:20px;font-weight:900;letter-spacing:-.04em}
html[data-arkhi-page="public-guide"] .masthead img{width:40px;height:auto}
html[data-arkhi-page="public-guide"] .masthead strong{font-weight:900;color:var(--arkhi-accent)}
html[data-arkhi-page="public-guide"] .top-right{display:flex;align-items:center;gap:18px}
html[data-arkhi-page="public-guide"] .top-version{font:700 11px/1.2 var(--arkhi-font);letter-spacing:.08em;color:var(--arkhi-muted);background:#ffffff0d;padding:9px 11px}
html[data-arkhi-page="public-guide"] .top-link{font-size:13px;color:#f3f4f7;text-decoration:none;border-bottom:1px solid var(--arkhi-accent);padding-bottom:4px}
html[data-arkhi-page="public-guide"] .top-link:hover{color:var(--arkhi-accent)}
html[data-arkhi-page="public-guide"] .hero{position:relative;min-height:515px;padding:76px clamp(20px,4.3vw,72px) 78px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:40px;border-bottom:1px solid #ffffff13;overflow:hidden}
html[data-arkhi-page="public-guide"] .hero:before{content:"";position:absolute;left:32%;bottom:-370px;width:690px;height:690px;background:radial-gradient(circle,#ff6b4a18 0,transparent 62%);pointer-events:none}
html[data-arkhi-page="public-guide"] .hero-text{position:relative;z-index:1;max-width:760px}
html[data-arkhi-page="public-guide"] .eyebrow,html[data-arkhi-page="public-guide"] .section-kicker,html[data-arkhi-page="public-guide"] .section-index,html[data-arkhi-page="public-guide"] .small-overline,html[data-arkhi-page="public-guide"] .component-label,html[data-arkhi-page="public-guide"] .type-eyebrow{font-size:11px;line-height:1.4;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--arkhi-accent)}
html[data-arkhi-page="public-guide"] .eyebrow{display:flex;align-items:center;gap:10px}
html[data-arkhi-page="public-guide"] .eyebrow i{width:8px;height:8px;background:var(--arkhi-accent);display:block}
html[data-arkhi-page="public-guide"] .hero h1{font-size:clamp(50px,5.5vw,88px);line-height:1.04;letter-spacing:-.065em;margin:23px 0 23px;font-weight:850}
html[data-arkhi-page="public-guide"] .hero h1 em,html[data-arkhi-page="public-guide"] .type-display em{color:var(--arkhi-accent);font-style:normal}
html[data-arkhi-page="public-guide"] .hero p:not(.eyebrow){max-width:645px;font-size:16px;color:var(--arkhi-muted);line-height:1.73;margin:0 0 27px}
html[data-arkhi-page="public-guide"] .hero p strong{color:var(--arkhi-text)}
html[data-arkhi-page="public-guide"] .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
html[data-arkhi-page="public-guide"] .hero .hero-fine{margin:19px 0 0!important;font-size:12px!important;color:#8b9eb6!important}
html[data-arkhi-page="public-guide"] .hero-fine code{color:#becae0}
html[data-arkhi-page="public-guide"] .hero-display{position:relative;z-index:1;max-width:580px;width:100%;justify-self:center}
html[data-arkhi-page="public-guide"] .preview-frame{aspect-ratio:1.3/1;display:flex;flex-direction:column;background:linear-gradient(145deg,#293957,#11182f 65%);border:11px solid #2a344b;border-bottom-width:15px;box-shadow:0 25px 70px #0307148a}
html[data-arkhi-page="public-guide"] .preview-top{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;font-size:13px;font-weight:900;letter-spacing:.07em}
html[data-arkhi-page="public-guide"] .preview-top b{color:var(--arkhi-accent)}
html[data-arkhi-page="public-guide"] .preview-red-dot{width:8px;height:8px;background:var(--arkhi-accent)}
html[data-arkhi-page="public-guide"] .preview-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center}
html[data-arkhi-page="public-guide"] .preview-content img{max-width:24%;height:auto}
html[data-arkhi-page="public-guide"] .preview-content p{font-size:clamp(22px,2vw,34px);letter-spacing:-.035em;line-height:1.25;font-weight:750;margin:0!important;color:#fff!important}
html[data-arkhi-page="public-guide"] .preview-content strong{color:var(--arkhi-accent)}
html[data-arkhi-page="public-guide"] .preview-bottom{display:flex;justify-content:space-around;padding:13px 10px;border-top:1px solid #ffffff1e;font-size:10px;letter-spacing:.16em;font-weight:800;color:#d4def1}
html[data-arkhi-page="public-guide"] .hero-display>p{font-size:10px;color:#8d9db6;letter-spacing:.14em;text-align:center;margin:15px 0 0}
html[data-arkhi-page="public-guide"] .workarea{display:grid;grid-template-columns:248px minmax(0,1fr);align-items:stretch}
html[data-arkhi-page="public-guide"] .left-nav{border-right:1px solid #ffffff13;min-width:0}
html[data-arkhi-page="public-guide"] .nav-inner{position:sticky;top:0;max-height:100vh;overflow:auto;padding:30px 16px 35px 30px;scrollbar-width:thin}
html[data-arkhi-page="public-guide"] .sidebar-label{color:#8493ac;font-size:10px;letter-spacing:.15em;font-weight:800;margin:8px 9px 15px}
html[data-arkhi-page="public-guide"] .nav-inner a{display:flex;align-items:center;gap:13px;text-decoration:none;color:#7387a3;font-size:10px;font-weight:800;padding:12px 10px;transition:color .12s,background .12s;border-left:2px solid transparent}
html[data-arkhi-page="public-guide"] .nav-inner a span{font-size:12px;color:#b3c0d2;font-weight:600;letter-spacing:0}
html[data-arkhi-page="public-guide"] .nav-inner a:hover,html[data-arkhi-page="public-guide"] .nav-inner a.active{color:var(--arkhi-accent);background:#ff6b4a0a;border-left-color:var(--arkhi-accent)}
html[data-arkhi-page="public-guide"] .nav-inner a:hover span,html[data-arkhi-page="public-guide"] .nav-inner a.active span{color:#fff}
html[data-arkhi-page="public-guide"] .nav-foot{margin:30px 9px 0;padding-top:16px;border-top:1px solid #ffffff18;color:#7185a1;font-size:10px;font-weight:700;line-height:1.65}
html[data-arkhi-page="public-guide"] .nav-foot span{display:block;color:var(--arkhi-accent)}
html[data-arkhi-page="public-guide"] main{min-width:0;padding:0 clamp(20px,4.1vw,72px) 80px}
html[data-arkhi-page="public-guide"] .intro-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px;border-bottom:1px solid #ffffff13}
html[data-arkhi-page="public-guide"] .intro-bar p{margin:5px 0 0;font-size:13px;color:var(--arkhi-muted)}
html[data-arkhi-page="public-guide"] .intro-status{white-space:nowrap;color:#a8b8cc;font-size:11px;display:flex;align-items:center;gap:8px}
html[data-arkhi-page="public-guide"] .status-dot{display:inline-block;width:7px;height:7px;min-width:7px;background:var(--arkhi-success)}
html[data-arkhi-page="public-guide"] .section{padding:70px 0 58px;border-bottom:1px solid #ffffff13;scroll-margin-top:20px}
html[data-arkhi-page="public-guide"] .section:last-child{border-bottom:0}
html[data-arkhi-page="public-guide"] .section-top{margin-bottom:34px;max-width:830px}
html[data-arkhi-page="public-guide"] .section-top h2{font-size:clamp(30px,3.5vw,46px);line-height:1.14;font-weight:800;letter-spacing:-.046em;margin:13px 0}
html[data-arkhi-page="public-guide"] .section-top p{font-size:15px;color:var(--arkhi-muted);margin:0;line-height:1.7}
html[data-arkhi-page="public-guide"] .identity-grid,html[data-arkhi-page="public-guide"] .platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
html[data-arkhi-page="public-guide"] .identity-card,html[data-arkhi-page="public-guide"] .platform-card{background:var(--arkhi-panel);padding:25px;min-width:0}
html[data-arkhi-page="public-guide"] .identity-art{display:grid;place-items:center;background:linear-gradient(125deg,#233551,#111a33);height:164px;margin:-25px -25px 24px}
html[data-arkhi-page="public-guide"] .identity-art.cinema{background:linear-gradient(125deg,#2d2247,#12213c)}
html[data-arkhi-page="public-guide"] .identity-art.gaming{background:linear-gradient(125deg,#213850,#1a2037)}
html[data-arkhi-page="public-guide"] .identity-art img{width:74px;height:auto}
html[data-arkhi-page="public-guide"] .identity-card h3{font-size:21px;letter-spacing:-.06em;margin:10px 0 4px;white-space:nowrap}
html[data-arkhi-page="public-guide"] .identity-card h3 b{color:var(--arkhi-accent)}
html[data-arkhi-page="public-guide"] .identity-card p,html[data-arkhi-page="public-guide"] .platform-card p{font-size:13px;color:var(--arkhi-muted);line-height:1.6;margin:0}
html[data-arkhi-page="public-guide"] .palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
html[data-arkhi-page="public-guide"] .swatch{background:var(--arkhi-panel);border:0;min-width:0;padding:0;text-align:left;color:var(--arkhi-text);display:block}
html[data-arkhi-page="public-guide"] .swatch:hover{outline:2px solid var(--arkhi-accent)}
html[data-arkhi-page="public-guide"] .swatch .swatch-color{display:flex;height:118px;padding:15px;align-items:flex-end;font-size:10px;font-weight:750;letter-spacing:.06em}
html[data-arkhi-page="public-guide"] .swatch-info{display:block;padding:14px 15px 17px}
html[data-arkhi-page="public-guide"] .swatch strong{display:block;font-size:13px;line-height:1.5}
html[data-arkhi-page="public-guide"] .swatch code{display:block;font-size:12px;color:var(--arkhi-muted);margin-top:3px;font-family:ui-monospace,Consolas,monospace}
html[data-arkhi-page="public-guide"] .token-footer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 24px;align-items:start;margin-top:20px;padding:19px 21px;background:var(--arkhi-panel);font-size:11px}
html[data-arkhi-page="public-guide"] .token-footer>span{color:var(--arkhi-muted);font-weight:800;letter-spacing:.08em}
html[data-arkhi-page="public-guide"] .token-footer code{word-break:break-word;color:#dce4ef;font-size:12px}
html[data-arkhi-page="public-guide"] .type-list{background:var(--arkhi-panel);padding:8px 28px}
html[data-arkhi-page="public-guide"] .type-row{display:grid;grid-template-columns:148px minmax(0,1fr);gap:25px;align-items:center;padding:29px 0;border-bottom:1px solid #ffffff19}
html[data-arkhi-page="public-guide"] .type-row:last-child{border-bottom:0}
html[data-arkhi-page="public-guide"] .type-row>span{font-size:10px;color:#8396ae;font-weight:800;letter-spacing:.11em}
html[data-arkhi-page="public-guide"] .type-display{font-size:clamp(40px,5vw,76px);line-height:1.05;letter-spacing:-.057em;font-weight:900}
html[data-arkhi-page="public-guide"] .type-h1{font-size:42px;line-height:1.15;letter-spacing:-.044em;margin:0}
html[data-arkhi-page="public-guide"] .type-h2{font-size:30px;line-height:1.25;letter-spacing:-.035em;margin:0}
html[data-arkhi-page="public-guide"] .type-h3{font-size:22px;line-height:1.3;margin:0}
html[data-arkhi-page="public-guide"] .type-body{font-size:16px;max-width:660px;margin:0}
html[data-arkhi-page="public-guide"] .type-caption{font-size:13px;color:var(--arkhi-muted);margin:0}
html[data-arkhi-page="public-guide"] .type-eyebrow{margin:0}
html[data-arkhi-page="public-guide"] .type-link{font-size:16px;color:var(--arkhi-accent);text-decoration:underline;text-underline-offset:5px}
@keyframes rotate{to{transform:rotate(360deg)}}
html[data-arkhi-page="public-guide"] .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-arkhi-page="public-guide"] .source-note{margin-top:16px;background:#192840;padding:17px 22px;color:#a8bbd4;font-size:12px}
html[data-arkhi-page="public-guide"] .source-note p{margin:4px 0}
html[data-arkhi-page="public-guide"] .source-note strong{color:#e3ecfa}
html[data-arkhi-page="public-guide"] .source-note code{color:#ffe0d8}
html[data-arkhi-page="public-guide"] .footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff1c;padding:28px clamp(20px,4.3vw,72px);color:#8c9eb5;font-size:11px}
html[data-arkhi-page="public-guide"] .footer a{color:#d5def0;text-decoration:none}
html[data-arkhi-page="public-guide"] .brand-foot{font-size:13px;letter-spacing:.02em}
html[data-arkhi-page="public-guide"] .overlay{position:fixed;inset:0;background:#061022e8;z-index:100;display:grid;place-items:center;padding:15px}
/* Compact TV browsers should have explicit focus and no costly animations. */
@media(max-width:1300px){
 html[data-arkhi-page="public-guide"] .workarea{grid-template-columns:215px minmax(0,1fr)}
 html[data-arkhi-page="public-guide"] .left-nav .nav-inner{padding-left:15px}
 html[data-arkhi-page="public-guide"] .identity-grid{gap:9px}
 html[data-arkhi-page="public-guide"] .identity-card{padding:17px}
 html[data-arkhi-page="public-guide"] .identity-art{margin:-17px -17px 19px}
 html[data-arkhi-page="public-guide"] .palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 html[data-arkhi-page="public-guide"] .content-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 html[data-arkhi-page="public-guide"] .hero{grid-template-columns:1fr;gap:35px;padding-top:50px;padding-bottom:52px}
 html[data-arkhi-page="public-guide"] .hero-display{width:90%;max-width:460px}
 html[data-arkhi-page="public-guide"] .workarea{display:block}
 html[data-arkhi-page="public-guide"] .left-nav{position:sticky;top:0;z-index:20;max-width:100vw;border-right:0;border-bottom:1px solid #ffffff26;background:var(--arkhi-background)}
 html[data-arkhi-page="public-guide"] .nav-inner{display:flex;overflow-x:auto;align-items:center;gap:5px;max-height:none;white-space:nowrap;padding:9px 15px;scrollbar-width:thin}
 html[data-arkhi-page="public-guide"] .nav-inner .sidebar-label,html[data-arkhi-page="public-guide"] .nav-inner .nav-foot{display:none}
 html[data-arkhi-page="public-guide"] .nav-inner a{padding:8px 11px;font-size:10px;gap:6px;flex:none;border:0;border-bottom:2px solid transparent}
 html[data-arkhi-page="public-guide"] .nav-inner a span{font-size:12px}
 html[data-arkhi-page="public-guide"] .nav-inner a:hover,html[data-arkhi-page="public-guide"] .nav-inner a.active{border-color:var(--arkhi-accent)}
 html[data-arkhi-page="public-guide"] .section{scroll-margin-top:75px}
 html[data-arkhi-page="public-guide"] .intro-status{display:none}
 html[data-arkhi-page="public-guide"] .identity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 html[data-arkhi-page="public-guide"] .identity-card h3{font-size:18px;white-space:normal}
}
@media(max-width:620px){
 html[data-arkhi-page="public-guide"] .topbar{min-height:72px;padding:10px 16px}
 html[data-arkhi-page="public-guide"] .masthead{font-size:16px;gap:8px}
 html[data-arkhi-page="public-guide"] .masthead img{width:29px}
 html[data-arkhi-page="public-guide"] .top-right{gap:7px}
 html[data-arkhi-page="public-guide"] .top-version{font-size:9px}
 html[data-arkhi-page="public-guide"] .top-link{font-size:10px}
 html[data-arkhi-page="public-guide"] .hero{padding:48px 18px;min-height:0}
 html[data-arkhi-page="public-guide"] .hero h1{font-size:clamp(42px,10vw,64px)}
 html[data-arkhi-page="public-guide"] .hero p:not(.eyebrow){font-size:14px}
 html[data-arkhi-page="public-guide"] .hero-display{width:100%;max-width:400px}
 html[data-arkhi-page="public-guide"] .preview-top{padding:8px 12px}
 html[data-arkhi-page="public-guide"] .preview-bottom{font-size:8px}
 html[data-arkhi-page="public-guide"] main{padding:0 17px 55px}
 html[data-arkhi-page="public-guide"] .intro-bar{min-height:85px}
 html[data-arkhi-page="public-guide"] .intro-bar p{font-size:12px}
 html[data-arkhi-page="public-guide"] .section{padding:48px 0}
 html[data-arkhi-page="public-guide"] .section-top{margin-bottom:22px}
 html[data-arkhi-page="public-guide"] .section-top h2{font-size:31px}
 html[data-arkhi-page="public-guide"] .section-top p{font-size:13px}
 html[data-arkhi-page="public-guide"] .identity-grid{grid-template-columns:1fr}
 html[data-arkhi-page="public-guide"] .identity-card{display:grid;grid-template-columns:118px 1fr;grid-template-rows:auto auto auto;column-gap:17px;align-items:center;min-height:127px}
 html[data-arkhi-page="public-guide"] .identity-art{grid-row:1/4;grid-column:1;margin:-17px 0 -17px -17px;height:calc(100% + 34px)}
 html[data-arkhi-page="public-guide"] .identity-art img{width:56px}
 html[data-arkhi-page="public-guide"] .identity-card h3{grid-column:2;margin:4px 0 0}
 html[data-arkhi-page="public-guide"] .identity-card>p{grid-column:2}
 html[data-arkhi-page="public-guide"] .palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 html[data-arkhi-page="public-guide"] .swatch .swatch-color{height:93px}
 html[data-arkhi-page="public-guide"] .swatch-info{padding:11px}
 html[data-arkhi-page="public-guide"] .swatch strong{font-size:11px}
 html[data-arkhi-page="public-guide"] .swatch code{font-size:10px}
 html[data-arkhi-page="public-guide"] .token-footer{grid-template-columns:1fr;gap:8px}
 html[data-arkhi-page="public-guide"] .type-list{padding:4px 18px}
 html[data-arkhi-page="public-guide"] .type-row{grid-template-columns:1fr;gap:9px;padding:19px 0}
 html[data-arkhi-page="public-guide"] .type-row>span{font-size:9px}
 html[data-arkhi-page="public-guide"] .type-display{font-size:43px}
 html[data-arkhi-page="public-guide"] .type-h1{font-size:32px}
 html[data-arkhi-page="public-guide"] .type-h2{font-size:26px}
 html[data-arkhi-page="public-guide"] .component-panel{padding:18px}
 html[data-arkhi-page="public-guide"] .form-columns{grid-template-columns:1fr;gap:16px}
 html[data-arkhi-page="public-guide"] .field.full{grid-column:1}
 html[data-arkhi-page="public-guide"] .input-with-action{flex-wrap:wrap}
 html[data-arkhi-page="public-guide"] .input-with-action button{width:100%}
 html[data-arkhi-page="public-guide"] .component-label:not(:first-child){margin-top:25px}
 html[data-arkhi-page="public-guide"] .demo-tabs button{font-size:12px;padding:10px}
 html[data-arkhi-page="public-guide"] .content-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 html[data-arkhi-page="public-guide"] .sample-card{padding:10px}
 html[data-arkhi-page="public-guide"] .channel-art,html[data-arkhi-page="public-guide"] .movie-art,html[data-arkhi-page="public-guide"] .game-art,html[data-arkhi-page="public-guide"] .record-art{height:142px}
 html[data-arkhi-page="public-guide"] .alerts{grid-template-columns:1fr}
 html[data-arkhi-page="public-guide"] .viewer-controls{grid-template-columns:1fr;padding:17px}
 html[data-arkhi-page="public-guide"] .viewer-screen{min-height:210px}
 html[data-arkhi-page="public-guide"] .timeline{grid-column:1}
 html[data-arkhi-page="public-guide"] .cinema-mock{grid-template-columns:1fr;padding:15px;gap:16px}
 html[data-arkhi-page="public-guide"] .cinema-poster{min-height:190px}
 html[data-arkhi-page="public-guide"] .cinema-copy h3{font-size:31px}
 html[data-arkhi-page="public-guide"] .games-demo{padding:12px}
 html[data-arkhi-page="public-guide"] .arcade-scene{min-height:430px;padding:15px 8px}
 html[data-arkhi-page="public-guide"] .arcade-cabinet{max-width:260px}
 html[data-arkhi-page="public-guide"] .arcade-header{font-size:16px}
 html[data-arkhi-page="public-guide"] .arcade-bezel{border-width:7px}
 html[data-arkhi-page="public-guide"] .arcade-controls-demo{height:65px}
 html[data-arkhi-page="public-guide"] .arcade-pedestal{height:62px}
 html[data-arkhi-page="public-guide"] .platform-grid{grid-template-columns:1fr}
 html[data-arkhi-page="public-guide"] .footer{padding:20px 16px}
 html[data-arkhi-page="public-guide"] .dialog{padding:26px 20px}
}
@media(prefers-reduced-motion:reduce){
 html[data-arkhi-page="public-guide"]{scroll-behavior:auto}
 html[data-arkhi-page="public-guide"] *{animation:none!important;transition:none!important}
}
@media(prefers-reduced-motion:reduce){html[data-arkhi-page="public-guide"] .btn.is-busy:before{animation:none!important}}




/* SOURCE FOR public-landing (scoped) */
/* Public product information uses the exact Arkhi design tokens and global CSS. */
html[data-arkhi-page="public-landing"]{scroll-behavior:smooth}
html[data-arkhi-page="public-landing"] body{margin:0;background:var(--arkhi-background-deep);color:var(--arkhi-text);font:400 16px/1.65 var(--arkhi-font)}
html[data-arkhi-page="public-landing"] .arkhi-public-shell{width:min(1170px,calc(100% - 40px));margin-inline:auto}
html[data-arkhi-page="public-landing"] .arkhi-public-header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid var(--arkhi-line)}
html[data-arkhi-page="public-landing"] .arkhi-public-brand{color:var(--arkhi-text);text-decoration:none;display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-.04em}
html[data-arkhi-page="public-landing"] .arkhi-public-brand img{width:38px;height:38px;object-fit:contain}
html[data-arkhi-page="public-landing"] .arkhi-public-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
html[data-arkhi-page="public-landing"] a{color:var(--arkhi-text)}
html[data-arkhi-page="public-landing"] .arkhi-public-links a{font-size:14px;text-decoration:none}
html[data-arkhi-page="public-landing"] .arkhi-language-picker{color:var(--arkhi-text);background:var(--arkhi-panel);border:1px solid var(--arkhi-line);padding:9px 14px;min-height:43px;font:600 13px var(--arkhi-font)}
html[data-arkhi-page="public-landing"] .arkhi-public-hero{padding:clamp(76px,11vw,148px) 0 92px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);gap:56px;align-items:center}
html[data-arkhi-page="public-landing"] .arkhi-public-eyebrow{color:var(--arkhi-accent);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}
html[data-arkhi-page="public-landing"] .arkhi-public-hero h1{max-width:880px;margin:18px 0 23px;font-size:clamp(46px,6.5vw,90px);line-height:1.03;letter-spacing:-.064em}
html[data-arkhi-page="public-landing"] .arkhi-public-hero h1 em{font-style:normal;color:var(--arkhi-accent)}
html[data-arkhi-page="public-landing"] .arkhi-public-lead{max-width:680px;font-size:clamp(17px,2vw,21px);color:var(--arkhi-muted);line-height:1.65}
html[data-arkhi-page="public-landing"] .arkhi-public-actions{display:flex;gap:14px;flex-wrap:wrap;margin:35px 0 18px}
html[data-arkhi-page="public-landing"] .arkhi-public-action{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:12px 24px;text-decoration:none;font-size:14px;font-weight:800;background:var(--arkhi-accent);color:var(--arkhi-background-deep);border:0}
html[data-arkhi-page="public-landing"] .arkhi-public-action.secondary{background:var(--arkhi-panel-raised);color:var(--arkhi-text)}
html[data-arkhi-page="public-landing"] .arkhi-public-note{color:var(--arkhi-muted);font-size:13px;margin-top:12px}
html[data-arkhi-page="public-landing"] .arkhi-public-visual{background:linear-gradient(145deg,var(--arkhi-panel-raised),var(--arkhi-background));padding:35px;border:1px solid var(--arkhi-line);min-height:310px;display:flex;flex-direction:column;gap:19px;justify-content:center}
html[data-arkhi-page="public-landing"] .arkhi-public-visual>span{font-size:12px;color:var(--arkhi-accent);letter-spacing:.15em;font-weight:800}
html[data-arkhi-page="public-landing"] .arkhi-public-signal{height:9px;background:var(--arkhi-line);overflow:hidden}
html[data-arkhi-page="public-landing"] .arkhi-public-signal:nth-of-type(3){width:71%}
html[data-arkhi-page="public-landing"] .arkhi-public-signal:nth-of-type(4){width:54%}
html[data-arkhi-page="public-landing"] .arkhi-public-signal::before{content:"";display:block;width:42%;height:100%;background:var(--arkhi-accent)}
html[data-arkhi-page="public-landing"] .arkhi-public-section{padding:76px 0;border-top:1px solid var(--arkhi-line)}
html[data-arkhi-page="public-landing"] .arkhi-public-section h2{margin:10px 0 25px;font-size:clamp(29px,3vw,43px);line-height:1.17;letter-spacing:-.03em}
html[data-arkhi-page="public-landing"] .arkhi-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html[data-arkhi-page="public-landing"] .arkhi-public-tile{background:var(--arkhi-panel);padding:28px;border-top:3px solid var(--arkhi-accent)}
html[data-arkhi-page="public-landing"] .arkhi-public-tile h3{margin:0 0 12px;font-size:20px}
html[data-arkhi-page="public-landing"] .arkhi-public-tile p{margin:0;color:var(--arkhi-muted)}
html[data-arkhi-page="public-landing"] .arkhi-public-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;counter-reset:step}
html[data-arkhi-page="public-landing"] .arkhi-public-steps div{counter-increment:step;padding-top:20px;border-top:1px solid var(--arkhi-line)}
html[data-arkhi-page="public-landing"] .arkhi-public-steps div:before{content:counter(step,decimal-leading-zero);display:block;color:var(--arkhi-accent);font-size:21px;font-weight:900}
html[data-arkhi-page="public-landing"] .arkhi-public-faq details{padding:21px 0;border-bottom:1px solid var(--arkhi-line)}
html[data-arkhi-page="public-landing"] .arkhi-public-faq summary{font-size:17px;cursor:pointer;font-weight:750}
html[data-arkhi-page="public-landing"] .arkhi-public-faq p{max-width:820px;color:var(--arkhi-muted)}
html[data-arkhi-page="public-landing"] .arkhi-public-footer{border-top:1px solid var(--arkhi-line);padding:38px 0 58px;color:var(--arkhi-muted);font-size:13px}
html[data-arkhi-page="public-landing"] .arkhi-public-footer nav{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px}
html[data-arkhi-page="public-landing"] .arkhi-public-legal{max-width:850px;padding:40px 0 80px}
html[data-arkhi-page="public-landing"] .arkhi-public-legal h1{font-size:clamp(30px,4vw,54px);line-height:1.15}
html[data-arkhi-page="public-landing"] .arkhi-public-legal h2{font-size:23px;margin-top:39px}
html[data-arkhi-page="public-landing"] .arkhi-public-legal p{color:var(--arkhi-muted)}
html[data-arkhi-page="public-landing"] .arkhi-public-legal a{color:var(--arkhi-accent)}
html[data-arkhi-page="public-landing"] .arkhi-public-status{padding:14px;border-left:3px solid var(--arkhi-warning);background:var(--arkhi-panel)}
@media(max-width:850px){html[data-arkhi-page="public-landing"] .arkhi-public-hero{grid-template-columns:1fr;gap:24px;padding-top:70px}html[data-arkhi-page="public-landing"] .arkhi-public-visual{min-height:160px}html[data-arkhi-page="public-landing"] .arkhi-public-grid,html[data-arkhi-page="public-landing"] .arkhi-public-steps{grid-template-columns:1fr}html[data-arkhi-page="public-landing"] .arkhi-public-links{gap:11px}html[data-arkhi-page="public-landing"] .arkhi-public-links a{font-size:12px}}


/* The exact shared visual component rules used on the Arkhi style gallery.
   SINGLE SOURCE for buttons, cards, player chrome, controls, windows,
   fields, states, alerts and arcade framing. Changes to this file flow into
   the gallery and all generated platform theme assets automatically.
   Platform CSS may scale components, but must not redefine their identity. */

.component-panel{background:var(--arkhi-panel);padding:clamp(20px,2.8vw,38px)}

.component-label{color:#98a9c0!important;margin:0 0 15px;display:block}

.component-label:not(:first-child){margin-top:33px}

.wrap-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}

.align-middle{align-items:center}

.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;border:0!important;border-radius:0!important;box-shadow:none!important;text-decoration:none;white-space:normal;min-height:44px;padding:12px 21px;font-size:13px;font-weight:750;line-height:1.4;transition:background .12s,color .12s}

.btn.primary{background:var(--arkhi-accent);color:#0b132b}

.btn.primary:hover{background:#ff8e72}

.btn.secondary{background:#2b3f5a;color:#f4f4f4}

.btn.secondary:hover{background:#344e6e}

.btn.neutral{background:#e8edf8;color:#17213b}

.btn.neutral:hover{background:#fff}

.btn.subtle{background:#182740;color:#ccdaed}

.btn.subtle:hover{background:#283e5a}

.btn.danger{background:#8d3032;color:white}

.btn.danger:hover{background:#b83d3f}

.btn.small{min-height:33px;padding:7px 12px;font-size:11px}

.btn.large{min-height:58px;padding:16px 26px;font-size:16px}

.btn.is-busy:before{content:"";display:inline-block;box-sizing:border-box;
 width:var(--arkhi-loader-size-small);height:var(--arkhi-loader-size-small);
 border:var(--arkhi-loader-stroke) solid var(--arkhi-loader-track);
 border-top-color:var(--arkhi-loader-color);border-radius:50%;
 animation:arkhi-loader-spin var(--arkhi-loader-duration) linear infinite}

.component-note{font-size:13px;color:var(--arkhi-muted);line-height:1.7;margin:0}

.form-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}

.field{min-width:0;display:flex;flex-direction:column;gap:7px}

.field.full{grid-column:1/-1}

.field label{font-size:13px;color:#ecf0fa;font-weight:700}

.field input,.field select,.field textarea{width:100%;background:#20314b;color:#f4f4f4;border:1px solid #465b78;border-radius:0;box-shadow:none;outline:none;min-height:45px;padding:11px 14px;font-size:14px}

.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--arkhi-accent)!important;outline:2px solid var(--arkhi-accent)!important;outline-offset:0!important}

.field input::placeholder,.field textarea::placeholder{color:#b3c2d6}

.field input[aria-invalid=true]{border-color:var(--arkhi-accent-hot);background:#472c42}

.field small{font-size:11px;color:#8499b3;line-height:1.5}

.input-with-action{display:flex;gap:8px;min-width:0}

.input-with-action input{flex:1;min-width:0}

.input-with-action button{flex:none}

.form-choices{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px;padding-top:24px;border-top:1px solid #ffffff1a}

.choice,.switch-label{font-size:13px;color:#cdd8ea;display:inline-flex;align-items:center;gap:9px;cursor:pointer}

.choice input{accent-color:var(--arkhi-accent);width:17px;height:17px;min-width:17px}

.switch-label{gap:12px}

.switch{width:44px;height:23px;background:#394860;border:0;border-radius:0;position:relative;padding:3px;display:flex;align-items:center}

.switch span{display:block;width:17px;height:17px;background:#fff;transition:transform .14s}

.switch[aria-checked=true]{background:var(--arkhi-accent)}

.switch[aria-checked=true] span{transform:translateX(21px)}

.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:29px}

.form-actions p{flex:1;margin:0;color:var(--arkhi-muted);font-size:12px}

.demo-tabs{display:flex;gap:0;flex-wrap:wrap;border-bottom:1px solid #ffffff28}

.demo-tabs button{font-weight:750;font-size:14px;padding:13px 22px;border:0;border-bottom:3px solid transparent;background:transparent;color:#aabbcf;min-height:44px}

.demo-tabs button[aria-selected=true]{border-bottom-color:var(--arkhi-accent);color:white;background:#263a55}

.tab-panel{padding:22px 18px;background:#182740}

.tab-panel p{font-weight:750;margin:0 0 5px}

.tab-panel span{font-size:13px;color:#a7b8cf}

.filter-row{display:flex;flex-wrap:wrap;gap:8px}

.filter{border:0;background:#24354e;padding:9px 15px;min-height:38px;color:#cedaf0;font-size:13px;font-weight:700}

.filter.active{background:var(--arkhi-accent);color:#0b132b}

.bottom-nav-demo{display:flex;justify-content:space-around;background:#192742;max-width:630px;padding:6px}

.bottom-nav-demo button{display:flex;flex:1;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-width:0;background:transparent;color:#9baac0;border:0;min-height:68px;padding:6px 3px;font-size:11px;font-weight:750}

.bottom-nav-demo button.active{background:#41304b;color:#fff;border-bottom:3px solid var(--arkhi-accent)}

.bottom-nav-demo button span{font-size:22px;line-height:1}

.content-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}

.sample-card{min-width:0;padding:15px;background:var(--arkhi-panel)}

.sample-card h3{margin:13px 0 2px;font-size:15px;letter-spacing:-.025em}

.sample-card p{font-size:11px;color:#a4b5cb;margin:0 0 11px}

.channel-art,.movie-art,.game-art,.record-art{height:190px;margin:15px 0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#233553}

.channel-art img{max-width:75%;max-height:75%;object-fit:contain}

.movie-art{flex-direction:column;background:linear-gradient(150deg,#4c2d54,#18294c 80%);letter-spacing:.15em;font-size:12px}

.movie-art strong{font-size:20px}

.movie-art small{font-size:9px;color:#b3c7df;margin-top:14px}

.game-art{flex-direction:column;background:linear-gradient(145deg,#242d58,#121731);gap:14px;font-size:12px;letter-spacing:.1em}

.pixel-orbit{font-size:37px;font-weight:900;color:var(--arkhi-accent);height:72px;width:72px;border:5px solid var(--arkhi-accent);display:grid;place-items:center}

.record-art{flex-direction:column;background:linear-gradient(145deg,#293751,#101726);gap:10px;letter-spacing:.1em}

.rec-circle{display:block;background:var(--arkhi-accent);height:18px;width:18px}

.record-art small{font-size:9px;color:#c5d2e4}

.mini-progress,.progress-track{height:4px;background:#40516b}

.mini-progress span,.progress-track>div{height:100%;display:block;background:var(--arkhi-accent)}

.flag{font-size:12px;font-weight:760;line-height:1.5;padding:7px 12px;border-left:3px solid currentColor;background:#25324c}

.flag.success{color:var(--arkhi-success)}

.flag.warning{color:var(--arkhi-warning)}

.flag.error{color:#ff8977}

.flag.info{color:#aec8ff}

.flag.neutral{color:#c7d0df}

.alerts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

.alert{display:flex;flex-direction:column;gap:5px;background:#1d2d46;border-left:4px solid;padding:16px;font-size:13px}

.alert b{font-size:12px}

.alert span{color:#d4ddea}

.alert.info{border-color:#a5c1f4}

.alert.success{border-color:var(--arkhi-success)}

.alert.warning{border-color:var(--arkhi-warning)}

.alert.error{border-color:#ff8977}

.progress-wrap{max-width:680px}

.progress-head{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;margin-bottom:9px}

.progress-head strong{color:var(--arkhi-accent)}

.progress-track{height:8px;margin-bottom:16px}

.empty-state{text-align:center;padding:27px 18px;background:#182740}

.empty-glyph{font-size:34px;color:var(--arkhi-accent)}

.empty-state h3{font-size:17px;margin:5px}

.empty-state p{font-size:13px;color:var(--arkhi-muted);margin:0}

.viewer-mock{background:#10192c}

.viewer-screen{aspect-ratio:16/9;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#283e63,#090f21 73%);overflow:hidden}

.viewer-center{text-align:center}

.viewer-center img{width:90px;max-width:25vw;height:auto}

.viewer-center p{font-size:clamp(27px,4vw,58px);font-weight:900;margin:0;letter-spacing:-.05em}

.viewer-center strong{color:var(--arkhi-accent)}

.viewer-live{position:absolute;left:22px;top:20px;display:flex;align-items:center;gap:9px;background:#141e36c9;font-size:10px;font-weight:900;letter-spacing:.14em;padding:8px 12px}

.viewer-live .status-dot{background:var(--arkhi-accent)}

.viewer-controls{padding:22px 25px;display:grid;grid-template-columns:1fr auto;gap:18px}

.viewer-controls h3{font-size:20px;margin:7px 0 0}

.viewer-controls p{color:var(--arkhi-muted);font-size:13px;margin:6px 0}

.player-actions{display:flex;align-items:center;gap:8px}

.timeline{grid-column:1/-1;display:flex;align-items:center;gap:14px;font-size:12px;color:#91a3bb}

.timeline input{flex:1;width:100%;accent-color:var(--arkhi-accent)}

.cinema-mock{background:linear-gradient(115deg,#141c34,#26314e);display:grid;grid-template-columns:35% 1fr;gap:32px;align-items:center;padding:27px}

.cinema-poster{min-height:345px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(150deg,#6e3450,#202a50);letter-spacing:.1em}

.cinema-poster span{font-size:27px;font-weight:900}

.cinema-poster strong{font-size:clamp(16px,2.2vw,29px)}

.cinema-copy h3{font-size:clamp(28px,3.6vw,44px);margin:12px 0;letter-spacing:-.045em}

.cinema-copy p{max-width:520px;color:#c8d3e5;line-height:1.7}

.film-meta{display:flex;flex-wrap:wrap;gap:9px}

.film-meta span{background:#283b58;padding:6px 9px;font-size:11px}

.games-demo{background:var(--arkhi-panel);padding:24px}

.games-demo-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}

.arcade-scene{display:grid;place-items:center;background:radial-gradient(ellipse at center,#2f3b5f,#0b142a 68%);min-height:500px;overflow:hidden;padding:25px}

.arcade-cabinet{width:min(100%,360px);display:flex;flex-direction:column;align-items:center;background:linear-gradient(90deg,#273c61,#111b36 16%,#172548 84%,#273c61);padding:10px 13px 0;border-top:7px solid var(--arkhi-accent);filter:drop-shadow(18px 18px 18px #04071474)}

.arcade-header{background:linear-gradient(100deg,#151b36,#354563,#151b36);border-left:8px solid #465874;border-right:8px solid #465874;color:#fff;width:100%;text-align:center;padding:16px 6px;font-size:24px;font-weight:950;letter-spacing:.17em}

.arcade-bezel{background:#0b0e1d;border:11px solid #203456;width:100%;aspect-ratio:16/11;padding:8px}

.arcade-picture{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end;background:linear-gradient(#31426a 0 62%,#183447 62%);overflow:hidden}

.game-pixel-sun{position:absolute;top:18%;right:23%;width:45px;height:45px;background:var(--arkhi-accent);clip-path:polygon(12% 0,88% 0,88% 12%,100% 12%,100% 88%,88% 88%,88% 100%,12% 100%,12% 88%,0 88%,0 12%,12% 12%)}

.game-pixel-land{position:absolute;bottom:0;left:0;right:0;height:30%;background:repeating-linear-gradient(90deg,#27425c 0 24px,#315975 24px 40px)}

.arcade-picture>span{position:relative;margin-bottom:18%;letter-spacing:.22em;font-size:14px;font-weight:900;text-shadow:1px 1px 0 #000}

.arcade-controls-demo{height:83px;width:108%;margin-top:4px;border-top:9px solid #55627c;background:#263657;display:flex;align-items:center;gap:13px;justify-content:center;transform:perspective(380px) rotateX(19deg);position:relative}

.arcade-joystick{height:38px;width:11px;background:#dbe4f5;align-self:center;position:relative}

.arcade-joystick:before{content:"";position:absolute;width:22px;height:14px;left:-6px;top:-8px;background:var(--arkhi-accent)}

.arcade-button{display:block;border-radius:50%;width:20px;height:20px;background:#ff6b4a;border-bottom:5px solid #80382d}

.arcade-button.b2{background:#a7c3f1;border-color:#3a6587}

.arcade-button.b3{background:#f4d17b;border-color:#887040}

.arcade-controls-demo small{position:absolute;bottom:1px;right:10px;font-size:8px;letter-spacing:.13em}

.arcade-pedestal{height:86px;background:linear-gradient(90deg,#101c38,#354467,#101c38);width:80%;display:grid;place-items:center;color:#819ac2;font-size:14px;font-weight:800;letter-spacing:.28em}

.arcade-cabinet.free{width:min(100%,550px);background:transparent;border:0;padding:0;filter:none}

.arcade-cabinet.free .arcade-header,.arcade-cabinet.free .arcade-controls-demo,.arcade-cabinet.free .arcade-pedestal{display:none}

.arcade-cabinet.free .arcade-bezel{width:100%;border:0;aspect-ratio:16/9;padding:0}

.arcade-cabinet.free .arcade-picture{width:100%;height:100%}

.games-demo .component-note{margin-top:15px}

.platform-card>span{color:var(--arkhi-accent);font-size:10px;font-weight:900;letter-spacing:.12em}

.platform-card h3{font-size:21px;margin:9px 0 8px}

.platform-card code{display:block;font-size:11px;color:#c4d8f0;margin-top:20px}

.dialog{max-width:520px;width:100%;padding:35px;background:var(--arkhi-panel-raised);border:1px solid #3e4e67}

.dialog h2{font-size:32px;letter-spacing:-.04em;margin:12px 0}

.dialog p{color:#bdc9dd;line-height:1.65}

.dialog-actions{justify-content:flex-end;margin-top:25px}

.toast{position:fixed;right:24px;bottom:24px;z-index:200;max-width:min(450px,calc(100vw - 28px));background:#314863;border-left:4px solid var(--arkhi-accent);color:#fff;padding:17px 22px;font-weight:680;font-size:13px;box-shadow:0 12px 30px #02071375}


/* Circular loading component across applications. */
.loading-showcase{gap:24px}

.loading-sample{display:flex;align-items:center;gap:13px;min-width:125px;font-size:12px;color:var(--arkhi-muted)}


/* ARKHI PLAYER CONTRACT v1 — one real stylesheet for guide, TV, Videoteca and Games.
   Presentation only: each original <video>, renderer and media-control handler stays intact.
   The official guide uses the SAME .arkhi-player--tv structure and selectors. */
.arkhi-player,html[data-arkhi-page] .arkhi-player{
  --arkhi-player-bg:#10192c;
  --arkhi-player-stage:#090f21;
  --arkhi-player-controls-bg:#111c33;
  --arkhi-player-control-bg:#283b58;
  --arkhi-player-label:var(--arkhi-muted);
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--arkhi-text);
  background:var(--arkhi-player-bg)!important;
  font-family:var(--arkhi-font);
}
.arkhi-player :is(button,select,input){
  font-family:var(--arkhi-font);
  border-radius:0!important;
  box-shadow:none!important;
}
.arkhi-player :is(video,canvas){
  object-fit:contain;
  border-radius:0!important;
}
/* The production TV and the official style-guide preview share their real
   screen and controls declarations instead of maintaining two mock styles. */
.arkhi-player--tv :is(.videoWrap,.viewer-screen){
  aspect-ratio:16/9;
  position:relative;
  overflow:hidden;
  background:radial-gradient(ellipse at center,#283e63,var(--arkhi-player-stage) 73%)!important;
}
.arkhi-player--tv .videoWrap > video{
  display:block;
  width:100%;
  height:100%;
  background:var(--arkhi-player-stage);
  object-fit:contain;
}
.arkhi-player--tv :is(.meta,.viewer-controls){
  box-sizing:border-box;
  padding:22px 25px!important;
  background:var(--arkhi-player-bg)!important;
  color:var(--arkhi-text);
}
.arkhi-player--tv .viewer-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
}
.arkhi-player--tv :is(.meta h1,.viewer-controls h3){
  margin:7px 0 10px;
  font-size:20px!important;
  line-height:1.3;
  font-weight:750;
  color:var(--arkhi-text);
}
.arkhi-player--tv :is(.viewer-controls p,.meta .status,.meta .epg){
  color:var(--arkhi-player-label);
  font-size:13px;
}
.arkhi-player--tv :is(.section-kicker,#recordedPlaybackHeading){
  color:var(--arkhi-accent);
  font:800 11px/1.5 var(--arkhi-font);
  letter-spacing:.12em;
}
.arkhi-player :is(.player-actions,.controls){
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.arkhi-player :is(.player-actions,.controls) button,
.arkhi-player .controls select{
  border:0!important;
  border-radius:0!important;
  background:var(--arkhi-player-control-bg);
  color:var(--arkhi-text);
  padding:9px 13px;
  min-height:38px;
}
.arkhi-player :is(.player-actions,.controls) button:is(.primary,.action-live),
.arkhi-player :is(.player-actions,.controls) button.btn.primary{
  background:var(--arkhi-accent)!important;
  color:var(--arkhi-background)!important;
}
.arkhi-player :is(.player-actions,.controls) button:focus-visible{
  outline:0!important;outline-offset:0!important;box-shadow:none!important;
  filter:brightness(1.16);
}
/* Cinematic playback is the same component at full-screen scale.
   Keep the original subtitle, scrubber, keyboard and Tizen bindings. */
.arkhi-player--vod.player-layer{
  background:var(--arkhi-player-stage)!important;
}
.arkhi-player--vod > video{
  display:block;width:100%;height:100%;
  object-fit:contain;
  background:var(--arkhi-player-stage)!important;
}
.arkhi-player--vod .player-osd{
  color:var(--arkhi-text)!important;
  background:linear-gradient(0deg,rgba(9,15,33,.97),rgba(16,25,44,.86) 55%,transparent)!important;
}
.arkhi-player--vod .player-head .eyebrow{
  color:var(--arkhi-accent)!important;
  font:800 11px/1.5 var(--arkhi-font);
  letter-spacing:.13em;
}
.arkhi-player--vod .player-progress{color:var(--arkhi-player-label)}
.arkhi-player--vod .player-progress .position-bar{background:var(--arkhi-accent)!important}
.arkhi-player--vod .player-osd button{
  border:0!important;
  border-radius:0!important;
  background:var(--arkhi-player-control-bg)!important;
  color:var(--arkhi-text)!important;
}
.arkhi-player--vod .player-osd button.primary{
  background:var(--arkhi-accent)!important;
  color:var(--arkhi-background)!important;
}
/* Games share the video surface, not a second decoder or toolbar.
   The arcade cabinet remains a decorative overlay around this same video. */
.arkhi-player--game#player{background:var(--arkhi-player-stage)!important}
.arkhi-player--game#player > video{object-fit:contain}
.arkhi-player--demo.viewer-mock{
  background:var(--arkhi-player-bg)!important;
}
.arkhi-player--demo .viewer-screen .viewer-live{
  background:rgba(20,30,54,.85);
  color:var(--arkhi-text);
}
@media(max-width:680px){
 .arkhi-player--tv :is(.meta,.viewer-controls){padding:16px!important}
 .arkhi-player--tv .viewer-controls{grid-template-columns:1fr}
}


/* ARKHI LIVE TV / CHANNELS / REMOTE — canonical CSS shared with the style guide.
   No independent stylesheets, inline CSS, or duplicate player implementations. */
html[data-arkhi-page="tv-home"] body:not(.auto-surface) .layout{
  grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);
  align-items:start;
  gap:20px;
}
html[data-arkhi-page="tv-home"] body .arkhi-player--tv.player{
  position:sticky;
  top:90px;
  border:0!important;
  border-radius:0!important;
  overflow:hidden;
  background:var(--arkhi-player-bg)!important;
  box-shadow:none!important;
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv .arkhi-player-screen{
  aspect-ratio:16/9;
  background:var(--arkhi-player-stage)!important;
  border:0!important;
  border-radius:0!important;
  min-height:0;
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv .arkhi-player-screen video{
  object-fit:contain!important;
  width:100%!important;height:100%!important;
  border:0!important;border-radius:0!important;
  background:#090f21!important;
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv .arkhi-player-details.meta{
  padding:22px 25px!important;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px 18px;
  background:var(--arkhi-panel)!important;
  color:var(--arkhi-text);
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv .arkhi-player-title-block{
  min-width:0;display:flex;flex-direction:column;align-items:flex-start;
  justify-content:center;gap:6px;
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv .arkhi-player-title-block .section-kicker{
  color:var(--arkhi-accent);font-size:11px;font-weight:850;letter-spacing:.13em;
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv .arkhi-player-title-block #title{
  min-width:0;max-width:100%;font-size:20px!important;line-height:1.25;
  font-weight:800;margin:0!important;overflow-wrap:anywhere;
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv .primary-controls{
  justify-content:flex-end;
  align-self:center;
  max-width:320px;
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv .primary-controls button{
  min-height:38px!important;
  padding:8px 11px!important;
  background:var(--arkhi-player-control-bg)!important;
  border:0!important;border-radius:0!important;color:var(--arkhi-text)!important;
  font-size:12px;
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv .primary-controls .action-live{
  background:var(--arkhi-accent)!important;
  color:var(--arkhi-background)!important;
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv .arkhi-player-details > :not(.arkhi-player-title-block):not(.primary-controls){
  grid-column:1/-1;
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv :is(.record-settings,.storage-line,#currentEpg,#subtitleStatus,#status){
  font-size:13px;line-height:1.5;color:var(--arkhi-muted);
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv #currentEpg{
  margin-top:5px;
  padding-top:13px;
  border-top:1px solid var(--arkhi-line);
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv #currentEpg .progress{
  height:5px;background:var(--arkhi-panel-raised);
  overflow:hidden;
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv #currentEpg .progress > span:first-child{
  height:100%;background:var(--arkhi-accent);
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv .record-settings{
  border-top:1px solid var(--arkhi-line);padding-top:10px;
}
html[data-arkhi-page="tv-home"] .arkhi-player--tv .record-settings > summary{
  color:var(--arkhi-muted);cursor:pointer;font-size:12px;
}
html[data-arkhi-page="tv-home"] .arkhi-channel-list{
  border:0!important;border-radius:0!important;
  background:var(--arkhi-background)!important;
  padding:0;
}
html[data-arkhi-page="tv-home"] .arkhi-channel-list .section-heading{
  padding:12px 0 16px;color:var(--arkhi-text);
}
html[data-arkhi-page="tv-home"] .arkhi-channel-list .section-heading .eyebrow{
  color:var(--arkhi-accent);font-size:11px;font-weight:850;letter-spacing:.12em;
}
html[data-arkhi-page="tv-home"] .arkhi-channel-list .search{
  width:100%;background:var(--arkhi-panel)!important;
  border:1px solid var(--arkhi-line)!important;border-radius:0!important;
  color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] .arkhi-channel-list .groups{
  display:flex;gap:8px;overflow-x:auto;padding:9px 0 15px;
}
html[data-arkhi-page="tv-home"] .arkhi-channel-list .groups .chip{
  white-space:nowrap;border:0!important;border-radius:0!important;
  padding:8px 12px;background:var(--arkhi-panel)!important;
  color:var(--arkhi-muted);font-size:12px;
}
html[data-arkhi-page="tv-home"] .arkhi-channel-list .groups .chip.active{
  background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
}
html[data-arkhi-page="tv-home"] .arkhi-channel-grid.grid:not(.arkhi-workspace-channels),
html[data-arkhi-page="public-guide"] .arkhi-channel-grid.grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(128px,1fr))!important;
  gap:12px!important;
}
html[data-arkhi-page="tv-home"] .arkhi-channel-grid button.card:not(.arkhi-workspace-channel),
html[data-arkhi-page="public-guide"] .arkhi-channel-grid button.card{
  min-width:0;min-height:174px;
  padding:12px!important;
  display:flex!important;flex-direction:column;
  align-items:flex-start;justify-content:space-between;
  gap:7px!important;text-align:left;
  border:1px solid var(--arkhi-line)!important;
  border-radius:0!important;
  background:var(--arkhi-panel)!important;
  box-shadow:none!important;color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] .arkhi-channel-grid button.card:not(.arkhi-workspace-channel).active,
html[data-arkhi-page="public-guide"] .arkhi-channel-grid button.card.active{
  border-color:var(--arkhi-accent)!important;
  background:var(--arkhi-panel-hover)!important;
}
html[data-arkhi-page="tv-home"] .arkhi-channel-grid button.card:not(.arkhi-workspace-channel) .tv-num,
html[data-arkhi-page="public-guide"] .arkhi-channel-grid button.card .tv-num{
  color:var(--arkhi-accent);font-weight:800;font-size:11px;
}
html[data-arkhi-page="tv-home"] .arkhi-channel-grid button.card:not(.arkhi-workspace-channel) img.logo,
html[data-arkhi-page="public-guide"] .arkhi-channel-grid button.card img.logo{
  width:100%!important;
  height:52px!important;
  object-fit:contain!important;
  object-position:left center!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
}
html[data-arkhi-page="tv-home"] .arkhi-channel-grid button.card:not(.arkhi-workspace-channel) .info,
html[data-arkhi-page="public-guide"] .arkhi-channel-grid button.card .info{
  width:100%;min-width:0;overflow-wrap:anywhere;
}
html[data-arkhi-page="tv-home"] .arkhi-channel-grid button.card:not(.arkhi-workspace-channel) .cn,
html[data-arkhi-page="public-guide"] .arkhi-channel-grid button.card .cn{
  font-size:13px;font-weight:800;line-height:1.25;
}
html[data-arkhi-page="tv-home"] .arkhi-channel-grid button.card:not(.arkhi-workspace-channel) :is(.small,.programme),
html[data-arkhi-page="public-guide"] .arkhi-channel-grid button.card :is(.small,.programme){
  font-size:11px;line-height:1.3;color:var(--arkhi-muted);
}
html[data-arkhi-page="tv-home"] .live-home-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
html[data-arkhi-page="tv-home"] .live-home-card{
  border:0!important;border-radius:0!important;
  box-shadow:none!important;background:var(--arkhi-panel)!important;
}
/* Both the visible TV remote and Chromecast controls use Arkhi surfaces. */
html[data-arkhi-page="tv-home"] .arkhi-remote{
  background:var(--arkhi-background)!important;color:var(--arkhi-text);
  border-radius:0!important;
}
html[data-arkhi-page="tv-home"] .arkhi-remote :is(.tv-left,.tv-bottom,.tv-topbar,.tv-side){
  background:var(--arkhi-panel)!important;
  border-color:var(--arkhi-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html[data-arkhi-page="tv-home"] .arkhi-remote :is(.tv-channel,.tv-side-item,.tv-actions button){
  border-radius:0!important;
}
html[data-arkhi-page="tv-home"] .arkhi-remote :is(.tv-channel.selected,.tv-side-item.selected){
  background:var(--arkhi-panel-hover)!important;color:var(--arkhi-text)!important;
  border-left:3px solid var(--arkhi-accent)!important;
}
html[data-arkhi-page="tv-home"] .arkhi-remote :is(.tv-now-name,.tv-now-title,.tv-guide-hero .gh-title){
  color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] .arkhi-remote .tv-progress{
  background:var(--arkhi-panel-raised)!important;border-radius:0!important;
}
html[data-arkhi-page="tv-home"] .arkhi-remote #tvProgress{
  background:var(--arkhi-accent)!important;border-radius:0!important;
}
html[data-arkhi-page="tv-home"] #castRemoteModal .cr-shell{
  background:var(--arkhi-panel)!important;
  border:0!important;border-radius:0!important;
  box-shadow:none!important;color:var(--arkhi-text);
}
html[data-arkhi-page="tv-home"] #castRemoteModal :is(.cr-head,.cr-device,.cr-now,.cr-pad,.cr-channel,.cr-volume){
  background:var(--arkhi-panel-raised)!important;
  border-color:var(--arkhi-line)!important;
  border-radius:0!important;box-shadow:none!important;
}
html[data-arkhi-page="tv-home"] #castRemoteModal :is(button,input){
  border-radius:0!important;box-shadow:none!important;
}
html[data-arkhi-page="tv-home"] #castRemoteModal :is(.cr-channel.selected,.cr-ok,.cr-connect){
  background:var(--arkhi-accent)!important;
  color:var(--arkhi-background)!important;
}
/* One in-page administration interface, not a page inside a frame. */
html[data-arkhi-page="tv-conta"] .arkhi-account-sessionbar{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:14px;
  background:var(--arkhi-panel);
  border-bottom:2px solid var(--arkhi-accent);
  padding:14px 18px;
  color:var(--arkhi-text);
}
html[data-arkhi-page="tv-conta"] .arkhi-account-sessionbar :is(button,a){
  border:0!important;border-radius:0!important;
  background:var(--arkhi-accent)!important;
  color:var(--arkhi-background)!important;
  padding:10px 18px;font-weight:750;text-decoration:none;
}
html[data-arkhi-page="tv-conta"] .arkhi-admin-settings{
  display:block;
  background:var(--arkhi-background);color:var(--arkhi-text);
  max-width:100%;
}
html[data-arkhi-page="tv-conta"] .arkhi-admin-settings > :is(section,form,.toolbar,.status){
  margin:0 0 16px;
  border:0;border-radius:0;
  background:var(--arkhi-panel);
  padding:18px;
}
html[data-arkhi-page="tv-conta"] .arkhi-admin-settings :is(.pi-grid,.summary,.fields){
  display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:12px;
}
html[data-arkhi-page="tv-conta"] .arkhi-admin-settings :is(.pi-card,.channel-row){
  background:var(--arkhi-panel-raised);
  color:var(--arkhi-text);
  border:1px solid var(--arkhi-line);
  border-radius:0!important;
  padding:13px;
}
html[data-arkhi-page="tv-conta"] .arkhi-admin-settings :is(input,select,button){
  border-radius:0!important;box-shadow:none!important;
}
html[data-arkhi-page="tv-conta"] .arkhi-admin-settings :is(.primary,#save){
  background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
}
html[data-arkhi-page="tv-conta"] .arkhi-admin-settings [hidden],
html[data-arkhi-page="tv-conta"] .arkhi-account-sessionbar [hidden],
html[data-arkhi-page="tv-conta"] #fullAdministration[hidden],
html[data-arkhi-page="tv-conta"] #adminSettings[hidden]{
  display:none!important;
}
@media(max-width:1160px){
 html[data-arkhi-page="tv-home"] body:not(.auto-surface) .layout{
   grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);
 }
 html[data-arkhi-page="tv-home"] .live-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
 html[data-arkhi-page="tv-home"] body:not(.auto-surface) .layout{grid-template-columns:1fr}
 html[data-arkhi-page="tv-home"] body .arkhi-player--tv.player{position:relative;top:0}
 html[data-arkhi-page="tv-home"] .live-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 html[data-arkhi-page="tv-home"] .arkhi-player--tv .arkhi-player-details.meta{grid-template-columns:1fr;padding:16px!important}
 html[data-arkhi-page="tv-home"] .arkhi-player--tv .primary-controls{max-width:none;justify-content:flex-start}
 html[data-arkhi-page="tv-home"] .arkhi-channel-grid.grid:not(.arkhi-workspace-channels){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Global Arkhi navigation: shared geometry, labels, focus and behaviour.
   Canonical item order and names: navigation.json.
   Local in-page category filters are NOT a replacement for this global menu.
*/
:root{
  --arkhi-nav-height:72px;
  --arkhi-nav-mobile-height:64px;
  --arkhi-nav-font-size:14px;
  --arkhi-nav-item-gap:6px;
  --arkhi-nav-padding:16px;
}
body .top,body .topbar,body .app-header,body .tv-topbar,
body .arkhi-admin header{
  background:var(--arkhi-background-deep)!important;
  color:var(--arkhi-text)!important;
  border-color:var(--arkhi-line)!important;
  box-shadow:none!important;
}
body .main-nav,body .arkhi-global-nav,
body #top-nav,body .tv-topbar .arkhi-global-nav{
  display:flex;
  align-items:center;
  gap:var(--arkhi-nav-item-gap);
  font-family:var(--arkhi-font)!important;
  color:var(--arkhi-text)!important;
  background:var(--arkhi-background-deep)!important;
  border-radius:0!important;
}
body .main-nav > .nav-primary,
body .arkhi-global-nav > .arkhi-nav-link,
body #top-nav > .top-tab:not(.utility){
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:47px;
  padding:12px 13px!important;
  border:0!important;
  border-bottom:3px solid transparent!important;
  background:transparent!important;
  color:var(--arkhi-text)!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:var(--arkhi-nav-font-size)!important;
  font-weight:750!important;
  line-height:1.3!important;
  text-decoration:none!important;
  white-space:nowrap;
  opacity:1!important;
}
body .main-nav > .nav-primary:hover,
body .arkhi-global-nav > .arkhi-nav-link:hover,
body #top-nav > .top-tab:not(.utility):hover{
  background:var(--arkhi-panel-raised)!important;
  color:var(--arkhi-text)!important;
}
body .main-nav > .nav-primary.active,
body .main-nav > .nav-primary[aria-current],
body .arkhi-global-nav > .arkhi-nav-link.active,
body .arkhi-global-nav > .arkhi-nav-link[aria-current],
body #top-nav > .top-tab.active,
body #top-nav > .top-tab.focused{
  color:var(--arkhi-text)!important;
  background:var(--arkhi-panel-raised)!important;
  border-bottom-color:var(--arkhi-accent)!important;
}
body .main-nav > .nav-primary:focus-visible,
body .arkhi-global-nav > .arkhi-nav-link:focus-visible,
body #top-nav > .top-tab.focused{
  outline:0!important;
  outline-offset:0!important;
}
body .main-nav > .nav-primary[hidden],
body .arkhi-global-nav > .arkhi-nav-link[hidden]{display:none!important}
body .arkhi-global-nav [data-arkhi-icon]{
  display:none;
  width:19px;height:19px;
  flex:0 0 19px;
}
body .arkhi-global-nav[aria-label="Navegação principal"]{
  min-width:0;
  overflow-x:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--arkhi-line) transparent;
}
body .arkhi-admin header .arkhi-global-nav{
  margin-left:auto;
  gap:0;
}
body .arkhi-admin header .arkhi-global-nav .arkhi-nav-link{font-size:12px!important;padding:10px 8px!important}
body .arkhi-games-navigation{
  position:relative;z-index:4;
  width:auto;
  justify-self:center;
}
body .app-header .primary-nav{
  /* Game catalogue tabs: secondary filters, not the global navigation. */
  display:none!important;
}
body .arkhi-games-subnav{
  display:flex;
  align-items:center;
  padding:8px 18px;
  gap:10px;
  background:var(--arkhi-panel);
}
body .arkhi-games-subnav .primary-nav{
  display:flex!important;
  gap:8px;
}
body .arkhi-games-subnav .nav-link{
  min-height:38px;
  padding:8px 12px!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:var(--arkhi-panel-raised)!important;
}
body .arkhi-games-subnav .nav-link.selected{
  color:var(--arkhi-text)!important;
  background:var(--arkhi-panel-hover)!important;
  border-bottom-color:var(--arkhi-accent)!important;
}
@media(max-width:1000px){
 body .main-nav,body .arkhi-global-nav{gap:0}
 body .main-nav > .nav-primary,
 body .arkhi-global-nav > .arkhi-nav-link{font-size:12px!important;padding:10px!important}
}
@media(max-width:820px){
 body .main-nav,body .topbar .main-nav,
 body .arkhi-global-nav,body .arkhi-admin header .arkhi-global-nav{
  position:fixed!important;
  z-index:2147483000!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  top:auto!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  margin:0!important;
  height:calc(var(--arkhi-nav-mobile-height) + env(safe-area-inset-bottom))!important;
  display:flex!important;
  gap:0!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  padding:0 7px env(safe-area-inset-bottom)!important;
  background:var(--arkhi-background-deep)!important;
  border-top:1px solid var(--arkhi-line)!important;
  border-bottom:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
 }
 body .main-nav::-webkit-scrollbar,
 body .arkhi-global-nav::-webkit-scrollbar{display:none}
 body .topbar .main-nav a:nth-child(n),
 body .topbar .main-nav button:nth-child(n),
 body .main-nav > .nav-primary,
 body .arkhi-global-nav > .arkhi-nav-link{
  display:flex!important;
  flex:0 0 auto!important;
  min-height:100%!important;
  padding:7px 13px!important;
  color:var(--arkhi-text)!important;
  background:transparent!important;
  border-radius:0!important;
  border-bottom:3px solid transparent!important;
  text-align:center;
  font-size:12px!important;
  white-space:nowrap!important;
  text-decoration:none!important;
 }
 body .main-nav > .nav-primary[hidden]{display:none!important}
 body .arkhi-global-nav > .arkhi-nav-link[aria-current],
 body .main-nav > .nav-primary.active{
  border-bottom-color:var(--arkhi-accent)!important;
  background:var(--arkhi-panel-raised)!important;
 }
 body .arkhi-global-nav [data-arkhi-icon]{display:inline-block}
 body:has(.main-nav),body:has(.arkhi-global-nav){
  padding-bottom:calc(var(--arkhi-nav-mobile-height) + env(safe-area-inset-bottom));
 }
 body .arkhi-admin header .arkhi-global-nav .arkhi-nav-link{
  font-size:12px!important;padding:7px 13px!important
 }
 body.running .arkhi-games-navigation,
 body.connecting .arkhi-games-navigation{
  display:none!important
 }
 body .arkhi-games-subnav{padding:6px 10px;overflow-x:auto}
}
@media(max-width:620px){
 body .topbar .main-nav,body .main-nav,
 body .arkhi-global-nav{display:flex!important}
}

/* Shared chrome for Arkhi Games and secondary entry points. */
body .arkhi-universal-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:var(--arkhi-nav-height);
  padding:9px 28px;
  background:var(--arkhi-background-deep)!important;
  color:var(--arkhi-text)!important;
  border-bottom:1px solid var(--arkhi-line)!important;
  position:relative;
  z-index:30;
}
body .arkhi-universal-logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex:none;
  font-family:var(--arkhi-font);
  font-weight:900;
  font-size:18px;
  text-decoration:none;
  color:var(--arkhi-text)!important;
}
body .arkhi-universal-logo img{height:32px;width:36px;object-fit:contain}
body .arkhi-universal-logo strong{color:var(--arkhi-accent)}
body .arkhi-universal-bar .arkhi-global-nav{
  display:flex!important;
  justify-content:flex-end;
  gap:0;
  overflow-x:auto;
  min-width:0;
  scrollbar-width:none;
}
body .arkhi-universal-bar .arkhi-global-nav::-webkit-scrollbar{display:none}
body .arkhi-universal-bar .arkhi-global-nav > .nav-primary{
  background:transparent!important;
  border-radius:0!important;
  min-height:47px;
  padding:11px 13px!important;
  font-family:var(--arkhi-font)!important;
  font-weight:750!important;
  color:var(--arkhi-text)!important;
  text-decoration:none!important;
  opacity:1!important;
  border:0!important;
  border-bottom:3px solid transparent!important;
}
body .arkhi-universal-bar .arkhi-global-nav > .nav-primary.active,
body .arkhi-universal-bar .arkhi-global-nav > .nav-primary[aria-current]{
  color:var(--arkhi-text)!important;
  background:var(--arkhi-panel-raised)!important;
  border-bottom-color:var(--arkhi-accent)!important;
}
body .arkhi-universal-bar .arkhi-global-nav > .nav-primary:focus-visible{
  outline:0!important;
  outline-offset:0!important;
}
@media(max-width:820px){
 body .arkhi-universal-bar{
  padding:12px 16px!important;
  min-height:66px;
  border-bottom:1px solid var(--arkhi-line)!important;
 }
 body .arkhi-universal-bar .arkhi-global-nav{
  position:fixed!important;
  display:flex!important;
  left:0!important;
  bottom:0!important;
  top:auto!important;
  right:0!important;
  min-width:100vw!important;
  width:100vw!important;
  height:calc(var(--arkhi-nav-mobile-height) + env(safe-area-inset-bottom))!important;
  padding:0 7px env(safe-area-inset-bottom)!important;
  overflow-x:auto!important;
  justify-content:flex-start!important;
  background:var(--arkhi-background-deep)!important;
  border-top:1px solid var(--arkhi-line)!important;
  z-index:2147483000!important;
 }
 body .arkhi-universal-bar .arkhi-global-nav > .nav-primary{
  min-height:100%!important;
  padding:7px 13px!important;
  font-size:12px!important;
 }
 body{padding-bottom:calc(var(--arkhi-nav-mobile-height) + env(safe-area-inset-bottom))!important}
 body.running .arkhi-universal-bar,body.connecting .arkhi-universal-bar{
  display:none!important;
 }
}


/* Global links used on administrative and supporting pages. */
body .arkhi-global-nav > .nav-primary{
  display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;
  min-height:47px;padding:12px 13px!important;
  background:transparent!important;
  color:var(--arkhi-text)!important;
  border:0!important;border-bottom:3px solid transparent!important;
  border-radius:0!important;box-shadow:none!important;
  font:750 var(--arkhi-nav-font-size)/1.3 var(--arkhi-font)!important;
  white-space:nowrap;text-decoration:none!important;opacity:1!important;
}
body .arkhi-global-nav > .nav-primary:hover{background:var(--arkhi-panel-raised)!important}
body .arkhi-global-nav > .nav-primary.active,
body .arkhi-global-nav > .nav-primary[aria-current]{
  background:var(--arkhi-panel-raised)!important;
  border-bottom-color:var(--arkhi-accent)!important;
}
body .arkhi-global-nav > .nav-primary:focus-visible{
  outline:0!important;outline-offset:0!important;
}
body .arkhi-global-nav > .nav-primary[hidden]{display:none!important}
@media(max-width:1000px){
 body .arkhi-global-nav > .nav-primary{font-size:12px!important;padding:10px!important}
}
@media(max-width:820px){
 body .arkhi-global-nav > .nav-primary{
   display:flex!important;flex:0 0 auto!important;min-height:100%!important;
   font-size:12px!important;padding:7px 13px!important;
   border-bottom:3px solid transparent!important
 }
 body .arkhi-global-nav > .nav-primary.active,
 body .arkhi-global-nav > .nav-primary[aria-current]{
   border-bottom-color:var(--arkhi-accent)!important
 }
}


/* ArkhiTV unified global top bar.
   Same service brand, logo size, navigation baseline and focus on every page. */
body header.top,
body header.topbar,
body header.arkhi-site-header,
body .arkhi-universal-bar,
body.arkhi-admin header.topbar {
  min-height:var(--arkhi-nav-height,72px)!important;
  background:var(--arkhi-background-deep)!important;
  color:var(--arkhi-text)!important;
  border-bottom:1px solid var(--arkhi-line)!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body header.top,
body header.topbar,
body header.arkhi-site-header,
body.arkhi-admin header.topbar {
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  padding-inline:clamp(18px,3.2vw,52px)!important;
}
body header.top > .brand,
body header.topbar > .brand,
body header.arkhi-site-header > .brand,
body .arkhi-universal-bar > .arkhi-universal-logo {
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  color:var(--arkhi-text)!important;
  font-family:var(--arkhi-font)!important;
  text-decoration:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  margin:0!important;
}
body header.top > .brand .brand-mark,
body header.topbar > .brand .brand-mark,
body header.arkhi-site-header > .brand .brand-mark,
body .arkhi-universal-bar .arkhi-universal-logo img {
  width:36px!important;height:36px!important;max-width:36px!important;
  object-fit:contain!important;border-radius:0!important;flex:none!important;
}
body header.top > .brand .brand-title,
body header.topbar > .brand .brand-copy,
body header.arkhi-site-header > .brand .brand-copy,
body .arkhi-universal-bar .arkhi-universal-logo span {
  font-family:var(--arkhi-font)!important;
  font-size:18px!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
  line-height:1.15!important;
  color:var(--arkhi-text)!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
body header.top > nav.main-nav,
body header.topbar > nav.main-nav,
body header.arkhi-site-header > nav.main-nav,
body.arkhi-admin header > nav.arkhi-global-nav {
  margin-left:auto!important;
  justify-content:flex-end!important;
  min-width:0!important;
}
body.arkhi-admin .arkhi-admin-page-title{
  font-family:var(--arkhi-font)!important;
  color:var(--arkhi-text)!important;
  font-size:clamp(25px,3vw,38px)!important;
  letter-spacing:-.035em!important;
  margin:0 0 20px!important;
  font-weight:800!important;
}
/* The common ArkhiTV bar already shows the logo: the old test-page
   masthead is not a second brand; its task-specific controls remain. */
body .shell > header.header > a.brand,
body .site > header.topbar > a.masthead {
  display:none!important;
}
@media(max-width:820px){
 body header.top,
 body header.topbar,
 body header.arkhi-site-header,
 body.arkhi-admin header.topbar,
 body .arkhi-universal-bar {
  min-height:64px!important;
  padding-left:16px!important;
  padding-right:16px!important;
 }
 body header.top > nav.main-nav,
 body header.topbar > nav.main-nav,
 body header.arkhi-site-header > nav.main-nav,
 body.arkhi-admin header > nav.arkhi-global-nav {
  justify-content:flex-start!important;
 }
}

/* Shared television navigation measurements. Parsed by the native Android
   token generator from the same published CSS used by Web/Tizen. */
:root{
 --arkhi-nav-tv-font-size:23px;
 --arkhi-nav-tv-header-top:58px;
 --arkhi-nav-tv-brand-label-size:24px;
 --arkhi-nav-tv-brand-mark-size:36px;
 --arkhi-nav-tv-brand-inset:52px;
 --arkhi-nav-tv-search-inset:48px;
 --arkhi-nav-tv-item-height:52px;
}


/* One ArkhiTV web header. This is the final shared navigation layer across
   TV, Videoteca, Conta, Administração, Pesquisa, Jogos and Testes. */
:root{
 --arkhi-global-search-width:clamp(168px,16vw,260px);
 --arkhi-global-header-horizontal:clamp(18px,2.5vw,48px);
}
body > header.arkhi-unified-header{
 box-sizing:border-box!important;
 display:grid!important;
 grid-template-columns:minmax(132px,1fr) auto minmax(168px,1fr)!important;
 align-items:center!important;
 column-gap:12px!important;row-gap:0!important;
 width:100%!important;max-width:none!important;min-height:var(--arkhi-nav-height,72px)!important;
 height:var(--arkhi-nav-height,72px)!important;
 margin:0!important;padding:0 var(--arkhi-global-header-horizontal)!important;
 background:var(--arkhi-background-deep)!important;
 border:0!important;border-bottom:1px solid var(--arkhi-line)!important;
 border-radius:0!important;box-shadow:none!important;
 color:var(--arkhi-text)!important;
 position:sticky!important;top:0!important;z-index:1000!important;
}
body > header.arkhi-unified-header .brand{
 grid-column:1!important;min-width:0!important;display:inline-flex!important;
 align-items:center!important;gap:10px!important;justify-self:start!important;
 margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;
 text-decoration:none!important;color:var(--arkhi-text)!important;
 background:none!important;
}
body > header.arkhi-unified-header .brand img.brand-mark{
 display:block!important;width:36px!important;height:36px!important;
 min-width:36px!important;object-fit:contain!important;max-width:36px!important;
}
body > header.arkhi-unified-header .brand .brand-title,
body > header.arkhi-unified-header .brand .brand-copy{
 font:850 18px/1.15 var(--arkhi-font)!important;
 letter-spacing:-.035em!important;color:var(--arkhi-text)!important;
 white-space:nowrap!important;
}
body > header.arkhi-unified-header nav.main-nav.arkhi-global-nav{
 box-sizing:border-box!important;grid-column:2!important;
 display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
 align-items:center!important;justify-content:center!important;gap:var(--arkhi-nav-item-gap)!important;
 margin:0!important;padding:0!important;min-width:0!important;
 width:max-content!important;max-width:100%!important;height:100%!important;
 background:none!important;border:0!important;border-radius:0!important;
 position:static!important;inset:auto!important;transform:none!important;
 overflow:visible!important;box-shadow:none!important;
}
body > header.arkhi-unified-header nav.arkhi-global-nav > .nav-primary{
 display:inline-flex!important;flex:0 0 auto!important;
 box-sizing:border-box!important;align-items:center!important;justify-content:center!important;
 min-height:47px!important;height:auto!important;width:auto!important;
 padding:12px 13px!important;margin:0!important;
 font:750 var(--arkhi-nav-font-size)/1.3 var(--arkhi-font)!important;
 background:transparent!important;color:var(--arkhi-text)!important;
 border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;
 box-shadow:none!important;text-decoration:none!important;text-transform:none!important;
 white-space:nowrap!important;opacity:1!important;letter-spacing:normal!important;
}
body > header.arkhi-unified-header nav.arkhi-global-nav > .nav-primary.active,
body > header.arkhi-unified-header nav.arkhi-global-nav > .nav-primary[aria-current]{
 color:var(--arkhi-text)!important;background:var(--arkhi-panel-raised)!important;
 border-bottom-color:var(--arkhi-accent)!important;
}
body > header.arkhi-unified-header nav.arkhi-global-nav > .nav-primary:focus-visible{
 outline:0!important;outline-offset:0!important;
}
body > header.arkhi-unified-header nav.arkhi-global-nav > .nav-primary[hidden]{
 display:none!important;
}
body > header.arkhi-unified-header .arkhi-shared-tools{
 box-sizing:border-box!important;grid-column:3!important;justify-self:end!important;
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 gap:10px!important;min-width:0!important;
}
body > header.arkhi-unified-header .arkhi-shared-search{
 display:block!important;padding:0!important;margin:0!important;
 background:none!important;border:0!important;box-shadow:none!important;
}
body > header.arkhi-unified-header .arkhi-shared-search input{
 display:block!important;box-sizing:border-box!important;
 width:var(--arkhi-global-search-width)!important;max-width:100%!important;
 min-height:42px!important;height:42px!important;
 margin:0!important;padding:8px 12px!important;
 background:var(--arkhi-panel-raised)!important;color:var(--arkhi-text)!important;
 border:1px solid var(--arkhi-line)!important;border-radius:0!important;
 font:500 13px/1.3 var(--arkhi-font)!important;outline:none!important;
 box-shadow:none!important;
}
body > header.arkhi-unified-header .arkhi-shared-search input:focus-visible{
 border-color:var(--arkhi-focus)!important;outline:2px solid var(--arkhi-focus)!important;outline-offset:1px!important;
}
body > header.arkhi-unified-header .arkhi-shared-search input::placeholder{color:var(--arkhi-muted)!important}
body > header.arkhi-unified-header[hidden]{display:none!important}
.arkhi-context-tools{
 box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;
 gap:12px;padding:10px var(--arkhi-global-header-horizontal);
 min-height:58px;background:var(--arkhi-background)!important;color:var(--arkhi-text);
}
.arkhi-context-tools .search-box{
 box-sizing:border-box;display:flex;align-items:center;gap:8px;
 margin:0!important;padding:0 10px!important;
 background:var(--arkhi-panel-raised)!important;border:1px solid var(--arkhi-line)!important;
 border-radius:0!important;height:40px!important;
}
.arkhi-context-tools #searchInput{
 box-sizing:border-box;min-width:150px;width:clamp(180px,25vw,320px);
 padding:6px!important;margin:0!important;background:transparent!important;border:0!important;
 color:var(--arkhi-text)!important;border-radius:0!important;
}
.arkhi-context-tools #clock{white-space:nowrap}
/* The transversal menu always occupies ONE row. Instead of moving navigation
   to a second row on narrower televisions/tablets, scroll only its own links. */
@media(max-width:1260px){
 body > header.arkhi-unified-header{
  grid-template-columns:max-content minmax(0,1fr) max-content!important;
  grid-template-rows:minmax(0,1fr)!important;
  height:var(--arkhi-nav-height,72px)!important;
  min-height:var(--arkhi-nav-height,72px)!important;
  column-gap:clamp(6px,1vw,12px)!important;
 }
 body > header.arkhi-unified-header > .brand{
  grid-column:1!important;grid-row:1!important;
 }
 body > header.arkhi-unified-header > nav.main-nav.arkhi-global-nav{
  grid-column:2!important;grid-row:1!important;
  justify-self:stretch!important;justify-content:flex-start!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:none!important;
 }
 body > header.arkhi-unified-header > nav.main-nav.arkhi-global-nav::-webkit-scrollbar{
  display:none!important;
 }
 body > header.arkhi-unified-header > .arkhi-shared-tools{
  grid-column:3!important;grid-row:1!important;
  min-width:0!important;width:auto!important;max-width:100%!important;
 }
}
@media(max-width:820px){
 body > header.arkhi-unified-header{
  grid-template-columns:max-content minmax(0,1fr) max-content!important;
  grid-template-rows:64px!important;height:64px!important;min-height:64px!important;
  padding:0 10px!important;column-gap:6px!important;
 }
 body > header.arkhi-unified-header .brand img.brand-mark{
  width:28px!important;height:28px!important;min-width:28px!important;
 }
 body > header.arkhi-unified-header .brand .brand-copy{font-size:14px!important}
 body > header.arkhi-unified-header > .arkhi-shared-tools{gap:5px!important}
 body > header.arkhi-unified-header .arkhi-shared-search{
  width:clamp(64px,13vw,132px)!important;max-width:132px!important;min-width:0!important;
 }
 body > header.arkhi-unified-header .arkhi-shared-search input{
  width:100%!important;min-width:0!important;font-size:12px!important;
  padding:6px!important;
 }
 body > header.arkhi-unified-header > nav.main-nav.arkhi-global-nav{
  padding:0!important;gap:0!important;border:0!important;
 }
 body > header.arkhi-unified-header nav.arkhi-global-nav > .nav-primary{
  padding:7px 9px!important;font-size:12px!important;min-height:42px!important;
 }
 .arkhi-context-tools{padding:8px 12px;justify-content:space-between;flex-wrap:wrap}
 .arkhi-context-tools #searchInput{width:55vw}
 body.arkhi-unified-header-enabled{padding-bottom:0!important}
}


/* Context-specific Videoteca filter remains available below the universal bar.
   It is deliberately distinct from cross-service header search. */
.arkhi-context-tools #myListNav{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;min-height:40px!important;min-width:40px!important;
 margin:0!important;padding:8px 14px!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;
 background:var(--arkhi-panel-raised)!important;color:var(--arkhi-text)!important;
 font:750 15px/1 var(--arkhi-font)!important;
}
.arkhi-context-tools #myListNav:focus-visible{
 outline:0!important;outline-offset:1px!important;
}
.arkhi-context-tools #clock{font:600 13px var(--arkhi-font)!important;color:var(--arkhi-muted)!important}
/* Hide the games-global header during active full-screen gameplay only. */
body.running > header.arkhi-games-web-header,
body.connecting > header.arkhi-games-web-header{display:none!important}



/* Visible DPAD focus uses the same central focus token on every web section. */
body .arkhi-remote-focus{
 outline:0!important;outline-offset:0!important;box-shadow:none!important;
 filter:brightness(1.16);
}


/* Trusted TV accounts: single avatar in the shared masthead, common CSS. */
body > header.arkhi-unified-header .arkhi-tv-profiles-trigger{
 display:inline-flex!important;align-items:center;justify-content:center;
 width:42px!important;height:42px!important;min-width:42px!important;
 padding:0!important;margin:0!important;
 border:0!important;border-radius:0!important;
 background:var(--arkhi-panel-raised)!important;color:var(--arkhi-text)!important;
 font:800 14px/1 var(--arkhi-font)!important;letter-spacing:.03em!important;
 box-shadow:none!important;cursor:pointer!important;
}
body > header.arkhi-unified-header .arkhi-tv-profiles-trigger:is(:focus,:focus-visible),
body .arkhi-tv-profiles-mask :is(button,a):is(:focus,:focus-visible){
 background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
 outline:3px solid var(--arkhi-accent)!important;outline-offset:2px!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
}
body .arkhi-tv-profiles-mask{
 position:fixed;inset:0;z-index:2200;
 display:flex;align-items:center;justify-content:center;
 padding:clamp(14px,4vw,40px);
 background:rgba(0,0,0,.84);color:var(--arkhi-text);
}
body .arkhi-tv-profiles-mask[hidden]{display:none!important}
body .arkhi-tv-profiles-panel{
 box-sizing:border-box;width:min(620px,100%);max-height:90dvh;
 overflow:auto;overscroll-behavior:contain;
 padding:clamp(18px,4vw,32px);
 background:var(--arkhi-panel);border:1px solid var(--arkhi-line);
 box-shadow:none;border-radius:0;
}
body .arkhi-tv-profiles-panel h2{
 margin:0 0 12px;font:800 clamp(23px,3.5vw,32px)/1.18 var(--arkhi-font);
}
body .arkhi-tv-profiles-panel p{
 margin:0 0 16px;color:var(--arkhi-muted);font-size:14px;line-height:1.5;
}
body .arkhi-tv-profiles-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
body .arkhi-tv-profile-item{display:flex;align-items:stretch;gap:6px}
body .arkhi-tv-profile-pick{
 flex:1;display:flex;align-items:center;justify-content:flex-start;
 min-width:0;min-height:66px;gap:14px;text-align:left;
 background:var(--arkhi-panel-raised);color:var(--arkhi-text);
 border:0;border-radius:0;box-shadow:none;padding:10px 14px;
}
body .arkhi-tv-profile-avatar{
 width:42px;height:42px;min-width:42px;
 display:flex;align-items:center;justify-content:center;
 background:var(--arkhi-accent);color:var(--arkhi-background);
 font:850 14px/1 var(--arkhi-font);border-radius:0;
}
body .arkhi-tv-profile-label{
 min-width:0;display:flex;flex-direction:column;gap:4px;
}
body .arkhi-tv-profile-label strong{
 font:750 16px/1.3 var(--arkhi-font);overflow-wrap:anywhere;
}
body .arkhi-tv-profile-label small{
 color:var(--arkhi-muted);font-size:12px;overflow-wrap:anywhere;
}
body .arkhi-tv-profile-pick[aria-current="true"]{
 border-left:4px solid var(--arkhi-accent);
}
body .arkhi-tv-profile-remove,body .arkhi-tv-profiles-actions button{
 min-height:46px;padding:12px 14px;white-space:nowrap;
 border:0;border-radius:0;box-shadow:none;cursor:pointer;
 background:var(--arkhi-panel-raised);color:var(--arkhi-text);
 font:750 13px/1.25 var(--arkhi-font);
}
body .arkhi-tv-profiles-actions{display:flex;gap:8px;flex-wrap:wrap}
body .arkhi-tv-profiles-actions button:first-child{
 background:var(--arkhi-accent);color:var(--arkhi-background);
}
@media(max-width:650px){
 body .arkhi-tv-profiles-panel{padding:18px}
 body .arkhi-tv-profile-pick{gap:9px}
 body .arkhi-tv-profile-label strong{font-size:13px}
 body .arkhi-tv-profile-remove{padding:8px;font-size:12px}
}

/* Central initial state and official gallery progress demonstrations. */
html[data-arkhi-page="tv-home"] #subs {display:none}
html[data-arkhi-page="tv-home"] #movieSchedule{margin-top:8px}
html[data-arkhi-page="tv-home"] #tvHeroProgress,
html[data-arkhi-page="tv-home"] #tvProgress{width:0}
html[data-arkhi-page="tv-home"] #tvSeekCursor{left:0}
html[data-arkhi-page="tv-videoteca"] .touch-watermark{display:none}
html[data-arkhi-page="public-guide"] [data-arkhi-progress="61"]{width:61%}
html[data-arkhi-page="public-guide"] [data-arkhi-progress="68"]{width:68%}
html[data-arkhi-page="public-guide"] [data-arkhi-progress="33"]{width:33%}
html[data-arkhi-page="public-guide"] [data-arkhi-progress="100"]{width:100%}
html[data-arkhi-page="public-guide"] [data-arkhi-progress="64"]{width:64%}
html[data-arkhi-page="public-test"] .header-right .pill.secondary{text-decoration:none}
html[data-arkhi-page="public-test"] .arkhi-policy-link{color:var(--arkhi-accent)}

/* Central presentation contract for every Arkhi web page. */
html[data-arkhi-page] {color-scheme:dark}
html[data-arkhi-page] body {background:var(--arkhi-background);color:var(--arkhi-text);font-family:var(--arkhi-font)}
html[data-arkhi-page] *,html[data-arkhi-page] *::before,html[data-arkhi-page] *::after {box-sizing:border-box}
html[data-arkhi-page] [hidden] {display:none!important}
html[data-arkhi-page] :is(button,input,select,textarea) {font-family:var(--arkhi-font)}
html[data-arkhi-page] :is(button,.btn,.action,[role="button"]) {border-radius:0!important;box-shadow:none!important}
html[data-arkhi-page] :is(button,.btn,.action):disabled {opacity:.5;cursor:not-allowed}
/* Inputs retain an accessible input focus; actions use a luminous,
   borderless focus from the same central design contract. */
html[data-arkhi-page] :is(input,select,textarea):focus-visible{
 outline:2px solid var(--arkhi-focus)!important;outline-offset:1px!important;
}
html[data-arkhi-page] :is(button,a,summary,[role="button"],[tabindex]):focus-visible{
 outline:0!important;outline-offset:0!important;box-shadow:none!important;
 filter:brightness(1.16);
}
html[data-arkhi-page] :is(input:not([type]),input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="number"],select,textarea) {background:var(--arkhi-field-background);color:var(--arkhi-text);border:1px solid var(--arkhi-field-border);border-radius:0;min-height:44px;padding:11px 14px}
html[data-arkhi-page] :is(input[type="checkbox"],input[type="radio"],input[type="range"],progress) {accent-color:var(--arkhi-accent)}
html[data-arkhi-page] video {object-fit:contain}
html[data-arkhi-page] .btn.primary {background:var(--arkhi-btn-primary);color:var(--arkhi-background)}
html[data-arkhi-page] .btn.primary:hover {background:var(--arkhi-btn-primary-hover)}
html[data-arkhi-page] .btn.secondary {background:var(--arkhi-btn-secondary);color:var(--arkhi-text)}
html[data-arkhi-page] .btn.secondary:hover {background:var(--arkhi-btn-secondary-hover)}
html[data-arkhi-page] .btn.subtle {background:var(--arkhi-btn-subtle);color:var(--arkhi-btn-subtle-text)}
html[data-arkhi-page] .btn.danger {background:var(--arkhi-btn-danger);color:var(--arkhi-text)}
.arkhi-recording-warning {color:var(--arkhi-warning)}
.arkhi-trailer {position:fixed;inset:0;z-index:9999;background:var(--arkhi-background);color:var(--arkhi-text);padding:clamp(16px,3vw,32px);display:flex;flex-direction:column;gap:20px}
.arkhi-trailer-video {width:100%;flex:1;min-height:0;background:var(--arkhi-background-deep);object-fit:contain}
.arkhi-trailer button {align-self:flex-start;min-height:44px;border:0;padding:12px 21px;background:var(--arkhi-btn-secondary);color:var(--arkhi-text);font:750 13px/1.4 var(--arkhi-font)}
#cinema-context {padding:24px;background:var(--arkhi-panel);margin:18px 0;color:var(--arkhi-text)}
#cinema-context .cinema-heading,#cinema-context .cinema-actions {display:flex;gap:16px;align-items:center;flex-wrap:wrap}
#cinema-context .cinema-heading {color:var(--arkhi-accent)}
#cinema-context .cinema-actions button {border:0;border-radius:0;background:var(--arkhi-btn-secondary);color:var(--arkhi-text);padding:12px 18px;min-height:44px}
#cinema-message:empty {display:none}
body > header.arkhi-unified-header a.profile-badge {width:auto!important;min-width:54px!important;padding:0 10px!important}
body > header.arkhi-unified-header .arkhi-session-exit {min-height:38px;padding:8px 10px;border:0;background:var(--arkhi-btn-secondary);color:var(--arkhi-text);font:750 12px/1.3 var(--arkhi-font);white-space:nowrap}
body > header.arkhi-unified-header .arkhi-session-message {position:absolute;right:16px;top:100%;max-width:min(90vw,420px);padding:12px;background:var(--arkhi-panel);color:var(--arkhi-warning);font-size:13px}
@media(max-width:480px) {body > header.arkhi-unified-header .arkhi-shared-search input {width:min(29vw,140px)!important}body > header.arkhi-unified-header .arkhi-shared-tools {gap:5px!important}body > header.arkhi-unified-header .brand .brand-copy {font-size:14px!important}}
@media(prefers-reduced-motion:reduce) {html[data-arkhi-page] .btn {transition:none}}

/* SOURCE FOR native (scoped) */
html.arkhi-native-page,html.arkhi-native-page body{font-size:24px}html.arkhi-native-page header,html.arkhi-native-page main{max-width:1640px!important}html.arkhi-native-page main{padding:32px 48px!important}html.arkhi-native-page label,html.arkhi-native-page p,html.arkhi-native-page .hint,html.arkhi-native-page .status,html.arkhi-native-page input,html.arkhi-native-page select,html.arkhi-native-page button,html.arkhi-native-page summary{font-size:24px!important;line-height:1.5}html.arkhi-native-page h1,html.arkhi-native-page h2{font-size:36px!important}html.arkhi-native-page h3{font-size:30px!important}html.arkhi-native-page input:not([type=checkbox]),html.arkhi-native-page select,html.arkhi-native-page button,html.arkhi-native-page summary{min-height:64px!important}html.arkhi-native-page input[type=checkbox]{width:28px!important;height:28px!important}html.arkhi-native-page input:focus,html.arkhi-native-page select:focus{outline:2px solid var(--arkhi-focus)!important;outline-offset:1px!important}html.arkhi-native-page :is(button,a,summary):focus{outline:0!important;box-shadow:none!important;filter:brightness(1.16)}html.arkhi-native-page .fields{gap:24px!important}html.arkhi-native-page .pi-card strong{font-size:32px!important}html.arkhi-native-page .pi-card span{font-size:22px!important}


/* Public entry retains the test hero and reveals navigation after a list loads. */
html[data-arkhi-page="public-test"] body.arkhi-entry #arkhi-global-header .arkhi-global-nav,
html[data-arkhi-page="public-test"] body.arkhi-entry #arkhi-global-header .arkhi-shared-tools,
html[data-arkhi-page="public-test"] body.arkhi-entry .arkhi-context-tools,
html[data-arkhi-page="public-test"] body.arkhi-entry .arkhi-universal-bar,
html[data-arkhi-page="public-test"] body.arkhi-entry .shell > .header .header-right {display:none!important}
html[data-arkhi-page="public-test"] .entry-login {display:flex;align-items:center;gap:18px;margin:24px 0 0}
html[data-arkhi-page="public-test"] .entry-login > span {color:var(--arkhi-muted);font-size:14px}
html[data-arkhi-page="public-test"] .entry-login > a {display:inline-flex;text-decoration:none;align-items:center;justify-content:center;min-height:46px}
html[data-arkhi-page="public-test"] .welcome .start-form input:focus-visible {outline:2px solid var(--arkhi-focus)!important;outline-offset:1px}
html[data-arkhi-page="public-test"] .welcome .start-form button {min-height:48px}

/* Password recovery uses the same account layout and controls. */
html[data-arkhi-page="tv-access"] .arkhi-recovery-actions {margin-top:16px}
html[data-arkhi-page="tv-access"] .arkhi-account-smtp {margin-top:30px;padding-top:24px;border-top:1px solid var(--arkhi-line)}
html[data-arkhi-page="tv-access"] #recoveryFeedback,
html[data-arkhi-page="tv-access"] #recoveryConfigStatus {line-height:1.6;color:var(--arkhi-muted)}

/* Standard streaming spinner: visible inside the one central TV zapping overlay. */
html[data-arkhi-page="tv-home"] body #arkhiAppZapping .arkhi-loader {
  display:inline-block!important;
  width:var(--arkhi-loader-size-tv)!important;
  height:var(--arkhi-loader-size-tv)!important;
  min-width:var(--arkhi-loader-size-tv)!important;
  min-height:var(--arkhi-loader-size-tv)!important;
  flex:none!important;
  border:var(--arkhi-loader-stroke) solid var(--arkhi-loader-track)!important;
  border-top-color:var(--arkhi-loader-color)!important;
  border-radius:50%!important;
  background:transparent!important;
  animation:arkhi-loader-spin var(--arkhi-loader-duration) linear infinite!important;
}
@media(prefers-reduced-motion:reduce){html[data-arkhi-page="tv-home"] body #arkhiAppZapping .arkhi-loader{animation:none!important}}

/* Central multilingual selector, remote-operable on Web and TV. */
html[data-arkhi-page] #arkhi-global-header .arkhi-shared-tools .arkhi-language-picker{
 min-height:40px;min-width:77px;max-width:142px;width:auto;padding:8px 10px;
 background:var(--arkhi-field-background);color:var(--arkhi-text);
 border:1px solid var(--arkhi-field-border);border-radius:0;
 font:650 12px/1.4 var(--arkhi-font)
}
html[data-arkhi-page] #arkhi-global-header .arkhi-language-picker:focus-visible{outline:0!important;box-shadow:none!important;filter:brightness(1.16)}
/* Programme details in the TV menu use the same presentation tokens. */
html[data-arkhi-page="tv-home"] body.arkhi-app-tv.arkhi-app-player[data-arkhi-app-view="menu"] main.arkhi-workspace.arkhi-workspace .arkhi-workspace-details.meta{
 width:min(58vw,820px)!important;max-height:min(44vh,calc(100dvh - var(--arkhi-app-header-height) - 200px))!important;overflow:hidden!important;padding:16px 22px!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-tv.arkhi-app-player[data-arkhi-app-view="menu"] .arkhi-workspace-details.meta > :not(.arkhi-player-title-block){display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-tv .arkhi-workspace-details .arkhi-player-title-block{width:100%!important;max-width:100%!important;gap:4px!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-tv #arkhiAppProgramme{display:flex;flex-direction:column;gap:4px;max-width:100%;min-width:0}
html[data-arkhi-page="tv-home"] body.arkhi-app-tv #arkhiAppProgrammeTitle{font:750 clamp(15px,1.7vw,22px)/1.3 var(--arkhi-font);color:var(--arkhi-text)}
html[data-arkhi-page="tv-home"] body.arkhi-app-tv #arkhiAppProgrammeImdb{margin:0;color:var(--arkhi-accent);font:650 13px/1.4 var(--arkhi-font)}
html[data-arkhi-page="tv-home"] body.arkhi-app-tv #arkhiAppProgrammeDescription{margin:0;color:var(--arkhi-muted);font:400 clamp(15px,1.45vw,20px)/1.4 var(--arkhi-font);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html[data-arkhi-page="tv-home"] body.arkhi-app-tv #arkhiAppProgramme [hidden]{display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-tv .arkhi-programme-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
html[data-arkhi-page="tv-home"] body.arkhi-app-tv #arkhiAppProgrammeClock{flex:none;font:700 clamp(18px,1.8vw,24px)/1.3 var(--arkhi-font);color:var(--arkhi-text);font-variant-numeric:tabular-nums;white-space:nowrap}
/* The live clock belongs INSIDE the programme heading, not in a screen corner. */
html[data-arkhi-page="tv-home"] body.arkhi-app-tv.arkhi-app-player[data-arkhi-app-view="menu"] .arkhi-programme-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;min-width:0!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-tv.arkhi-app-player[data-arkhi-app-view="menu"] #arkhiAppProgrammeTitle{flex:1 1 auto!important;min-width:0!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-tv.arkhi-app-player[data-arkhi-app-view="menu"] #arkhiAppProgrammeClock{position:static!important;inset:auto!important;transform:none!important;z-index:auto!important;margin:0 0 0 auto!important;padding:0!important;flex:0 0 auto!important;text-align:right!important;font-size:clamp(13px,1.2vw,18px)!important;line-height:1.35!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-tv :is(#arkhiAppProgrammeEpisode,#arkhiAppProgrammeSchedule){margin:0;color:var(--arkhi-text);font:500 clamp(14px,1.3vw,18px)/1.35 var(--arkhi-font)}
html[data-arkhi-page="tv-home"] body.arkhi-app-tv #arkhiAppGuideClock{margin-left:auto;flex:none;color:var(--arkhi-text);font:650 16px/1.2 var(--arkhi-font);font-variant-numeric:tabular-nums;white-space:nowrap}
html[data-arkhi-page="tv-home"] body #arkhiAppGuideClock[hidden]{display:none!important}

/* TV menus tint the ongoing broadcast; text and QR contrast remain intact. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player{
 --arkhi-tv-menu-mask:rgba(7,14,32,.28);
 --arkhi-tv-menu-surface:rgba(11,19,43,.86);
}
@supports(background:color-mix(in srgb,#000 50%,transparent)){
html[data-arkhi-page="tv-home"] body.arkhi-app-player{
 --arkhi-tv-menu-mask:color-mix(in srgb,var(--arkhi-background) 28%,transparent);
 --arkhi-tv-menu-surface:color-mix(in srgb,var(--arkhi-background) 86%,transparent);
}
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player :is(#arkhiTVManagement,#arkhiTVProfiles,#arkhiEpgPopup,#arkhiTransmitOverlay,#arkhiShareOverlay,#arkhiRemoteTVOverlay){background:var(--arkhi-tv-menu-mask)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player :is(#arkhiTVManagement .arkhi-tv-management-panel,#arkhiTVProfiles .arkhi-tv-profiles-panel,#arkhiEpgPopup .arkhi-epg-popup-card,#arkhiTransmitOverlay .arkhi-transmit-card,#arkhiShareOverlay .arkhi-share-tv-card,#arkhiRemoteTVOverlay .arkhi-share-tv-card){background:var(--arkhi-tv-menu-surface)!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #arkhiTVManagement .arkhi-tv-management-panel{padding:24px;box-sizing:border-box}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #arkhi-global-header{background:var(--arkhi-tv-menu-surface)!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-tv.arkhi-app-player:is([data-arkhi-app-view="channels"],[data-arkhi-app-view="guide"]) main.arkhi-workspace.arkhi-workspace>.arkhi-workspace-sidebar{background:var(--arkhi-tv-menu-surface)!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #channelsPanel{background:transparent!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player main.arkhi-workspace.arkhi-workspace .arkhi-player-options .arkhi-player-option-body{background:var(--arkhi-tv-menu-surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player:has(:is(#arkhiEpgPopup,#arkhiTransmitOverlay,#arkhiShareOverlay,#arkhiRemoteTVOverlay):not([hidden])) :is(#arkhiPausedQR,#arkhiCompactQR){visibility:hidden!important}

/* The one language chooser is supplied by the shared language runtime. */
html[data-arkhi-page] #arkhiLanguageWrap{
 display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:160px;
 margin:0;padding:0;color:var(--arkhi-muted);font:650 12px/1.3 var(--arkhi-font)
}
html[data-arkhi-page] #arkhiLanguageWrap>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-arkhi-page] #arkhiLanguageSelect{
 display:inline-block;flex:none;width:115px;max-width:100%;min-height:40px;
 background:var(--arkhi-field-background);color:var(--arkhi-text);border:1px solid var(--arkhi-field-border);
 border-radius:0;padding:8px 11px;box-shadow:none;font:650 12px/1.3 var(--arkhi-font)
}
html[data-arkhi-page] #arkhiLanguageSelect:focus-visible{outline:2px solid var(--arkhi-focus)!important;outline-offset:1px}

/* ArkhiTV guest courtesy invitation: common site theme, no page-local CSS. */
html[data-arkhi-page="tv-courtesy"] body.arkhi-share-mobile{
 margin:0;min-height:100vh;min-height:100dvh;background:var(--arkhi-background);
 color:var(--arkhi-text);font-family:var(--arkhi-font);line-height:1.55;
}
html[data-arkhi-page="tv-courtesy"] .arkhi-share-shell{
 box-sizing:border-box;max-width:940px;margin:auto;padding:clamp(20px,4vw,44px);
 display:flex;flex-direction:column;gap:14px;
}
html[data-arkhi-page="tv-courtesy"] .arkhi-share-eyebrow,
html[data-arkhi-page="tv-courtesy"] .arkhi-courtesy-label{
 color:var(--arkhi-accent);font:800 12px/1.4 var(--arkhi-font);letter-spacing:.1em;margin:0;
}
html[data-arkhi-page="tv-courtesy"] .arkhi-share-shell h1{
 margin:0;font:780 clamp(26px,4.5vw,42px)/1.18 var(--arkhi-font);overflow-wrap:anywhere;
}
html[data-arkhi-page="tv-courtesy"] .arkhi-share-shell>p:not(.arkhi-share-eyebrow){
 color:var(--arkhi-muted);font-size:15px;margin:0;
}
html[data-arkhi-page="tv-courtesy"] #courtesyVideo{
 display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;
}
html[data-arkhi-page="tv-courtesy"] .arkhi-share-actions,
html[data-arkhi-page="tv-courtesy"] .arkhi-courtesy-links{display:flex;flex-wrap:wrap;gap:10px}
html[data-arkhi-page="tv-courtesy"] .arkhi-share-actions>*,
html[data-arkhi-page="tv-courtesy"] .arkhi-courtesy-links>a{
 flex:1 1 180px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;
 min-height:48px;padding:12px 18px;text-align:center;text-decoration:none;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background:var(--arkhi-panel-raised);color:var(--arkhi-text);
 font:700 15px/1.35 var(--arkhi-font);cursor:pointer;
}
html[data-arkhi-page="tv-courtesy"] #courtesyPlay,
html[data-arkhi-page="tv-courtesy"] .arkhi-courtesy-links a:last-child{
 background:var(--arkhi-accent);color:var(--arkhi-background);
}
html[data-arkhi-page="tv-courtesy"] #courtesyStatus{
 min-height:1.5em;color:var(--arkhi-muted);font-size:14px;margin:0;
}
html[data-arkhi-page="tv-courtesy"] .arkhi-courtesy-discover{
 display:flex;flex-direction:column;gap:13px;padding:24px 0 6px;border-top:1px solid var(--arkhi-line);
}
html[data-arkhi-page="tv-courtesy"] .arkhi-courtesy-discover h2{
 margin:0;font:760 clamp(21px,3vw,29px)/1.2 var(--arkhi-font);
}
html[data-arkhi-page="tv-courtesy"] .arkhi-courtesy-discover>p:not(.arkhi-courtesy-label){
 margin:0;max-width:75ch;font-size:15px;color:var(--arkhi-muted);
}
html[data-arkhi-page="tv-courtesy"] .arkhi-courtesy-discover .arkhi-courtesy-fineprint{font-size:12px}
html[data-arkhi-page="tv-courtesy"] .arkhi-share-shell :is(a,button):focus-visible{
 outline:0!important;box-shadow:none!important;filter:brightness(1.16);
}
@media(max-width:600px){
 html[data-arkhi-page="tv-courtesy"] .arkhi-share-actions,
 html[data-arkhi-page="tv-courtesy"] .arkhi-courtesy-links{flex-direction:column}
 html[data-arkhi-page="tv-courtesy"] .arkhi-share-actions>*,
 html[data-arkhi-page="tv-courtesy"] .arkhi-courtesy-links>a{flex:0 0 auto;width:100%}
}

/* Shared button design contract: no outlines or borders. Remote keyboard focus
   remains perceptible through modest luminance, without focus rectangles. */
html[data-arkhi-page] :is(button,.btn,.action,[role="button"]){
 border:0!important;border-radius:0!important;box-shadow:none!important;
}
html[data-arkhi-page] :is(button,.btn,.action,[role="button"]):is(:focus,:focus-visible,.arkhi-remote-focus){
 outline:0!important;outline-offset:0!important;border:0!important;
 box-shadow:none!important;filter:brightness(1.16);
}


/* Canonical TV guide loading indicator: shared spinner shape, not a square.
   Scoping avoids colliding with buttons, cards, or native video surfaces. */
html[data-arkhi-page="tv-home"] body #guideGrid .arkhi-guide-loading > .arkhi-loader{
 box-sizing:border-box!important;display:inline-block!important;position:relative!important;
 width:var(--arkhi-loader-size-tv,36px)!important;
 height:var(--arkhi-loader-size-tv,36px)!important;
 min-width:var(--arkhi-loader-size-tv,36px)!important;
 min-height:var(--arkhi-loader-size-tv,36px)!important;
 max-width:var(--arkhi-loader-size-tv,36px)!important;
 max-height:var(--arkhi-loader-size-tv,36px)!important;
 flex:0 0 auto!important;padding:0!important;margin:0!important;
 border:var(--arkhi-loader-stroke,3px) solid var(--arkhi-loader-track,rgba(255,255,255,.2))!important;
 border-top-color:var(--arkhi-loader-color,var(--arkhi-accent))!important;
 border-radius:50%!important;outline:0!important;box-shadow:none!important;
 background:transparent!important;
 animation:arkhi-loader-spin var(--arkhi-loader-duration,.85s) linear infinite!important;
}
@media(prefers-reduced-motion:reduce){
 html[data-arkhi-page="tv-home"] body #guideGrid .arkhi-guide-loading > .arkhi-loader{animation:none!important}
}

/* Canonical borderless remote focus. Contrast comes from gentle luminance,
   not 3px outlines, inset borders or orange focus boxes. */
html[data-arkhi-page] body :is(button,a,summary,[role="button"]):is(:focus,:focus-visible,.arkhi-remote-focus),
html[data-arkhi-page] body :is(.arkhi-nav-link,.nav-primary,.arkhi-player-button,.arkhi-player-options>summary).arkhi-remote-focus,
html[data-arkhi-page] body .arkhi-player-surface .arkhi-player-controls :is(button,summary):focus-visible{
 outline:none!important;outline-width:0!important;outline-offset:0!important;
 border:0!important;border-radius:0!important;
 box-shadow:none!important;filter:brightness(1.16);
}
html[data-arkhi-page] body :is(button,.btn,.action,[role="button"]){
 border:0!important;border-radius:0!important;
 box-shadow:none!important;
}


/* SINGLE SELECTION CONTRACT — all ArkhiTV interfaces, on every device.
   No border, stroke, outline or accent-filled button; focus is visible by
   luminance and the SAME theme token in channel lists, dialogs and menus. */
html[data-arkhi-page] body :is(button,a[href],summary,[role="button"]):is(:focus,:focus-visible,.arkhi-remote-focus):not(:disabled){
 outline:0!important;outline-offset:0!important;
 border-radius:0!important;box-shadow:none!important;
 background-color:var(--arkhi-focus-background)!important;
 color:var(--arkhi-text)!important;filter:none!important;
}
html[data-arkhi-page] body :is(button,a[href],summary,[role="button"]):disabled{
 filter:none!important;cursor:default!important;
}
html[data-arkhi-page] body :is(button,a[href],summary,[role="button"]):is(:focus,:focus-visible,.arkhi-remote-focus)::after{
 /* Focus is a single filled surface, never a second stroke. */
 outline:0!important;
}

/* ArkhiTV canonical cross-channel logo transition. Compositor-only animation. */
.arkhi-zap-brand{
 position:absolute;inset:0;z-index:28;display:flex;align-items:center;
 justify-content:center;pointer-events:none;visibility:hidden;opacity:0;
 background:#050a0f;transition:opacity .22s ease,visibility 0s linear .22s;
}
.arkhi-zap-brand.is-visible{visibility:visible;opacity:1;transition:opacity .15s ease}
.arkhi-zap-brand-mark{display:flex;align-items:center;gap:clamp(10px,2.2vw,24px);transform:scale(.91);opacity:.65}
.arkhi-zap-brand.is-visible .arkhi-zap-brand-mark{
 animation:arkhi-zap-intro .52s cubic-bezier(.2,.8,.2,1) both
}
.arkhi-zap-brand-mark img{width:clamp(44px,6vw,84px);height:clamp(44px,6vw,84px);object-fit:contain}
.arkhi-zap-brand-mark span{color:#fff;font:800 clamp(20px,3vw,43px)/1.1 var(--arkhi-font,system-ui,sans-serif);letter-spacing:.055em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
@keyframes arkhi-zap-intro{from{opacity:.45;transform:translateY(10px) scale(.89)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.arkhi-zap-brand,.arkhi-zap-brand-mark{animation:none!important;transition:none!important}}

/* Account workspace. The same central sheet serves desktop, phone and TV. */
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 .arkhi-account-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 .arkhi-account-nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:24px}
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 .arkhi-account-nav button{text-align:left;justify-content:flex-start;font-size:16px;min-height:52px;background:transparent}
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 :is(.arkhi-account-nav,.arkhi-account-admin-nav) button.active{background:var(--arkhi-accent);color:var(--arkhi-background)}
html[data-arkhi-page="tv-conta"] .arkhi-account-content{min-width:0}
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 .arkhi-account-card{max-width:none!important;width:100%;margin-top:0!important}
html[data-arkhi-page="tv-conta"] .arkhi-account-facts{margin:0 0 24px;display:grid;gap:18px}
html[data-arkhi-page="tv-conta"] .arkhi-account-facts>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px}
html[data-arkhi-page="tv-conta"] .arkhi-account-facts dt{color:var(--arkhi-muted);font-size:14px}
html[data-arkhi-page="tv-conta"] .arkhi-account-facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 select{display:block;width:100%;padding:14px;margin-top:9px;background:var(--arkhi-field-background);color:var(--arkhi-text);font:inherit;border-radius:0;border:1px solid var(--arkhi-field-border)}
html[data-arkhi-page="tv-conta"] .arkhi-account-admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 #accountMessage{min-height:1.5em;color:var(--arkhi-accent)!important}
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 #accountMessage[data-error="true"]{font-weight:700}
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 .arkhi-device-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--arkhi-line)}
html[data-arkhi-page="tv-conta"] .arkhi-device-info{min-width:0;overflow-wrap:anywhere}
html[data-arkhi-page="tv-conta"] .arkhi-device-info small{display:block;color:var(--arkhi-muted);line-height:1.6;margin-top:6px}
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 .arkhi-admin-settings{width:100%;min-width:0}
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 #fullAdministration{padding:0!important;background:transparent!important}
html[data-arkhi-page="tv-conta"] body.arkhi-tv-entry .arkhi-account-v2 :is(button,a.btn,input,select){min-height:56px!important;font-size:20px!important}
html[data-arkhi-page="tv-conta"] body.arkhi-tv-entry .arkhi-account-v2 :is(p,dt,dd,small,label){font-size:18px!important}
@media(max-width:760px){
 html[data-arkhi-page="tv-conta"] .arkhi-account-v2 .arkhi-account-layout{display:block}
 html[data-arkhi-page="tv-conta"] .arkhi-account-v2 .arkhi-account-nav{position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:4px;margin:0 0 18px;padding:4px 0 8px;scrollbar-width:thin}
 html[data-arkhi-page="tv-conta"] .arkhi-account-v2 .arkhi-account-nav button{white-space:nowrap;flex-shrink:0;font-size:14px;min-height:48px}
 html[data-arkhi-page="tv-conta"] .arkhi-account-facts>div{grid-template-columns:1fr;gap:4px}
 html[data-arkhi-page="tv-conta"] .arkhi-account-v2 .arkhi-device-row{align-items:flex-start;flex-direction:column}
 html[data-arkhi-page="tv-conta"] .arkhi-account-admin-nav{flex-wrap:nowrap;overflow-x:auto}
 html[data-arkhi-page="tv-conta"] .arkhi-account-admin-nav button{white-space:nowrap;flex-shrink:0}
}

/* Branded media placeholders share the canonical stylesheet on every screen. */
.arkhi-media-surface{position:relative}
.arkhi-loading-brand{display:block;width:clamp(48px,6vw,84px);height:clamp(48px,6vw,84px);object-fit:contain;margin:0 auto 18px}
:is(#playerLoading,.player-loading)::before{
 content:"";display:block;flex:none;width:64px;height:64px;margin:0 auto 16px;
 background:url('/tv/arkhi-symbol.svg?v=9547f6d8bebce8e73') center/contain no-repeat;
}

.arkhi-media-last-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:27;pointer-events:none}
.arkhi-media-last-frame[hidden]{display:none!important}




/* Cross-device direct actions and dismissible menus: one shared source. */
html[data-arkhi-page="tv-home"] #arkhiAppPanelExit{
 position:fixed!important;right:clamp(10px,2vw,28px)!important;top:clamp(10px,2vw,28px)!important;
 display:flex!important;align-items:center;justify-content:center;
 width:48px!important;height:48px!important;padding:0!important;z-index:18010!important;
 border:0!important;border-radius:0!important;background:var(--arkhi-panel)!important;
 color:var(--arkhi-text)!important;font:400 34px/1 var(--arkhi-font)!important;cursor:pointer
}
html[data-arkhi-page="tv-home"] #arkhiAppPanelExit[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] #arkhiAppPanelExit:is(:hover,:focus-visible){
 background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important
}
html[data-arkhi-page] #arkhiTVManagementClose{
 position:fixed!important;right:clamp(12px,2vw,32px)!important;top:clamp(12px,2vw,32px)!important;
 z-index:18020!important;width:48px!important;height:48px!important;padding:0!important;
 background:var(--arkhi-panel)!important;color:var(--arkhi-text)!important;
 font:400 34px/1 var(--arkhi-font)!important
}
html[data-arkhi-page="tv-home"] body.arkhi-direct-device #personalPhoneCard,
html[data-arkhi-page="tv-home"] body.arkhi-direct-device #arkhiCompactQR,
html[data-arkhi-page="tv-home"] body.arkhi-direct-device #arkhiPausedQR{display:none!important}
html[data-arkhi-page="tv-home"] #arkhiDirectListActions{
 display:flex;flex-direction:column;align-items:stretch;gap:14px;
 background:var(--arkhi-panel);color:var(--arkhi-text);
 padding:clamp(16px,3vw,28px);max-width:580px;width:100%;margin:0 auto;
}
html[data-arkhi-page="tv-home"] #arkhiDirectListActions[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] #arkhiDirectListActions strong{font:750 clamp(18px,2.5vw,28px)/1.2 var(--arkhi-font)}
html[data-arkhi-page="tv-home"] #arkhiDirectListActions p{margin:0;font:400 16px/1.5 var(--arkhi-font)}
html[data-arkhi-page="tv-home"] #arkhiDirectListActions :is(button,a){
 display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;
 text-decoration:none;border:0!important;border-radius:0!important;
 background:var(--arkhi-btn-secondary);color:var(--arkhi-text);
 padding:12px 18px;font:700 16px/1.3 var(--arkhi-font);cursor:pointer
}
html[data-arkhi-page="tv-home"] #arkhiDirectListActions button{
 background:var(--arkhi-accent);color:var(--arkhi-background)
}
html[data-arkhi-page="tv-home"] #arkhiWebFullscreen{
 position:fixed!important;right:clamp(12px,2vw,28px)!important;
 bottom:clamp(12px,2vw,28px)!important;z-index:150!important;
 min-height:44px!important;padding:10px 16px!important;
 border:0!important;border-radius:0!important;
 background:var(--arkhi-panel)!important;color:var(--arkhi-text)!important;
 font:700 13px/1.3 var(--arkhi-font)!important;cursor:pointer
}
html[data-arkhi-page="tv-home"] body.arkhi-web-cinema{
 position:fixed!important;inset:0!important;
 width:100vw!important;height:100dvh!important;max-width:none!important;
 overflow:auto!important;margin:0!important;background:var(--arkhi-background)
}
html[data-arkhi-page="tv-home"] body.arkhi-web-cinema .arkhi-workspace{min-height:100dvh!important}
@media(max-width:680px){
 html[data-arkhi-page="tv-home"] #arkhiAppPanelExit{width:44px!important;height:44px!important;font-size:28px!important}
 html[data-arkhi-page="tv-home"] #arkhiWebFullscreen{bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}
}

html[data-arkhi-page="tv-home"] body.arkhi-tv-management-open #arkhiAppPanelExit{display:none!important}

html[data-arkhi-page="tv-home"] #arkhiDirectPauseActions{
 position:fixed!important;right:clamp(14px,3vw,55px)!important;top:50%!important;
 transform:translateY(-50%)!important;z-index:140!important;
 width:min(380px,42vw)!important;max-height:80dvh!important;overflow:auto!important;
 padding:0!important;border:0!important;border-radius:0!important;
 background:var(--arkhi-panel)!important
}
html[data-arkhi-page="tv-home"] #arkhiDirectPauseActions[hidden]{display:none!important}
@media(max-width:680px){
 html[data-arkhi-page="tv-home"] #arkhiDirectPauseActions{
  left:12px!important;right:12px!important;top:auto!important;bottom:64px!important;
  transform:none!important;width:auto!important;max-height:57dvh!important
 }
}


/* Safari iPad / touch browser: same shared TV controls, explicit mode switch. */
html[data-arkhi-page="tv-home"] #arkhiWebTVSwitch{
 position:static!important;inset:auto!important;
 z-index:170!important;min-height:48px!important;min-width:116px!important;
 display:flex!important;align-items:center;justify-content:center!important;
 padding:11px 18px!important;border:0!important;border-radius:0!important;
 background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
 font:750 15px/1.25 var(--arkhi-font)!important;cursor:pointer!important;
 box-shadow:none!important;text-align:center!important
}
html[data-arkhi-page="tv-home"] #arkhiWebTVSwitch[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] #arkhiWebTVSwitch:is(:hover,:focus-visible){
 background:var(--arkhi-accent-hot)!important;color:var(--arkhi-background)!important
}
html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch #arkhiWebTVSwitch{
 top:clamp(10px,2vw,28px)!important;right:clamp(78px,8vw,115px)!important;
 min-width:138px!important;background:var(--arkhi-panel)!important;color:var(--arkhi-text)!important;
 font-size:14px!important;z-index:18010!important
}
html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch[data-arkhi-app-view="watch"] #arkhiWebFullscreen{
 opacity:0!important;pointer-events:none!important
}
html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch[data-arkhi-app-view="watch"] .arkhi-player-surface,
html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch[data-arkhi-app-view="watch"] #video{
 touch-action:none!important;-webkit-user-select:none!important;user-select:none!important
}
html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch[data-arkhi-app-view="guide"] #guideGrid,
html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch[data-arkhi-app-view="channels"] #grid{
 touch-action:pan-x pan-y!important;-webkit-overflow-scrolling:touch!important
}
html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch :is(#arkhiAppPanelExit,.arkhi-player-controls button,#arkhiWebTVSwitch){
 min-height:44px!important
}
@media (pointer:coarse) and (max-width:1100px){
 html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch[data-arkhi-app-view="channels"]
 main.arkhi-workspace.arkhi-workspace>.arkhi-workspace-sidebar{width:min(78vw,455px)!important}
 html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch[data-arkhi-app-view="menu"]
 main.arkhi-workspace.arkhi-workspace .arkhi-workspace-details{
  top:calc(var(--arkhi-app-header-height) + 42px)!important;
  width:min(72vw,600px)!important;max-height:28vh!important;overflow:auto!important
 }
 html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch[data-arkhi-app-view="guide"]
 main.arkhi-workspace.arkhi-workspace>.arkhi-workspace-sidebar{
  left:clamp(8px,2vw,18px)!important;right:clamp(8px,2vw,18px)!important
 }
}
@media (max-width:680px){
 html[data-arkhi-page="tv-home"] #arkhiWebTVSwitch{top:64px!important;right:12px!important;padding:10px 14px!important;font-size:14px!important}
 html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch #arkhiWebTVSwitch{
  top:10px!important;right:64px!important;min-width:124px!important
 }
}

/* Live HLS buffer feedback: actual buffered seconds, no speculative progress. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-buffer{
 width:min(260px,74vw);display:flex;flex-direction:column;align-items:center;
 gap:6px;margin:5px auto 0;color:var(--arkhi-muted);
 font:500 12px/1.35 var(--arkhi-font);letter-spacing:.01em;pointer-events:none
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-buffer-track{
 width:100%;height:3px;background:rgba(255,255,255,.17);overflow:hidden;
 border:0!important;border-radius:0!important
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-buffer-fill{
 display:block;height:100%;width:0%;background:var(--arkhi-accent);
 transition:width .24s linear;border:0!important;border-radius:0!important
}
@media (prefers-reduced-motion:reduce){
 html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-buffer-fill{transition:none}
}


/* Web/iPad TV mode switch belongs inside the pause controls, never over header. */
html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch .arkhi-player-actions #arkhiWebTVSwitch{
 position:static!important;inset:auto!important;top:auto!important;right:auto!important;
 transform:none!important;z-index:auto!important;min-width:124px!important;
 width:auto!important;height:auto!important;margin:0!important;box-shadow:none!important
}
/* On the web the former QR "Leia-me" is a direct accessible action. */
html[data-arkhi-page="tv-home"] body a#arkhiRemoteQRCorner.arkhi-remote-link{
 width:auto!important;min-height:44px!important;height:auto!important;
 padding:10px 14px!important;display:flex!important;align-items:center;justify-content:center;
 text-decoration:none!important;border:0!important;border-radius:0!important;
 background:var(--arkhi-panel)!important;color:var(--arkhi-text)!important;
 font:700 13px/1.2 var(--arkhi-font)!important;cursor:pointer!important
}
html[data-arkhi-page="tv-home"] body a#arkhiRemoteQRCorner.arkhi-remote-link[hidden]{display:none!important}


/* Account device groups: same central styles for web, tablet and TV. */
html[data-arkhi-page="tv-conta"] .arkhi-device-list{
 display:flex;flex-direction:column;gap:22px
}
html[data-arkhi-page="tv-conta"] .arkhi-device-group{
 min-width:0;display:flex;flex-direction:column;gap:0
}
html[data-arkhi-page="tv-conta"] .arkhi-device-group-title{
 margin:0!important;padding:12px 0!important;
 font:700 clamp(15px,1.7vw,18px)/1.3 var(--arkhi-font)!important;
 color:var(--arkhi-text)!important;
 border-bottom:2px solid var(--arkhi-line)!important
}
html[data-arkhi-page="tv-conta"] .arkhi-device-group-rows{
 display:flex;flex-direction:column;gap:0
}
html[data-arkhi-page="tv-conta"] .arkhi-device-group-rows .arkhi-device-row{
 min-width:0;gap:14px
}
html[data-arkhi-page="tv-conta"] .arkhi-device-group-rows .arkhi-device-info{
 min-width:0;overflow-wrap:anywhere
}


/* Account: grouped devices and explicit disconnect-all action. */
html[data-arkhi-page="tv-conta"] .arkhi-device-actions{
 display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 8px
}
html[data-arkhi-page="tv-conta"] .arkhi-device-actions button{
 min-height:44px;border:0!important;border-radius:0!important;
 font:700 14px/1.3 var(--arkhi-font);padding:11px 17px;cursor:pointer
}
html[data-arkhi-page="tv-conta"] #accountDisconnectAll{
 background:var(--arkhi-panel-raised);color:var(--arkhi-text)
}
html[data-arkhi-page="tv-conta"] #accountDisconnectAll:is(:focus-visible,:hover){
 outline:2px solid var(--arkhi-focus);outline-offset:2px
}
html[data-arkhi-page="tv-conta"] #accountDisconnectAllNote{
 margin:2px 0 20px;font:400 13px/1.5 var(--arkhi-font);color:var(--arkhi-muted)
}


/* Account parity and remote-only close. Same navigation and controls by role. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player{--arkhi-app-header-height:64px!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-scope="administrator"]{
 --arkhi-app-header-height:64px!important
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #arkhi-global-header nav{
 min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex-wrap:nowrap!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #arkhi-global-header nav::-webkit-scrollbar{display:none}
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 :is(.arkhi-account-nav,.arkhi-account-admin-nav) button{
 border:0!important;border-radius:0!important;box-shadow:none!important;
 font:700 15px/1.3 var(--arkhi-font)!important;min-height:48px!important
}
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 #fullAdministration{
 max-width:none!important;width:100%!important;margin:0!important;border:0!important;
 background:transparent!important;box-shadow:none!important
}
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 #adminSettings{
 width:100%!important;max-width:none!important;background:transparent!important;
 border:0!important;border-radius:0!important;padding:0!important
}
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 #adminSettings :is(input,select,textarea,button){
 border-radius:0!important;box-shadow:none!important
}
html[data-arkhi-page="tv-conta"] .arkhi-account-v2 #adminSettings :is(.toolbar,.fields){
 max-width:100%!important
}
html[data-arkhi-page="tv-home"] body.arkhi-android-remote :is(#arkhiAppPanelExit,#arkhiTVManagementClose){
 display:none!important
}


/* Shared active list summary: web toolbar and Android/TV pause use same DOM. */
html[data-arkhi-page="tv-home"] #arkhiActiveListCard{
 display:flex;align-items:center;gap:8px;flex-wrap:wrap;
 margin:0;padding:2px 0;min-width:0;max-width:100%;background:transparent;
 color:var(--arkhi-text);border:0!important;border-radius:0!important
}
html[data-arkhi-page="tv-home"] #arkhiActiveListCard[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] #arkhiActiveListCard .arkhi-active-list-label{
 font:400 12px/1.3 var(--arkhi-font);color:var(--arkhi-muted)
}
html[data-arkhi-page="tv-home"] #arkhiActiveListCard .arkhi-active-list-name{
 flex:1 1 120px;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 font:500 12px/1.3 var(--arkhi-font);color:var(--arkhi-muted)
}
html[data-arkhi-page="tv-home"] #arkhiActiveListCard button{
 min-height:32px!important;padding:5px 8px!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;
 background:transparent!important;color:var(--arkhi-muted)!important;
 font:500 12px/1.3 var(--arkhi-font)!important;cursor:pointer
}
html[data-arkhi-page="tv-home"] #arkhiActiveListCard button:is(:hover,:focus,:focus-visible){
 background:rgba(255,255,255,.1)!important;color:var(--arkhi-text)!important;outline:1px solid var(--arkhi-focus)!important;outline-offset:0!important
}
html[data-arkhi-page="tv-home"] #arkhiActiveListCard .arkhi-active-list-status{flex-basis:100%;font:400 12px/1.3 var(--arkhi-font);color:var(--arkhi-muted)}
html[data-arkhi-page="tv-home"] #arkhiActiveListCard .arkhi-active-list-status:empty{display:none}
html[data-arkhi-page="tv-home"] .arkhi-player-actions #arkhiActiveListCard{
 grid-column:1/-1;flex:0 0 100%;width:100%;justify-content:flex-start;
 background:transparent
}
@media(max-width:720px){
 html[data-arkhi-page="tv-home"] #arkhiActiveListCard{padding:2px 0;gap:4px}
}


/* Owner catalogue recovery status: shared UI, no local styles. */
html[data-arkhi-page="tv-home"] #arkhiOwnerCatalogError{
 display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:18px;
 background:var(--arkhi-panel);color:var(--arkhi-text);border:0!important;
 border-radius:0!important;margin:14px 0
}
html[data-arkhi-page="tv-home"] #arkhiOwnerCatalogError p{
 flex-basis:100%;margin:0;color:var(--arkhi-text);
 font:500 15px/1.4 var(--arkhi-font)
}
html[data-arkhi-page="tv-home"] #arkhiOwnerCatalogError :is(button,a){
 display:inline-flex;align-items:center;justify-content:center;
 min-height:44px;padding:10px 14px;border:0!important;border-radius:0!important;
 background:var(--arkhi-accent);color:var(--arkhi-background);
 font:700 14px/1.35 var(--arkhi-font);text-decoration:none;cursor:pointer
}
html[data-arkhi-page="tv-home"] #arkhiOwnerCatalogError a{
 background:var(--arkhi-panel-raised);color:var(--arkhi-text)
}
html[data-arkhi-page="tv-home"] #arkhiOwnerCatalogError [hidden]{display:none!important}



/* Cover mode navigation from its first paint, before either media adapter boots.
   The timeout only releases a failed boot; normal entry reveals on interface-ready. */
html[data-arkhi-page="tv-home"]:is(.arkhi-tv-booting,.arkhi-tv-switching){background:#000!important}
/* Keep the previous page invisible. The title and live theme mark are part
   of the transition itself, not a second loading page. */
html[data-arkhi-page="tv-home"]:is(.arkhi-tv-booting,.arkhi-tv-switching)::after{
 content:var(--arkhi-copy-tv-preparing);box-sizing:border-box;display:flex;
 align-items:center;justify-content:center;position:fixed;inset:0;
 width:100%;height:100vh;height:100dvh;padding:145px 22px 0;
 z-index:2147483646;background:#000;pointer-events:auto;
 color:#f4f4f4;text-align:center;
 font:600 clamp(16px,2.4vw,23px)/1.4 var(--arkhi-font,Arial,sans-serif);
 animation:arkhi-tv-entry-release 0s 12s forwards;
}
html[data-arkhi-page="tv-home"]:is(.arkhi-tv-booting,.arkhi-tv-switching)::before{
 content:"";display:block;position:fixed;
 width:90px;height:76px;left:calc(50% - 45px);top:calc(50% - 65px);
 z-index:2147483647;background:var(--arkhi-accent,#ff6b4a);
 -webkit-mask:url("/tv/arkhi-symbol.svg?v=9547f6d8bebce8e73") center / contain no-repeat;
 mask:url("/tv/arkhi-symbol.svg?v=9547f6d8bebce8e73") center / contain no-repeat;
 pointer-events:auto;animation:arkhi-tv-entry-release 0s 12s forwards;
}
@keyframes arkhi-tv-entry-release{to{visibility:hidden;pointer-events:none}}


/* Explicit phone-control entry on the TV/Web player, not a mandatory QR. */
html[data-arkhi-page="tv-home"] body #arkhiRemotePhoneButton:not([hidden]){
 display:inline-flex!important;align-items:center;justify-content:center!important;
 position:fixed!important;right:max(16px,env(safe-area-inset-right))!important;
 bottom:max(20px,env(safe-area-inset-bottom))!important;z-index:120!important;
 box-sizing:border-box!important;padding:10px 14px!important;margin:0!important;
 border:1px solid var(--arkhi-line)!important;border-radius:0!important;
 background:var(--arkhi-menu-glass-strong,rgba(11,19,43,.89))!important;
 color:var(--arkhi-text)!important;max-width:min(220px,75vw)!important;
 min-height:44px!important;font:650 13px/1.3 var(--arkhi-font)!important;
 text-align:center!important;cursor:pointer!important;
}
html[data-arkhi-page="tv-home"] body #arkhiRemotePhoneButton:hover,
html[data-arkhi-page="tv-home"] body #arkhiRemotePhoneButton:focus-visible{
 border-color:var(--arkhi-accent)!important;
 outline:2px solid var(--arkhi-focus)!important;outline-offset:2px!important;
}
html[data-arkhi-page="tv-home"] body:is(.arkhi-first-entry,.arkhi-android-intro,.arkhi-tv-browse,.arkhi-tv-library) #arkhiRemotePhoneButton,
html[data-arkhi-page="tv-home"] body.arkhi-app-player:not([data-arkhi-app-view="watch"]) #arkhiRemotePhoneButton,
html[data-arkhi-page="tv-home"] body:has(#arkhiRemoteTVOverlay:not([hidden])) #arkhiRemotePhoneButton,
html[data-arkhi-page="tv-home"] body:has(#arkhiAppAccountOverlay:not([hidden])) #arkhiRemotePhoneButton{
 display:none!important;
}
html[data-arkhi-page="tv-home"] body #arkhiRemoteTVOverlay .arkhi-share-tv-actions{
 display:flex!important;flex-wrap:wrap!important;gap:9px!important;
}

/* Resolve fixed-action collisions: one Web TV entry, one phone remote.
   In the standard Web view, Full screen was wired to the *same* action as
   TV Mode and overlapped the phone remote. The existing player fullscreen
   icon remains available; the redundant floating control is suppressed.
   In actual TV mode the floating fullscreen control is already hidden while
   watching, and the remote entry stays in its own lower-right position. */
html[data-arkhi-page="tv-home"] body:not(.arkhi-web-tv-touch) #arkhiWebFullscreen{
 display:none!important;
}
html[data-arkhi-page="tv-home"] body #arkhiRemotePhoneButton:not([hidden]){
 position:fixed!important;
 right:calc(16px + env(safe-area-inset-right,0px))!important;
 bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
 max-width:min(218px,calc(100vw - 32px))!important;
 min-height:44px!important;
 white-space:normal!important;
 z-index:175!important;
}
/* If an older client temporarily shows both actions, retain distinct slots. */
html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch:not([data-arkhi-app-view="watch"]) #arkhiWebFullscreen{
 right:calc(16px + env(safe-area-inset-right,0px))!important;
 bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch:not([data-arkhi-app-view="watch"]) #arkhiRemotePhoneButton:not([hidden]){
 bottom:calc(70px + env(safe-area-inset-bottom,0px))!important;
}

/* Web entry is part of the toolbar at every viewport and pointer type.
   The TV exit is a normal item in the common Options menu. */
html[data-arkhi-page="tv-home"] body:not(.arkhi-app-player) > .arkhi-workspace-toolbar{
 flex-wrap:wrap!important;
}
html[data-arkhi-page="tv-home"] body:not(.arkhi-app-player) .arkhi-workspace-toolbar #arkhiActiveListCard{
 flex:1 1 320px;min-width:0;
}
html[data-arkhi-page="tv-home"] body .arkhi-workspace-toolbar > #arkhiWebTVSwitch{
 position:static!important;inset:auto!important;transform:none!important;
 flex:0 1 auto!important;min-width:0!important;max-width:100%!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-controls .arkhi-player-option-body > #arkhiWebTVSwitch{
 position:static!important;inset:auto!important;transform:none!important;
 box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;
 min-height:44px!important;padding:12px!important;margin:0!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
 justify-content:flex-start!important;text-align:left!important;font-size:14px!important;
 background:var(--arkhi-btn-secondary)!important;color:var(--arkhi-text)!important;
}

/* The quick guide's selection is the programme button itself. Its scroll
   column never compresses rows or positions focus relative to the drawer. */
html[data-arkhi-page="tv-home"] body #arkhiGuideLite{
 box-sizing:border-box!important;
}
html[data-arkhi-page="tv-home"] body #arkhiGuideLite .arkhi-guide-lite-title,
html[data-arkhi-page="tv-home"] body #arkhiGuideLite .arkhi-guide-lite-full{
 flex:0 0 auto!important;
}
html[data-arkhi-page="tv-home"] body #arkhiGuideLite .arkhi-guide-lite-items{
 flex:1 1 auto!important;align-items:stretch!important;
 overflow-x:hidden!important;overflow-y:auto!important;scroll-padding:6px;
}
html[data-arkhi-page="tv-home"] body #arkhiGuideLite button{
 position:relative!important;inset:auto!important;transform:none!important;
 box-sizing:border-box!important;flex:0 0 auto!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 height:auto!important;min-height:48px!important;margin:0!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
 scroll-margin:6px;
}
html[data-arkhi-page="tv-home"] body #arkhiGuideLite button:is(:focus,:focus-visible,.arkhi-remote-focus){
 background:var(--arkhi-focus-background)!important;
 outline:0!important;outline-offset:0!important;box-shadow:none!important;
}
html[data-arkhi-page="tv-home"] body #arkhiGuideLite button::after{
 content:none!important;display:none!important;
}



/* One dependable Web/phone exit in the actual TV menu toolbar, not in
   an optional player details/Options panel. Preserve hidden state everywhere. */
html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch .arkhi-workspace-toolbar > #arkhiWebTVSwitch{
 position:static!important;inset:auto!important;z-index:auto!important;
 display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;
 justify-content:center!important;min-height:44px!important;max-width:100%!important;
 margin:0!important;padding:10px 14px!important;white-space:normal!important;
 background:var(--arkhi-btn-secondary)!important;color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch .arkhi-workspace-toolbar > #arkhiWebTVSwitch[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch.arkhi-first-entry .arkhi-personal-entry #arkhiWebTVSwitch{
 position:static!important;display:inline-flex!important;min-height:44px!important;
 margin:14px 0 0!important;padding:10px 16px!important;max-width:100%!important;
 background:var(--arkhi-btn-secondary)!important;color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch.arkhi-first-entry .arkhi-personal-entry #arkhiWebTVSwitch[hidden]{display:none!important}
@media(max-width:680px){
 html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch[data-arkhi-app-view="menu"] > .arkhi-workspace-toolbar{
  gap:8px!important;align-items:center!important;flex-wrap:wrap!important;
 }
 html[data-arkhi-page="tv-home"] body.arkhi-web-tv-touch .arkhi-workspace-toolbar > #arkhiWebTVSwitch{
  min-width:0!important;font-size:13px!important;
 }
}


/* ArkhiDevice is the one shared phone classification (global-header.js).
   On a phone, media gestures and Cast/Partilhar remain; a SECOND-device
   virtual remote must not be offered anywhere in its viewing interface.
   The dedicated remote-control page opened from a television QR is unaffected. */
html[data-arkhi-device="phone"][data-arkhi-page="tv-home"] body
 :is(#arkhiRemotePhoneButton,#arkhiRemoteQRCorner,#castRemoteOpen,
     [data-player-action="virtual-remote"],[data-player-action="phone-remote"]){
 display:none!important;
}


/* The phone remote is accessible from player Options, never a floating TV banner.
   Protect clients with an older cached remote-tv.js too. */
html[data-arkhi-page="tv-home"] body #arkhiRemotePhoneButton{display:none!important}

/* TV action bar: enough contrast over a bright film while preserving the picture. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="menu"] .arkhi-player-controls{
 background:linear-gradient(to top,rgba(5,9,16,.96) 0%,rgba(5,9,16,.89) 35%,rgba(5,9,16,.6) 72%,rgba(5,9,16,.10) 100%)!important;
}


/* TV Settings must never escape the usable viewport. A fixed menu anchored
   to the safe right/bottom sits ABOVE the player, not behind channel panels. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="menu"]
 .arkhi-player-controls:has(.arkhi-player-options[open]){
 z-index:145!important;overflow:visible!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="menu"]
 .arkhi-player-controls .arkhi-player-options[open]>.arkhi-player-option-body{
 position:fixed!important;inset:auto max(14px,env(safe-area-inset-right,0px)) 
 calc(112px + env(safe-area-inset-bottom,0px)) auto!important;
 box-sizing:border-box!important;width:min(370px,calc(100vw - 28px))!important;
 max-height:calc(100dvh - var(--arkhi-app-header-height,64px) - 144px)!important;
 min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;
 overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
 z-index:180!important;box-shadow:0 10px 28px rgba(0,0,0,.45)!important;
 border:1px solid var(--arkhi-line)!important;border-top:2px solid var(--arkhi-accent)!important;
}
@media(max-height:530px){
 html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="menu"]
 .arkhi-player-controls .arkhi-player-options[open]>.arkhi-player-option-body{
  bottom:75px!important;max-height:calc(100dvh - 95px)!important;
 }
}
/* Shared live track selection modal. Same action target, outline and theme as
   all TV player controls; the source keeps playing behind the modal. */
html[data-arkhi-page="tv-home"] body #arkhiTrackPicker{
 position:fixed!important;box-sizing:border-box!important;
 left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
 width:min(430px,calc(100vw - 28px))!important;
 max-height:min(72dvh,580px)!important;overflow:auto!important;
 padding:20px!important;margin:0!important;z-index:2147483001!important;
 color:var(--arkhi-text)!important;background:var(--arkhi-tv-menu-surface,var(--arkhi-panel))!important;
 border:1px solid var(--arkhi-line)!important;border-top:2px solid var(--arkhi-accent)!important;
 box-shadow:0 12px 45px rgba(0,0,0,.65)!important;border-radius:0!important;
}
html[data-arkhi-page="tv-home"] body #arkhiTrackPicker[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] body #arkhiTrackPicker .arkhi-track-heading{
 font:700 clamp(18px,2.1vw,24px)/1.3 var(--arkhi-font)!important;
 margin:0 0 14px!important;color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] body #arkhiTrackPicker .arkhi-track-items{
 display:flex!important;flex-direction:column!important;gap:4px!important;
}
html[data-arkhi-page="tv-home"] body #arkhiTrackPicker .arkhi-track-items button{
 display:flex!important;justify-content:flex-start!important;align-items:center!important;
 min-height:48px!important;padding:10px 14px!important;width:100%!important;
 font:600 15px/1.4 var(--arkhi-font)!important;color:var(--arkhi-text)!important;
 background:rgba(255,255,255,.05)!important;border:1px solid transparent!important;
 border-radius:0!important;box-shadow:none!important;text-align:left!important;
}
html[data-arkhi-page="tv-home"] body #arkhiTrackPicker .arkhi-track-items button.selected{
 border-left:3px solid var(--arkhi-accent)!important;
 background:rgba(255,255,255,.12)!important;
}
html[data-arkhi-page="tv-home"] body #arkhiTrackPicker .arkhi-track-items button:is(:hover,:focus,:focus-visible){
 outline:2px solid var(--arkhi-focus)!important;outline-offset:-2px!important;
 background:rgba(255,255,255,.14)!important;
}
html[data-arkhi-page="tv-home"] body #arkhiTrackPicker .arkhi-track-note{
 margin:0 0 10px!important;font:500 14px/1.5 var(--arkhi-font)!important;
 color:var(--arkhi-muted)!important;
}
html[data-arkhi-page="tv-home"] body #arkhiTrackPicker .arkhi-track-dismiss{
 margin-top:10px!important;border-top:1px solid var(--arkhi-line)!important;
}

/* One workspace layout for Pi and user-provided channel sources.
   Source-specific actions keep their existing server authorization. */
html[data-arkhi-page] body .arkhi-workspace {
 display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr)!important;
 grid-template-areas:"player sidebar"!important;gap:24px!important;align-items:start!important;
 width:100%!important;max-width:1480px!important;margin:0 auto!important;padding:0!important;
 color:var(--arkhi-text);font-family:var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] body {
 --arkhi-tv-entry-background:radial-gradient(ellipse at 80% 13%,#283152 0%,transparent 35%),var(--arkhi-background);
 background:var(--arkhi-tv-entry-background)!important;
}
html[data-arkhi-page="tv-home"] body > main.arkhi-workspace,
html[data-arkhi-page="tv-home"] body > .arkhi-workspace-toolbar {
 width:calc(100% - clamp(32px,6vw,96px))!important;
}
html[data-arkhi-page] body .arkhi-workspace-toolbar {
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px;
 max-width:1480px!important;margin:26px auto 20px!important;padding:0!important;
}
html[data-arkhi-page] body .arkhi-workspace-toolbar h1 {
 font:800 clamp(24px,3vw,34px)/1.2 var(--arkhi-font)!important;letter-spacing:-.035em;margin:7px 0 0!important;color:var(--arkhi-text);
}
html[data-arkhi-page] body .arkhi-workspace-toolbar h1 span {
 font:600 13px/1.4 var(--arkhi-font)!important;letter-spacing:0;color:var(--arkhi-muted);white-space:nowrap;
}
html[data-arkhi-page] body .arkhi-workspace-toolbar .eyebrow,
html[data-arkhi-page] body .arkhi-workspace-sidebar .eyebrow {
 color:var(--arkhi-accent)!important;font:800 11px/1.4 var(--arkhi-font)!important;letter-spacing:1.8px;
}
html[data-arkhi-page] body .arkhi-workspace-toolbar .toolbar-actions {
 display:flex;align-items:center;flex-wrap:wrap;gap:8px;
}
html[data-arkhi-page] body .arkhi-workspace-toolbar .pill {
 display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important;
 padding:11px 18px!important;background:var(--arkhi-btn-secondary)!important;color:var(--arkhi-text)!important;
 font:700 13px/1.4 var(--arkhi-font)!important;cursor:pointer;
}
html[data-arkhi-page] body .arkhi-workspace-toolbar .tab-current {
 background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
}
html[data-arkhi-page] body:not(.arkhi-ipad-fullscreen-mode) .arkhi-workspace-player {
 grid-area:player!important;position:relative!important;top:auto!important;inset:auto!important;
 width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;
 max-height:none!important;overflow:visible!important;order:0!important;padding:0!important;margin:0!important;
 border:0!important;border-radius:0!important;background:var(--arkhi-panel)!important;box-shadow:none!important;
}
html[data-arkhi-page] body:not(.arkhi-ipad-fullscreen-mode) .arkhi-workspace-screen:not(.arkhi-player-expanded):not(:fullscreen) {
 width:100%!important;aspect-ratio:16/9!important;min-height:0!important;max-height:none!important;
 border:0!important;border-radius:0!important;background:#000!important;overflow:hidden;
}
html[data-arkhi-page] body .arkhi-workspace-screen video {
 width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;background:#000;
}
html[data-arkhi-page] body .arkhi-workspace-details {
 padding:22px!important;border:0!important;background:var(--arkhi-panel)!important;
}
html[data-arkhi-page] body .arkhi-workspace-details h1,
html[data-arkhi-page] body .arkhi-workspace-details h2 {
 font:800 25px/1.25 var(--arkhi-font)!important;letter-spacing:-.025em!important;
 color:var(--arkhi-text)!important;margin:10px 0!important;
}
html[data-arkhi-page] body .arkhi-workspace-sidebar {
 grid-area:sidebar!important;width:100%!important;min-width:0!important;max-width:none!important;
 height:auto!important;max-height:none!important;position:relative!important;top:auto!important;
 overflow:visible!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;
 background:var(--arkhi-panel)!important;box-shadow:none!important;
}
html[data-arkhi-page] body .arkhi-workspace-sidebar #channelsPanel {
 padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;margin:0!important;
}
html[data-arkhi-page] body .arkhi-workspace-sidebar .channel-heading {
 padding:20px!important;margin:0!important;border-bottom:1px solid var(--arkhi-line)!important;
}
html[data-arkhi-page] body .arkhi-workspace-sidebar .channel-heading-top {
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap;
}
html[data-arkhi-page] body .arkhi-workspace-sidebar .channel-heading h2 {
 font:800 21px/1.3 var(--arkhi-font)!important;color:var(--arkhi-text)!important;margin:5px 0 0!important;
}
html[data-arkhi-page] body .arkhi-workspace-search {
 width:180px!important;max-width:100%!important;min-height:42px!important;padding:10px 12px!important;margin:0!important;
 border:0!important;border-radius:0!important;background:var(--arkhi-background)!important;color:var(--arkhi-text)!important;
 font:500 13px/1.4 var(--arkhi-font)!important;
}
html[data-arkhi-page] body .arkhi-workspace-groups {
 display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;padding:14px 0 0!important;margin:0!important;
}
html[data-arkhi-page] body .arkhi-workspace-groups button {
 border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--arkhi-btn-secondary)!important;color:var(--arkhi-text)!important;
 font:650 12px/1.4 var(--arkhi-font)!important;padding:8px 12px!important;min-height:36px!important;flex-shrink:0;white-space:nowrap;
}
html[data-arkhi-page] body .arkhi-workspace-groups button.active {
 background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
}
html[data-arkhi-page] body .arkhi-workspace-channels {
 display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:0!important;
 padding:0!important;margin:0!important;max-height:min(72vh,820px)!important;overflow:auto!important;
}
html[data-arkhi-page] body .arkhi-workspace-channel {
 display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;
 width:100%!important;min-height:78px!important;flex-shrink:0!important;
 border:0!important;border-bottom:1px solid var(--arkhi-line)!important;border-radius:0!important;
 padding:14px 18px!important;margin:0!important;background:transparent!important;color:var(--arkhi-text)!important;
 text-align:left!important;box-shadow:none!important;transform:none!important;
}
html[data-arkhi-page] body .arkhi-workspace-channel:hover,
html[data-arkhi-page] body .arkhi-workspace-channel.active {background:var(--arkhi-btn-secondary)!important}
html[data-arkhi-page] body .arkhi-workspace-number {
 position:static!important;display:block!important;flex:0 0 28px!important;font:700 12px/1.4 var(--arkhi-font)!important;
 color:var(--arkhi-muted)!important;background:none!important;border:0!important;padding:0!important;
}
html[data-arkhi-page] body .arkhi-workspace-logo {
 width:45px!important;height:45px!important;flex:0 0 45px!important;object-fit:contain!important;
 border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;margin:0!important;
}
html[data-arkhi-page] body .arkhi-workspace-channel-copy {display:block!important;min-width:0!important;flex:1!important;padding:0!important}
html[data-arkhi-page] body .arkhi-workspace-channel-copy > strong,
html[data-arkhi-page] body .arkhi-workspace-channel-copy > .cn {
 display:block!important;font:750 14px/1.4 var(--arkhi-font)!important;color:var(--arkhi-text)!important;
 white-space:normal!important;overflow:visible!important;letter-spacing:0!important;
}
html[data-arkhi-page] body .arkhi-workspace-channel-copy > small,
html[data-arkhi-page] body .arkhi-workspace-channel-copy > .small,
html[data-arkhi-page] body .arkhi-workspace-channel-copy > .programme {
 display:block!important;font:450 12px/1.5 var(--arkhi-font)!important;color:var(--arkhi-muted)!important;margin-top:3px!important;
 white-space:normal!important;
}
html[data-arkhi-page] body .arkhi-workspace[data-workspace-view="series"],
html[data-arkhi-page] body .arkhi-workspace[data-workspace-view="recordings"],
html[data-arkhi-page] body .arkhi-workspace[data-workspace-view="guide"] {
 grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"player" "sidebar"!important;
}
html[data-arkhi-page] body .arkhi-workspace[data-workspace-view="series"] > .arkhi-workspace-player,
html[data-arkhi-page] body .arkhi-workspace[data-workspace-view="recordings"] > .arkhi-workspace-player,
html[data-arkhi-page] body .arkhi-workspace[data-workspace-view="guide"] > .arkhi-workspace-player {max-width:850px!important;margin:0 auto!important}
@media(max-width:900px) {
 html[data-arkhi-page] body .arkhi-workspace {
  grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"player" "sidebar"!important;gap:20px!important;
 }
 html[data-arkhi-page] body .arkhi-workspace-toolbar {align-items:flex-start!important;flex-direction:column!important;gap:14px!important}
 html[data-arkhi-page] body .arkhi-workspace-search {width:180px!important}
}
@media(max-width:480px) {
 html[data-arkhi-page] body .arkhi-workspace-toolbar .toolbar-actions {width:100%;gap:6px}
 html[data-arkhi-page] body .arkhi-workspace-toolbar .pill {padding:10px 12px!important;flex:1;font-size:12px!important}
 html[data-arkhi-page] body .arkhi-workspace-sidebar .channel-heading {padding:16px!important}
 html[data-arkhi-page] body .arkhi-workspace-details {padding:18px!important}
}

html[data-arkhi-page] body .arkhi-workspace[data-workspace-view="guide"] > .arkhi-workspace-player,
html[data-arkhi-page] body .arkhi-workspace[data-workspace-view="recordings"] > .arkhi-workspace-player {display:block!important}
html[data-arkhi-page] body .arkhi-workspace[data-workspace-view="series"] {grid-template-areas:"sidebar"!important}
html[data-arkhi-page] body .arkhi-workspace.arkhi-workspace .arkhi-workspace-details {padding:22px!important}
@media(max-width:480px) {html[data-arkhi-page] body .arkhi-workspace.arkhi-workspace .arkhi-workspace-details {padding:18px!important}}

/* Channel rows have a stable border-box, including before image/EPG updates. */
html[data-arkhi-page="tv-home"] body{
 --arkhi-channel-row-height:80px;--arkhi-channel-row-padding:10px 14px;--arkhi-channel-logo-size:48px;
}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry{
 --arkhi-channel-row-height:72px;--arkhi-channel-row-padding:6px 12px;--arkhi-channel-logo-size:44px;
}
/* FIX workspace channel list isolation — no legacy tile/grid geometry.
   Presentation stays exclusively in the single generated Arkhi CSS. */
html[data-arkhi-page="tv-home"] body .arkhi-workspace-sidebar #grid.arkhi-workspace-channels{
 display:flex!important; flex-direction:column!important;
 grid-template-columns:none!important; gap:0!important;
 min-width:0!important; max-width:100%!important; width:100%!important;
 overflow-x:hidden!important; overflow-y:auto!important;
 scrollbar-width:thin;
}
html[data-arkhi-page="tv-home"] body .arkhi-workspace-sidebar #grid button.arkhi-workspace-channel.card{
 display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important;
 align-items:center!important; justify-content:flex-start!important;
 width:100%!important; min-width:0!important; max-width:100%!important;
 box-sizing:border-box!important;flex:0 0 var(--arkhi-channel-row-height)!important;
 height:var(--arkhi-channel-row-height)!important;min-height:var(--arkhi-channel-row-height)!important;max-height:var(--arkhi-channel-row-height)!important;
 gap:12px!important;padding:var(--arkhi-channel-row-padding)!important;
 text-align:left!important; border:0!important;
 border-bottom:1px solid var(--arkhi-line)!important;
 background:transparent!important; overflow:hidden!important;
}
html[data-arkhi-page="tv-home"] body .arkhi-workspace-sidebar #grid button.arkhi-workspace-channel.card:is(.active,:hover){
 background:var(--arkhi-panel-hover)!important;
}
html[data-arkhi-page="tv-home"] body .arkhi-workspace-sidebar #grid .arkhi-workspace-number{
 flex:0 0 25px!important; width:25px!important;
}
html[data-arkhi-page="tv-home"] body .arkhi-workspace-sidebar #grid img.arkhi-workspace-logo{
 flex:0 0 var(--arkhi-channel-logo-size)!important;width:var(--arkhi-channel-logo-size)!important;
 height:var(--arkhi-channel-logo-size)!important;object-fit:contain!important;padding:0!important;
 background:transparent!important;
}
html[data-arkhi-page="tv-home"] body .arkhi-workspace-sidebar #grid .arkhi-workspace-channel-copy{
 display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
 width:auto!important;min-width:0!important;max-width:100%!important;
 align-items:stretch!important;gap:2px!important;overflow:hidden!important;
 word-break:normal!important;overflow-wrap:normal!important;
}
html[data-arkhi-page="tv-home"] body .arkhi-workspace-sidebar #grid .arkhi-workspace-channel-copy :is(.cn,.small,.programme,strong){
 display:block!important;min-width:0!important;max-width:100%!important;
 overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
 word-break:normal!important;overflow-wrap:normal!important;
 line-height:1.4!important;margin:0!important;
}

/* SINGLE TV: personal M3U controls. Identical shared TV player and EPG for all roles. */
html[data-arkhi-page="tv-home"] .arkhi-personal-source{
 display:flex;flex-direction:column;gap:13px;
 padding:18px 20px;margin:0;
 background:var(--arkhi-panel);
 border-bottom:1px solid var(--arkhi-line);
 color:var(--arkhi-text);
}
html[data-arkhi-page="tv-home"] .arkhi-personal-title{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
}
html[data-arkhi-page="tv-home"] .arkhi-personal-title h3{
 margin:0;font:800 17px/1.25 var(--arkhi-font);color:var(--arkhi-text);
}
html[data-arkhi-page="tv-home"] .arkhi-personal-title span,
html[data-arkhi-page="tv-home"] #personalMessage{
 font:500 12px/1.45 var(--arkhi-font);color:var(--arkhi-muted);
}
html[data-arkhi-page="tv-home"] .arkhi-personal-form{
 display:grid;grid-template-columns:1fr;gap:11px;margin:0;
}
html[data-arkhi-page="tv-home"] .arkhi-list-options summary{
 cursor:pointer;padding:10px 0;color:var(--arkhi-muted);font:650 13px var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] .arkhi-list-options[open]{display:grid;gap:11px}
html[data-arkhi-page="tv-home"] .arkhi-personal-form .arkhi-list-inline{
 margin:0;color:var(--arkhi-muted);font:500 12px/1.45 var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] .arkhi-personal-entry .arkhi-list-options .arkhi-personal-name{
 display:flex!important;
}
html[data-arkhi-page="tv-home"] .arkhi-list-options summary:focus-visible{
 outline:none;background:var(--arkhi-btn-secondary);color:var(--arkhi-text);
}
html[data-arkhi-page="tv-home"] .arkhi-personal-form label,
html[data-arkhi-page="tv-home"] .arkhi-personal-source>label{
 display:flex;flex-direction:column;gap:7px;
 font:650 12px/1.3 var(--arkhi-font);color:var(--arkhi-muted);
}
html[data-arkhi-page="tv-home"] .arkhi-personal-source :is(input,select){
 min-height:42px;width:100%;max-width:100%;min-width:0;padding:10px 12px;
 background:var(--arkhi-background)!important;
 border:1px solid var(--arkhi-line)!important;border-radius:0!important;
 color:var(--arkhi-text)!important;box-shadow:none!important;font:500 13px var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] .arkhi-personal-controls{
 display:flex;align-items:center;flex-wrap:wrap;gap:8px;
}
html[data-arkhi-page="tv-home"] .arkhi-personal-controls :is(button,a){
 min-height:40px;display:inline-flex;align-items:center;justify-content:center;
 padding:10px 14px;border:0!important;border-radius:0!important;
 color:var(--arkhi-text)!important;background:var(--arkhi-btn-secondary)!important;
 text-decoration:none;box-shadow:none!important;font:750 12px var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] .arkhi-personal-controls button.primary{
 background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
}
html[data-arkhi-page="tv-home"] .arkhi-personal-source [hidden],
html[data-arkhi-page="tv-home"] .arkhi-personal-record [hidden]{display:none!important}
html[data-arkhi-page="tv-home"] .arkhi-personal-record{
 display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:15px;
 padding:14px 0;border-top:1px solid var(--arkhi-line);
}
html[data-arkhi-page="tv-home"] .arkhi-personal-record>button,
html[data-arkhi-page="tv-home"] .arkhi-personal-record>a{
 display:inline-flex;align-items:center;padding:10px 14px;
 min-height:40px;border:0!important;border-radius:0!important;
 color:var(--arkhi-text);background:var(--arkhi-btn-secondary);
 text-decoration:none;font:700 12px var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] .arkhi-personal-record .record-status{
 flex:1 1 100%;margin:3px 0 0;color:var(--arkhi-muted);
 font:500 12px/1.5 var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] .arkhi-personal-record .record-status.record-error{color:var(--arkhi-warning)}
html[data-arkhi-page="tv-home"] .arkhi-personal-record .dialog-backdrop{
 position:fixed;inset:0;z-index:2147483601;display:flex;align-items:center;justify-content:center;
 padding:18px;background:rgba(0,0,0,.86);
}
html[data-arkhi-page="tv-home"] .arkhi-personal-record .dialog{
 display:flex;flex-direction:column;gap:15px;
 width:min(590px,100%);max-height:90vh;overflow:auto;
 padding:26px;background:var(--arkhi-panel);color:var(--arkhi-text);
 border:1px solid var(--arkhi-line);border-radius:0;
}
html[data-arkhi-page="tv-home"] .arkhi-personal-record .dialog button{
 border:0!important;border-radius:0!important;background:var(--arkhi-btn-secondary);
 color:var(--arkhi-text);padding:10px 13px;
}
html[data-arkhi-page="tv-home"] .arkhi-personal-noepg{
 display:inline-block;padding:20px;color:var(--arkhi-muted);font:500 12px var(--arkhi-font);
}
/* The EPG channel column is the SAME size, regardless of owner or viewer. */
html[data-arkhi-page="tv-home"] #guideGrid .epg-channel-cell{
 flex:0 0 210px!important;width:210px!important;min-width:210px!important;max-width:210px!important;
}
html[data-arkhi-page="tv-home"] #guideGrid .epg-channel-cell .name{
 min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;
 white-space:nowrap!important;
}
@media(max-width:700px){
 html[data-arkhi-page="tv-home"] #guideGrid .epg-channel-cell{
  flex-basis:145px!important;width:145px!important;min-width:145px!important;max-width:145px!important;
 }
 html[data-arkhi-page="tv-home"] .arkhi-personal-source{padding:15px}
}


/* First visit: the original ArkhiTV welcome and television illustration.
   This is part of the one central stylesheet, including the form after playback. */
html[data-arkhi-page="tv-home"] .arkhi-personal-entry{
 position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);
 align-items:center;min-height:min(770px,calc(100vh - 110px));gap:45px;
 max-width:1580px;margin:auto;padding:55px clamp(22px,5vw,70px);color:var(--arkhi-text);
}
html[data-arkhi-page="tv-home"] .arkhi-personal-entry[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] .arkhi-personal-entry-copy{max-width:675px;z-index:1}
html[data-arkhi-page="tv-home"] .arkhi-personal-entry h1{
 font-size:clamp(48px,5.2vw,82px);line-height:1.06;letter-spacing:-.065em;margin:24px 0;font-weight:900;
}
html[data-arkhi-page="tv-home"] .arkhi-personal-entry h1 em{font-style:normal;color:var(--arkhi-accent)}
html[data-arkhi-page="tv-home"] .arkhi-personal-entry-copy>p{max-width:550px;font-size:clamp(15px,1.55vw,19px);line-height:1.65;color:var(--arkhi-muted)}
html[data-arkhi-page="tv-home"] .arkhi-personal-entry-copy>p.small{font-size:12px;margin-top:21px}
/* Do not hide the live video container while the welcome overlay is open.
   The previous :is() inherited #feedbackOpen ID specificity and beat the
   normal player visibility rule even after the source started playing. */
html[data-arkhi-page="tv-home"] body.arkhi-first-entry:not(.arkhi-android-intro) main.layout{display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-first-entry :is(.arkhi-context-tools,#feedbackOpen){display:none!important}
html[data-arkhi-page="tv-home"] .arkhi-personal-entry .arkhi-personal-source{padding:10px 0;background:transparent;border:0}
html[data-arkhi-page="tv-home"] .arkhi-personal-entry :is(.arkhi-personal-title,.arkhi-personal-name,#personalSave,#personalDelete){display:none!important}
html[data-arkhi-page="tv-home"] .arkhi-personal-entry .arkhi-personal-controls{gap:16px}
html[data-arkhi-page="tv-home"] .arkhi-personal-entry #personalStart{font-size:16px;min-height:48px;padding:13px 25px}
html[data-arkhi-page="tv-home"] .arkhi-personal-entry #personalLogin{background:transparent!important;padding-left:0;color:var(--arkhi-accent)!important}
html[data-arkhi-page="tv-home"] .arkhi-personal-entry #personalUrl{min-height:54px;font-size:16px;padding:16px 18px}
html[data-arkhi-page="tv-home"] .arkhi-entry-visual{z-index:1;position:relative;padding:25px 2px 45px}
html[data-arkhi-page="tv-home"] .arkhi-entry-preview{
 position:relative;width:100%;aspect-ratio:16/10;border:10px solid #252c3a;border-bottom-width:14px;
 border-radius:21px;background:linear-gradient(145deg,#292b40 0%,#261b33 40%,#0d1631 90%);
 box-shadow:0 24px 30px #010513b5,0 65px 110px #080d2090;overflow:hidden;
 display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;
}
html[data-arkhi-page="tv-home"] .arkhi-entry-preview:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 55px #0007}
html[data-arkhi-page="tv-home"] .arkhi-entry-glow{width:70%;aspect-ratio:1;position:absolute;border-radius:100%;background:radial-gradient(circle,#ff6b4a50 0%,#ff384121 47%,transparent 75%);filter:blur(12px)}
html[data-arkhi-page="tv-home"] .arkhi-entry-preview>span:last-child{position:relative;z-index:1;font-size:21px;font-weight:900;letter-spacing:3px}
html[data-arkhi-page="tv-home"] .arkhi-entry-preview b{color:var(--arkhi-accent)}
html[data-arkhi-page="tv-home"] .arkhi-entry-chip{position:absolute;right:-6px;bottom:22px;background:var(--arkhi-panel);padding:12px 16px;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--arkhi-accent);box-shadow:0 15px 25px #06091580}
@media(max-width:960px){
 html[data-arkhi-page="tv-home"] .arkhi-personal-entry{grid-template-columns:1fr;min-height:unset;padding-top:45px;padding-bottom:50px;gap:20px}
 html[data-arkhi-page="tv-home"] .arkhi-entry-visual{max-width:570px;justify-self:center;width:100%}
}
@media(max-width:560px){
 html[data-arkhi-page="tv-home"] .arkhi-personal-entry h1{font-size:47px}
 html[data-arkhi-page="tv-home"] .arkhi-entry-visual{padding:20px 8px 40px}
}

/* Only URL and login actions on the first-visit screen. */
html[data-arkhi-page="tv-home"] body.arkhi-first-entry :is(.arkhi-workspace-toolbar,#arkhi-global-header nav,#arkhi-global-header .arkhi-shared-tools){display:none!important}


/* Shared declarations: one modal system for list playback and local recording. */
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop{position:fixed;inset:0;z-index:2147483601;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(6,16,30,.78);backdrop-filter:blur(8px)}
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop .record-dialog{width:min(740px,100%);max-height:90dvh;overflow:auto;background:var(--arkhi-dialog-background);color:var(--arkhi-text);border:1px solid var(--arkhi-line);border-radius:var(--arkhi-radius-control);padding:30px;box-shadow:0 24px 80px #0005}
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop h2{margin:8px 0 14px;font-size:clamp(24px,4vw,32px);line-height:1.15}
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop p{line-height:1.55}
html[data-arkhi-page="tv-home"] .arkhi-consent-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop label:not(.record-accept){display:grid;gap:6px;font-weight:600;font-size:14px}
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop input:not([type="checkbox"]){width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--arkhi-field-border);border-radius:var(--arkhi-radius-control);padding:11px 12px;background:var(--arkhi-dialog-background);color:inherit;font:inherit}
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop input:focus-visible{outline:2px solid var(--arkhi-focus);outline-offset:1px}
html[data-arkhi-page="tv-home"] .arkhi-consent-code{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:14px}
html[data-arkhi-page="tv-home"] .arkhi-consent-code label{flex:1;min-width:130px}
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop button{min-height:44px;border:1px solid var(--arkhi-field-border);border-radius:var(--arkhi-radius-control);padding:10px 17px;font:inherit;font-weight:600;cursor:pointer;background:var(--arkhi-dialog-background);color:inherit}
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop button:disabled{opacity:.45;cursor:not-allowed}
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop #listAccept,html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop #recordConfirm{background:var(--arkhi-btn-primary);color:var(--arkhi-background);border-color:var(--arkhi-btn-primary)}
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop .record-accept{display:flex;gap:12px;align-items:flex-start;margin:16px 0;padding:14px;background:var(--arkhi-panel);border-radius:var(--arkhi-radius-control);font-size:14px;line-height:1.55;cursor:pointer}
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop input[type="checkbox"]{width:20px;height:20px;flex:none;margin:2px 0;accent-color:#17273b}
html[data-arkhi-page="tv-home"] .arkhi-consent-upload{padding:16px;border:1px dashed var(--arkhi-field-border);border-radius:var(--arkhi-radius-control)}
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop .footnote{font-size:12px;color:var(--arkhi-muted,#526176)}
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop .record-error{color:var(--arkhi-warning)}
html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop .record-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
@media(max-width:600px){html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop{padding:10px}html[data-arkhi-page="tv-home"] .arkhi-consent-backdrop .record-dialog{padding:20px;border-radius:var(--arkhi-radius-control)}html[data-arkhi-page="tv-home"] .arkhi-consent-grid{grid-template-columns:1fr}html[data-arkhi-page="tv-home"] .arkhi-consent-code{align-items:stretch}html[data-arkhi-page="tv-home"] .arkhi-consent-code>button{flex:1}}

/* Phone-to-TV entry: the central stylesheet owns both screens. */
.arkhi-personal-entry .arkhi-phone-open{margin-top:12px}
.arkhi-personal-entry .arkhi-phone-card{display:grid;justify-items:center;gap:10px;padding:22px;background:var(--arkhi-panel);text-align:center;max-width:390px;margin:auto}
.arkhi-personal-entry .arkhi-phone-card[hidden],.arkhi-phone-entry [hidden]{display:none!important}
.arkhi-personal-entry .arkhi-phone-card h2{font-size:22px;line-height:1.15;margin:0}
.arkhi-personal-entry .arkhi-phone-card p{font-size:14px;line-height:1.4;margin:0;max-width:310px}
.arkhi-personal-entry .arkhi-phone-card img{display:block;width:clamp(160px,27vh,250px);height:clamp(160px,27vh,250px);object-fit:contain;background:white;image-rendering:pixelated}
.arkhi-personal-entry .arkhi-phone-card .arkhi-phone-code{font-size:12px;letter-spacing:.1em;color:var(--arkhi-muted)}
.arkhi-personal-entry .arkhi-phone-card button,.arkhi-personal-entry .arkhi-phone-open{min-height:40px;padding:9px 15px;border:0;border-radius:0;background:var(--arkhi-panel-strong,var(--arkhi-panel));color:var(--arkhi-text);font:inherit;font-size:14px;cursor:pointer}
.arkhi-tv-entry.arkhi-first-entry{overflow-x:hidden}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry.arkhi-first-entry #arkhi-global-header{height:64px!important;min-height:64px!important;grid-template-rows:64px;padding-top:0;padding-bottom:0}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry.arkhi-first-entry .arkhi-personal-entry{min-height:0;height:calc(100vh - 64px);height:calc(100dvh - 64px);box-sizing:border-box;max-width:1400px;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:clamp(20px,4vw,60px);padding:20px clamp(24px,5vw,64px);align-items:center}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-personal-entry h1{font-size:clamp(30px,4.2vw,60px);line-height:1.06;margin:12px 0}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-personal-entry-copy>p{font-size:clamp(13px,1.4vw,17px);line-height:1.4;margin:10px 0}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-personal-entry-copy>p.small{font-size:11px;margin:8px 0 0}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-personal-entry .arkhi-personal-source{padding:4px 0}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-personal-entry .arkhi-personal-form{display:grid;grid-template-columns:1fr;gap:8px;margin:0}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-personal-entry #personalUrl{min-height:42px;padding:10px 12px;font-size:14px}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-personal-entry #personalStart{min-height:40px;padding:10px 18px;font-size:14px}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-personal-entry .arkhi-personal-controls{flex-wrap:wrap;gap:12px;align-items:center}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-entry-visual{width:100%;padding:0;max-width:none;align-self:center}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-entry-visual>:not(.arkhi-phone-card){display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-phone-open{display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-phone-card{padding:clamp(12px,2vh,24px);gap:8px}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-personal-entry #personalMessage:empty{display:none}
@media(max-height:560px) and (min-width:650px){
 html[data-arkhi-page="tv-home"] body.arkhi-tv-entry.arkhi-first-entry #arkhi-global-header{height:52px!important;min-height:52px!important;grid-template-rows:52px}
 html[data-arkhi-page="tv-home"] body.arkhi-tv-entry.arkhi-first-entry .arkhi-personal-entry{height:calc(100vh - 52px);height:calc(100dvh - 52px);padding-top:12px;padding-bottom:12px}
 html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-personal-entry h1{font-size:34px;margin:10px 0}
 html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-phone-card img{width:170px;height:170px}
 html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-phone-card h2{font-size:20px}
 html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-phone-card p{font-size:12px}
}
.arkhi-phone-entry #arkhi-global-header{height:64px!important;min-height:64px!important;grid-template-rows:64px}
.arkhi-phone-entry #arkhi-global-header :is(nav,.arkhi-shared-tools){display:none!important}
.arkhi-phone-form{box-sizing:border-box;width:min(620px,100%);margin:0 auto;padding:30px 22px 40px;color:var(--arkhi-text)}
.arkhi-phone-form h1{font-size:clamp(28px,7vw,40px);line-height:1.1;margin:10px 0 18px}
.arkhi-phone-form p{line-height:1.5;color:var(--arkhi-muted)}
.arkhi-phone-form form{display:grid;gap:10px;margin-top:24px}
.arkhi-phone-form label{font-size:14px;font-weight:600}
.arkhi-phone-form label span{font-weight:400}
.arkhi-phone-form input:not([type=checkbox]){width:100%;box-sizing:border-box;min-height:48px;padding:12px;background:var(--arkhi-panel);color:var(--arkhi-text);border:1px solid var(--arkhi-field-border);border-radius:0;font:inherit}
.arkhi-phone-form .arkhi-phone-rights{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;font-weight:400;padding:16px 0}
.arkhi-phone-form input[type=checkbox]{width:22px;height:22px;flex:none;margin:0;accent-color:var(--arkhi-accent)}
.arkhi-phone-form button{background:var(--arkhi-btn-primary);color:var(--arkhi-background);border:0;border-radius:0;font:inherit;font-weight:700;min-height:48px;padding:12px 18px;cursor:pointer}
.arkhi-phone-form button:disabled{opacity:.5;cursor:default}
.arkhi-phone-form input:focus-visible{outline:2px solid var(--arkhi-focus);outline-offset:1px}
.arkhi-phone-form button:focus-visible{outline:0!important;box-shadow:none!important;filter:brightness(1.16)}
.arkhi-phone-form #phoneListStatus{font-size:14px;min-height:22px}
.arkhi-phone-form .small{font-size:12px}

/* One account action, one guide action; TV layout keeps the logo on the menu row. */
body.arkhi-tv-entry[data-arkhi-scope="viewer"] > header.arkhi-unified-header{
 height:64px!important;min-height:64px!important;grid-template-columns:140px minmax(0,1fr) minmax(170px,230px)!important;grid-template-rows:64px!important;padding:0 24px!important;
}
body.arkhi-tv-entry[data-arkhi-scope="viewer"] > header.arkhi-unified-header .brand{grid-row:1!important;grid-column:1!important;gap:8px!important}
body.arkhi-tv-entry[data-arkhi-scope="viewer"] > header.arkhi-unified-header nav.main-nav.arkhi-global-nav{
 grid-row:1!important;grid-column:2!important;height:64px!important;justify-content:center!important;justify-self:stretch!important;width:100%!important;border:0!important;overflow-x:auto!important;
}
body.arkhi-tv-entry[data-arkhi-scope="viewer"] > header.arkhi-unified-header .arkhi-shared-tools{grid-row:1!important;grid-column:3!important;width:100%!important}
body.arkhi-tv-entry[data-arkhi-scope="viewer"] > header.arkhi-unified-header nav.arkhi-global-nav>.nav-primary{min-height:44px!important;height:44px!important;font-size:16px!important;padding:10px 16px!important}
body.arkhi-tv-entry > header.arkhi-unified-header .brand img.brand-mark{width:32px!important;height:32px!important;min-width:32px!important}
body.arkhi-tv-entry > header.arkhi-unified-header .brand .brand-copy{font-size:18px!important}
html[data-arkhi-page="tv-home"] body .arkhi-workspace-toolbar{min-height:44px;margin:10px auto!important;gap:12px!important}
html[data-arkhi-page="tv-home"] body .arkhi-workspace-toolbar #arkhiWorkspaceCount{font:650 14px/1.4 var(--arkhi-font);color:var(--arkhi-muted)}
html[data-arkhi-page="tv-home"] body .arkhi-workspace-toolbar .pill{min-height:40px!important;padding:9px 16px!important}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry:not(.arkhi-first-entry) > main.arkhi-workspace{
 height:calc(100vh - 136px)!important;height:calc(100dvh - 136px)!important;min-height:0!important;
 grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)!important;grid-template-areas:"player sidebar"!important;gap:18px!important;align-items:stretch!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-workspace.arkhi-workspace > .arkhi-workspace-player{
 display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important;max-width:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-workspace.arkhi-workspace .arkhi-workspace-screen:not(.arkhi-player-expanded):not(:fullscreen){flex:1 1 0!important;aspect-ratio:auto!important;height:auto!important;min-height:130px!important}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-workspace.arkhi-workspace .arkhi-workspace-details{flex:0 0 auto!important;padding:10px 14px!important;max-height:132px!important;overflow:auto!important}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-workspace-details :is(h1,h2){font-size:19px!important;margin:3px 0!important}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-personal-record{margin-top:6px;padding:6px 0;gap:6px}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-personal-record .record-status:empty{display:none}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-workspace-sidebar{height:100%!important;min-height:0!important;overflow:auto!important}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry #channelsPanel:not([hidden]){display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-workspace-sidebar .channel-heading{padding:12px!important;flex:none}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-workspace-sidebar .channel-heading h2{font-size:18px!important;margin:0!important}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-workspace-groups{padding-top:10px!important}
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-workspace-sidebar #grid.arkhi-workspace-channels{flex:1 1 0!important;min-height:0!important;max-height:none!important;scroll-padding:5px}
body.arkhi-tv-entry :is(button,a,input,select,summary){scroll-margin:8px}
body.arkhi-tv-entry .arkhi-remote-focus{
 outline:0!important;outline-offset:0!important;box-shadow:none!important;
 filter:brightness(1.16);
}
html[data-arkhi-page="tv-home"] body.arkhi-changing-list .arkhi-personal-entry :is(.arkhi-personal-name,#personalSave,#personalDelete):not([hidden]){display:flex!important}
html[data-arkhi-page="tv-home"] body.arkhi-changing-list #personalBack{display:inline-flex!important}
html[data-arkhi-page="tv-home"] body.arkhi-changing-list .arkhi-personal-entry h1{font-size:30px!important;margin:6px 0!important}
html[data-arkhi-page="tv-home"] body.arkhi-changing-list .arkhi-personal-entry-copy>p{font-size:12px;line-height:1.35;margin:7px 0}
@media(max-height:560px){
 html[data-arkhi-page="tv-home"] body.arkhi-tv-entry.arkhi-first-entry > header.arkhi-unified-header{height:52px!important;min-height:52px!important;grid-template-rows:52px!important}
 html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-player-controls{--arkhi-player-controls-padding:10px;--arkhi-player-controls-gap:5px}
 html[data-arkhi-page="tv-home"] body.arkhi-changing-list .arkhi-personal-entry h1{font-size:26px!important}
}

/* Phone sign-in uses the existing general account form, then confirms this TV. */
.arkhi-phone-form .arkhi-phone-account{margin-top:22px;padding:20px;background:var(--arkhi-panel)}
.arkhi-phone-form .arkhi-phone-account h2,.arkhi-phone-form form h2{font-size:20px;line-height:1.2;margin:0 0 10px}
.arkhi-phone-form .arkhi-phone-account p{font-size:14px;margin:10px 0}
.arkhi-phone-form .arkhi-phone-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;background:var(--arkhi-btn-primary);color:var(--arkhi-background);text-decoration:none;font-weight:700}

html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-workspace-toolbar{flex-direction:row!important;align-items:center!important}

html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-workspace-details :is(.status,.epg){font-size:12px;line-height:1.4;margin:4px 0;padding:0;border:0}

/* App-only viewing mode: overlays reuse the canonical page components. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player:not(.arkhi-first-entry){overflow:hidden!important;background:#000!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player{--arkhi-app-header-height:64px}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-scope="administrator"]{--arkhi-app-header-height:72px}
@media(max-width:1260px){html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-scope="administrator"]{--arkhi-app-header-height:108px}}
@media(max-width:820px){html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-scope="administrator"]{--arkhi-app-header-height:114px}}
html[data-arkhi-page="tv-home"] body.arkhi-app-player:not(.arkhi-first-entry) main.arkhi-workspace.arkhi-workspace{
 position:fixed!important;inset:0!important;display:block!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;margin:0!important;padding:0!important;z-index:100!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player:not(.arkhi-first-entry) main.arkhi-workspace.arkhi-workspace>.arkhi-workspace-player{
 position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;overflow:visible!important;background:#000!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player:not(.arkhi-first-entry) main.arkhi-workspace.arkhi-workspace .arkhi-workspace-screen.arkhi-player-surface:not(.arkhi-player-expanded):not(:fullscreen){
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player main.arkhi-workspace .arkhi-workspace-details{display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="menu"] main.arkhi-workspace.arkhi-workspace .arkhi-workspace-details{
 position:fixed!important;display:block!important;left:24px!important;right:24px!important;top:calc(var(--arkhi-app-header-height) + 58px)!important;right:auto!important;width:min(520px,calc(100vw - 48px))!important;max-height:90px!important;overflow:hidden!important;padding:12px 16px!important;background:rgba(7,14,32,.72)!important;z-index:104!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-workspace-sidebar{display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player:not([data-arkhi-app-view="menu"]):not([data-arkhi-app-view="guide"]):not([data-arkhi-app-view="account"])>#arkhi-global-header,
html[data-arkhi-page="tv-home"] body.arkhi-app-player:not([data-arkhi-app-view="menu"])>.arkhi-workspace-toolbar{display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player:is([data-arkhi-app-view="menu"],[data-arkhi-app-view="guide"],[data-arkhi-app-view="account"])>#arkhi-global-header{
 display:flex!important;position:fixed!important;inset:0 0 auto!important;z-index:120!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="menu"]>.arkhi-workspace-toolbar{
 position:fixed!important;left:24px!important;right:24px!important;top:var(--arkhi-app-header-height)!important;width:auto!important;max-width:none!important;margin:8px 0!important;z-index:120!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player:not([data-arkhi-app-view="menu"]) .arkhi-player-controls{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="menu"] .arkhi-player-controls{
 opacity:1!important;visibility:visible!important;pointer-events:auto!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;padding:24px!important;z-index:106!important;background:linear-gradient(transparent,rgba(5,11,22,.78) 78%)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-controls .arkhi-player-actions{gap:10px!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player main.arkhi-workspace.arkhi-workspace>.arkhi-workspace-sidebar{
 position:fixed!important;top:0!important;bottom:0!important;width:clamp(300px,36vw,520px)!important;height:100vh!important;height:100dvh!important;max-height:none!important;min-height:0!important;margin:0!important;padding:0!important;z-index:112!important;background:var(--arkhi-panel)!important;overflow:auto!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="channels"] main.arkhi-workspace.arkhi-workspace>.arkhi-workspace-sidebar{display:block!important;left:0!important;right:auto!important}
/* The real channel/programme timeline overlays live video without pausing it. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] main.arkhi-workspace.arkhi-workspace>.arkhi-workspace-sidebar{
 display:block!important;position:fixed!important;
 top:calc(var(--arkhi-app-header-height) + 4px)!important;bottom:clamp(8px,2vh,22px)!important;
 left:clamp(8px,1.2vw,20px)!important;right:clamp(8px,1.2vw,20px)!important;
 width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;
 background:rgba(11,19,43,.84)!important;overflow:hidden!important;
 box-shadow:0 12px 36px rgba(0,0,0,.28);
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #guidePanel:not([hidden]){
 box-sizing:border-box;display:flex!important;flex-direction:column!important;gap:5px!important;min-height:0;height:100%;max-height:100%;
 margin:0!important;padding:clamp(8px,1.1vw,14px)!important;background:transparent!important;
 overflow:hidden!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #guidePanel h2{margin:0!important;font:650 clamp(18px,1.15vw,23px)/1.25 var(--arkhi-font)!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .epg-toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;min-width:0;overflow-x:auto}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .epg-toolbar button{min-height:42px}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #arkhiAppHint{
 position:fixed;left:24px;bottom:22px;z-index:108;margin:0;padding:10px 15px;background:rgba(5,11,22,.8);color:var(--arkhi-text);font:600 14px/1.4 var(--arkhi-font);pointer-events:none;
}
html[data-arkhi-page="tv-home"] body #arkhiAppHint[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="watch"] video.arkhi-remote-focus{outline:none!important;box-shadow:none!important}


/* TV closes the guide with Back/Return, never an extra close button. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] #arkhiGuideOverlayClose{
 display:none!important;
}
@media(max-width:620px){
 html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] main.arkhi-workspace.arkhi-workspace>.arkhi-workspace-sidebar{
  top:calc(var(--arkhi-app-header-height) + 4px)!important;bottom:8px!important;left:6px!important;right:6px!important;
 }
 html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] #guidePanel:not([hidden]){padding:8px!important}
}
/* The full Guide retains its real timeline. Right-arrow EPG uses the shared drawer. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] #guideGrid.epg-modern{
 flex:1;min-height:160px;width:100%;max-width:none;background:transparent!important;
 border:0!important;border-radius:0!important;overflow:hidden;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] #guideGrid .epg-scroll{
 max-height:none!important;height:100%!important;overflow:auto!important;
 overscroll-behavior:contain;scroll-behavior:auto;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] .epg-row{height:clamp(62px,4.2vw,78px)!important;min-height:clamp(62px,4.2vw,78px)!important;border-bottom:1px solid rgba(202,219,241,.10)!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] .epg-row.header{height:38px!important;min-height:38px!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] .epg-header-track{height:38px!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] .epg-time-label{top:8px;font-size:clamp(14px,1vw,19px)!important;font-weight:600!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] .epg-event{
 top:2px;height:clamp(58px,4vw,74px)!important;min-height:clamp(58px,4vw,74px)!important;padding:7px 11px!important;display:block!important;box-sizing:border-box;
 border-radius:0!important;border:0!important;font-size:clamp(17px,1.1vw,21px)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] .epg-event .t{font-size:clamp(17px,1.1vw,21px)!important;line-height:1.2!important;font-weight:600!important;text-align:left!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] .epg-event .h{font-size:clamp(14px,.9vw,17px)!important;line-height:1.25!important;color:var(--arkhi-muted)!important;text-align:left!important;margin-top:3px!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] .epg-channel-cell .name{font-size:clamp(16px,1.05vw,20px)!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] .epg-toolbar{flex:0 0 auto;margin:0 0 4px!important;gap:8px!important;min-height:44px!important;padding:0!important;flex-wrap:nowrap!important;overflow-x:auto!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] .epg-toolbar button{font-size:clamp(15px,.95vw,18px)!important;line-height:1.25!important;min-height:42px!important;height:42px!important;padding:9px 12px!important;flex:0 0 auto!important;background:transparent!important;color:var(--arkhi-text)!important}
/* Only the guide's in-place summary uses constrained dimensions.
   The popup moves #epgDetails OUT of #guidePanel; never constrain it there. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"]
 #guidePanel #epgDetails:not([hidden]){
 flex:0 0 auto;max-height:min(25vh,220px);overflow:auto;border:0!important;border-radius:0!important;
}
/* The existing account page is presented above the still-running player. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player #arkhiAppAccountOverlay{
 position:fixed!important;z-index:114!important;
 top:calc(var(--arkhi-app-header-height) + 8px)!important;
 left:clamp(12px,5vw,100px)!important;right:clamp(12px,5vw,100px)!important;
 bottom:clamp(32px,8vh,100px)!important;
 display:flex!important;flex-direction:column;min-height:0;overflow:hidden;
 background:rgba(11,19,43,.94)!important;box-shadow:0 10px 36px rgba(0,0,0,.43);
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #arkhiAppAccountOverlay[hidden],
html[data-arkhi-page="tv-home"] body:not(.arkhi-app-player) #arkhiAppAccountOverlay{display:none!important}
html[data-arkhi-page="tv-home"] #arkhiAppAccountOverlay .arkhi-app-account-heading{
 display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;
 padding:12px 18px;background:var(--arkhi-panel);color:var(--arkhi-text);
 font:700 20px/1.3 var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] #arkhiAppAccountOverlay .arkhi-app-account-heading button{
 background:var(--arkhi-btn-secondary);border:0!important;border-radius:0!important;
 padding:9px 16px;color:var(--arkhi-text);font:650 16px/1.3 var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] #arkhiAppAccountOverlay iframe{
 display:block;flex:1 1 auto;min-height:0;height:100%;width:100%;
 border:0!important;border-radius:0!important;background:var(--arkhi-background);color:var(--arkhi-text);
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #channelsPanel .channel-heading-top #search{flex:1;min-width:120px}

html[data-arkhi-page] .arkhi-record-phone{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:center;max-width:850px}
html[data-arkhi-page] .arkhi-record-phone img{width:240px;height:240px;background:#fff}
html[data-arkhi-page] .arkhi-local-files{display:flex;flex-direction:column;gap:8px;margin-top:12px}
html[data-arkhi-page] body.arkhi-phone-recording .arkhi-consent-backdrop:not([hidden]){position:static;display:block;padding:0;background:none}
html[data-arkhi-page] body.arkhi-phone-recording #recordDeclaration .record-dialog{width:calc(100% - 32px);max-width:720px;max-height:none;margin:0 auto 24px;overflow:visible}
html[data-arkhi-page] body.arkhi-phone-recording .arkhi-consent-grid{grid-template-columns:1fr}
@media(max-width:640px){html[data-arkhi-page] .arkhi-record-phone{grid-template-columns:1fr}}

/* App TV: an opaque screen and a continuous channel position during zapping. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player main.arkhi-workspace.arkhi-workspace{background:#000!important;isolation:isolate}
html[data-arkhi-page="tv-home"] body.arkhi-app-player main.arkhi-workspace .arkhi-workspace-screen{background:#000!important;padding:0!important;border:0!important;border-radius:0!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;background:#000!important;opacity:1!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #video::-webkit-media-controls,
html[data-arkhi-page="tv-home"] body.arkhi-app-player #video::-webkit-media-controls-start-playback-button{display:none!important}
/* Single TV zapping overlay, designed from the central Arkhi tokens. */
html[data-arkhi-page="tv-home"] body #arkhiAppZapping[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #arkhiAppZapping{
 position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:108;
 display:flex;align-items:center;justify-content:center;box-sizing:border-box;
 margin:0;padding:clamp(12px,3vw,36px);transform:none;
 background:var(--arkhi-tv-entry-background);color:var(--arkhi-text);pointer-events:none;
 border:0;border-radius:0;box-shadow:none;overflow:hidden;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #arkhiAppZapping:is(.is-buffering,.is-failed){
 background:var(--arkhi-tv-entry-background);
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-overlay{
 width:min(700px,92vw);max-height:calc(100dvh - 32px);box-sizing:border-box;
 padding:clamp(20px,3vw,38px);background:transparent;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:clamp(14px,2.4vh,26px);overflow:hidden;text-align:center;
 border:0;border-radius:0;box-shadow:none;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-hero{
 display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;width:100%;order:2;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-current-channel{
 display:block;margin:0;max-width:100%;color:var(--arkhi-text);
 font:750 clamp(25px,3.6vw,48px)/1.16 var(--arkhi-font);
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-current-programme{
 margin:0;max-width:100%;color:var(--arkhi-text);
 font:500 clamp(15px,1.8vw,23px)/1.35 var(--arkhi-font);
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-spinner{margin:12px 0 0}
html[data-arkhi-page="tv-home"] body.arkhi-app-player :is(.arkhi-zap-error,.arkhi-zap-direct){
 margin:9px 0 0;font:600 14px/1.4 var(--arkhi-font);color:var(--arkhi-muted);
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-error{color:var(--arkhi-warning)}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-wheel{
 width:min(470px,84vw);min-width:0;display:contents;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-wheel-item{
 display:flex;align-items:center;justify-content:center;gap:12px;
 max-width:100%;min-width:0;padding:4px 8px;color:var(--arkhi-text);
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-wheel-item.previous,
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-wheel-item.next{
 opacity:.48;transform:scale(.9);
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-wheel-item.current{
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-wheel-number{
 flex:none;color:var(--arkhi-muted);font:650 clamp(13px,1.3vw,17px)/1.3 var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-wheel-name{
 min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 font:650 clamp(16px,1.8vw,22px)/1.35 var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-wheel-item.previous{order:1}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-wheel-item.next{order:3}
/* Vertical channel wheel: departing channel and its programme travel behind
   the adjacent item while the chosen channel rises into the centre. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-overlay{
 position:relative;display:grid;grid-template-columns:minmax(0,1fr);
 grid-template-rows:minmax(38px,auto) minmax(134px,auto) minmax(38px,auto);
 gap:12px;isolation:isolate;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-hero{
 grid-column:1;grid-row:2;z-index:2;align-self:center;justify-self:center;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-wheel-item.previous{
 grid-column:1;grid-row:1;align-self:center;justify-self:center;z-index:3;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-wheel-item.next{
 grid-column:1;grid-row:3;align-self:center;justify-self:center;z-index:3;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-ghost{
 position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 width:100%;max-width:min(600px,85vw);box-sizing:border-box;
 display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;
 z-index:1;pointer-events:none;will-change:transform,opacity;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-overlay.is-rolling-next .arkhi-zap-ghost{
 animation:arkhi-zap-exit-up 460ms cubic-bezier(.22,.75,.25,1) both;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-overlay.is-rolling-previous .arkhi-zap-ghost{
 animation:arkhi-zap-exit-down 460ms cubic-bezier(.22,.75,.25,1) both;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-overlay.is-rolling-next .arkhi-zap-hero{
 animation:arkhi-zap-enter-up 460ms cubic-bezier(.22,.75,.25,1) both;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-overlay.is-rolling-previous .arkhi-zap-hero{
 animation:arkhi-zap-enter-down 460ms cubic-bezier(.22,.75,.25,1) both;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-overlay:is(.is-rolling-next,.is-rolling-previous) .arkhi-zap-wheel-item{
 animation:arkhi-zap-side-settle 460ms ease-out both;
}
@keyframes arkhi-zap-exit-up{
 0%{transform:translate(-50%,-50%) scale(1);opacity:1}
 55%{opacity:.68}
 100%{transform:translate(-50%,calc(-50% - 116px)) scale(.82);opacity:0}
}
@keyframes arkhi-zap-exit-down{
 0%{transform:translate(-50%,-50%) scale(1);opacity:1}
 55%{opacity:.68}
 100%{transform:translate(-50%,calc(-50% + 116px)) scale(.82);opacity:0}
}
@keyframes arkhi-zap-enter-up{
 0%{transform:translateY(118px) scale(.82);opacity:.35}
 100%{transform:translateY(0) scale(1);opacity:1}
}
@keyframes arkhi-zap-enter-down{
 0%{transform:translateY(-118px) scale(.82);opacity:.35}
 100%{transform:translateY(0) scale(1);opacity:1}
}
@keyframes arkhi-zap-side-settle{
 0%{opacity:0}
 52%{opacity:.2}
 100%{opacity:.48}
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #arkhiAppHint{bottom:132px}
@media(max-height:500px){
 html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-overlay{gap:10px;padding:12px 22px}
 html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-hero{gap:4px}
 html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-wheel-item{padding:1px 8px}
 html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-spinner{margin:4px 0 0}
}
@media(prefers-reduced-motion:reduce){
 html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-zap-overlay:is(.is-rolling-next,.is-rolling-previous) :is(.arkhi-zap-ghost,.arkhi-zap-hero,.arkhi-zap-wheel-item){animation:none!important}
}

/* TV header: one row, with focus scrolling when space is limited. */
html[data-arkhi-page] body.arkhi-tv-entry:not(.arkhi-first-entry) #arkhi-global-header{
 display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:12px!important;height:64px!important;min-height:64px!important;max-height:64px!important;padding:8px 18px!important;box-sizing:border-box!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player.arkhi-app-tv{--arkhi-app-header-height:64px!important}
html[data-arkhi-page] body.arkhi-tv-entry:not(.arkhi-first-entry) #arkhi-global-header>.brand{flex:0 0 auto!important;width:auto!important;min-width:0!important;gap:7px!important;margin:0!important;padding:0!important}
html[data-arkhi-page] body.arkhi-tv-entry:not(.arkhi-first-entry) #arkhi-global-header .brand-mark{width:28px!important;height:28px!important}
html[data-arkhi-page] body.arkhi-tv-entry:not(.arkhi-first-entry) #arkhi-global-header .brand-copy{font-size:16px!important;line-height:1.2!important}
html[data-arkhi-page] body.arkhi-tv-entry:not(.arkhi-first-entry) #arkhi-global-header>nav{
 display:flex!important;flex:1 1 auto!important;flex-wrap:nowrap!important;min-width:0!important;width:auto!important;justify-content:center!important;align-items:center!important;gap:3px!important;overflow-x:auto!important;overflow-y:hidden!important;margin:0!important;padding:0!important;scrollbar-width:none;
}
html[data-arkhi-page] body.arkhi-tv-entry:not(.arkhi-first-entry) #arkhi-global-header>nav::-webkit-scrollbar{display:none}
html[data-arkhi-page] body.arkhi-tv-entry:not(.arkhi-first-entry) #arkhi-global-header>nav>:is(a,button){flex:0 0 auto!important;white-space:nowrap!important;min-height:44px!important;padding:10px!important;font-size:13px!important}
html[data-arkhi-page] body.arkhi-tv-entry:not(.arkhi-first-entry) #arkhi-global-header>.arkhi-shared-tools{flex:0 0 auto!important;width:auto!important;margin:0!important;gap:6px!important}
html[data-arkhi-page] body.arkhi-tv-entry:not(.arkhi-first-entry) #arkhi-global-header .arkhi-shared-search input{width:124px!important;min-width:0!important;height:40px!important;font-size:12px!important}
html[data-arkhi-page] body.arkhi-tv-entry:not(.arkhi-first-entry) #arkhi-global-header .arkhi-session-exit{min-height:40px!important;padding:8px!important;font-size:12px!important}



html[data-arkhi-page="tv-home"] body.arkhi-app-tv.arkhi-app-player:not([data-arkhi-app-view="menu"])>#arkhi-global-header{display:none!important}











/* TV remote: recording stays next to pause; audio uses the TV's own buttons. */
/* TV catalogues use the same header, focus and player as the live surface. */
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse #arkhi-global-header,html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-library #arkhi-global-header{position:sticky!important;top:0!important;z-index:120!important}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse .arkhi-workspace{display:block!important;width:100%!important;max-width:none!important;padding:0 24px!important;box-sizing:border-box!important}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse .arkhi-workspace-player,html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse .arkhi-workspace-toolbar{display:none!important}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse .arkhi-workspace-sidebar{display:block!important;width:100%!important;max-width:none!important;height:calc(100vh - 80px)!important;max-height:none!important;overflow:auto!important}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse #guidePanel,html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse #seriesPanel{width:100%!important;max-width:none!important;min-height:calc(100vh - 96px);box-sizing:border-box}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse .br-series-hero{padding:20px 4px!important;min-height:0!important}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse .br-series-hero h1{font-size:30px!important;line-height:1.15!important;margin:6px 0!important}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse .br-series-hero p,html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse .br-series-totals{font-size:15px!important}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse .br-series-rail,html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-library .card-row{scroll-behavior:auto!important;scroll-padding-inline:8px}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse .br-series-card{min-width:155px!important;max-width:190px!important;flex:0 0 18%!important}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse .br-series-tools input,html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse .br-series-tools button{min-height:46px!important;font-size:17px!important}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-browse #guideGrid .epg-event{min-height:56px;font-size:16px}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-library main{max-width:none!important;padding:20px 28px!important}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-library .hero{min-height:0!important;padding:24px!important}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-library .hero h1{font-size:32px!important;line-height:1.15!important}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-library .movie-card{flex:0 0 165px!important;width:165px!important;scroll-margin:12px}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-library .detail{padding:28px!important;box-sizing:border-box}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-library .arkhi-player-sound{display:none!important}
html[data-arkhi-page] body.arkhi-app-tv.arkhi-tv-library .player-actions button{min-height:46px;font-size:16px}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-sound{display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player.arkhi-app-categories #channelsPanel #grid,
html[data-arkhi-page="tv-home"] body.arkhi-app-player.arkhi-app-categories #channelsPanel input{display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player.arkhi-app-categories #groups{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap!important;gap:8px!important;overflow:visible!important;max-height:none!important;width:100%!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player.arkhi-app-categories #groups button{
 flex:none!important;width:100%!important;min-height:48px!important;text-align:left!important;white-space:normal!important;
}





/* A separate local capture remains rendered while the visible TV zaps. */
html[data-arkhi-page] body video.arkhi-recording-capture{
 position:fixed!important;width:2px!important;height:2px!important;left:0!important;top:0!important;opacity:.001!important;pointer-events:none!important;z-index:1!important;
}
html[data-arkhi-page] body .arkhi-tv-recording-label{display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="watch"] .arkhi-tv-recording-label:not([hidden]){
 display:block!important;position:absolute!important;right:18px!important;top:18px!important;z-index:113!important;margin:0!important;padding:8px 12px!important;background:rgba(7,14,32,.94)!important;color:var(--arkhi-accent)!important;font-weight:700!important;font-size:18px!important;max-width:70%!important;
}



html[data-arkhi-page="tv-home"] body.arkhi-app-tv.arkhi-tv-browse main.arkhi-workspace.arkhi-workspace aside.arkhi-workspace-player[hidden]{display:none!important}

/* Native Samsung AVPlay is painted behind the hosted web document.
   Keep the shared ArkhiTV controls, artwork and typography unchanged. */
html.arkhi-samsung-hosted,
html.arkhi-samsung-hosted body,
html.arkhi-samsung-hosted .arkhi-workspace-screen,
html.arkhi-samsung-hosted .arkhi-workspace-player,
html.arkhi-samsung-hosted .player,
html.arkhi-samsung-hosted .videoWrap,
html.arkhi-samsung-hosted .arkhi-workspace-video,
html.arkhi-samsung-hosted video#video {
  background:transparent!important;
}
html.arkhi-samsung-hosted video#video {visibility:hidden!important;}

/* TV share QR overlay never pauses the live video. */
html[data-arkhi-page="tv-home"] #arkhiShareOverlay,
html[data-arkhi-page="tv-home"] #arkhiRemoteTVOverlay{
 position:fixed!important;inset:0!important;z-index:165!important;
 display:flex!important;align-items:center;justify-content:center;
 padding:clamp(14px,4vw,45px);box-sizing:border-box;
 background:rgba(3,10,21,.70);color:var(--arkhi-text);font-family:var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] #arkhiShareOverlay[hidden],
html[data-arkhi-page="tv-home"] #arkhiRemoteTVOverlay[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] .arkhi-share-tv-card{
 box-sizing:border-box;width:min(100%,620px);max-height:90vh;max-height:90dvh;
 overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:14px;
 padding:clamp(20px,3.5vw,42px);background:var(--arkhi-panel);box-shadow:0 15px 60px rgba(0,0,0,.55);
}
html[data-arkhi-page="tv-home"] .arkhi-share-tv-card h2{font-size:clamp(24px,3vw,34px);margin:0;line-height:1.2}
html[data-arkhi-page="tv-home"] .arkhi-share-tv-card p{margin:0;color:var(--arkhi-muted);line-height:1.55;font-size:16px}
html[data-arkhi-page="tv-home"] #arkhiShareTVTitle{font-weight:800;font-size:19px;color:var(--arkhi-text);overflow-wrap:anywhere}
html[data-arkhi-page="tv-home"] #arkhiShareTVQR,
html[data-arkhi-page="tv-home"] #arkhiRemoteTVQR{align-self:center;background:#fff;padding:12px;box-sizing:border-box;max-width:70vw;height:auto;aspect-ratio:1;image-rendering:pixelated}
html[data-arkhi-page="tv-home"] .arkhi-share-tv-actions{display:flex;gap:12px;flex-wrap:wrap}
html[data-arkhi-page="tv-home"] .arkhi-share-tv-actions button,
html[data-arkhi-page="tv-home"] .arkhi-share-tv-actions a{
 display:inline-flex;align-items:center;justify-content:center;flex:1 1 125px;
 min-height:50px;padding:12px 15px;border:0!important;border-radius:0!important;
 background:var(--arkhi-panel-raised);color:var(--arkhi-text);
 font:750 15px/1.35 var(--arkhi-font);text-align:center;text-decoration:none;cursor:pointer;
}
html[data-arkhi-page="tv-home"] .arkhi-share-tv-actions button:focus-visible,
html[data-arkhi-page="tv-home"] .arkhi-share-tv-actions a:focus-visible{
 outline:0!important;box-shadow:none!important;filter:brightness(1.16);
}
@media(max-width:600px){html[data-arkhi-page="tv-home"] .arkhi-share-tv-actions{display:grid;grid-template-columns:1fr;width:100%}html[data-arkhi-page="tv-home"] .arkhi-share-tv-actions button,html[data-arkhi-page="tv-home"] .arkhi-share-tv-actions a{width:100%;box-sizing:border-box}}

/* All programme actions are rendered by #arkhiEpgPopup.
   The old fixed #epgDetails layout is intentionally removed: it conflicts
   with the popup's own flex layout once the details node is reparented. */

/* Programme actions are a modal ON TOP of the full EPG and live player. */
html[data-arkhi-page="tv-home"] #arkhiEpgPopup{
 position:fixed!important;z-index:230!important;inset:0!important;
 box-sizing:border-box;padding:clamp(14px,3vw,45px);
 display:flex!important;align-items:center;justify-content:center;
 background:rgba(2,7,19,.45)!important;color:var(--arkhi-text);
}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup .arkhi-epg-popup-card{
 box-sizing:border-box;display:flex;flex-direction:column;
 width:min(90vw,720px);max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);
 overflow:auto;min-width:0;padding:clamp(16px,2.2vw,29px);
 background:rgba(11,19,43,.96)!important;color:var(--arkhi-text);
 border:0!important;border-radius:0!important;box-shadow:none;
}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup .arkhi-epg-popup-heading{
 display:flex;justify-content:space-between;align-items:center;gap:10px;
 margin:0 0 14px;font:500 14px/1.3 var(--arkhi-font);color:var(--arkhi-muted);
}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup #arkhiEpgPopupClose{
 border:0!important;border-radius:0!important;min-height:40px;
 padding:8px 12px;background:transparent;color:var(--arkhi-text);
 font:700 clamp(16px,1vw,20px)/1.3 var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup #epgDetails.epg-details{
 /* The dialog owns positioning; details are flow content, not a second modal. */
 position:static!important;inset:auto!important;top:auto!important;left:auto!important;
 transform:none!important;z-index:auto!important;
 display:flex!important;flex-direction:column;gap:12px!important;
 flex:0 0 auto!important;align-self:stretch!important;
 width:100%!important;max-width:100%!important;
 margin:0!important;padding:0!important;
 height:auto!important;max-height:none!important;min-height:0!important;
 background:transparent!important;color:var(--arkhi-text)!important;
 border:0!important;border-radius:0!important;overflow:visible!important;
 box-shadow:none!important;
}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup #epgDetails .epg-details-title{
 font:650 clamp(22px,1.8vw,29px)/1.25 var(--arkhi-font)!important;
}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup #epgDetails .epg-details-actions{
 display:flex!important;flex-direction:column!important;
 align-items:stretch!important;justify-content:flex-start!important;
 gap:10px!important;width:100%!important;min-width:0!important;margin:6px 0 0!important;
}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup #epgDetails .epg-details-actions button,
html[data-arkhi-page="tv-home"] #arkhiEpgPopup #epgDetails .epg-details-actions select,
html[data-arkhi-page="tv-home"] #arkhiEpgPopup #epgDetails .epg-details-actions summary{
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;
 min-width:0!important;min-height:44px!important;height:auto!important;
 position:static!important;float:none!important;transform:none!important;
 padding:12px 14px!important;margin:0!important;
 border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;
 background:var(--arkhi-panel-raised)!important;color:var(--arkhi-text)!important;
 font:500 clamp(16px,1.05vw,20px)/1.35 var(--arkhi-font)!important;line-height:1.35!important;
 text-align:left!important;cursor:pointer;
 white-space:normal!important;overflow-wrap:anywhere!important;
}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup #epgDetails .epg-details-actions .arkhi-epg-season-choice{
 display:flex;flex-direction:column;gap:7px;min-width:0;padding:0;
 color:var(--arkhi-muted);font:650 13px/1.3 var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup #epgDetails .arkhi-epg-action-note{
 grid-column:1/-1;font-size:14px;line-height:1.45;color:var(--arkhi-accent);
}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup #epgDetails .epg-details-actions :is(button,select,summary):is(:focus,:focus-visible,.arkhi-remote-focus),
html[data-arkhi-page="tv-home"] #arkhiEpgPopup #arkhiEpgPopupClose:is(:focus,:focus-visible,.arkhi-remote-focus){
 outline:0!important;border:0!important;box-shadow:none!important;
 /* Only the focused action carries a selection treatment. */
 filter:none;outline:2px solid var(--arkhi-focus)!important;outline-offset:-2px!important;
 background:var(--arkhi-focus-background)!important;color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] .arkhi-programme-reminder{
 position:fixed;right:12px;bottom:28px;z-index:260;
 width:min(92vw,450px);box-sizing:border-box;padding:19px 23px;
 background:var(--arkhi-panel-raised);color:var(--arkhi-text);
 border-left:5px solid var(--arkhi-accent);font:700 17px/1.5 var(--arkhi-font);
 box-shadow:0 10px 32px rgba(0,0,0,.6);cursor:pointer;
}
@media(max-width:620px){
 html[data-arkhi-page="tv-home"] #arkhiEpgPopup #epgDetails .epg-details-actions{grid-template-columns:1fr!important}
 html[data-arkhi-page="tv-home"] #arkhiEpgPopup .arkhi-epg-popup-card{max-height:95dvh;padding:15px}
}

/* Account-scoped transfer selector shares the single TV design system. */
html[data-arkhi-page="tv-home"] #arkhiTransmitOverlay{
 position:fixed!important;inset:0!important;z-index:245!important;
 display:flex!important;align-items:center;justify-content:center;
 padding:clamp(12px,3vw,42px);background:rgba(0,0,0,.73)!important;
 box-sizing:border-box;color:var(--arkhi-text);font-family:var(--arkhi-font);
}
html[data-arkhi-page="tv-home"] #arkhiTransmitOverlay[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] .arkhi-transmit-card{
 box-sizing:border-box;display:flex;flex-direction:column;gap:14px;
 min-width:0;max-height:92vh;max-height:92dvh;overflow:auto;
 padding:clamp(18px,2.5vw,32px);width:min(96vw,680px);
 background:var(--arkhi-panel);box-shadow:0 18px 60px rgba(0,0,0,.61);
}
html[data-arkhi-page="tv-home"] .arkhi-transmit-heading{
 display:flex;justify-content:space-between;align-items:center;gap:12px;
}
html[data-arkhi-page="tv-home"] .arkhi-transmit-card h2{margin:0;font-size:clamp(23px,3vw,33px);line-height:1.25}
html[data-arkhi-page="tv-home"] .arkhi-transmit-card h3{margin:12px 0 0;font-size:19px;line-height:1.3}
html[data-arkhi-page="tv-home"] .arkhi-transmit-card p{margin:0;color:var(--arkhi-muted);font-size:15px;line-height:1.5}
html[data-arkhi-page="tv-home"] .arkhi-transmit-card .arkhi-transmit-notice{color:var(--arkhi-accent)}
html[data-arkhi-page="tv-home"] .arkhi-transmit-card button{
 min-height:48px;padding:11px 15px;border:0!important;border-radius:0!important;
 background:var(--arkhi-panel-raised);color:var(--arkhi-text);
 font:750 15px/1.3 var(--arkhi-font);cursor:pointer;
}
html[data-arkhi-page="tv-home"] .arkhi-transmit-card button[disabled]{opacity:.4;cursor:default}
html[data-arkhi-page="tv-home"] .arkhi-transmit-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
/* The transmission dialog uses the shared button hierarchy: every action
   has the same quiet surface. Focus is supplied only by the central token. */
html[data-arkhi-page="tv-home"] .arkhi-transmit-actions button:first-child{
 background:var(--arkhi-panel-raised);color:var(--arkhi-text);
}
html[data-arkhi-page="tv-home"] .arkhi-transmit-targets{display:flex;flex-direction:column;gap:9px}
html[data-arkhi-page="tv-home"] .arkhi-transmit-device{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:14px;background:var(--arkhi-panel-raised)}
html[data-arkhi-page="tv-home"] .arkhi-transmit-label{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
html[data-arkhi-page="tv-home"] .arkhi-transmit-label strong{font-size:17px;font-weight:800}
html[data-arkhi-page="tv-home"] .arkhi-transmit-label small{font-size:13px;color:var(--arkhi-muted)}
html[data-arkhi-page="tv-home"] .arkhi-transmit-card button:focus-visible{
 outline:0!important;box-shadow:none!important;filter:brightness(1.16);
}
html[data-arkhi-page="tv-home"] #arkhiIncomingBroadcast{
 position:fixed;z-index:252;bottom:22px;left:50%;transform:translateX(-50%);
 width:min(92vw,550px);padding:20px;box-sizing:border-box;
 display:flex;flex-direction:column;gap:12px;background:var(--arkhi-panel-raised);color:var(--arkhi-text);
 box-shadow:0 10px 42px rgba(0,0,0,.62);
}
html[data-arkhi-page="tv-home"] #arkhiIncomingBroadcast div{display:flex;flex-wrap:wrap;gap:8px}
html[data-arkhi-page="tv-home"] #arkhiIncomingBroadcast button{min-height:46px;padding:11px 18px;
 border:0!important;border-radius:0!important;background:var(--arkhi-panel);color:var(--arkhi-text);
 font:750 16px/1.4 var(--arkhi-font)}
@media(max-width:600px){html[data-arkhi-page="tv-home"] .arkhi-transmit-actions{grid-template-columns:1fr}html[data-arkhi-page="tv-home"] .arkhi-transmit-device{flex-wrap:wrap}html[data-arkhi-page="tv-home"] .arkhi-transmit-device button{width:100%}}

/* Feedback belongs to the central timeline component on every platform. */
html[data-arkhi-page="tv-home"] #guideGrid{position:relative}
html[data-arkhi-page="tv-home"] #guideGrid .arkhi-guide-loading{position:absolute;inset:0;z-index:20;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:130px;box-sizing:border-box;padding:24px;background:rgba(11,19,43,.92);color:var(--arkhi-text);font:650 20px/1.4 var(--arkhi-font);pointer-events:none}
html[data-arkhi-page="tv-home"] #guideGrid .epg-row:not(.header) .epg-channel-cell{box-sizing:border-box;padding:4px 9px!important}
html[data-arkhi-page="tv-home"] #guideGrid .epg-event{letter-spacing:normal!important;text-transform:none!important}

html[data-arkhi-page="tv-home"] #courtesyVideo,html[data-arkhi-page="tv-courtesy"] #courtesyVideo{width:100%;aspect-ratio:16/9;background:#000;object-fit:contain}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] #guidePanel,html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] #guideGrid{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Guide chrome stays compact; one translucent surface above the live video. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player #guidePanel .arkhi-guide-heading{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px;flex:0 0 auto;min-height:23px!important;max-height:23px!important;margin:0!important;padding:0!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #guidePanel .arkhi-guide-heading h2{font:650 16px/1.2 var(--arkhi-font)!important;margin:0!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player /* AMC EPG uncertainty remains in programme metadata, not a banner over every channel. */
#guidePanel #storiesAmcGuideNote{display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #guidePanel #epgWindowLabel{font:500 clamp(14px,.85vw,17px)/1.25 var(--arkhi-font)!important;white-space:nowrap!important;color:var(--arkhi-muted)!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] #guideGrid .epg-scroll,
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] #guideGrid .epg-row,
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] #guideGrid .epg-track{background-color:transparent!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] #guideGrid .epg-channel-cell,
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] #guideGrid .epg-header-track{background:rgba(11,19,43,.72)!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] #guideGrid .epg-event{background:rgba(17,31,58,.65)!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] #guideGrid .epg-event.current{background:rgba(59,54,71,.72)!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] #guideGrid .epg-event:is(:focus,:focus-visible,.arkhi-remote-focus){background:var(--arkhi-focus-background)!important;color:var(--arkhi-text)!important;box-shadow:none!important;outline:0!important}



/* A change of channel is communicated only by the channel wheel: remote-help
   text must not flash behind or over the transition. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="watch"] #arkhiAppZapping:not([hidden])~#arkhiAppHint{display:none!important}

/* One channel-list selection contract for Web TV, Android TV and Tizen:
   PLAYING stays softly marked; REMOTE FOCUS is the brighter surface.
   Neither state draws an outlined button or heavy orange focus rectangle. */
html[data-arkhi-page="tv-home"] body #grid button.arkhi-workspace-channel.card.active:not(:focus):not(:focus-visible):not(.arkhi-remote-focus){
 background:rgba(27,50,80,.86)!important;
 color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] body #grid button.arkhi-workspace-channel.card:is(:focus,:focus-visible,.arkhi-remote-focus):not(:disabled),
html[data-arkhi-page="tv-home"] body #groups button:is(:focus,:focus-visible,.arkhi-remote-focus):not(:disabled),
html[data-arkhi-page="tv-home"] body .arkhi-transmit-card button:is(:focus,:focus-visible,.arkhi-remote-focus):not(:disabled){
 background:var(--arkhi-focus-background)!important;
 color:var(--arkhi-text)!important;
 outline:0!important;outline-offset:0!important;border:0!important;
 box-shadow:none!important;filter:none!important;
}
html[data-arkhi-page="tv-home"] body #grid button.arkhi-workspace-channel.card{
 position:relative!important;isolation:isolate;
}
html[data-arkhi-page="tv-home"] body #grid button.arkhi-workspace-channel.card.active:not(:focus):not(:focus-visible):not(.arkhi-remote-focus)::after{
 content:var(--arkhi-copy-watching);display:block;flex:0 0 auto;align-self:center;
 color:var(--arkhi-muted);font:650 10px/1.3 var(--arkhi-font);
 letter-spacing:.04em;white-space:nowrap;pointer-events:none;
}
html[data-arkhi-page="tv-home"] body #grid button.arkhi-workspace-channel.card:is(:focus,:focus-visible,.arkhi-remote-focus)::after{
 content:var(--arkhi-copy-ok);display:block!important;flex:0 0 auto;align-self:center;
 padding:4px 7px!important;color:var(--arkhi-text)!important;
 background:rgba(255,255,255,.15)!important;
 font:750 11px/1.3 var(--arkhi-font)!important;
 border:0!important;outline:0!important;box-shadow:none!important;
 letter-spacing:.04em;white-space:nowrap;pointer-events:none;
}
html[data-arkhi-page="tv-home"] body #grid button.arkhi-workspace-channel.card:is(:focus,:focus-visible,.arkhi-remote-focus) .arkhi-workspace-channel-copy strong,
html[data-arkhi-page="tv-home"] body #grid button.arkhi-workspace-channel.card:is(:focus,:focus-visible,.arkhi-remote-focus) .arkhi-workspace-channel-copy .cn{
 color:var(--arkhi-text)!important;font-weight:800!important;
}
@media(max-width:520px){
 html[data-arkhi-page="tv-home"] body #grid button.arkhi-workspace-channel.card::after{font-size:9px!important}
}
html[data-arkhi-page="tv-home"] body .arkhi-transmit-card :is(button,[role="button"]):not(:disabled){
 opacity:1!important;-webkit-text-fill-color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] body .arkhi-transmit-card button:disabled{
 opacity:.44!important;cursor:default!important;
}


/* Unified TV side-navigation focus. The tuned channel (.active) is NOT the
   selected command target (.arkhi-remote-focus); distinguish the two clearly.
   The narrow accent cue is not a border or a bounding box. */
html[data-arkhi-page="tv-home"] body #grid button.arkhi-workspace-channel.card:is(:focus,:focus-visible,.arkhi-remote-focus){
 position:relative!important;background:var(--arkhi-focus-background)!important;
 color:var(--arkhi-text)!important;box-shadow:none!important;
 border:0!important;border-radius:0!important;outline:0!important;
 filter:none!important;
}
html[data-arkhi-page="tv-home"] body #grid button.arkhi-workspace-channel.card:is(:focus,:focus-visible,.arkhi-remote-focus)::before{
 content:"";position:absolute;display:block;left:0;top:18%;bottom:18%;width:3px;
 background:var(--arkhi-accent);pointer-events:none;
}
html[data-arkhi-page="tv-home"] body #groups button:is(:focus,:focus-visible,.arkhi-remote-focus){
 background:var(--arkhi-focus-background)!important;color:var(--arkhi-text)!important;
 filter:none!important;outline:0!important;border:0!important;box-shadow:none!important;
}
html[data-arkhi-page="tv-home"] body #grid button.arkhi-workspace-channel.card:is(:focus,:focus-visible,.arkhi-remote-focus)
 :is(.arkhi-workspace-number,.arkhi-workspace-channel-copy,.arkhi-workspace-channel-copy strong){
 color:var(--arkhi-text)!important;
}

/* Android TV launch: existing QR pairing screen floats over the live public EbS
   player. One canonical stylesheet; Samsung and ordinary browsers are unchanged. */
html[data-arkhi-page="tv-home"] body.arkhi-android-intro {
 overflow:hidden!important;
 background:#000!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro :is(#arkhi-global-header,.arkhi-workspace-toolbar,.arkhi-context-tools) {
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro main.arkhi-workspace.arkhi-workspace {
 position:fixed!important;
 inset:0!important;
 display:block!important;
 z-index:100!important;
 width:100vw!important;
 height:100vh!important;
 height:100dvh!important;
 max-width:none!important;
 max-height:none!important;
 min-height:0!important;
 margin:0!important;
 padding:0!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro main.arkhi-workspace>.arkhi-workspace-player {
 position:absolute!important;
 inset:0!important;
 display:block!important;
 width:100%!important;
 height:100%!important;
 max-width:none!important;
 overflow:hidden!important;
 background:#000!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro main.arkhi-workspace .arkhi-workspace-screen.arkhi-player-surface {
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 min-height:0!important;
 max-height:none!important;
 aspect-ratio:auto!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro main.arkhi-workspace :is(.arkhi-workspace-sidebar,.arkhi-workspace-details) {
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry.arkhi-personal-entry {
 position:fixed!important;
 inset:0!important;
 z-index:2147480000!important;
 display:grid!important;
 grid-template-columns:minmax(0,1.05fr) minmax(270px,.8fr)!important;
 align-content:center!important;
 align-items:center!important;
 box-sizing:border-box!important;
 max-width:none!important;
 width:100vw!important;
 height:100vh!important;
 height:100dvh!important;
 min-height:0!important;
 overflow-y:auto!important;
 gap:clamp(16px,3vw,42px)!important;
 padding:clamp(16px,4vw,58px)!important;
 background:rgba(5,12,24,.38)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-personal-entry-copy,
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-phone-card {
 box-sizing:border-box!important;
 background:rgba(8,17,37,.72)!important;
 box-shadow:0 18px 45px rgba(0,0,0,.32)!important;
 border:0!important;
 border-radius:0!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-personal-entry-copy {
 padding:clamp(20px,3vw,38px)!important;
 max-width:680px!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry h1 {
 font-size:clamp(26px,3.5vw,48px)!important;
 line-height:1.08!important;
 margin:10px 0!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-personal-entry-copy>p {
 font-size:clamp(13px,1.3vw,17px)!important;
 line-height:1.4!important;
 margin:8px 0!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-entry-public-rights {
 font-size:12px!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-entry-public-rights a {
 color:var(--arkhi-accent)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-entry-dismiss {
 display:block!important;
 width:100%!important;
 min-height:52px!important;
 margin:0 0 13px!important;
 padding:12px 24px!important;
 border:0!important;
 border-radius:0!important;
 background:var(--arkhi-accent)!important;
 color:#081123!important;
 font:700 clamp(16px,1.45vw,20px)/1.2 var(--arkhi-font)!important;
 text-align:center!important;
 cursor:pointer!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-entry-dismiss:focus-visible {
 outline:0!important;
 box-shadow:inset 0 0 0 3px #fff!important;
 filter:brightness(1.1);
}
/* Web and Android welcome share the same overlay; the old static TV mockup
   must never cover or compete with the real QR and playing programme. */
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry :is(.arkhi-entry-preview,.arkhi-entry-chip){
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-entry-visual {
 display:flex!important;
 justify-content:center!important;
 align-items:center!important;
 width:100%!important;
 padding:0!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-phone-card {
 display:grid!important;
 justify-items:center!important;
 padding:clamp(16px,2.4vw,30px)!important;
 max-width:450px!important;
 width:100%!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-phone-card img {
 width:clamp(168px,26vh,260px)!important;
 height:clamp(168px,26vh,260px)!important;
 background:#fff!important;
 opacity:1!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-phone-card[hidden] {
 display:none!important;
}
@media(max-width:830px) {
 html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry.arkhi-personal-entry {
  grid-template-columns:1fr!important;
  gap:10px!important;
  padding:12px!important;
 }
 html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-personal-entry-copy {
  padding:16px!important;
  max-width:none!important;
 }
 html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-personal-entry-copy>p:not(.arkhi-entry-public-rights) {
  display:none!important;
 }
 html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-phone-card img {
  width:170px!important;height:170px!important;
 }
}

/* Android TV startup is a single branded decision, not the list editor. */
html[data-arkhi-page="tv-home"] body.arkhi-android-intro:not(.arkhi-entry-editor) #personalEntry .arkhi-personal-entry-copy > :not(#personalEntryBrand):not(#personalEntryTitle):not(#personalEntryDismiss):not(#personalEntryPitch):not(#personalEntryInstructions):not(#personalEntryPlaybackStatus):not(#arkhiNativeAddList):not(.arkhi-entry-public-rights) {
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-personal-entry-copy {
 align-self:center!important;
 width:100%!important;
 max-width:490px!important;
 justify-self:end!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry #personalEntryBrand {
 display:block!important;
 width:68px!important;
 height:68px!important;
 margin:0 0 18px!important;
 object-fit:contain!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry #personalEntryTitle {
 color:var(--arkhi-text)!important;
 font-size:clamp(26px,3.1vw,43px)!important;
 letter-spacing:-.025em!important;
 line-height:1.1!important;
 margin:0 0 24px!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry #personalEntryDismiss {
 width:100%!important;
 text-transform:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry .arkhi-entry-public-rights {
 margin:12px 0 0!important;
 font-size:12px!important;
 color:var(--arkhi-muted)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalPhoneHelp,
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalPhoneRenew {
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry #personalPhoneCard {
 justify-self:start!important;
 background:rgba(8,17,37,.82)!important;
 max-width:370px!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry #personalPhoneTitle {
 font-size:clamp(18px,2vw,24px)!important;
 color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry #personalPhoneStatus {
 min-height:18px!important;
 font-size:12px!important;
 line-height:1.2!important;
 color:var(--arkhi-muted)!important;
 text-wrap:balance!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry #personalPhoneCode {
 font-size:13px!important;
}
/* The very same QR returns on the right when pausing the live broadcast.
   No second QR component, custom CSS file or second session is introduced. */
html[data-arkhi-page="tv-home"] body #arkhiPausedQR[hidden] {
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-qr-paused #arkhiPausedQR {
 position:fixed!important;
 right:clamp(20px,4vw,70px)!important;
 top:50%!important;
 transform:translateY(-50%)!important;
 z-index:130!important;
 width:min(330px,31vw)!important;
 max-height:88vh!important;
 overflow:auto!important;
 background:rgba(8,17,37,.86)!important;
 padding:16px!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:0 16px 50px #0008!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-qr-paused #arkhiPausedQR #personalPhoneCard {
 display:grid!important;
 justify-items:center!important;
 gap:10px!important;
 text-align:center!important;
 padding:0!important;
 margin:0!important;
 width:100%!important;
 max-width:none!important;
 background:transparent!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-qr-paused #arkhiPausedQR #personalPhoneHelp {
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-qr-paused #arkhiPausedQR #personalPhoneQR {
 width:min(225px,24vw)!important;
 height:min(225px,24vw)!important;
 background:#fff!important;
 opacity:1!important;
 object-fit:contain!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-qr-paused #arkhiPausedQR #personalPhoneRenew {
 border:0!important;
 border-radius:0!important;
 padding:8px 12px!important;
 min-height:38px!important;
}

/* The first frame and pause pairing use the same service explanation. */
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry #personalEntryPitch {
 display:block!important;font-size:clamp(18px,2vw,26px)!important;line-height:1.25!important;margin:0 0 14px!important;font-weight:700!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry #personalEntryInstructions {
 display:block!important;font-size:clamp(14px,1.5vw,20px)!important;line-height:1.3!important;margin:0 0 18px!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry #personalEntryPlaybackStatus:empty {display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry #personalEntryPlaybackStatus:not(:empty) {
 display:block!important;font-size:14px!important;line-height:1.3!important;margin:0 0 12px!important;color:var(--arkhi-muted)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalPhonePitch {display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #arkhiAppZapping {display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-qr-paused #arkhiPausedQR #personalPhonePitch {
 display:block!important;font-size:clamp(14px,1.4vw,18px)!important;line-height:1.35!important;margin:0!important;color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-qr-paused #arkhiPausedQR #personalPhoneTitle {font-size:clamp(18px,1.8vw,23px)!important;line-height:1.2!important;margin:0!important}


/* Samsung TV UX: position indicators for scrollable channel/EPG areas.
   Borderless focus remains the shared component token; no player or DPAD changes. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] :is(#guideGrid .epg-scroll,.epg-toolbar){
 scrollbar-width:thin;
 scrollbar-color:var(--arkhi-muted-soft) transparent;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] :is(#guideGrid .epg-scroll,.epg-toolbar)::-webkit-scrollbar{
 display:block!important;width:6px;height:5px;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] :is(#guideGrid .epg-scroll,.epg-toolbar)::-webkit-scrollbar-thumb{
 background:var(--arkhi-muted-soft);border-radius:0;
}



/* Current-channel EPG, opened with Right while the broadcast keeps playing. */
html[data-arkhi-page="tv-home"] #arkhiGuideLite{
 position:fixed;z-index:130;right:clamp(12px,2vw,40px);top:12vh;bottom:10vh;
 width:clamp(290px,32vw,440px);max-width:calc(100vw - 24px);padding:20px;
 display:flex;flex-direction:column;gap:12px;background:rgba(11,19,43,.88);
 color:var(--arkhi-text);border:0;border-radius:0;overflow:auto;
}
html[data-arkhi-page="tv-home"] #arkhiGuideLite[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] #arkhiGuideLite .arkhi-guide-lite-title{font:650 clamp(19px,1.5vw,28px)/1.3 var(--arkhi-font)}
html[data-arkhi-page="tv-home"] #arkhiGuideLite .arkhi-guide-lite-items{display:flex;flex-direction:column;gap:6px;min-height:0;overflow:auto}
html[data-arkhi-page="tv-home"] #arkhiGuideLite button{
 display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;
 width:100%;padding:12px;min-height:48px;color:var(--arkhi-text);background:transparent;
 border:0;border-radius:0;font:500 clamp(15px,1.1vw,21px)/1.35 var(--arkhi-font);cursor:pointer;
}
html[data-arkhi-page="tv-home"] #arkhiGuideLite button span{color:var(--arkhi-muted);font-size:.85em}
html[data-arkhi-page="tv-home"] #arkhiGuideLite button:is(:focus,:focus-visible,.arkhi-remote-focus){background:var(--arkhi-focus-background)!important;outline:2px solid var(--arkhi-focus)!important;outline-offset:-2px!important}
html[data-arkhi-page="tv-home"] #arkhiGuideLite .arkhi-guide-lite-full{margin-top:auto;font-size:14px;color:var(--arkhi-muted)}

html[data-arkhi-page="tv-home"] body.arkhi-epg-popup-open #arkhiGuideLite{visibility:hidden}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup .epg-details-meta{font:400 15px/1.4 var(--arkhi-font);color:var(--arkhi-muted)}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup .epg-details-desc{font:400 clamp(16px,1vw,19px)/1.5 var(--arkhi-font);max-height:22vh;overflow:auto;margin:4px 0 8px}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup .arkhi-epg-series-options{padding:0;margin:0;border:0;background:transparent}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup .arkhi-epg-series-options summary{list-style:none}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup .arkhi-epg-series-options summary::-webkit-details-marker{display:none}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup .arkhi-epg-series-options[open]{display:flex;flex-direction:column;gap:8px}
html[data-arkhi-page="tv-home"] #arkhiEpgPopup .arkhi-epg-series-options .arkhi-epg-season-choice{margin:8px 0!important}



/* Browser welcome: one real video underneath the same app overlay.
   QR and phone handoff are restricted to physical TV user agents. */
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #arkhiWebTVSwitch{
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro main.layout.arkhi-workspace.arkhi-workspace{
 display:block!important;visibility:visible!important;position:fixed!important;
 inset:0!important;z-index:100!important;width:100vw!important;height:100dvh!important;
 max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;
 overflow:hidden!important;background:#000!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro main.layout.arkhi-workspace>.arkhi-workspace-player{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro main.arkhi-workspace .arkhi-workspace-screen.arkhi-player-surface:not(:fullscreen):not(.arkhi-player-expanded){
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;max-height:none!important;
 min-height:0!important;aspect-ratio:auto!important;overflow:hidden!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro main.arkhi-workspace .arkhi-workspace-screen.arkhi-player-surface > video#video{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
 min-height:0!important;aspect-ratio:auto!important;object-fit:cover!important;
 background:#020712!important;opacity:1!important;visibility:visible!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro main.arkhi-workspace .arkhi-workspace-screen > .arkhi-player-controls{
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalEntry.arkhi-personal-entry{
 display:flex!important;align-items:center!important;justify-content:center!important;
 padding:clamp(16px,4vw,38px)!important;gap:0!important;
 background:rgba(2,7,18,.46)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalEntry .arkhi-entry-visual,
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalPhoneCard,
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalPhoneOpen,
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #arkhiDirectListActions{
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalEntry .arkhi-personal-entry-copy{
 box-sizing:border-box!important;flex:0 1 560px!important;width:100%!important;max-width:560px!important;
 justify-self:center!important;margin:auto!important;padding:clamp(20px,4vw,36px)!important;
 background:rgba(8,17,37,.84)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalEntry #personalEntryInstructions{
 display:block!important;max-width:460px!important;
 font-size:clamp(13px,1.5vw,16px)!important;line-height:1.45!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalEntry #personalEntryPitch{
 display:block!important;max-width:470px!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalEntry #arkhiWebWelcomeActions{
 display:flex!important;flex-wrap:wrap;align-items:center;gap:12px;
 margin:10px 0 0!important;position:relative;z-index:2;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalEntry #arkhiWebWelcomeActions[hidden]{display:none!important}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #arkhiWebWelcomeActions button,
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #arkhiWebWelcomeActions a{
 display:inline-flex!important;align-items:center;justify-content:center;
 box-sizing:border-box;min-height:44px;padding:11px 16px;margin:0;
 font:650 14px/1.3 var(--arkhi-font);border:0;border-radius:0;
 background:var(--arkhi-btn-secondary);color:var(--arkhi-text);
 text-decoration:none;cursor:pointer;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #arkhiWebWelcomeActions :is(button,a):focus-visible{
 outline:2px solid var(--arkhi-accent)!important;outline-offset:3px;
}
@media(max-width:830px), (orientation:portrait){
 html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalEntry.arkhi-personal-entry{
  justify-content:center!important;align-items:center!important;
  padding:16px!important;overflow-y:auto!important;
 }
 html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalEntry .arkhi-personal-entry-copy{
  max-width:480px!important;padding:clamp(18px,5vw,28px)!important;
 }
 html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalEntry #personalEntryTitle{
  font-size:clamp(25px,6.8vw,35px)!important;line-height:1.12!important;margin-bottom:15px!important;
 }
 html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalEntry #personalEntryBrand{
  width:53px!important;height:53px!important;margin-bottom:13px!important;
 }
 html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalEntry .arkhi-entry-public-rights{
  font-size:11px!important;line-height:1.35!important;
 }
 html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalEntry #arkhiWebWelcomeActions{
  flex-direction:column;align-items:stretch;gap:8px;
 }
 html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro #personalEntry #arkhiWebWelcomeActions :is(button,a){
  width:100%;min-height:44px;
 }
}


/* Arkhi guest entry: no account wall between the live sample and M3U trial.
   Use the one existing stream player and central style system. */
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro:not(.arkhi-entry-editor) #personalEntry.arkhi-personal-entry{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)!important;
 align-items:center!important;gap:clamp(15px,3vw,42px)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro:not(.arkhi-entry-editor) #personalEntry .arkhi-entry-visual{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;max-width:540px!important;padding:0!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro:not(.arkhi-entry-editor) #personalEntry #arkhiDirectListActions:not([hidden]){
 display:flex!important;box-sizing:border-box!important;width:100%!important;max-width:520px!important;
 margin:0!important;background:rgba(8,17,37,.88)!important;
 padding:clamp(18px,2.8vw,30px)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro:not(.arkhi-entry-editor) #personalEntry #arkhiWebWelcomeActions{
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry.arkhi-personal-entry{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;grid-template-columns:1fr!important;
 overflow-y:auto!important;gap:0!important;background:rgba(2,7,18,.58)!important;
 padding:clamp(12px,3vw,32px)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry .arkhi-entry-visual{
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry .arkhi-personal-entry-copy{
 flex:0 1 auto!important;box-sizing:border-box!important;
 width:min(690px,100%)!important;max-width:690px!important;
 margin:auto!important;padding:clamp(18px,3vw,34px)!important;
 background:rgba(8,17,37,.94)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry .arkhi-personal-entry-copy > :not(#personalEntryBrand):not(#personalEntryTitle):not(#personalEntryForm):not(#personalEntryDismiss){
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry #personalEntryForm,
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry #personalEntryForm .arkhi-personal-source,
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry #personalEntryForm #personalForm{
 display:grid!important;visibility:visible!important;width:100%!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry #personalEntryForm #personalForm{
 gap:10px!important;margin:0!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry .arkhi-personal-title,
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry #personalSave,
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry #personalDelete{
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry #personalUrl{
 display:block!important;box-sizing:border-box!important;width:100%!important;
 min-height:48px!important;padding:12px!important;font-size:16px!important;
 background:var(--arkhi-panel)!important;color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry #personalStart{
 display:inline-flex!important;align-items:center;justify-content:center;
 min-height:48px!important;background:var(--arkhi-accent)!important;
 font-size:16px!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry #personalBack:not([hidden]){
 display:inline-flex!important;align-items:center;justify-content:center;
 min-height:44px!important;border:0!important;
 background:var(--arkhi-btn-secondary)!important;color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry .arkhi-personal-controls{
 display:flex!important;flex-wrap:wrap!important;gap:10px!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry #personalRightsLabel:not([hidden]){
 display:block!important;font-size:13px!important;line-height:1.4!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry #personalMessage{
 display:block!important;font-size:13px!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry #personalEntryDismiss{
 display:block!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro:not(.arkhi-web-intro):not(.arkhi-entry-editor) #personalEntry #arkhiNativeAddList:not([hidden]){
 display:block!important;width:100%!important;min-height:46px!important;
 margin:0 0 12px!important;padding:12px 18px!important;border:0!important;border-radius:0!important;
 background:var(--arkhi-btn-secondary)!important;color:var(--arkhi-text)!important;
 font:700 clamp(15px,1.4vw,19px)/1.2 var(--arkhi-font)!important;cursor:pointer!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #personalEntry #arkhiNativeAddList[hidden],
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry #arkhiNativeAddList{
 display:none!important;
}
@media(max-width:830px), (orientation:portrait){
 html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro:not(.arkhi-entry-editor) #personalEntry.arkhi-personal-entry{
  grid-template-columns:1fr!important;gap:12px!important;
  align-content:center!important;justify-items:center!important;
  padding:clamp(12px,3vw,24px)!important;
 }
 html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro:not(.arkhi-entry-editor) #personalEntry .arkhi-personal-entry-copy{
  max-width:500px!important;width:100%!important;padding:clamp(15px,3.6vw,25px)!important;
 }
 html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro:not(.arkhi-entry-editor) #personalEntry .arkhi-entry-visual{
  max-width:500px!important;width:100%!important;
 }
 html[data-arkhi-page="tv-home"] body.arkhi-android-intro.arkhi-web-intro:not(.arkhi-entry-editor) #personalEntry #arkhiDirectListActions:not([hidden]){
  padding:clamp(15px,3.2vw,24px)!important;
 }
 html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry .arkhi-personal-entry-copy{
  padding:clamp(16px,4vw,26px)!important;
 }
}

html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #personalEntry #arkhiTrialHint:not([hidden]){display:block!important;line-height:1.4;font-size:14px;color:var(--arkhi-muted);}

/* Do not show fullscreen/transport overlays behind the entrance invitation. */
html[data-arkhi-page="tv-home"] body.arkhi-android-intro #arkhiWebFullscreen,
html[data-arkhi-page="tv-home"] body.arkhi-entry-editor #arkhiWebFullscreen{
 display:none!important;
}


/* One-click IPTV list input in the real shared channel sidebar. */
html[data-arkhi-page="tv-home"] #channelsPanel .arkhi-quick-iptv{
 box-sizing:border-box;display:flex;flex-direction:column;flex:0 0 auto;
 width:100%;min-width:0;margin:0!important;padding:14px 16px!important;
 gap:6px!important;border:0;border-bottom:1px solid var(--arkhi-line)!important;
 border-radius:0!important;background:var(--arkhi-panel)!important;
 color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] #channelsPanel .arkhi-quick-iptv h3{
 font:750 clamp(15px,1.05vw,18px)/1.2 var(--arkhi-font)!important;
 margin:0!important;padding:0!important;color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] #channelsPanel .arkhi-quick-iptv :is(.arkhi-quick-iptv-hint,.arkhi-quick-iptv-info,.arkhi-quick-iptv-status){
 font:400 12px/1.4 var(--arkhi-font)!important;color:var(--arkhi-muted)!important;
 margin:0!important;padding:0!important;
}
html[data-arkhi-page="tv-home"] #channelsPanel .arkhi-quick-iptv .arkhi-quick-iptv-status:empty{
 display:none!important;
}
html[data-arkhi-page="tv-home"] #channelsPanel .arkhi-quick-iptv .arkhi-quick-iptv-status:not(:empty){
 font-weight:600!important;color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] #channelsPanel .arkhi-quick-iptv-form{
 display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
 gap:7px!important;align-items:end!important;margin:4px 0 0!important;
 padding:0!important;width:100%!important;max-width:none!important;
}
html[data-arkhi-page="tv-home"] #channelsPanel .arkhi-quick-iptv-form label{
 grid-column:1 / -1!important;display:block!important;margin:0!important;padding:0!important;
 font:600 12px/1.3 var(--arkhi-font)!important;color:var(--arkhi-muted)!important;
}
html[data-arkhi-page="tv-home"] #channelsPanel .arkhi-quick-iptv-form input{
 grid-column:1!important;box-sizing:border-box!important;min-width:0!important;
 width:100%!important;height:42px!important;min-height:42px!important;
 margin:0!important;padding:9px 11px!important;border:1px solid var(--arkhi-line)!important;
 border-radius:0!important;background:var(--arkhi-background)!important;
 color:var(--arkhi-text)!important;font:400 13px/1.4 var(--arkhi-font)!important;
}
html[data-arkhi-page="tv-home"] #channelsPanel .arkhi-quick-iptv-form input::placeholder{color:var(--arkhi-muted)!important;opacity:.8}
html[data-arkhi-page="tv-home"] #channelsPanel .arkhi-quick-iptv-form button{
 grid-column:2!important;box-sizing:border-box!important;height:42px!important;
 min-height:42px!important;margin:0!important;padding:9px 12px!important;
 background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
 border:0!important;border-radius:0!important;font:700 12px/1.2 var(--arkhi-font)!important;
 white-space:nowrap!important;cursor:pointer!important;
}
html[data-arkhi-page="tv-home"] #channelsPanel .arkhi-quick-iptv-form :is(button,input):focus-visible{
 outline:2px solid var(--arkhi-focus)!important;outline-offset:2px!important;
}
html[data-arkhi-page="tv-home"] #channelsPanel .arkhi-quick-iptv-form button:disabled{opacity:.55!important;cursor:wait!important}
@media(max-width:390px){
 html[data-arkhi-page="tv-home"] #channelsPanel .arkhi-quick-iptv-form{grid-template-columns:minmax(0,1fr)!important}
 html[data-arkhi-page="tv-home"] #channelsPanel .arkhi-quick-iptv-form :is(input,button){
  grid-column:1!important;width:100%!important
 }
}

/* A failing channel remains visible after confirmed/repeated playback failure. */
html[data-arkhi-page="tv-home"] body .arkhi-workspace-sidebar #grid button.arkhi-workspace-channel.card.arkhi-channel-unavailable{
 background:rgba(150,52,52,.14)!important;
 box-shadow:inset 3px 0 0 #ce7777!important;
}
html[data-arkhi-page="tv-home"] body .arkhi-workspace-sidebar #grid button.arkhi-workspace-channel.card.arkhi-channel-unavailable .arkhi-workspace-channel-copy .small{
 color:#e69e9e!important;font-weight:700!important;
}
html[data-arkhi-page="tv-home"] body .arkhi-workspace-sidebar #grid button.arkhi-workspace-channel.card.arkhi-channel-unavailable .arkhi-workspace-channel-copy .cn{
 color:var(--arkhi-text)!important;opacity:.78!important;
}




/* One broadcast / all menus: menus are translucent layers above the SAME
   playing video. Keep GPU work low for Raspberry Pi, Tizen and Android TV. */
html[data-arkhi-page="tv-home"] body{
 --arkhi-menu-glass:rgba(9,17,33,.82);
 --arkhi-menu-glass-strong:rgba(9,17,33,.9);
}
html[data-arkhi-page="tv-home"] body.arkhi-tv-browse main.arkhi-workspace.arkhi-workspace{
 display:block!important;position:fixed!important;inset:0!important;z-index:95!important;
 width:100vw!important;height:100dvh!important;max-width:none!important;
 margin:0!important;padding:0!important;background:transparent!important;
 overflow:hidden!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-tv-browse main.arkhi-workspace.arkhi-workspace>.arkhi-workspace-player{
 display:block!important;visibility:visible!important;position:fixed!important;
 inset:0!important;z-index:0!important;width:100vw!important;height:100dvh!important;
 max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;
 overflow:hidden!important;background:transparent!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-tv-browse main.arkhi-workspace .arkhi-workspace-player .arkhi-workspace-screen,
html[data-arkhi-page="tv-home"] body.arkhi-tv-browse main.arkhi-workspace .arkhi-workspace-player .arkhi-player-surface{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;min-height:0!important;
 background:transparent!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-tv-browse main.arkhi-workspace .arkhi-workspace-player video#video{
 position:absolute!important;inset:0!important;display:block!important;
 width:100%!important;height:100%!important;max-width:none!important;
 max-height:none!important;object-fit:cover!important;visibility:visible!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-tv-browse main.arkhi-workspace.arkhi-workspace>.arkhi-workspace-sidebar{
 display:block!important;visibility:visible!important;position:fixed!important;
 top:var(--arkhi-app-header-height,72px)!important;bottom:0!important;left:0!important;right:0!important;
 z-index:5!important;box-sizing:border-box!important;
 width:100vw!important;max-width:none!important;height:auto!important;max-height:none!important;
 margin:0!important;padding:clamp(10px,2vw,26px)!important;
 background:var(--arkhi-menu-glass)!important;overflow:auto!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-tv-browse main.arkhi-workspace #seriesPanel:not([hidden]),
html[data-arkhi-page="tv-home"] body.arkhi-tv-browse main.arkhi-workspace #recordingsPanel:not([hidden]),
html[data-arkhi-page="tv-home"] body.arkhi-tv-browse main.arkhi-workspace #guidePanel:not([hidden]){
 display:block!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;
 min-height:0!important;max-height:100%!important;margin:0!important;
 background:transparent!important;overflow:auto!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-tv-browse main.arkhi-workspace>.arkhi-workspace-toolbar{
 display:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player #arkhiAppAccountOverlay:not([hidden]),
html[data-arkhi-page="tv-home"] body.arkhi-web-overlay #arkhiAppAccountOverlay:not([hidden]){
 background:var(--arkhi-menu-glass-strong)!important;
}
html[data-arkhi-page="tv-home"] body #arkhiAppAccountOverlay iframe{
 background:rgba(9,17,33,.35)!important;
}
html[data-arkhi-embedded="account"],
html[data-arkhi-embedded="account"] body{
 background:transparent!important;
}
html[data-arkhi-page="tv-home"] body :is(#arkhiTVManagement,#arkhiGuideLite,#feedbackPanel):not([hidden]),
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="channels"] .arkhi-workspace-sidebar,
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="guide"] .arkhi-workspace-sidebar{
 background:var(--arkhi-menu-glass)!important;
}
html[data-arkhi-page="tv-home"] body .arkhi-personal-entry:not([hidden]){
 background:rgba(9,17,33,.4)!important;
}
html[data-arkhi-page="tv-home"] body .arkhi-personal-entry:not([hidden]) .arkhi-personal-entry-copy{
 background:var(--arkhi-menu-glass)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-tv-browse #arkhi-global-header,
html[data-arkhi-page="tv-home"] body.arkhi-tv-browse .arkhi-unified-header{
 z-index:115!important;background:var(--arkhi-menu-glass-strong)!important;
}
@media(max-width:700px){
 html[data-arkhi-page="tv-home"] body.arkhi-tv-browse main.arkhi-workspace.arkhi-workspace>.arkhi-workspace-sidebar{
  padding:12px!important;top:var(--arkhi-app-header-height,64px)!important;
 }
}
/* The first-party Arkhi symbol adopts the visitor's live accent variable.
   Original artwork is the mask; channel logos are never recoloured. */
html img[src*="/tv/arkhi-symbol.svg"]{
 background-color:var(--arkhi-accent,#ff6b4a)!important;
 -webkit-mask-image:url("/tv/arkhi-symbol.svg?v=9547f6d8bebce8e73");
 mask-image:url("/tv/arkhi-symbol.svg?v=9547f6d8bebce8e73");
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 -webkit-mask-position:center;mask-position:center;
 -webkit-mask-size:contain;mask-size:contain;
 object-fit:none!important;
 object-position:-10000px -10000px!important;
}


/* ArkhiPlayer: single presentation source for live TV, VOD, recordings and tests. */
:root{
 --arkhi-player-controls-gap:8px;
 --arkhi-player-controls-padding:14px;
 --arkhi-player-controls-height:110px;
}
.arkhi-player-surface{position:relative;background:var(--arkhi-background-deep);color:var(--arkhi-text);isolation:isolate}
.arkhi-player-surface:not(.player-layer){aspect-ratio:16/9;overflow:visible}
.arkhi-player-surface>video{display:block;width:100%;height:100%;object-fit:contain!important;background:var(--arkhi-background-deep)}
.arkhi-player-surface video::cue{font-family:var(--arkhi-font);color:var(--arkhi-text);background:rgba(7,14,32,.85)}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls{
 position:absolute;inset:auto 0 0;z-index:65;display:flex;flex-direction:column;
 gap:var(--arkhi-player-controls-gap);padding:var(--arkhi-player-controls-padding);
 color:var(--arkhi-text);background:linear-gradient(transparent,var(--arkhi-background-deep) 25%);
 font-family:var(--arkhi-font);font-size:13px;border:0;border-radius:0;box-shadow:none;
 opacity:1;visibility:visible;transition:opacity .15s;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.is-hidden:not(:focus-within){opacity:0;visibility:hidden;pointer-events:none}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.is-paused{opacity:1;visibility:visible;pointer-events:auto}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-timeline{
 display:grid;grid-template-columns:42px minmax(0,1fr) 42px;
 align-items:center;column-gap:12px;min-width:0;width:100%;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls :is(.arkhi-player-position,.arkhi-player-duration){font:600 12px/1.3 var(--arkhi-font);color:var(--arkhi-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls input[type=range]{appearance:auto;accent-color:var(--arkhi-accent);border:0;border-radius:0;background:transparent;padding:0;margin:0;min-height:28px;cursor:pointer}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-seek{flex:1;min-width:40px;width:100%;height:28px}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-actions{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex-wrap:wrap!important;column-gap:18px!important;row-gap:10px!important;
 margin:0!important;padding:0!important;max-width:none!important;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-action-group{
 display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-transport{
 flex:0 1 auto;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-sound{
 flex:0 0 auto;gap:10px;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-utilities{
 flex:0 1 auto;justify-content:flex-end;margin-left:auto;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-transport .arkhi-player-button{
 min-width:0;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-seek{
 min-width:0;
}

body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-button,
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-option-body button{
 appearance:none!important;display:inline-flex;align-items:center;justify-content:center;
 min-height:40px!important;height:auto!important;width:auto;max-width:100%;
 padding:9px 13px!important;margin:0!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;background:var(--arkhi-btn-secondary)!important;color:var(--arkhi-text)!important;
 font:750 12px/1.35 var(--arkhi-font)!important;letter-spacing:normal!important;text-decoration:none;cursor:pointer;
 white-space:normal;text-align:center;position:static!important;transform:none!important;opacity:1;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-button:hover{background:var(--arkhi-btn-secondary-hover)!important}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-primary{background:var(--arkhi-btn-primary)!important;color:var(--arkhi-background)!important}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-primary:hover{background:var(--arkhi-btn-primary-hover)!important}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls :is(button,summary):focus-visible{
 outline:0!important;box-shadow:none!important;filter:brightness(1.16);
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls :is(input,select):focus-visible{
 outline:2px solid var(--arkhi-focus)!important;outline-offset:1px!important;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls input.arkhi-player-seek:is(:focus,:focus-visible){
 outline:2px solid var(--arkhi-focus)!important;outline-offset:3px!important;
 background:rgba(255,255,255,.1)!important;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls :is(button,input,select):disabled{opacity:.45;cursor:not-allowed}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-volume{
 width:104px!important;flex:0 1 104px;min-width:62px;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-tracks{min-height:40px;max-width:200px;padding:8px 10px;background:var(--arkhi-field-background);color:var(--arkhi-text);border:1px solid var(--arkhi-field-border);border-radius:0;font:600 12px var(--arkhi-font)}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-options{position:relative;margin:0;padding:0;border:0;background:transparent}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-options>summary{list-style:none}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-options>summary::-webkit-details-marker{display:none}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-option-body{
 position:absolute;right:0;bottom:calc(100% + 10px);z-index:90;
 display:flex;flex-direction:column;gap:12px;width:min(480px,calc(100vw - 40px));
 max-height:min(70vh,520px);overflow:auto;padding:16px;background:var(--arkhi-panel);
 border:1px solid var(--arkhi-line);box-shadow:none;border-radius:0;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-option-body .controls{display:flex;flex-wrap:wrap;gap:8px}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-option-body .record-settings{padding:0;margin:0;border:0}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-message{margin:0;padding:8px 12px;color:var(--arkhi-warning);background:var(--arkhi-panel);font:600 13px/1.5 var(--arkhi-font)}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls [hidden]{display:none!important}
body .arkhi-player-surface .arkhi-player-wait{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(7,14,32,.65);color:var(--arkhi-text);pointer-events:none}
body .arkhi-player-surface .arkhi-player-wait[hidden]{display:none!important}
/* Live iPad/Web TV never shows the square loading overlay while streaming.
   Video decoding, reconnect and the programme information are unchanged. */
html[data-arkhi-page="tv-home"] body .arkhi-player-surface .arkhi-player-wait{display:none!important}
/* Existing AVPlay/OSD lifecycle remains in charge of VOD; controls share the same component. */
body .player-osd .arkhi-player-controls{position:relative;inset:auto;background:transparent;padding:0}
body .player-osd .player-osd-inner{max-width:none;width:100%;padding:var(--arkhi-player-controls-padding)}
body .player-osd .player-progress[hidden]{display:none!important}
body .player-osd .player-actions:empty{display:none!important}
body .arkhi-player-surface .subtitle-ai-overlay{bottom:calc(var(--arkhi-player-controls-height) + 12px)}
body .arkhi-player-surface.arkhi-player-expanded{
 position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;
 max-width:none!important;max-height:none!important;aspect-ratio:auto!important;z-index:2147483600!important;
 margin:0!important;background:var(--arkhi-background-deep)!important;
}
html.arkhi-player-expanded-page{overflow:hidden!important}
.arkhi-player-surface:fullscreen{width:100vw;height:100vh;max-width:none;aspect-ratio:auto;background:var(--arkhi-background-deep)}
.arkhi-trailer>.arkhi-player-surface{flex:1;min-height:0;aspect-ratio:auto}
@media(max-width:680px){
 :root{--arkhi-player-controls-padding:10px;--arkhi-player-controls-gap:6px;--arkhi-player-controls-height:150px}
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-button{min-height:38px!important;padding:8px 10px!important;font-size:11px!important}
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-volume{width:80px!important;flex:0 1 80px}
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-option-body{position:fixed;inset:auto 12px calc(var(--arkhi-nav-mobile-height,64px) + 12px);width:auto;max-height:65vh}
}
@media(prefers-reduced-motion:reduce){body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls{transition:none}}

/* Responsive grouping of the exact same player controls, not a second toolbar.
   Container queries adapt even when the video occupies only a sidebar. */
.arkhi-player-surface[data-arkhi-player-surface]{container-type:inline-size}
@container (max-width:820px){
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-actions{
   justify-content:flex-start!important;gap:10px!important;
 }
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-transport{flex:1 1 auto}
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-sound{flex:0 1 auto}
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-utilities{flex:0 1 auto;margin-left:auto}
}
@container (max-width:565px){
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-actions{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   row-gap:9px!important;align-items:center!important;
 }
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-action-group{
   display:flex;min-width:0;justify-content:flex-start;flex-wrap:wrap;gap:8px;
 }
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-transport{
   display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
 }
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-transport .arkhi-player-button{
   min-width:0;width:100%;padding:8px 5px!important;
 }
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-utilities{margin-left:0}
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-timeline{column-gap:8px}
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-volume{
   display:block;flex:1 1 92px;max-width:150px;width:92px!important;
 }
}
@container (max-width:370px){
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-action-group{gap:5px}
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-button{font-size:11px!important}
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls .arkhi-player-timeline{
  grid-template-columns:36px minmax(0,1fr) 36px;column-gap:6px;
 }
}

/* Compact, accessible TV transport in the single canonical player sheet. */
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact{
 --arkhi-player-controls-gap:7px;--arkhi-player-controls-padding:14px;
 background:linear-gradient(transparent,rgba(7,14,32,.78) 72%)!important;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-compact .arkhi-player-actions{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex-wrap:nowrap!important;column-gap:16px!important;row-gap:0!important;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-compact .arkhi-player-transport{
 flex:0 0 auto;display:flex!important;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-compact .arkhi-player-utilities{
 flex:0 0 auto;display:flex!important;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px;margin:0 0 0 auto;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-compact .arkhi-player-sound{display:none!important}
/* 24px icon grid, consistent 2px strokes and optical shape compensation.
   Icons sit in identical 48px targets; focus never shifts their centres. */
:root{--arkhi-player-icon-color:#fff;--arkhi-player-recording-color:#ff3b30}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact .arkhi-player-icon-only{
 appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
 position:relative!important;flex:0 0 48px!important;box-sizing:border-box!important;
 width:48px!important;min-width:48px!important;max-width:48px!important;
 height:48px!important;min-height:48px!important;max-height:48px!important;
 margin:0!important;padding:12px!important;
 color:var(--arkhi-player-icon-color)!important;background:transparent!important;
 font-size:0!important;line-height:0!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;
 text-shadow:none!important;transform:none!important;
}
/* An icon's layout must never override its controller's hidden state. */
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact .arkhi-player-icon-only[hidden]{
 display:none!important;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact .arkhi-player-icon-only.arkhi-player-primary{
 background:transparent!important;color:var(--arkhi-player-icon-color)!important;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-compact .arkhi-player-icon-only::before{
 content:"";display:block!important;flex:0 0 24px;width:24px;height:24px;min-width:24px;min-height:24px;
 background:currentColor!important;opacity:1;
 -webkit-mask:var(--arkhi-player-glyph) center/contain no-repeat;
 mask:var(--arkhi-player-glyph) center/contain no-repeat;
}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="play"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203%2022%2012%207%2021Z%22%2F%3E%3C%2Fsvg%3E")}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="pause"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h3v18H6zM15%203h3v18h-3z%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="record"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="stop-record"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="share"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22m8%2011%208-4m-8%206%208%204%22%2F%3E%3C%2Fsvg%3E")}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="subtitles"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M10%2010a3%203%200%201%200%200%204m8-4a3%203%200%201%200%200%204%22%2F%3E%3C%2Fsvg%3E")}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="back"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%204%203%2012l8%208Zm10%200-8%208%208%208Z%22%2F%3E%3C%2Fsvg%3E")}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="forward"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%204%208%208-8%208Zm10%200%208%208-8%208Z%22%2F%3E%3C%2Fsvg%3E")}
:root{--arkhi-player-cast-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2011V6a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202h-7%20M4%2015a6%206%200%200%201%206%206%20M4%2018a3%203%200%200%201%203%203%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%2221%22%20r%3D%221.15%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="cast"]{--arkhi-player-glyph:var(--arkhi-player-cast-glyph)}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="options"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h6m4%200h8M3%2012h10m4%200h4M3%2018h4m4%200h10%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="fullscreen"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%204H4v4m12-4h4v4M4%2016v4h4m12-4v4h-4%22%2F%3E%3C%2Fsvg%3E")}
/* TV-remote focus: subtle illuminated glyph and a short accent line, no rectangles. */
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact .arkhi-player-icon-only:is(:hover,:focus,:focus-visible){
 background:rgba(255,255,255,.08)!important;color:var(--arkhi-player-icon-color)!important;
 outline:0!important;border:0!important;box-shadow:none!important;
}
/* Selection retains the soft background only: no underline. */
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact .arkhi-player-icon-only:is(:focus,:focus-visible)::after{
 content:none!important;display:none!important;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact .arkhi-player-icon-only:disabled{
 opacity:.42!important;background:transparent!important;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact .arkhi-player-icon-only[data-player-action="record"][data-arkhi-icon="stop-record"]{color:var(--arkhi-player-recording-color)!important}
html[data-arkhi-page="tv-home"] body.arkhi-app-tv .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact [data-player-action="fullscreen"],
html[data-arkhi-page="tv-home"] body.arkhi-tv-entry .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact [data-player-action="fullscreen"],
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact [data-player-action="fullscreen"]{display:none!important}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-compact .arkhi-player-options>summary{list-style:none}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-compact .arkhi-player-timeline{
 grid-template-columns:48px minmax(0,1fr) 48px;column-gap:10px;
}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-compact .arkhi-player-seek{height:22px}
body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-compact .arkhi-player-option-body{
 background:rgba(11,19,43,.95);border:0;border-top:2px solid var(--arkhi-accent);padding:12px;gap:10px;
}
/* Keep icon centres and hit areas stable across web, touch and TV.
   Narrow players reduce spacing only, never shrink or re-centre the controls. */
@container (max-width:340px){
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact{--arkhi-player-controls-padding:8px}
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-compact .arkhi-player-actions{column-gap:8px!important}
 body .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-compact .arkhi-player-action-group{gap:4px!important}
}

/* TV-only compact progress and utilities; retain full control semantics elsewhere. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact .arkhi-player-timeline{
 grid-template-columns:38px minmax(0,1fr) 38px!important;column-gap:8px!important;
 gap:8px!important;margin:0!important;min-height:16px!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact :is(.arkhi-player-position,.arkhi-player-duration){
 font-size:11px!important;line-height:1.2!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact input.arkhi-player-seek{
 appearance:none!important;-webkit-appearance:none!important;
 height:16px!important;min-height:16px!important;margin:0!important;padding:0!important;
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact input.arkhi-player-seek::-webkit-slider-runnable-track{
 height:3px!important;border:0!important;border-radius:0!important;background:var(--arkhi-muted)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact input.arkhi-player-seek::-webkit-slider-thumb{
 -webkit-appearance:none!important;appearance:none!important;width:10px!important;height:10px!important;
 margin-top:-3.5px!important;background:var(--arkhi-accent)!important;border:0!important;border-radius:50%!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact input.arkhi-player-seek::-moz-range-track{
 height:3px!important;border:0!important;border-radius:0!important;background:var(--arkhi-muted)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact input.arkhi-player-seek::-moz-range-thumb{
 width:10px!important;height:10px!important;background:var(--arkhi-accent)!important;border:0!important;border-radius:50%!important;
}
/* TV has a single CC toggle, never a language selector, and never a fullscreen control. */
html[data-arkhi-page="tv-home"] body.arkhi-app-tv .arkhi-player-compact .arkhi-player-tracks,
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact .arkhi-player-tracks,
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact #subs,
html[data-arkhi-page="tv-home"] body.arkhi-app-tv #webLiveFullscreen,
html[data-arkhi-page="tv-home"] body.arkhi-app-player #webLiveFullscreen,
html[data-arkhi-page="tv-home"] body.arkhi-app-tv .arkhi-player-controls [data-player-action="fullscreen"],
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-controls [data-player-action="fullscreen"]{
 display:none!important;
}
/* Restrained focus and streamlined options: preserve action labels and keyboard access. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-controls :is(button,input,select,summary):focus-visible{
 outline:0!important;outline-offset:0!important;box-shadow:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact .arkhi-player-option-body{
 box-sizing:border-box!important;width:min(360px,calc(100vw - 32px))!important;
 max-height:min(65dvh,465px)!important;overflow:auto!important;overscroll-behavior:contain;
 padding:8px 12px!important;gap:0!important;background:var(--arkhi-panel)!important;
 border:0!important;border-top:1px solid var(--arkhi-line)!important;border-radius:0!important;
 box-shadow:0 12px 32px rgba(0,0,0,.22)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact .arkhi-player-option-body :is(.primary-controls,.secondary-controls){
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:0!important;padding:0!important;margin:0!important;background:transparent!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact .arkhi-player-option-body :is(button,select,summary){
 min-width:0!important;width:100%!important;min-height:38px!important;max-width:none!important;
 height:auto!important;padding:9px 10px!important;margin:0!important;
 background:transparent!important;color:var(--arkhi-text)!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;text-align:left!important;justify-content:flex-start!important;
 font:500 12px/1.4 var(--arkhi-font)!important;letter-spacing:0!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact .arkhi-player-option-body :is(button,select,summary):is(:hover,:focus,:focus-visible){
 outline:0!important;background:rgba(255,255,255,.09)!important;
 box-shadow:none!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact .arkhi-player-option-body .record-settings{
 border-top:1px solid var(--arkhi-line)!important;margin:6px 0 0!important;padding:6px 0 0!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact .arkhi-player-option-body .record-settings>summary{
 grid-column:1/-1!important;font-weight:650!important;color:var(--arkhi-muted)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact .arkhi-player-option-body :is(select,[type=range]){
 background:var(--arkhi-field-background)!important;color:var(--arkhi-text)!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player .arkhi-player-compact .arkhi-player-option-body :disabled{
 opacity:.44!important;
}
/* Across the TV remote menus, never show a bright orange focus rectangle. */
html[data-arkhi-page="tv-home"] body.arkhi-app-player :is(#arkhi-global-header,.arkhi-workspace-sidebar,.arkhi-workspace-toolbar) :is(button,a,summary):focus-visible{
 outline:0!important;border-color:transparent!important;
 box-shadow:none!important;
 background:rgba(255,255,255,.09)!important;
}

/* TV Cast is one text action INSIDE the additional options menu. */
html[data-arkhi-page="tv-home"] body .arkhi-player--tv
 .arkhi-player-compact .arkhi-player-option-body #castBtn{
 --arkhi-player-glyph:none;
 appearance:none!important;display:block!important;
 box-sizing:border-box!important;position:static!important;float:none!important;
 flex:0 0 auto!important;width:100%!important;max-width:100%!important;
 min-width:0!important;min-height:38px!important;height:auto!important;
 padding:9px 10px!important;margin:0!important;
 background:transparent!important;color:var(--arkhi-text)!important;
 -webkit-text-fill-color:var(--arkhi-text)!important;
 border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;
 text-align:left!important;font:500 12px/1.4 var(--arkhi-font)!important;
 line-height:1.4!important;letter-spacing:normal!important;
 overflow:visible!important;white-space:normal!important;text-indent:0!important;
}
html[data-arkhi-page="tv-home"] body .arkhi-player--tv
 .arkhi-player-compact .arkhi-player-option-body #castBtn::before,
html[data-arkhi-page="tv-home"] body .arkhi-player--tv
 .arkhi-player-compact .arkhi-player-option-body #castBtn::after{
 display:none!important;content:none!important;
}
html[data-arkhi-page="tv-home"] body .arkhi-player--tv
 .arkhi-player-compact .arkhi-player-option-body #castBtn:is(:focus,:focus-visible,:hover){
 background:rgba(255,255,255,.10)!important;box-shadow:none!important;
}
/* Plain text for all entries, without pseudo-icons. */
html[data-arkhi-page="tv-home"] body .arkhi-player-compact .arkhi-player-option-body :is(button,summary,select)::before{
 content:none!important;display:none!important;
}

/* Kill legacy duplicated Cast injection, including devices with stale JS.
   The single Cast/Transmit control is only a text action in Options. */
html[data-arkhi-page="tv-home"] body #arkhiTransmitContext,
html[data-arkhi-page="tv-home"] body #arkhiTransmitGlobal{display:none!important}
html[data-arkhi-page="tv-home"] body .arkhi-player--tv #castBtn{display:none!important}
html[data-arkhi-page="tv-home"] body .arkhi-player--tv
 .arkhi-player-compact .arkhi-player-option-body #castBtn{display:block!important}

/* Safety contract: obsolete, independently injected transmission controls
   are never rendered in TV mode, including with cached legacy scripts.
   The single real #castBtn remains a TEXT entry inside player Options. */
html[data-arkhi-page="tv-home"] body :is(
 #arkhiTransmitContext,#arkhiTransmitGlobal,#arkhiOpenTransmit,
 #arkhiOpenRemote,#arkhiShareCurrentBtn){display:none!important}

/* The shared player reports the loaded interface build and live update state.
   Only the OK/Pause menu on TV shows the quiet, non-interactive caption. */
html[data-arkhi-page="tv-home"] body .arkhi-player-controls .arkhi-player-build-status{
 display:none!important;margin:0!important;padding:0!important;
 color:var(--arkhi-muted)!important;font:500 11px/1.25 var(--arkhi-font)!important;
 letter-spacing:.01em!important;text-align:right!important;
 overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
 user-select:none;pointer-events:none;box-shadow:none!important;border:0!important;
}
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="menu"]
 .arkhi-player-controls .arkhi-player-build-status{
 display:block!important;
}




/* ARKHI SEMANTIC ICONS: compiled only from icons.json. Keep app text and handlers intact. */
:root{--arkhi-icon-size:24px;--arkhi-icon-stroke:1.85;}
body #tvSide .tv-side-item{gap:9px;}
body #tvSide .tv-side-item > .ico::before,body :is(#castBtn,#recordBtn,#subsToggle,#aiSubsBtn,#arkhiWebTVSwitch,#feedbackOpen)::before{content:"";width:var(--arkhi-icon-size);height:var(--arkhi-icon-size);flex:0 0 var(--arkhi-icon-size);display:inline-block;background-color:currentColor; -webkit-mask:var(--arkhi-semantic-glyph) center/contain no-repeat;mask:var(--arkhi-semantic-glyph) center/contain no-repeat;}
body #tvSide .tv-side-item[hidden] > .ico::before{display:none!important;}
body #tvSide .tv-side-item > .ico{font-size:0!important;display:inline-flex;align-items:center;justify-content:center;min-width:var(--arkhi-icon-size);min-height:var(--arkhi-icon-size);}
body :is(#castBtn,#recordBtn,#subsToggle,#aiSubsBtn,#arkhiWebTVSwitch,#feedbackOpen){align-items:center;justify-content:center;gap:8px;}
body .arkhi-player-compact .arkhi-player-icon-only::before{width:var(--arkhi-icon-size);height:var(--arkhi-icon-size);min-width:var(--arkhi-icon-size);min-height:var(--arkhi-icon-size);}
body > header.arkhi-unified-header nav.arkhi-global-nav > .nav-primary{gap:0!important;}
body #tvSide .tv-side-item[data-tv-side="0"]{--arkhi-semantic-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%205%2011%207-11%207z%22%2F%3E%3C%2Fsvg%3E")}
body #tvSide .tv-side-item[data-tv-side="1"]{--arkhi-semantic-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h12M3%2010h12M3%2015h8M3%2020h8m5-7%207%204-7%204z%22%2F%3E%3C%2Fsvg%3E")}
body #tvSide .tv-side-item[data-tv-side="2"]{--arkhi-semantic-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
body #tvSide .tv-side-item[data-tv-side="3"]{--arkhi-semantic-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M7%204v16M17%204v16M3%209h4M3%2015h4M17%209h4M17%2015h4%22%2F%3E%3C%2Fsvg%3E")}
body #tvSide .tv-side-item[data-tv-side="4"]{--arkhi-semantic-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%204%208%208-8%208%22%2F%3E%3C%2Fsvg%3E")}
body #castBtn{--arkhi-semantic-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M3%2013a8%208%200%200%201%208%208M3%2017a4%204%200%200%201%204%204M3%2021h.01%22%2F%3E%3C%2Fsvg%3E")}
body #recordBtn{--arkhi-semantic-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
body #subsToggle{--arkhi-semantic-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M5%2014h5m3%200h6M5%2017h7m2%200h5%22%2F%3E%3C%2Fsvg%3E")}
body #aiSubsBtn{--arkhi-semantic-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M5%2014h5m3%200h6M5%2017h7m2%200h5%22%2F%3E%3C%2Fsvg%3E")}
body #arkhiWebTVSwitch{--arkhi-semantic-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4%22%2F%3E%3C%2Fsvg%3E")}
body #feedbackOpen{--arkhi-semantic-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%209a3%203%200%201%201%205%203c-2%201-2%202-2%203M12%2018h.01%22%2F%3E%3C%2Fsvg%3E")}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="play"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%205%2011%207-11%207z%22%2F%3E%3C%2Fsvg%3E")}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="record"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="share"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2016V3m-5%205%205-5%205%205M4%2013v8h16v-8%22%2F%3E%3C%2Fsvg%3E")}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="subtitles"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M5%2014h5m3%200h6M5%2017h7m2%200h5%22%2F%3E%3C%2Fsvg%3E")}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="audio"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%209h4l5-4v14l-5-4H4zM16%209a4%204%200%200%201%200%206M18%206a8%208%200%200%201%200%2012%22%2F%3E%3C%2Fsvg%3E")}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="cast"]{--arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M3%2013a8%208%200%200%201%208%208M3%2017a4%204%200%200%201%204%204M3%2021h.01%22%2F%3E%3C%2Fsvg%3E")}

/* Mobile-first browser experience. Native remote/TV rendering is unchanged. */
@media (max-width:820px) and (pointer:coarse) {
 html[data-arkhi-page] body:not(.arkhi-tv-entry) {
  min-width:0!important;max-width:100%!important;overflow-x:hidden!important;
  padding-bottom:calc(82px + env(safe-area-inset-bottom))!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-global-header{
  box-sizing:border-box!important;min-height:60px!important;height:auto!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;padding:10px max(14px,env(safe-area-inset-right))
   10px max(14px,env(safe-area-inset-left))!important;z-index:90!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-global-header > .brand{
  min-width:0;flex:0 0 auto!important;margin:0!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-global-header .brand-mark{width:32px!important;height:32px!important}
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-global-header .brand-copy{
  font-size:15px!important;display:inline!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-global-header .arkhi-shared-tools{
  min-width:0!important;max-width:60%!important;flex:1 1 auto!important;
  display:flex!important;justify-content:flex-end!important;gap:6px!important;margin:0!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-global-header .arkhi-shared-search{
  min-width:0!important;flex:1 1 auto!important;max-width:230px!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-global-header .arkhi-shared-search input{
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:44px!important;min-height:44px!important;padding:10px 12px!important;
  font-size:16px!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-global-header .arkhi-session-exit{
  min-width:44px;min-height:44px;padding:8px!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-global-header > nav.arkhi-global-nav{
  position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:calc(66px + env(safe-area-inset-bottom))!important;
  padding:4px max(5px,env(safe-area-inset-left)) env(safe-area-inset-bottom)
   max(5px,env(safe-area-inset-right))!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;overflow:visible!important;align-items:stretch!important;
  border-top:1px solid var(--arkhi-line)!important;background:var(--arkhi-background-deep)!important;
  z-index:2147483000!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-global-header > nav.arkhi-global-nav:has(> .nav-primary:nth-child(3):last-child){
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-global-header nav > .nav-primary,
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-global-header nav > .arkhi-mobile-more{
  min-width:0!important;width:100%!important;min-height:58px!important;
  padding:9px 3px!important;display:flex!important;align-items:center!important;
  justify-content:center!important;text-align:center!important;white-space:normal!important;
  font:700 11px/1.25 var(--arkhi-font)!important;color:var(--arkhi-text)!important;
  border:0!important;border-top:3px solid transparent!important;
  border-bottom:0!important;background:transparent!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-global-header nav > :is(.active,[aria-current="page"],.arkhi-mobile-more.active){
  border-top-color:var(--arkhi-accent)!important;color:var(--arkhi-accent)!important;
  background:var(--arkhi-panel-raised)!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-mobile-sheet:not([hidden]){
  position:fixed!important;display:flex!important;flex-direction:column!important;
  bottom:calc(66px + env(safe-area-inset-bottom))!important;
  left:max(10px,env(safe-area-inset-left))!important;
  right:max(10px,env(safe-area-inset-right))!important;top:auto!important;
  max-height:min(60dvh,460px)!important;overflow:auto!important;
  padding:8px!important;z-index:2147482999!important;
  background:var(--arkhi-panel)!important;border:1px solid var(--arkhi-line)!important;
  box-shadow:0 -14px 34px #0008!important;border-radius:0!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-mobile-sheet > :is(a,button){
  min-height:54px!important;width:100%!important;padding:13px 16px!important;
  text-align:left!important;display:flex!important;align-items:center!important;
  border:0!important;border-bottom:1px solid var(--arkhi-line)!important;
  background:transparent!important;color:var(--arkhi-text)!important;
  text-decoration:none!important;font:700 16px/1.35 var(--arkhi-font)!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) #arkhi-mobile-sheet > :is(.active,[aria-current="page"]){
  background:var(--arkhi-panel-hover)!important;border-left:3px solid var(--arkhi-accent)!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) :is(button,a,summary):focus-visible{
  outline:0!important;box-shadow:none!important;filter:brightness(1.16);
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) :is(input,select):focus-visible{
  outline:2px solid var(--arkhi-focus)!important;outline-offset:1px!important;
 }
 /* Unified TV workspace: screen first, then browsing; no desktop side-by-side panes. */
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) > main.arkhi-workspace,
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) main.layout{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"player" "sidebar"!important;
  width:100%!important;max-width:100%!important;
  padding:0 0 12px!important;gap:12px!important;margin:0!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) > .arkhi-workspace-toolbar{
  width:100%!important;padding:12px 16px!important;margin:0!important;gap:12px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-workspace-toolbar h1{
  font-size:23px!important;line-height:1.25!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) main.arkhi-workspace[data-workspace-view="series"]{
  grid-template-areas:"sidebar"!important;grid-template-rows:auto!important;
 }
 html[data-arkhi-page="tv-home"] body[data-section="series"]:not(.arkhi-tv-entry) main.layout{
  display:block!important;grid-template-areas:none!important;
  width:100%!important;max-width:100%!important;padding:0 12px 18px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) #feedbackOpen{
  right:max(12px,env(safe-area-inset-right))!important;
  bottom:calc(79px + env(safe-area-inset-bottom))!important;
  max-width:118px!important;min-height:44px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  padding:9px 10px!important;font-size:11px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-workspace-player{
  border:0!important;border-radius:0!important;width:100%!important;max-width:none!important;
  min-width:0!important;overflow:visible!important;position:relative!important;top:auto!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-workspace-screen:not(:fullscreen){
  width:100%!important;aspect-ratio:16/9!important;max-height:none!important;
  height:auto!important;border:0!important;border-radius:0!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-workspace-screen video{
  width:100%!important;height:100%!important;object-fit:contain!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-workspace-details{
  padding:12px 16px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-workspace-details h1{
  font-size:20px!important;line-height:1.25!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-workspace-sidebar{
  width:100%!important;min-width:0!important;max-width:100%!important;
  border:0!important;overflow:visible!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-workspace-sidebar .channel-heading{
  padding:12px 16px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-workspace-search{
  width:100%!important;max-width:100%!important;min-height:48px!important;
  padding:12px!important;font-size:16px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-workspace-groups{
  overflow-x:auto!important;flex-wrap:nowrap!important;overscroll-behavior-x:contain!important;
  scroll-snap-type:x proximity!important;padding:10px 0!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-workspace-groups button{
  min-height:44px!important;font-size:14px!important;scroll-snap-align:start;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) #grid.arkhi-workspace-channels{
  max-height:none!important;overflow:visible!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) #grid .arkhi-workspace-channel{
  min-height:72px!important;padding:11px 16px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) :is(.arkhi-player-button,.arkhi-player-option-body button):not(.arkhi-player-icon-only){
  min-height:48px!important;font-size:13px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-player-controls .arkhi-player-actions{
  flex-wrap:wrap!important;gap:7px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) #guidePanel{
  min-width:0!important;max-width:100%!important;overflow:hidden!important;padding:8px 12px 20px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) #guidePanel .epg-toolbar{
  display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;
  padding:10px 3px!important;overscroll-behavior-x:contain;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) #guidePanel .epg-toolbar button{
  min-height:48px!important;min-width:74px!important;padding:10px 12px!important;
  font-size:14px!important;flex:0 0 auto!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) #guideGrid{
  min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .live-home-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .live-home-hero{
  min-height:180px!important;padding:16px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .live-home-copy h1{
  font-size:clamp(23px,6vw,30px)!important;line-height:1.2!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) :is(#recordingsPanel,#seriesPanel,#listsPanel){
  width:100%!important;min-width:0!important;max-width:100%!important;
  overflow-wrap:anywhere!important;padding:12px!important;
 }
 /* Mobile videoteca retains horizontal swipe carousels and full-width details. */
 html[data-arkhi-page="tv-videoteca"] body:not(.arkhi-tv-entry) .topbar{display:none!important}
 html[data-arkhi-page="tv-videoteca"] body:not(.arkhi-tv-entry) .hero{
  padding:18px 16px!important;height:auto!important;min-height:0!important;
 }
 html[data-arkhi-page="tv-videoteca"] body:not(.arkhi-tv-entry) .hero h1{
  font-size:clamp(24px,6vw,32px)!important;line-height:1.12!important;
 }
 html[data-arkhi-page="tv-videoteca"] body:not(.arkhi-tv-entry) .rows{
  margin:0!important;padding-bottom:24px!important;
 }
 html[data-arkhi-page="tv-videoteca"] body:not(.arkhi-tv-entry) .shelf{
  padding-left:16px!important;margin-bottom:18px!important;
 }
 html[data-arkhi-page="tv-videoteca"] body:not(.arkhi-tv-entry) .card-row{
  gap:10px!important;padding-bottom:12px!important;scroll-snap-type:x proximity!important;
  overscroll-behavior-x:contain;
 }
 html[data-arkhi-page="tv-videoteca"] body:not(.arkhi-tv-entry) .movie-card{
  flex-basis:clamp(128px,39vw,172px)!important;width:clamp(128px,39vw,172px)!important;
  scroll-snap-align:start;transform:none!important;box-shadow:none!important;
 }
 html[data-arkhi-page="tv-videoteca"] body:not(.arkhi-tv-entry) .movie-card .title{
  font-size:14px!important;white-space:normal!important;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;
 }
 html[data-arkhi-page="tv-videoteca"] body:not(.arkhi-tv-entry) .detail-card{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  padding:64px 16px 32px!important;gap:18px!important;min-height:100dvh!important;
 }
 html[data-arkhi-page="tv-videoteca"] body:not(.arkhi-tv-entry) .detail-poster{
  display:block!important;width:min(45vw,180px)!important;max-width:100%!important;
 }
 html[data-arkhi-page="tv-videoteca"] body:not(.arkhi-tv-entry) .detail-copy h1{
  font-size:clamp(24px,6vw,34px)!important;line-height:1.16!important;
 }
 html[data-arkhi-page="tv-videoteca"] body:not(.arkhi-tv-entry) .player-osd{
  padding:40px 14px max(20px,env(safe-area-inset-bottom))!important;
 }
 html[data-arkhi-page="tv-videoteca"] body:not(.arkhi-tv-entry) .player-actions button{
  min-height:48px!important;min-width:48px!important;
 }
 /* Forms, games and the account share touch-friendly controls. */
 html[data-arkhi-page^="tv-"] body:not(.arkhi-tv-entry) :is(.arkhi-account-main,.arkhi-account-card,#adminSettings){
  min-width:0!important;max-width:100%!important;
 }
 html[data-arkhi-page^="tv-"] body:not(.arkhi-tv-entry) :is(input,select,textarea){
  max-width:100%!important;font-size:16px!important;
 }
 html[data-arkhi-page^="tv-"] body:not(.arkhi-tv-entry) :is(.arkhi-account-card button,.arkhi-account-card a.btn){
  min-height:48px!important;
 }
 html[data-arkhi-page^="games-"] body:not(.arkhi-tv-entry) :is(.arkhi-games-subnav,.chips){
  max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain;
 }
 html[data-arkhi-page^="games-"] body:not(.arkhi-tv-entry) :is(.game-card,.game-tile,.primary-nav a){
  min-height:48px!important;
 }
}
@media (max-width:480px) and (pointer:coarse) {
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-workspace-toolbar .toolbar-actions{
  width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) #guidePanel .epg-details{
  max-width:100%!important;overflow-wrap:anywhere!important;
 }
 html[data-arkhi-page] body:not(.arkhi-tv-entry) .arkhi-mobile-sheet{
  max-height:min(55dvh,400px)!important;
 }
}
@media (max-width:820px) and (pointer:coarse) and (orientation:landscape) {
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-workspace-toolbar{
  padding:8px 16px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-workspace-player{
  max-width:100%!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry) .arkhi-workspace-screen:not(:fullscreen){
  max-height:76dvh!important;aspect-ratio:16/9!important;
 }
 html[data-arkhi-page="tv-videoteca"] body:not(.arkhi-tv-entry) .player-layer video{
  object-fit:contain!important;
 }
}

/* Courtesy video: edge-to-edge first on handheld portrait displays. */
@media (max-width:820px) and (pointer:coarse) {
 html[data-arkhi-page="tv-courtesy"] body.arkhi-share-mobile{
  margin:0!important;min-height:100dvh!important;overflow-x:hidden!important;
 }
 html[data-arkhi-page="tv-courtesy"] .arkhi-share-shell{
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  min-height:100dvh!important;margin:0!important;
  display:flex!important;flex-direction:column!important;gap:12px!important;
  padding:0 0 max(26px,env(safe-area-inset-bottom))!important;
 }
 html[data-arkhi-page="tv-courtesy"] .arkhi-share-eyebrow{
  order:0!important;margin:0!important;
  padding:max(14px,env(safe-area-inset-top)) 16px 4px!important;
  font-size:11px!important;
 }
 html[data-arkhi-page="tv-courtesy"] #courtesyVideo{
  order:1!important;display:block!important;width:100%!important;max-width:none!important;
  height:auto!important;aspect-ratio:16/9!important;object-fit:contain!important;
  margin:0!important;background:#000!important;
 }
 html[data-arkhi-page="tv-courtesy"] .arkhi-share-shell > h1{
  order:2!important;margin:0!important;padding:0 16px!important;
  font-size:clamp(21px,5.5vw,26px)!important;line-height:1.2!important;
 }
 html[data-arkhi-page="tv-courtesy"] .arkhi-share-shell > p:not(.arkhi-share-eyebrow){
  order:3!important;margin:0!important;padding:0 16px!important;font-size:14px!important;
 }
 html[data-arkhi-page="tv-courtesy"] #courtesyStatus{order:4!important;min-height:20px!important}
 html[data-arkhi-page="tv-courtesy"] .arkhi-share-actions{
  order:5!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;padding:0 16px!important;margin:0!important;
 }
 html[data-arkhi-page="tv-courtesy"] .arkhi-share-actions > *{
  min-height:50px!important;min-width:0!important;width:100%!important;
  padding:11px 8px!important;font-size:13px!important;
 }
 html[data-arkhi-page="tv-courtesy"] #courtesyPlay{
  background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;
 }
 html[data-arkhi-page="tv-courtesy"] #courtesyFullscreen{
  background:var(--arkhi-panel-raised)!important;color:var(--arkhi-text)!important;
 }
 html[data-arkhi-page="tv-courtesy"] #courtesyExpiry{order:6!important}
 html[data-arkhi-page="tv-courtesy"] .arkhi-courtesy-discover{
  order:7!important;display:flex!important;flex-direction:column!important;
  gap:12px!important;margin:8px 16px 0!important;padding:18px 0 0!important;
 }
 html[data-arkhi-page="tv-courtesy"] .arkhi-courtesy-discover h2{
  font-size:clamp(21px,5.5vw,25px)!important;line-height:1.2!important;
 }
 html[data-arkhi-page="tv-courtesy"] .arkhi-courtesy-links{
  display:grid!important;grid-template-columns:1fr!important;gap:8px!important;
 }
 html[data-arkhi-page="tv-courtesy"] .arkhi-courtesy-links a{
  min-height:52px!important;width:100%!important;min-width:0!important;
 }
 html[data-arkhi-page^="games-"] body:not(.arkhi-tv-entry):is(.running,.connecting) #arkhi-global-header>nav.arkhi-global-nav{
  display:none!important;
 }
 html[data-arkhi-page^="games-"] body:not(.arkhi-tv-entry):is(.running,.connecting){
  padding-bottom:0!important;
 }
}
@media (max-width:820px) and (pointer:coarse) and (orientation:landscape) {
 html[data-arkhi-page="tv-courtesy"] .arkhi-share-eyebrow{display:none!important}
 html[data-arkhi-page="tv-courtesy"] #courtesyVideo{
  width:100%!important;max-height:100dvh!important;object-fit:contain!important;
 }
}

/* Phone inline live player: image-first; controls never cover the video.
   Does not touch the full-screen guide/video overlay or native TV hosts. */
@media (max-width:820px) and (pointer:coarse) {
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 main.arkhi-workspace .arkhi-workspace-screen.arkhi-player-surface:not(:fullscreen):not(.arkhi-player-expanded){
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  aspect-ratio:auto!important;height:auto!important;min-height:0!important;max-height:none!important;
  position:relative!important;width:100%!important;overflow:visible!important;
  padding:0!important;margin:0!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 main.arkhi-workspace .arkhi-workspace-screen.arkhi-player-surface:not(:fullscreen):not(.arkhi-player-expanded) > video#video{
  position:relative!important;inset:auto!important;display:block!important;flex:0 0 auto!important;
  width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
  aspect-ratio:16/9!important;object-fit:contain!important;background:#000!important;
  padding:0!important;margin:0!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 main.arkhi-workspace .arkhi-workspace-screen.arkhi-player-surface:not(:fullscreen):not(.arkhi-player-expanded)
 > .arkhi-player-controls{
  position:relative!important;inset:auto!important;bottom:auto!important;top:auto!important;
  display:flex!important;flex-direction:column!important;flex:0 0 auto!important;
  width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;
  padding:10px 12px 12px!important;margin:0!important;gap:8px!important;
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  background:var(--arkhi-panel)!important;transition:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls .arkhi-player-actions{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  justify-content:space-between!important;gap:6px!important;min-width:0!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls .arkhi-player-action-group{
  display:flex!important;flex:0 1 auto!important;flex-wrap:wrap!important;gap:6px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls .arkhi-player-transport{
  display:flex!important;flex:1 1 156px!important;min-width:0!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls .arkhi-player-sound{
  display:flex!important;flex:0 0 auto!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls .arkhi-player-sound .arkhi-player-volume{
  display:none!important; /* smartphone uses its physical volume keys */
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls .arkhi-player-button:not(.arkhi-player-icon-only),
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls .arkhi-player-options > summary:not(.arkhi-player-icon-only){
  min-height:44px!important;min-width:0!important;max-width:100%!important;
  padding:9px 8px!important;font:700 12px/1.25 var(--arkhi-font)!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls .arkhi-player-utilities{
  display:flex!important;flex:1 1 104px!important;min-width:0!important;margin-left:auto!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls .arkhi-player-timeline{
  width:100%!important;grid-template-columns:42px minmax(0,1fr) 55px!important;column-gap:8px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls .arkhi-player-option-body{
  position:fixed!important;top:auto!important;
  bottom:calc(66px + env(safe-area-inset-bottom) + 10px)!important;
  left:max(10px,env(safe-area-inset-left))!important;
  right:max(10px,env(safe-area-inset-right))!important;
  width:auto!important;max-width:none!important;min-width:0!important;
  max-height:min(60dvh,460px)!important;overflow-y:auto!important;z-index:100!important;
  background:var(--arkhi-panel)!important;padding:14px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen .arkhi-player-wait{
  inset:0 0 auto 0!important;width:100%!important;height:auto!important;
  aspect-ratio:16/9!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen .subtitle-ai-overlay{
  top:calc(56.25vw - 80px)!important;bottom:auto!important;
 }
}
/* Handheld toolbar actions occupy real layout slots. Translated captions must
   never restore text inside the compact 48px icon targets. */
@media (max-width:820px) and (pointer:coarse) {
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player){
  --arkhi-nav-mobile-height:66px;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player) > .arkhi-workspace-toolbar{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
  gap:8px 12px!important;padding:8px 16px!important;margin:0!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player) .arkhi-workspace-toolbar #arkhiWebTVSwitch{
  position:static!important;inset:auto!important;transform:none!important;
  width:auto!important;min-width:0!important;max-width:100%!important;
  min-height:44px!important;padding:10px 14px!important;font-size:13px!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
  grid-column:2!important;grid-row:1!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player) .arkhi-workspace-toolbar #arkhiActiveListCard{
  grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;
  width:100%!important;min-width:0!important;gap:4px 8px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player) .arkhi-workspace-toolbar #arkhiActiveListCard .arkhi-active-list-name{
  flex:1 1 calc(100% - 44px)!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player) .arkhi-workspace-toolbar #arkhiActiveListCard button{
  box-sizing:border-box!important;flex:1 1 calc(50% - 8px)!important;min-width:0!important;
  min-height:44px!important;padding:8px!important;white-space:normal!important;overflow-wrap:anywhere!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls .arkhi-player-tracks{
  flex:1 1 100%!important;min-width:0!important;max-width:100%!important;order:2;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls .arkhi-player-sound:empty{
  display:none!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player) #arkhiRemotePhoneButton:not([hidden]){
  bottom:calc(var(--arkhi-nav-mobile-height,66px) + env(safe-area-inset-bottom,0px) + 12px)!important;
  right:calc(12px + env(safe-area-inset-right,0px))!important;
  max-width:min(218px,calc(100vw - 24px))!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player):has(#arkhiRemotePhoneButton:not([hidden])){
  padding-bottom:calc(156px + env(safe-area-inset-bottom,0px))!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player):has(:is(.arkhi-player-options[open],#arkhi-mobile-sheet:not([hidden]))) #arkhiRemotePhoneButton{
  display:none!important;
 }
}



/* Handset single-row ArkhiTV player controls: the progress line is separate,
   but all playback/actions live in ONE horizontal row. Prevent the old 565px
   container-grid and 820px touch-wrap from splitting the two icon groups.
   Icons remain centered and all actions retain their original handlers. */
@media (max-width:820px) and (pointer:coarse){
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls.arkhi-player-compact .arkhi-player-actions{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:space-between!important;
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  min-width:0!important;gap:3px!important;row-gap:0!important;margin:0!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls.arkhi-player-compact .arkhi-player-action-group{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:flex-start!important;
  flex:0 1 auto!important;min-width:0!important;gap:2px!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls.arkhi-player-compact .arkhi-player-transport{
  display:flex!important;grid-template-columns:none!important;flex:0 1 auto!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls.arkhi-player-compact .arkhi-player-utilities{
  display:flex!important;flex:0 1 auto!important;min-width:0!important;
  margin-left:auto!important;justify-content:flex-end!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls.arkhi-player-compact .arkhi-player-sound:empty{
  display:none!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls.arkhi-player-compact .arkhi-player-icon-only{
  box-sizing:border-box!important;position:relative!important;
  flex:0 1 clamp(35px,10vw,42px)!important;
  width:clamp(35px,10vw,42px)!important;
  min-width:35px!important;max-width:42px!important;
  height:42px!important;min-height:42px!important;max-height:42px!important;
  padding:8px!important;margin:0!important;align-items:center!important;
  justify-content:center!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls.arkhi-player-compact .arkhi-player-icon-only::before{
  flex:0 0 24px!important;width:24px!important;height:24px!important;
  min-width:24px!important;min-height:24px!important;margin:auto!important;
 }
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls.arkhi-player-compact .arkhi-player-options{
  flex:0 0 auto!important;min-width:0!important;margin:0!important;
 }
}
/* Very narrow phones retain one row; the secondary full-screen control is
   already available from the standalone Modo TV action. */
@media (max-width:360px) and (pointer:coarse){
 html[data-arkhi-page="tv-home"] body:not(.arkhi-tv-entry):not(.arkhi-app-player)
 .arkhi-workspace-screen.arkhi-player-surface > .arkhi-player-controls.arkhi-player-compact
 [data-player-action="fullscreen"]{
  display:none!important;
 }
}

/* TV management is one QR surface; every rule belongs to the central sheet. */
html[data-arkhi-page] body .arkhi-tv-management{
 position:fixed!important;inset:0!important;z-index:18000!important;
 display:flex!important;align-items:flex-start;justify-content:center;
 padding:clamp(28px,5vw,84px);background:var(--arkhi-background,#0b132b);color:var(--arkhi-text,#fff);
 font-family:var(--arkhi-font,system-ui,sans-serif);overflow:auto;
}
html[data-arkhi-page] body .arkhi-tv-management[hidden]{display:none!important}
html[data-arkhi-page] .arkhi-tv-management-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:clamp(32px,6vw,90px);align-items:center;width:100%;max-width:1380px;margin:auto}
html[data-arkhi-page] .arkhi-tv-management h1{font-size:clamp(30px,3.6vw,54px);line-height:1.15;margin:14px 0 22px;color:var(--arkhi-text)}
html[data-arkhi-page] .arkhi-tv-management-copy>p{font-size:clamp(18px,1.7vw,26px);line-height:1.55;margin:14px 0}
html[data-arkhi-page] .arkhi-tv-management-eyebrow{color:var(--arkhi-accent);font-weight:800;letter-spacing:.12em}
html[data-arkhi-page] .arkhi-tv-management-identity{color:var(--arkhi-muted);overflow-wrap:anywhere}
html[data-arkhi-page] .arkhi-tv-management-status{min-height:3.2em;color:var(--arkhi-accent)}
html[data-arkhi-page] .arkhi-tv-management-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
html[data-arkhi-page] .arkhi-tv-management :is(.arkhi-tv-management-actions,.arkhi-tv-management-lists) button{font:700 clamp(17px,1.5vw,24px)/1.3 var(--arkhi-font);padding:16px 22px;min-height:60px;border:0!important;border-radius:0!important;background:var(--arkhi-panel);color:var(--arkhi-text);cursor:pointer}
html[data-arkhi-page] .arkhi-tv-management button:is(:focus,:focus-visible,.arkhi-remote-focus){background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;outline:0!important}
html[data-arkhi-page] .arkhi-tv-management-lists{display:flex;flex-direction:column;gap:8px;max-height:30vh;overflow:auto}
html[data-arkhi-page] .arkhi-tv-management-lists[hidden]{display:none!important}
html[data-arkhi-page] .arkhi-tv-management-qr img{display:block;width:100%;height:auto;aspect-ratio:1;background:white;object-fit:contain}
html[data-arkhi-page] .arkhi-tv-management-qr p{text-align:center;font-size:clamp(16px,1.6vw,24px);overflow-wrap:anywhere;margin-top:18px}
@media(max-width:760px){html[data-arkhi-page] .arkhi-tv-management-panel{grid-template-columns:minmax(0,1fr) 240px;gap:24px}}
html[data-arkhi-page] #arkhi-global-header :is(.arkhi-account-avatar,.arkhi-account-settings){display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;min-width:44px;height:44px;padding:9px!important;text-decoration:none;font-size:16px;font-weight:800;line-height:1;border:0!important;border-radius:0!important;background:var(--arkhi-panel);color:var(--arkhi-text)}
html[data-arkhi-page] #arkhi-global-header .arkhi-account-settings[hidden]{display:none!important}
html[data-arkhi-page] #arkhi-global-header .arkhi-account-avatar{background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important}
html[data-arkhi-page] #arkhi-global-header .arkhi-account-avatar:is(:hover,:focus,:focus-visible,.arkhi-remote-focus){background:var(--arkhi-accent-hot)!important;color:var(--arkhi-background)!important}
html[data-arkhi-page] body.arkhi-tv-management-open #arkhiTVProfiles{z-index:19000!important}
html[data-arkhi-page] #arkhi-global-header :is(.arkhi-account-avatar,.arkhi-account-settings) svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-arkhi-page] body.arkhi-tv-entry #arkhi-global-header :is(.arkhi-account-avatar,.arkhi-account-settings){width:56px;min-width:56px;height:56px;font-size:22px}
@media(max-height:720px){
 html[data-arkhi-page] body .arkhi-tv-management{padding:24px 32px}
 html[data-arkhi-page] .arkhi-tv-management-panel{grid-template-columns:minmax(0,1fr) 260px;gap:32px}
 html[data-arkhi-page] .arkhi-tv-management h1{font-size:30px;line-height:1.12;margin:8px 0 14px}
 html[data-arkhi-page] .arkhi-tv-management-copy>p{font-size:16px;line-height:1.35;margin:8px 0}
 html[data-arkhi-page] .arkhi-tv-management-copy>.arkhi-tv-management-eyebrow{font-size:13px}
 html[data-arkhi-page] .arkhi-tv-management-copy>.arkhi-tv-management-status{font-size:14px;min-height:1.5em}
 html[data-arkhi-page] .arkhi-tv-management-actions{margin-top:14px;gap:8px}
 html[data-arkhi-page] .arkhi-tv-management :is(.arkhi-tv-management-actions,.arkhi-tv-management-lists) button{font-size:16px;min-height:44px;padding:10px 14px}
 html[data-arkhi-page] .arkhi-tv-management-lists{max-height:110px}
 html[data-arkhi-page] .arkhi-tv-management-qr p{font-size:16px}
}


/* Shared non-QR alternatives use the same controls on Web, TV and mobile. */
html[data-arkhi-page] .arkhi-qr-alternative{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0;margin:16px 0;color:var(--arkhi-text);font:400 clamp(15px,1.3vw,20px)/1.4 var(--arkhi-font,system-ui,sans-serif);text-align:left}
html[data-arkhi-page] .arkhi-qr-alternative[hidden],html[data-arkhi-page] .arkhi-qr-alternative [hidden]{display:none!important}
html[data-arkhi-page] .arkhi-qr-alternative strong{color:var(--arkhi-accent);font-weight:700}
html[data-arkhi-page] .arkhi-qr-address{display:block;color:var(--arkhi-text);overflow-wrap:anywhere;word-break:break-word;white-space:normal;text-decoration:underline;user-select:text}
html[data-arkhi-page] .arkhi-qr-actions{display:flex;flex-wrap:wrap;gap:10px}
html[data-arkhi-page] .arkhi-qr-actions button{min-height:44px;padding:12px 16px;border:0;border-radius:0;background:var(--arkhi-panel);color:var(--arkhi-text);font:700 1em/1.3 var(--arkhi-font,system-ui,sans-serif);white-space:normal;cursor:pointer}
html[data-arkhi-page] .arkhi-qr-alternative :is(a,button):is(:focus,:focus-visible,.arkhi-remote-focus){background:var(--arkhi-accent)!important;color:var(--arkhi-background)!important;outline:3px solid var(--arkhi-accent)!important;outline-offset:3px}
html[data-arkhi-page] .arkhi-qr-alternative .arkhi-qr-hint{min-height:0;margin:0;font-size:.9em;text-align:left;overflow-wrap:anywhere}
html[data-arkhi-page] .arkhi-record-phone>.arkhi-qr-alternative{grid-column:1/-1}
html[data-arkhi-page] #arkhiCompactQR[role=button]{cursor:pointer}
html[data-arkhi-page] #arkhiCompactQR[role=button]:focus{outline:3px solid var(--arkhi-accent)!important}