/* BEMMAFIA V13.18.9 — chat stays accessible on phones, arena remains visible. */
.mobile-chat-launcher,.mobile-chat-backdrop,.mobile-chat-close{display:none}
@media(max-width:800px){
  #game .mobile-chat-launcher{
    display:flex;position:fixed;right:14px;bottom:calc(15px + env(safe-area-inset-bottom,0px));z-index:64;
    align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 18px 0 15px;
    border:1px solid #e1ab6c;border-radius:999px;cursor:pointer;
    background:linear-gradient(125deg,#72212f,#3d1726);color:#ffe8c3;
    box-shadow:0 8px 32px #000a, inset 0 1px #fff2;font-size:14px;font-weight:850;
    touch-action:manipulation;transition:transform .16s ease,box-shadow .16s ease;
  }
  #game .mobile-chat-launcher svg{height:21px;width:21px;flex:none}
  #game .mobile-chat-launcher:active{transform:scale(.95)}
  #game .mobile-chat-launcher:focus-visible,#game .mobile-chat-close:focus-visible{outline:3px solid #eec185;outline-offset:3px}
  #game .mobile-chat-unread{min-width:21px;height:21px;padding:0 4px;border-radius:99px;background:#f6ce89;color:#31121d;display:grid;place-items:center;font-size:11px;font-weight:900}
  #game .mobile-chat-unread.hidden{display:none!important}
  #game .mobile-chat-backdrop{position:fixed;inset:0;z-index:78;border:0;background:rgba(5,5,11,.64);backdrop-filter:blur(4px);cursor:pointer}
  #game.mobile-chat-open .mobile-chat-backdrop{display:block}
  #game .sidebar .chat-block{
    display:none!important;position:fixed;z-index:80;
    left:9px;right:9px;bottom:calc(9px + env(safe-area-inset-bottom,0px));
    width:auto;height:min(68dvh,540px);min-height:min(280px,68dvh);
    padding:16px;box-sizing:border-box;overflow:hidden;
    border:1px solid #a26d55;border-radius:19px;
    background:linear-gradient(180deg,#241720 0%,#11121a 45%,#101119 100%);
    box-shadow:0 22px 90px #000d;
  }
  #game.mobile-chat-open .sidebar .chat-block{display:flex!important;flex-direction:column}
  #game.mobile-chat-open .mobile-chat-launcher{display:none}
  #game .sidebar .chat-block .side-header{flex:none;margin:0 0 12px;gap:12px}
  #game .sidebar .chat-block .side-header h2{font-size:16px;color:#f5d5a6;flex:1}
  #game .sidebar .chat-block .chat-symbol{display:none}
  #game .mobile-chat-close{display:grid;place-items:center;flex:none;min-width:36px;height:36px;background:#31232d;border:1px solid #72505a;border-radius:10px;color:#ffe3cf;font-size:25px;line-height:1;cursor:pointer}
  #game .sidebar .chat-messages{flex:1;min-height:0!important;max-height:none!important;overflow-y:auto;overscroll-behavior:contain;gap:12px}
  #game .sidebar .chat-compose{flex:none;margin-top:12px;gap:9px}
  #game .sidebar .chat-compose input{font-size:16px;min-height:46px;box-sizing:border-box}
  #game .sidebar .chat-compose button{width:46px;min-height:46px;border-radius:11px;font-size:21px;cursor:pointer}
  #game[data-phase="lobby"] .sidebar{min-height:0!important;border:0;padding:0;display:block}
  #game .game-layout{padding-bottom:calc(81px + env(safe-area-inset-bottom,0px))}
}
@media(min-width:801px){#game .mobile-chat-launcher,#game .mobile-chat-backdrop,#game .mobile-chat-close{display:none!important}}
@media(max-width:400px){#game .sidebar .chat-block{left:5px;right:5px;padding:13px;bottom:calc(5px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){#game .mobile-chat-launcher{transition:none}}