/*
 * v5 (UX walk): the creator's title and "חזרה" sit together at the top-left, clear of the Ekoloko logo, in readable size.
 * v4 (UX walk): the phone menu band draws no edge line or shadow.
 * Ekoloko World — entry screens without frames (owner, 2026-10-06: "no borders at all").
 * The sign-in card, the character picker, the server row, the community block, the registration card and the
 * in-app character creator draw no border, outline, inset frame, leaf-corner frame, card shadow or coloured side bar.
 * Content is separated by spacing, alignment and type only; the parchment stays as a soft backdrop with no stroke.
 * v3: the creator's page is a plain sky colour (the sky art fades to white at its foot, which showed as a white strip
 *     beside the stage on wide screens).
 * v2: the character tile loses the app's framed tile art (stronger selector); the creator's whole page sits on the sky.
 * Versioned in the file name: /auth is served with a one-year cache.
 */
/* the paper: plain parchment, no leafy top art, no torn strips */
#eko-player-auth #eko-auth-stage { background: #fbf6e2 !important; box-shadow: none !important; border: 0 !important; }
#eko-player-auth #eko-auth-stage::after { display: none !important; }

/* cards and boxes: no frames */
#eko-player-auth #eko-auth-card, #eko-player-auth #eko-server-selector, #eko-player-auth .eko-world-community,
#eko-player-auth .eko-player-tile, #eko-player-auth .eko-world-reg, #eko-player-auth .eko-world-board {
  border: 0 !important; outline: 0 !important; box-shadow: none !important; border-radius: 0 !important;
}
#eko-player-auth[data-auth-state="ready_player"] #eko-auth-card::before,
#eko-player-auth[data-auth-state="ready_player"] #eko-auth-card::after,
#eko-player-auth .eko-player-tile::after { display: none !important; }
#eko-player-auth[data-auth-state="ready_player"] #eko-auth-card,
#eko-player-auth #eko-server-selector, #eko-player-auth .eko-world-community { background: transparent !important; }

/* the picker: the character on a soft light, no box */
#eko-player-auth .eko-player-tile {
  background: radial-gradient(closest-side, rgba(255, 255, 255, .95), rgba(255, 253, 242, .55) 60%, rgba(251, 246, 226, 0)) center 38% / 100% 78% no-repeat !important;
  padding: 8px 12px 14px !important;
}
#eko-player-auth .eko-player-tile:hover, #eko-player-auth .eko-player-tile:focus-visible { filter: brightness(1.03); }
#eko-player-auth .eko-player-tile:focus-visible { outline: 3px solid #0d527e !important; outline-offset: 2px; }
#eko-player-auth .eko-launch-account-name { font: bold 18px/1.3 Arial, sans-serif !important; color: #18384f !important; }

/* the server row: only the "החלפת שרת" button, centred */
#eko-player-auth #eko-server-selector { justify-content: center !important; padding: 8px 0 !important; min-height: 0 !important; }
#eko-player-auth #eko-server-current { display: none !important; }

/* the in-app character creator: no dark pill across the top, no lime side bars */
main.lp.rg { background: #7fd0f2 url('landing3/v3-sky.webp') center top / cover no-repeat !important; }
#eko-auth-avatar-bar {
  background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
  padding: 10px clamp(12px, 3vw, 28px) !important; direction: rtl; color: #fff !important;
  font: bold 17px/1.2 Arial, sans-serif !important; text-shadow: 0 1px 3px #18384f, 0 0 2px #18384f;
}
#eko-auth-avatar-bar a, #eko-auth-avatar-bar button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 4px 18px 8px !important;
  border: 0 solid transparent !important; border-image: url('landing3/wood-up-v1.webp') 26 48 30 44 fill / 9px 16px 10px 15px stretch !important;
  background: none !important; color: #6a4d00 !important; text-decoration: none !important; text-shadow: 0 1px 0 #f0d78a !important;
  font: 18px/1 EkoGan, 'Trebuchet MS', Arial, sans-serif !important; border-radius: 0 !important; box-shadow: none !important;
}
#eko-auth-avatar-bar a:hover, #eko-auth-avatar-bar a:focus-visible, #eko-auth-avatar-bar button:hover, #eko-auth-avatar-bar button:focus-visible {
  border-image-source: url('landing3/wood-over-v1.webp') !important; color: #e3c46c !important; text-shadow: 0 1px 0 #3d2c00 !important;
}

/* ---- v2 ---- */
#eko-player-auth #eko-player-tiles .eko-player-tile {
  background: radial-gradient(closest-side, rgba(255, 255, 255, .95), rgba(255, 253, 242, .55) 60%, rgba(251, 246, 226, 0)) center 38% / 100% 78% no-repeat !important;
  border: 0 !important; box-shadow: none !important; outline: 0; filter: none;
}
#eko-player-auth #eko-player-tiles .eko-player-tile::before, #eko-player-auth #eko-player-tiles .eko-player-tile::after { display: none !important; }
#eko-player-auth #eko-player-tiles .eko-player-tile:focus-visible { outline: 3px solid #0d527e !important; }
html:has(main.lp.rg), body:has(main.lp.rg) { background: #7fd0f2 url('landing3/v3-sky.webp') center top / cover no-repeat fixed !important; }

main.lp.rg, html:has(main.lp.rg), body:has(main.lp.rg) { background: #7fd0f2 none !important; }

/* ---- v4 ---- */
#eko-player-auth #eko-login-header-viewport, #eko-player-auth #eko-login-header-track, #eko-player-auth #eko-login-header-track nav { border: 0 !important; box-shadow: none !important; outline: 0 !important; }

/* ---- v5 ---- */
#eko-auth-avatar-bar { display: flex !important; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; gap: 14px !important; width: auto !important; right: auto !important; left: max(12px, env(safe-area-inset-left)) !important; }
#eko-auth-avatar-bar > :not(a):not(button) { font: bold 18px/1.2 Arial, sans-serif !important; }