/* ════════ SPIN ARENA — FOCUSED CHROME ════════════════════════════════════════════════════════
   Owner, on the reference frame: «ديزاين قديم شريط اعلا حذف» — the old top strip goes.

   Inside the Spin Arena section ONLY:
     · the global price TICKER is removed — a host running a draw in front of a room has no use for
       a scrolling XAU strip, and its 1Hz repaint is a live distraction beside a wheel,
     · the header strip goes on a wide screen; the section renders language · colour mode ·
       fullscreen at the trailing edge of its own rows (`acts()` in pages/spin.js), pressing the
       SHELL's own controls, which still exist in the hidden strip - no preference is owned here,
     · the page TITLE leaves the topbar, because the section carries its own masthead: the contest's
       name, its instrument panel and its state, one title per page rather than two.

   EVERY rule is gated on body[data-view="spin"], set by shell.js for the active view, so it can
   only ever affect this one section. Loaded globally from index.html rather than lazily, so it
   applies the instant the attribute flips — a lazily-loaded rule would show the ticker for one
   frame on first entry. Restoration is automatic: leaving flips data-view away, every rule below
   stops matching, and the full header returns with no reload and no state to unwind.

   The same proven shape as rvil-chrome.css · news-chrome.css · academy-chrome.css ·
   profile-chrome.css · arena-chrome.css. Nothing here is Spin-specific except the attribute value.

   ONLY WHAT BASE.CSS DOES NOT ALREADY SAY. The first version restated five of the shell's own
   defaults (`.app{padding-top:0}` and its kin) and carried one rule twice; a restatement is a
   second place the value lives. ──── */

/* ── 1 · the global price ticker ── */
html:not(.wco-on) body[data-view="spin"] .ticker{display:none}
html.wco-on       body[data-view="spin"] .ticker{display:none}   /* installed PWA: still hidden, but .app keeps its window-controls-overlay offset */

/* reclaim the 34px the fixed ticker reserved, so the masthead sits at the very top.
   Gated on :not(.wco-on) because in the installed PWA that padding is the OS titlebar's. */
html:not(.wco-on) body[data-view="spin"] .app{padding-top:0}
html:not(.wco-on) body[data-view="spin"] .side{top:0}
html:not(.wco-on) body[data-view="spin"] .sidetog{top:19px}

/* ── 2 · THE HEADER STRIP ITSELF ─────────────────────────────────────────────────────────────
   Owner, third time, with a screenshot of the result: «هذا كثير مره انا كول هذا شريط اعلاء حذف».

   The first version of this file followed academy-chrome, which KEEPS language · colour mode ·
   fullscreen in the strip and hides everything else. On a wide screen that leaves a 66px band that
   is empty apart from three buttons - which is a strip, and the owner asked for it to be gone.

   WIDE SCREENS ONLY. Below 901px the shell's sidebar is an overlay and the ONLY control that opens
   it is the burger inside this strip (base.css hides .sidetog there; chart-panel.css shows .burger).
   Hiding the strip at every width - which the second version did - left a phone with no way to
   reach the platform's navigation from any Spin page: the way out was the home's logo. So the
   strip stays on a phone, cut down to the burger (ARENA's own rule, arena-chrome.css), and is gone
   from 901px up where .sidetog takes over. */
@media (min-width:901px){ body[data-view="spin"] .topbar{display:none} }
@media (max-width:900px){ body[data-view="spin"] .topbar{block-size:auto;padding-block:8px} }
body[data-view="spin"] .topbar .hdrL{display:none}
body[data-view="spin"] #btnMore,body[data-view="spin"] #userChip,body[data-view="spin"] #themeBtn,body[data-view="spin"] #btnLang,body[data-view="spin"] #btnFs{display:none}