/* The THRONED logo everywhere (owner 2026-10-24: "here is the official logo apply it everywhere" — the official kit's
   Throned-full.png: the pixel lettering with a gold crown tilted on the D, trimmed to 775 x 268, 2.89 : 1) at the logo's
   address /mobile-header/icons/logo.(png|avif): both headers, the footer, the sign-in sheet, the game pages' bar and the
   loading screen (the gate's plaque; the crown drop uses its letters / crown pieces, public/theme/castle/splash/). Every
   place sizes it by height with its real shape (aspect-ratio), so nothing jumps while it loads; its T starts on its
   first pixel (the old outline shift is gone). The whole kit (the crown alone, the crown on navy, the plain wordmark
   SVGs) is in ../removed-features-backup/official-logo-2026-10-24/official-kit/; undo: README.txt there. Before it: the
   6.3 : 1 pixel wordmark of 2026-10-14 with the crown in the O, and the header tries of the same day. */
.header-logo-img,
.mobile-header__logo,
.footer-logo img,
.sg-bar-logo { aspect-ratio: 775 / 268 !important; width: auto !important; }

/* both headers: the logo a little higher (owner 2026-10-24: "move throned logo slightly higher on the top header"). The
   picture's top band (rows 0–43 of 268) is only the crown over the D, so with the box centred the letters' middle sat 8 %
   of the logo's height below the header's middle (3.7 px at 46 px), lower than the menu icon and the buttons. Up by 6.5 %
   of its own height: 3 px on computers (the crown stays 2 px clear of the top edge), less on the smaller phone sizes.
   Check ../banner-work/header-logo-higher-2026-10-24/tools/logo-pos.mjs; undo
   ../removed-features-backup/header-logo-higher-2026-10-24/README.txt */
.header-logo-img,
.mobile-header__logo { translate: 0 -6.5%; }
/* phones: 2 px higher again (owner 2026-10-25: "on mobile move the logo a couple px higher") — the signed-out logo's crown
   then sits ~0.3 px under the bar's top edge on an iPhone 14 (it was 2.3). Undo
   ../removed-features-backup/header-thicker-2026-10-25/README.txt */
.mobile-header__logo { translate: 0 calc(-6.5% - 2px); }
/* phones signed out: the SAME logo as signed in — its size (below) and its place (the line above), since 2026-10-25
   (owner, pictures of both headers: "Logged out throned logo should be same as logged in use the logged in one on logged
   out"). The bottom-on-the-buttons rule of the same morning (translate: 0 calc(20px - 50%), "For mobile put the thrones
   logo bottom inline with the buttons") is gone; undo ../removed-features-backup/phone-logo-signed-out-size-2026-10-25/README.txt */

/* computer header: 49 px (the header is 62–66 px since 2026-10-25, was 56–60; the crown is part of the height). 46 px until 2026-10-24, then 3 px
   bigger with its top where it was (owner: "make it slightly bigger adding 3px to the bottom not higher"): the box,
   centred, would grow 1.5 px up and down, so it is lifted 1.5 px (instead of the 6.5 % above) — top 1.5 px, bottom 50.5 px */
.header-logo-img { height: 49px !important; max-width: 22vw !important; translate: 0 -1.5px; }
body.sidebar-open .header-logo-img { height: 49px !important; }

/* phone header (62 px). Signed in, the balance fit ladder (MobileHeader.tsx tries each step on the real layout and takes
   the first where the whole balance shows) shrinks the LOGO before the balance's words (owner 2026-10-24: "logo isnt big
   enough on the mobile cloud flair"): step 0 = 38 px with the full-size balance, step 1 = 34 px with the full-size
   balance, step 2 = 30 px with the full-size balance, step 3 = 26 px with the smaller words, steps 4–7 = 15 px.
   Measured on the rig world with $0 … $1.2 bn on 320 … 430 px phones:
   ../banner-work/phone-logo-bigger-2026-10-26/tools/logo-bigger-check.mjs.
   38 px since 2026-10-26 (owner: "Make throned logo on mobile header slightly bigger but don't add that bigger size to
   the top add it to the bottom just a few pixels bigger is good"; it was 34 px — now step 1, so no balance gets a smaller
   logo than before): its top where the 34 px logo's was, 9.3 px down the bar (centred in the 44 px link, lifted the 34 px
   logo's 6.5 % + 2 px, less the 2 px a centred box grows upward), the 4 px all at the bottom (43.3 → 47.3 px). Undo
   ../removed-features-backup/phone-logo-bigger-2026-10-26/README.txt */
.mobile-header__logo { height: 38px !important; }
.mobile-header:is(:not([data-balance-fit]), [data-balance-fit="0"]) .mobile-header__logo { translate: 0 calc(-0.065 * 34px); }
.mobile-header[data-balance-fit="1"] .mobile-header__logo { height: 34px !important; }
.mobile-header[data-balance-fit="2"] .mobile-header__logo { height: 30px !important; }
.mobile-header[data-balance-fit="3"] .mobile-header__logo { height: 26px !important; }
.mobile-header:is([data-balance-fit="4"], [data-balance-fit="5"], [data-balance-fit="6"], [data-balance-fit="7"]) .mobile-header__logo { height: 15px !important; }
.mobile-header[data-balance-fit="2"]:has(.mobile-header__logo) .mobile-header__balance-text { font-size: var(--fs-md); }
html[data-site-theme="castle"] .mobile-header[data-balance-fit="2"]:has(.mobile-header__logo) .mobile-header__balance-text:not(#gz-read-font) { font-size: 15px; }
/* signed out: the signed-in size, 38 px since 2026-10-26 (owner 2026-10-25: "Throned logo should be same size it is on
   mobile logged in … keep the logged in size make logged out same size as logged in"; it was 50 px, 44 px under 340 px,
   then 34 px). Undo ../removed-features-backup/phone-logo-signed-out-size-2026-10-25/README.txt */
.mobile-header--logged-out .mobile-header__logo { height: 38px !important; max-width: min(45vw, 100%) !important; }

/* the footer and the game pages' bottom bar */
.footer-logo img { height: 40px !important; }
.sg-bar-logo { height: 24px !important; }