/* Shared glyph definitions moved intact from canonical theme by D027. */
:root {--arkhi-player-icon-color:#fff;--arkhi-player-recording-color:#ff3b30
}
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")
}
html[data-arkhi-page="tv-home"] body .arkhi-player--tv
 .arkhi-player-compact .arkhi-player-option-body #castBtn {
 --arkhi-player-glyph:none
}
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")
}
html[data-arkhi-page="tv-home"] body .arkhi-player-compact .arkhi-player-help {
 --arkhi-player-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9a3 3 0 0 1 6 0c0 2-3 2-3 4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E")
}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="video-track"] {
 --arkhi-player-glyph:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.85'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='14'%20rx='2'/%3E%3Cpath%20d='M10%209l5%203-5%203z'/%3E%3C/svg%3E")
}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="video-track"] {
 --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%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M10%209l5%203-5%203z%22%2F%3E%3C%2Fsvg%3E")!important
}
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%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%2012h5m3%200h4M6%2016h7m2%200h3%22%2F%3E%3C%2Fsvg%3E")!important
}
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-4H4z%22%2F%3E%3Cpath%20d%3D%22M16%209a4%204%200%200%201%200%206M18%206a8%208%200%200%201%200%2012%22%2F%3E%3C%2Fsvg%3E")!important
}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="start-over"] {--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%22M5%204v16M19%205%208%2012l11%207z%22%2F%3E%3C%2Fsvg%3E")
}
body .arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="go-live"] {
 --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%205%2010%207-10%207zM19%204v16%22%2F%3E%3C%2Fsvg%3E")
}


/* D031 — ONE CANONICAL ICON SYSTEM: Web, Android WebView, Samsung Tizen.
   All player icon geometry, glyph styling and platform sizes are owned here.
   No right/left exceptions. No local overrides. All sizes in whole CSS px. */
:root {
  --arkhi-ui-icon-target:44px;
  --arkhi-ui-icon-glyph:22px;
  --arkhi-ui-player-target:44px;
  --arkhi-ui-player-glyph:21px;
  --arkhi-ui-player-gap:8px;
}
/* Television +30% player enlargement is a platform token, not new CSS. */
html[data-arkhi-tizen-admin="1"] {
  --arkhi-ui-icon-target:51px;
  --arkhi-ui-icon-glyph:25px;
  --arkhi-ui-player-target:66px;
  --arkhi-ui-player-glyph:31px;
  --arkhi-ui-player-gap:13px;
}
/* Every icon-only player action, either group, help and options.
   Explicit ID specificity for help defeats historical size overrides. */
html[data-arkhi-page] body.arkhi-app-player[data-arkhi-app-view="menu"]
 .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-actions button.arkhi-player-icon-only,
html[data-arkhi-page] body.arkhi-app-player[data-arkhi-app-view="menu"]
 .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-actions button[data-arkhi-icon],
html[data-arkhi-page] body .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-options > summary[data-arkhi-icon]:not([hidden]),
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="menu"]
 .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact
 .arkhi-player-actions .arkhi-player-utilities > #feedbackOpen.arkhi-player-help:not([hidden]) {
  display:inline-flex!important;
  box-sizing:border-box!important;
  position:relative!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  text-align:center!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  flex:0 0 var(--arkhi-ui-player-target)!important;
  width:var(--arkhi-ui-player-target)!important;
  min-width:var(--arkhi-ui-player-target)!important;
  max-width:var(--arkhi-ui-player-target)!important;
  height:var(--arkhi-ui-player-target)!important;
  min-height:var(--arkhi-ui-player-target)!important;
  max-height:var(--arkhi-ui-player-target)!important;
  padding:0!important;
  margin:0!important;
  gap:0!important;
  font-size:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}
/* One mask geometry for every symbol, regardless of position.
   All 25 glyph definitions above are selected by data-arkhi-icon. */
html[data-arkhi-page] body .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-actions button[data-arkhi-icon]::before,
html[data-arkhi-page] body .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-options > summary[data-arkhi-icon]::before,
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="menu"]
 .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact
 .arkhi-player-actions .arkhi-player-utilities > #feedbackOpen.arkhi-player-help::before {
  content:""!important;
  display:block!important;
  position:static!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  width:var(--arkhi-ui-player-glyph)!important;
  min-width:var(--arkhi-ui-player-glyph)!important;
  max-width:var(--arkhi-ui-player-glyph)!important;
  height:var(--arkhi-ui-player-glyph)!important;
  min-height:var(--arkhi-ui-player-glyph)!important;
  max-height:var(--arkhi-ui-player-glyph)!important;
  flex:0 0 var(--arkhi-ui-player-glyph)!important;
  padding:0!important;margin:0 auto!important;
  background-color:currentColor!important;
  background-image:none!important;
  -webkit-mask:var(--arkhi-player-glyph) center/contain no-repeat!important;
  mask:var(--arkhi-player-glyph) center/contain no-repeat!important;
}
/* Source SVG/image icon rendering uses the SAME glyph token. */
html[data-arkhi-page] body .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-actions button[data-arkhi-icon] svg,
html[data-arkhi-page] body .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-actions button[data-arkhi-icon] img,
html[data-arkhi-page] body .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-options > summary[data-arkhi-icon] svg {
  display:block!important;
  object-fit:contain!important;
  width:var(--arkhi-ui-player-glyph)!important;
  min-width:var(--arkhi-ui-player-glyph)!important;
  max-width:var(--arkhi-ui-player-glyph)!important;
  height:var(--arkhi-ui-player-glyph)!important;
  min-height:var(--arkhi-ui-player-glyph)!important;
  max-height:var(--arkhi-ui-player-glyph)!important;
  flex:0 0 var(--arkhi-ui-player-glyph)!important;
  padding:0!important;margin:0 auto!important;
}
/* Both action groups have identical alignment and spacing. */
html[data-arkhi-page] body .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-transport,
html[data-arkhi-page] body .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-utilities {
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:var(--arkhi-ui-player-gap)!important;
}
/* M76 flex gap fallback is part of the SAME system, not in Tizen CSS. */
html.arkhi-tizen-no-flex-gap[data-arkhi-tizen-admin="1"] body.arkhi-app-player
 .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-actions
 .arkhi-player-transport > button + button,
html.arkhi-tizen-no-flex-gap[data-arkhi-tizen-admin="1"] body.arkhi-app-player
 .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-actions
 .arkhi-player-utilities > button + button {
  margin-left:var(--arkhi-ui-player-gap)!important;
}
/* Upper icons have their own token but the identical alignment system. */
html[data-arkhi-page] body #arkhi-global-header .arkhi-shared-tools > button:not([hidden]),
html[data-arkhi-page] body #arkhi-global-header .arkhi-shared-tools > a:not([hidden]),
html[data-arkhi-page] body #arkhi-global-header .arkhi-account-avatar:not([hidden]) {
  display:inline-flex!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  align-items:center!important;
  width:var(--arkhi-ui-icon-target)!important;
  min-width:var(--arkhi-ui-icon-target)!important;
  height:var(--arkhi-ui-icon-target)!important;
  min-height:var(--arkhi-ui-icon-target)!important;
  padding:0!important;text-align:center!important;
}
html[data-arkhi-page] body #arkhi-global-header .arkhi-shared-tools svg,
html[data-arkhi-page] body #arkhi-global-header .arkhi-account-avatar svg {
  width:var(--arkhi-ui-icon-glyph)!important;
  height:var(--arkhi-ui-icon-glyph)!important;
  margin:auto!important;
}
/* Hidden state overrides visible flex rules on all devices. */
html[data-arkhi-page] body.arkhi-app-player[data-arkhi-app-view="menu"]
 .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact
 .arkhi-player-actions button[hidden],
html[data-arkhi-page] body .arkhi-player-surface .arkhi-player-controls [hidden],
html[data-arkhi-page] body #arkhi-global-header [hidden] {display:none!important;}