/* BU — pás nahoře, přepínač jazyka, Laura. Stejné na každé stránce. */

#buTop{position:fixed;top:0;left:0;right:0;z-index:9997;display:flex;align-items:center;gap:12px;
 padding:0 12px;height:38px;background:rgba(10,10,15,.92);backdrop-filter:blur(12px);
 border-bottom:1px solid rgba(197,160,89,.32);font:12.5px/1 Inter,system-ui,sans-serif;color:#EDE7DA}
body{padding-top:38px}

.buHome{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#F4E4BD;
 font-family:'Druk Wide',Impact,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
 padding:6px 11px;border:1px solid rgba(197,160,89,.4);border-radius:3px;transition:.2s;flex:none;white-space:nowrap}
.buHome span{color:#C5A059}
.buHome:hover{background:#C5A059;color:#0A0A0F}
.buHome:hover span{color:#0A0A0F}

.buPas{flex:1;min-width:0;text-align:center;font-size:11.6px;letter-spacing:.03em;color:#C5A059;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.buVlajka{flex:none;width:32px;height:26px;border-radius:3px;cursor:pointer;font-size:15px;line-height:1;
 background:rgba(197,160,89,.1);border:1px solid rgba(197,160,89,.32);padding:0;transition:.2s}
.buVlajka:hover{background:rgba(197,160,89,.28)}

.buMenu{position:absolute;top:42px;right:10px;background:rgba(10,10,15,.97);backdrop-filter:blur(14px);
 border:1px solid rgba(197,160,89,.34);border-radius:4px;overflow:hidden;min-width:170px;
 box-shadow:0 16px 44px rgba(0,0,0,.62)}
.buMenu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;
 border:0;color:#C9C4B8;font:13px Inter,system-ui,sans-serif;cursor:pointer;text-align:left;transition:.15s}
.buMenu button span{font-size:15px}
.buMenu button:hover{background:rgba(197,160,89,.16);color:#F4E4BD}
.buMenu button.on{color:#F4E4BD;background:rgba(197,160,89,.1)}

/* ---------- Laura ---------- */
#buLaura{position:fixed;left:16px;bottom:calc(var(--bu-lista-h,44px) + 14px);z-index:9993;max-width:min(370px,calc(100vw - 32px));
 opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.75,.3,1)}
#buLaura.in{opacity:1;transform:none}
#buLaura.pryc{opacity:0;transform:translateY(10px)}

.buLa{display:flex;gap:12px;padding:14px 15px;border-radius:5px;
 background:rgba(10,10,15,.93);backdrop-filter:blur(14px);
 border:1px solid rgba(197,160,89,.42);box-shadow:0 18px 50px rgba(0,0,0,.62),0 0 34px rgba(197,160,89,.09)}
.buLtv{width:36px;height:36px;flex:none;border-radius:50%;
 background:linear-gradient(145deg,#F4E4BD,#C5A059 55%,#8A6C34);
 display:flex;align-items:center;justify-content:center;
 font:700 15px 'Druk Wide',Impact,sans-serif;color:#0A0A0F}
.buLtx{min-width:0}
.buLtx b{display:block;font:700 9.5px 'Druk Wide',Impact,sans-serif;letter-spacing:.22em;
 text-transform:uppercase;color:#C5A059;margin-bottom:5px}
.buLtx p{margin:0;font:13.4px/1.5 Inter,system-ui,sans-serif;color:#DAD5C9}
.buLakce{display:flex;gap:7px;margin-top:11px;flex-wrap:wrap}
.buLakce button{border:1px solid rgba(197,160,89,.34);background:rgba(197,160,89,.07);color:#C5A059;
 font:11px Inter,system-ui,sans-serif;padding:5px 10px;border-radius:3px;cursor:pointer;transition:.2s}
.buLakce button:hover{background:rgba(197,160,89,.2);color:#F4E4BD}
.buLzvuk.on{color:#F4E4BD;border-color:rgba(197,160,89,.6);background:rgba(197,160,89,.18)}

@media(max-width:640px){
  #buTop{height:34px;gap:8px;padding:0 8px}
  body{padding-top:34px}
  .buHome{font-size:9px;padding:5px 8px}
  .buPas{font-size:10.4px}
}
@media(prefers-reduced-motion:reduce){#buLaura{transition:none}}

/* ══════ 17. 8. 2026 — LAURA SE NA MOBILU SBALÍ (kontrola nováčka) ══════
   KOŘEN: bublina byla přes celou šířku u spodní hrany (left:10;right:10;bottom:10)
   a ležela přes hlavní tlačítko stránky — naměřeno na /world/ (BETA karta),
   /member/ (SIGN IN WITH E-MAIL), /turnaj/, /office/, /decks/info/, /hrac/.
   Pod 700 px je z Laury KULATÉ TLAČÍTKO v rohu; klepnutí ji rozbalí,
   klepnutí na avatar zase sbalí. Nic nemizí, jen to nepřekáží. */
.buLmini{display:none;width:54px;height:54px;border-radius:50%;cursor:pointer;padding:0;
 background:linear-gradient(145deg,#F4E4BD,#C5A059 55%,#8A6C34);border:1px solid rgba(197,160,89,.6);
 box-shadow:0 10px 30px rgba(0,0,0,.55),0 0 22px rgba(197,160,89,.22);
 font:700 20px 'Druk Wide',Impact,sans-serif;color:#0A0A0F;align-items:center;justify-content:center;
 position:relative}
.buLmini::after{content:"";position:absolute;right:2px;top:2px;width:11px;height:11px;border-radius:50%;
 background:#7EE6A0;box-shadow:0 0 8px #7EE6A0}
.buLmini:hover{filter:brightness(1.06)}
#buLaura .buLtv{cursor:pointer}

@media(max-width:700px){
  #buLaura{left:auto;right:12px;bottom:calc(var(--bu-lista-h,44px) + 12px);max-width:calc(100vw - 24px)}
  #buLaura.sbal{width:54px}
  #buLaura.sbal .buLa{display:none}
  #buLaura.sbal .buLmini{display:flex}
  #buLaura .buLa{max-width:min(360px,calc(100vw - 24px))}
}
/* ve vestavěném okně appky Laura nepatří — appka má vlastní */
html.v-appce #buLaura{display:none !important}
html.v-appce #buTop .buHome{display:none}
/* 18. 8. 2026 (audit „staré cesty a tlačítka“): schované .buHome nechalo viset
   zbytek pásu (jazyk, hláška) i padding-top, co pro něj stránka rezervuje —
   appka má svoji lištu (BranaOkno), tenhle celý pás je tak duplicitní. */
html.v-appce #buTop{display:none !important}
html.v-appce body{padding-top:0 !important}