/* tfLW4 (owner t8690u + t8691u, Nov 10 2026): Living World first for every visitor, and the pop-ups dressed in the
   living-world look (night navy panel, warm gold rim and lettering, cream text, like the world's own title art).
   Wording is untouched; only layout and colours change. */

/* ---- world-first: a signed-in or guest visitor sees the world, not the sign-in forms ---- */
html.pp-world-first.pp-world-first.pp-world-first #gateIn,html.pp-world-first.pp-world-first.pp-world-first #gateReg,
html.pp-world-first.pp-world-first.pp-world-first #gateGuest,
html.pp-world-first.pp-world-first.pp-world-first .gate-forgot,html.pp-world-first.pp-world-first.pp-world-first .gate-switch,
html.pp-world-first.pp-world-first.pp-world-first .acct-menu{display:none!important}
.lw-wf-enter{display:none}
html.pp-world-first .lw-wf-enter{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin:6px 0 4px}
html.pp-world-first .lw-wf-enter button{width:min(100%,360px);min-height:56px;border-radius:16px;border:2px solid #ffd76a;cursor:pointer;
  background:linear-gradient(180deg,#ffe9a3 0%,#ffd76a 45%,#e0a92e 100%);color:#1a1000;font:900 21px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  box-shadow:0 0 18px rgba(255,215,106,.45),inset 0 2px 0 rgba(255,255,255,.8),inset 0 -3px 6px rgba(0,0,0,.25)}
html.pp-world-first .lw-wf-enter button:focus-visible{outline:3px solid #fff8e6;outline-offset:3px}
html.pp-world-first .lw-wf-enter p{margin:0;color:#e6edf5;font:600 15px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:center}

/* ---- Fantasy Corner card ("fancy football card"): one clean living-world panel ---- */
html body dialog.fantasy{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:24px!important;color:#fff8e6!important;width:min(92vw,420px)!important;max-width:min(92vw,420px)!important;max-height:calc(100dvh - 24px)!important;margin:auto!important}
html body dialog.fantasy::backdrop{background:rgba(4,8,22,.78)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html body dialog.fantasy .fz-card{background:linear-gradient(180deg,#121c3e 0%,#0a1230 55%,#070d24 100%)!important;border:3px solid #ffd76a!important;border-radius:24px!important;
  box-shadow:0 0 0 1px #3a2a00,0 0 26px rgba(255,215,106,.35),0 18px 46px rgba(0,0,0,.65)!important;color:#fff8e6!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}
html body dialog.fantasy .fz-hero{border:2px solid #ffd76a!important;box-shadow:none!important;background:#0a1230!important}
html body dialog.fantasy .fz-band{background:transparent!important;border:0!important;padding:4px 6px!important;margin:0 0 6px!important}
html body dialog.fantasy h2,html body dialog.fantasy .fz-band h2{color:#ffd76a!important;text-shadow:0 2px 0 #000,0 0 10px rgba(255,215,106,.35)!important;-webkit-text-fill-color:#ffd76a!important}
html body dialog.fantasy .fz-sports,html body dialog.fantasy .fz-band .fz-sports{color:#e6edf5!important}
html body dialog.fantasy .fz-body{color:#fff8e6!important}
html body dialog.fantasy .fz-tag{background:rgba(255,215,106,.1)!important;border:1px solid rgba(255,215,106,.55)!important;color:#ffe9a3!important}
html body dialog.fantasy .fz-note{background:rgba(7,13,36,.85)!important;border:1px solid rgba(230,237,245,.35)!important;color:#e6edf5!important}
html body dialog.fantasy .fz-shield{color:#ffd76a!important}
html body dialog.fantasy .fz-age{color:#e6edf5!important}
html body dialog.fantasy .fz-age .fz-badge-sm,html body dialog.fantasy .fz-badge{background:#070d24!important;color:#ffd76a!important;border:2px solid #ffd76a!important}
html body dialog.fantasy .fz-x{background:#070d24!important;color:#fff8e6!important;border:2px solid #ffd76a!important}
/* The old white/green sticky bar glowed over the disclaimer; now it is the panel colour with a soft navy fade. */
html body dialog.fantasy .fz-okbar{background:#070d24!important;box-shadow:0 -10px 14px rgba(7,13,36,.95)!important}
html body dialog.fantasy .fz-ok{background:linear-gradient(180deg,#ffe9a3 0%,#ffd76a 45%,#e0a92e 100%)!important;color:#1a1000!important;border:2px solid #ffd76a!important;
  box-shadow:0 0 14px rgba(255,215,106,.4),inset 0 2px 0 rgba(255,255,255,.8)!important}

/* tfLW5: chrome.css reserves 56px of body padding for the signed-in account menu
   (html.has-acct-menu body{padding-top:56px}). On the Living World the menu is hidden,
   so that padding is just an empty strip. Cancel it, and hide leftover #ppTopBar chrome. */
html.pp-world-first.has-acct-menu body,
html.pp-world-first body{padding-top:0!important}
html.pp-world-first #ppTopBar{display:none!important}

/* tfLW6 (t8690u): after an unsigned visitor taps "Sign in or play as guest", keep the Living World at the
   top and put the voice-ask card (Register / Sign in), the sign-in form and Play as guest BELOW the world.
   Beats voice-ask.js 'html body #gate>.va-card{order:1!important}' which had parked that card above the world. */
html.pp-world-open #gate > .gate-scene{order:2!important}
html.pp-world-open body #gate > #voiceAsk,
html.pp-world-open body #gate > .va-card{order:3!important;margin-top:12px}
html.pp-world-open #gate > #gateAuth{order:4!important}
html.pp-world-open #gate > #gateGuest{order:5!important}
html.pp-world-open #gate > .zero-value{order:6!important}
html.pp-world-open.has-acct-menu body,
html.pp-world-open body{padding-top:0!important}
html.pp-world-open #ppTopBar{display:none!important}

/* tfLW7 (owner t8699u, Nov 10 2026): the mic permission card (voice-ask.js #voiceAsk, approved Legal copy and buttons,
   wording unchanged) is the FIRST pop-up, centered in front of the Living World. tfLW4 had hidden #voiceAsk under
   html.pp-world-first, and tfLW6 put every visitor in pp-world-first, so the card vanished. world-first.js moves the
   card into body; it is dressed in the same navy/gold panel as Fantasy Corner. Buttons stay equal in weight. */
html.pp-world-first body>#voiceAsk,html.pp-world-first body>#voiceAskLegal{position:fixed!important;left:50%!important;top:50%!important;
  -webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:2147483000!important;
  width:min(92vw,440px)!important;max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch;
  padding:18px!important;box-sizing:border-box!important;border-radius:24px!important;border:3px solid #ffd76a!important;color:#fff8e6!important;
  background:linear-gradient(180deg,#121c3e 0%,#0a1230 55%,#070d24 100%)!important;
  box-shadow:0 0 0 1px #3a2a00,0 0 26px rgba(255,215,106,.35),0 18px 46px rgba(0,0,0,.65),0 0 0 100vmax rgba(4,8,22,.78)!important}
html.pp-world-first body>#voiceAsk p,html.pp-world-first body>#voiceAskLegal p{color:#fff8e6!important;-webkit-text-fill-color:#fff8e6!important}
html.pp-world-first body>#voiceAsk p#voiceAskWelcome{color:#ffd76a!important;-webkit-text-fill-color:#ffd76a!important;font-weight:800!important;text-shadow:0 2px 0 #000}
html.pp-world-first body>#voiceAsk a,html.pp-world-first body>#voiceAskLegal a{color:#ffe9a3!important;-webkit-text-fill-color:#ffe9a3!important}
html.pp-world-first body>#voiceAsk .va-btn,html.pp-world-first body>#voiceAskLegal .va-btn{background:#070d24!important;border:2px solid #ffd76a!important;border-radius:14px!important;
  color:#fff8e6!important;-webkit-text-fill-color:#fff8e6!important}
html.pp-world-first body>#voiceAsk .va-btn:focus-visible,html.pp-world-first body>#voiceAskLegal .va-btn:focus-visible{outline:3px solid #fff8e6!important;outline-offset:2px}