/* Hub Social (Freunde / Gilde / PvP) — aus Backup snapshot-verify-743463 wiederhergestellt */
/* Eigenständig geladen + ggf. inline, damit die 3 Menüs nicht von rpg.css abhängen. */

/* from .ow-friend-add{ */
.ow-friend-add{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:12px;margin-bottom:8px}
.ow-friend-add-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ow-friend-add-row .ow-modal-input{flex:1;min-width:140px}
/* modal tabs */
.ow-modal-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}
.ow-modal-tab{
  padding:5px 14px;border-radius:8px;font-size:.82rem;font-weight:600;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  cursor:pointer;color:rgba(255,255,255,.65);transition:all .15s;
}
.ow-modal-tab.active,.ow-modal-tab:hover{
  background:rgba(99,102,241,.25);border-color:rgba(99,102,241,.5);color:#fff;
}
.ow-modal-section{display:flex;flex-direction:column;gap:8px}
/* friend/party rows */
.ow-social-row{
  display:flex;align-items:center;gap:10px;
  padding:9px 12px;border-radius:12px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);
  transition:background .12s;
}
.ow-social-row:hover{background:rgba(255,255,255,.09)}

/* from .ow-social-row{ */
.ow-social-row{
  display:flex;align-items:center;gap:10px;
  padding:9px 12px;border-radius:12px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);
  transition:background .12s;
}
.ow-social-row:hover{background:rgba(255,255,255,.09)}
.ow-social-avatar{
  width:36px;height:36px;border-radius:50%;object-fit:cover;
  border:2px solid rgba(255,255,255,.15);flex-shrink:0;
  background:rgba(8,10,16,.95);display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;overflow:hidden;
}
.ow-social-info{flex:1;min-width:0}
.ow-social-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ow-social-meta{font-size:.72rem;color:rgba(255,255,255,.5)}
.ow-social-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}
.ow-autocomplete-wrap{position:relative}
.ow-player-suggest{
    position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;
    max-height:220px;overflow-y:auto;border-radius:10px;
    background:rgba(12,16,28,.96);border:1px solid rgba(255,255,255,.12);
    box-shadow:0 8px 24px rgba(0,0,0,.35)
}
.ow-player-suggest-portal{
    position:fixed;z-index:99999;
}

/* from .ow-social-avatar{ */
.ow-social-avatar{
  width:36px;height:36px;border-radius:50%;object-fit:cover;
  border:2px solid rgba(255,255,255,.15);flex-shrink:0;
  background:rgba(8,10,16,.95);display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;overflow:hidden;
}
.ow-social-info{flex:1;min-width:0}
.ow-social-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ow-social-meta{font-size:.72rem;color:rgba(255,255,255,.5)}
.ow-social-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}
.ow-autocomplete-wrap{position:relative}
.ow-player-suggest{
    position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;
    max-height:220px;overflow-y:auto;border-radius:10px;
    background:rgba(12,16,28,.96);border:1px solid rgba(255,255,255,.12);
    box-shadow:0 8px 24px rgba(0,0,0,.35)
}
.ow-player-suggest-portal{
    position:fixed;z-index:99999;
}
.ow-friend-add,.ow-modal-section:has(.ow-autocomplete-wrap){overflow:visible}

/* from .ow-social-info{ */
.ow-social-info{flex:1;min-width:0}
.ow-social-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ow-social-meta{font-size:.72rem;color:rgba(255,255,255,.5)}
.ow-social-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}
.ow-autocomplete-wrap{position:relative}
.ow-player-suggest{
    position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;
    max-height:220px;overflow-y:auto;border-radius:10px;
    background:rgba(12,16,28,.96);border:1px solid rgba(255,255,255,.12);
    box-shadow:0 8px 24px rgba(0,0,0,.35)
}
.ow-player-suggest-portal{
    position:fixed;z-index:99999;
}
.ow-friend-add,.ow-modal-section:has(.ow-autocomplete-wrap){overflow:visible}
.ow-player-suggest-item{
    display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;
    padding:8px 12px;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer
}
.ow-player-suggest-item:hover,.ow-player-suggest-item:focus{background:rgba(255,255,255,.08)}
.ow-player-suggest-name{font-weight:600;font-size:.88rem}
.ow-invite-banner{padding:10px 12px;border-radius:12px;margin-bottom:10px}

/* from .ow-social-name{ */
.ow-social-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ow-social-meta{font-size:.72rem;color:rgba(255,255,255,.5)}
.ow-social-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}
.ow-autocomplete-wrap{position:relative}
.ow-player-suggest{
    position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;
    max-height:220px;overflow-y:auto;border-radius:10px;
    background:rgba(12,16,28,.96);border:1px solid rgba(255,255,255,.12);
    box-shadow:0 8px 24px rgba(0,0,0,.35)
}
.ow-player-suggest-portal{
    position:fixed;z-index:99999;
}
.ow-friend-add,.ow-modal-section:has(.ow-autocomplete-wrap){overflow:visible}
.ow-player-suggest-item{
    display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;
    padding:8px 12px;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer
}
.ow-player-suggest-item:hover,.ow-player-suggest-item:focus{background:rgba(255,255,255,.08)}
.ow-player-suggest-name{font-weight:600;font-size:.88rem}
.ow-invite-banner{padding:10px 12px;border-radius:12px;margin-bottom:10px}

/* from .ow-empty{ */
.ow-empty{text-align:center;padding:24px;color:rgba(255,255,255,.4);font-size:.88rem}
/* search / input in modal */
.ow-modal-input{
  width:100%;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.07);color:#fff;font-size:.88rem;outline:none;
}
.ow-modal-input:focus{border-color:rgba(99,102,241,.5);background:rgba(99,102,241,.1)}
/* admin combat toggle */
.ow-admin-combat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}
.ow-toggle{position:relative;width:44px;height:24px;flex-shrink:0}
.ow-toggle input{opacity:0;width:0;height:0;position:absolute}
.ow-toggle-slider{position:absolute;cursor:pointer;inset:0;border-radius:24px;background:rgba(255,255,255,.15);transition:.25s}
.ow-toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;border-radius:50%;background:#fff;transition:.25s}
.ow-toggle input:checked+.ow-toggle-slider{background:#6366f1}
.ow-toggle input:checked+.ow-toggle-slider:before{transform:translateX(20px)}

/* from .ow-dot{ */
.ow-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px}
.ow-dot.online{background:#4ade80}
.ow-dot.busy{background:#f87171}
.ow-dot.offline{background:#6b7280}
/* guild banner */
.ow-guild-banner{
  padding:16px;border-radius:14px;text-align:center;
  background:linear-gradient(135deg,rgba(99,102,241,.2) 0%,rgba(168,85,247,.15) 100%);
  border:1px solid rgba(99,102,241,.3);
}
.ow-guild-icon{font-size:2.5rem;line-height:1;margin-bottom:6px}
.ow-guild-name{font-size:1.1rem;font-weight:800;letter-spacing:.03em}
.ow-guild-desc{font-size:.8rem;color:rgba(255,255,255,.55);margin-top:4px}
.ow-guild-stats{display:flex;gap:16px;justify-content:center;margin-top:10px;flex-wrap:wrap}
.ow-guild-stat{text-align:center}
.ow-guild-stat-val{font-size:1.1rem;font-weight:700;color:#a5b4fc}
.ow-guild-stat-lbl{font-size:.7rem;color:rgba(255,255,255,.45)}
/* cost badge */
.ow-cost-badge{
  display:inline-flex;align-items:center;gap:4px;
  padding:3px 10px;border-radius:20px;font-size:.78rem;font-weight:700;
  background:rgba(251,191,36,.15);border:1px solid rgba(251,191,36,.4);color:#fbbf24;
}
/* inventory grid */
.ow-inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}

/* from .ow-friend-add-row{ */
.ow-friend-add-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ow-friend-add-row .ow-modal-input{flex:1;min-width:140px}
/* modal tabs */
.ow-modal-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}
.ow-modal-tab{
  padding:5px 14px;border-radius:8px;font-size:.82rem;font-weight:600;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  cursor:pointer;color:rgba(255,255,255,.65);transition:all .15s;
}
.ow-modal-tab.active,.ow-modal-tab:hover{
  background:rgba(99,102,241,.25);border-color:rgba(99,102,241,.5);color:#fff;
}
.ow-modal-section{display:flex;flex-direction:column;gap:8px}
/* friend/party rows */
.ow-social-row{
  display:flex;align-items:center;gap:10px;
  padding:9px 12px;border-radius:12px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);
  transition:background .12s;
}
.ow-social-row:hover{background:rgba(255,255,255,.09)}
.ow-social-avatar{
  width:36px;height:36px;border-radius:50%;object-fit:cover;
  border:2px solid rgba(255,255,255,.15);flex-shrink:0;
  background:rgba(8,10,16,.95);display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;overflow:hidden;
}

/* from .ow-autocomplete-wrap{ */
.ow-autocomplete-wrap{position:relative}
.ow-player-suggest{
    position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;
    max-height:220px;overflow-y:auto;border-radius:10px;
    background:rgba(12,16,28,.96);border:1px solid rgba(255,255,255,.12);
    box-shadow:0 8px 24px rgba(0,0,0,.35)
}
.ow-player-suggest-portal{
    position:fixed;z-index:99999;
}
.ow-friend-add,.ow-modal-section:has(.ow-autocomplete-wrap){overflow:visible}
.ow-player-suggest-item{
    display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;
    padding:8px 12px;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer
}
.ow-player-suggest-item:hover,.ow-player-suggest-item:focus{background:rgba(255,255,255,.08)}
.ow-player-suggest-name{font-weight:600;font-size:.88rem}
.ow-invite-banner{padding:10px 12px;border-radius:12px;margin-bottom:10px}
.ow-pvp-banner{
  position:absolute;top:12px;left:50%;transform:translateX(-50%);
  z-index:40;max-width:min(92vw,420px);padding:10px 14px;
  border-radius:12px;margin:0;text-align:center
}
.ow-ctx-divider{padding:6px 12px 2px;font-size:.72rem;opacity:.65;pointer-events:none}

/* from .ow-modal-input{ */
.ow-modal-input{flex:1;min-width:140px}
/* modal tabs */
.ow-modal-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}
.ow-modal-tab{
  padding:5px 14px;border-radius:8px;font-size:.82rem;font-weight:600;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  cursor:pointer;color:rgba(255,255,255,.65);transition:all .15s;
}
.ow-modal-tab.active,.ow-modal-tab:hover{
  background:rgba(99,102,241,.25);border-color:rgba(99,102,241,.5);color:#fff;
}
.ow-modal-section{display:flex;flex-direction:column;gap:8px}
/* friend/party rows */
.ow-social-row{
  display:flex;align-items:center;gap:10px;
  padding:9px 12px;border-radius:12px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);
  transition:background .12s;
}
.ow-social-row:hover{background:rgba(255,255,255,.09)}
.ow-social-avatar{
  width:36px;height:36px;border-radius:50%;object-fit:cover;
  border:2px solid rgba(255,255,255,.15);flex-shrink:0;
  background:rgba(8,10,16,.95);display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;overflow:hidden;
}
.ow-social-info{flex:1;min-width:0}

/* from .ow-player-suggest */
.ow-player-suggest-portal,
.mailbox-overlay,
.gh-custom-modal,
.overlay-sheet,
.admin-tab-body{
  scrollbar-width:thin;
  scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);
}
html *:not(.scrollbar-hide):not(.coop-dungeon-party):not(.hub-profile-btns)::-webkit-scrollbar,
#flix-app-rpg *:not(.scrollbar-hide):not(.coop-dungeon-party)::-webkit-scrollbar,
#app *:not(.scrollbar-hide):not(.coop-dungeon-party)::-webkit-scrollbar,
.ow-player-suggest-portal::-webkit-scrollbar,
.mailbox-overlay::-webkit-scrollbar,
.gh-custom-modal::-webkit-scrollbar,
.overlay-sheet::-webkit-scrollbar,
.admin-tab-body::-webkit-scrollbar{
  width:var(--scrollbar-size);height:var(--scrollbar-size);
}

/* === panel-social / guild / pvp (Backup) === */
.panel-social.panel-card{
  padding:12px 14px;max-width:720px;margin:0 auto;
  background:linear-gradient(180deg,rgba(8,10,18,.72),rgba(8,10,18,.84));
  border-color:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.panel-social.panel-friends{border-color:rgba(232,197,71,.22)}
.panel-social.panel-guild{border-color:rgba(96,165,250,.24)}
.panel-social.panel-pvp{border-color:rgba(239,68,68,.28)}
.hub-social-panel{display:flex;flex-direction:column;gap:12px;min-width:0}
.hub-social-title{margin:0 0 4px}
.hub-social-lead{margin:0 0 8px}
.hub-social-list{display:flex;flex-direction:column;gap:8px;max-height:min(52vh,420px);overflow:auto;padding-right:2px}
.hub-social-section-label{margin-top:4px;margin-bottom:2px;letter-spacing:.06em}
.hub-friend-row{
  align-items:center;
  padding:10px 12px;
  gap:10px;
  border-radius:12px;
  background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 4px 14px rgba(0,0,0,.12);
}
.hub-friend-row:hover{background:linear-gradient(155deg,rgba(255,255,255,.1),rgba(255,255,255,.035));border-color:rgba(232,197,71,.16)}
.hub-pending-row{border-color:rgba(232,197,71,.24);background:linear-gradient(155deg,rgba(232,197,71,.08),rgba(0,0,0,.12))}
.hub-friend-row .ow-social-avatar{width:40px;height:40px;margin-top:0;border-radius:50%;border:2px solid rgba(232,197,71,.22);flex-shrink:0;font-size:1.1rem}
.hub-friend-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;padding-top:0}
.hub-friend-name{font-size:.88rem;line-height:1.15;font-weight:700;letter-spacing:.01em}
.hub-friend-name .player-guild-tag{font-size:.56rem;line-height:1.1;opacity:.85}
.hub-friend-name .player-display-name{font-size:.88rem;font-weight:700}
.hub-friend-subline{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;margin-top:0}
.hub-friend-class-line{font-size:.72rem;gap:4px}
.hub-friend-level{font-size:.68rem}
.hub-friend-status{font-size:.62rem;padding:2px 7px;gap:4px}
.hub-friend-actions{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;
  align-self:center;flex-shrink:0;min-width:112px;max-width:132px
}
.hub-friend-actions .btn{min-height:34px;padding:6px 6px!important;font-size:.72rem!important;border-radius:10px;width:100%;justify-content:center;line-height:1}
.hub-friend-actions .hub-social-icon-btn{min-width:0;padding:6px!important;font-size:1rem!important}
.hub-friend-actions .hub-social-pvp-btn{grid-column:1/-1;font-weight:700;font-size:.72rem!important;min-height:34px}
.hub-friend-actions .hub-social-pvp-btn.disabled,.hub-friend-actions .hub-social-pvp-btn:disabled{opacity:.45}
.hub-friend-actions--toolbar{
  display:flex!important;flex-wrap:nowrap!important;gap:8px!important;
  max-width:none!important;min-width:0!important;width:100%;
  grid-template-columns:none!important;
}
.hub-friend-actions--toolbar .btn,
.hub-friend-actions--toolbar .hub-social-pvp-btn{
  flex:1 1 0!important;grid-column:auto!important;
  min-height:48px!important;width:auto!important;max-width:none!important;
  padding:8px 4px!important;font-size:1.2rem!important;border-radius:12px!important;
}
.hub-friend-actions--pending{
  display:flex!important;gap:8px!important;width:100%;max-width:none!important;
}
.hub-friend-actions--pending .btn{
  flex:1 1 0!important;min-height:44px!important;font-size:.88rem!important;padding:10px 12px!important;
}

/* Mobile / schmal: Aktionen unter dem Namen, fingerfreundlich */
@media (max-width:520px){
  .friends-hall-list .hub-friend-row,
  .friends-hall-list .hub-pending-row,
  .hub-social-list .hub-friend-row,
  .hub-social-list .hub-pending-row{
    flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 14px;border-radius:14px;
  }
  .friends-hall-list .hub-friend-actions,
  .friends-hall-list .hub-friend-actions--toolbar,
  .friends-hall-list .hub-pending-row .ow-social-actions,
  .friends-hall-list .hub-friend-actions--pending,
  .hub-social-list .hub-friend-actions,
  .hub-social-list .hub-pending-row .ow-social-actions{
    flex:1 1 100%;width:100%;max-width:none!important;min-width:0;
    display:flex!important;flex-wrap:nowrap;gap:8px;
    grid-template-columns:none!important;
  }
  .friends-hall-list .hub-friend-actions .btn,
  .friends-hall-list .hub-friend-actions--toolbar .btn,
  .friends-hall-list .hub-pending-row .ow-social-actions .btn,
  .hub-social-list .hub-friend-actions .btn{
    flex:1 1 0!important;min-height:52px!important;padding:8px 4px!important;font-size:1.25rem!important;border-radius:12px;
    width:auto!important;grid-column:auto!important;
  }
  .friends-hall-list .hub-friend-actions .hub-social-icon-btn,
  .friends-hall-list .hub-friend-actions .hub-social-pvp-btn,
  .hub-social-list .hub-friend-actions .hub-social-icon-btn,
  .hub-social-list .hub-friend-actions .hub-social-pvp-btn{
    font-size:1.25rem!important;padding:8px 4px!important;grid-column:auto!important;min-height:52px!important;
  }
}
.hub-social-suggest{z-index:30160!important}
/* Postfach-Overlay liegt bei 40070 — Suggest muss darüber (hub-social.css kommt NACH rpg.css) */
.hub-social-suggest-mailbox,
.ow-player-suggest.ow-player-suggest-portal.hub-social-suggest-mailbox{
  position:fixed!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  z-index:40200!important;
  max-height:min(42vh,280px);
  pointer-events:auto;
}
.hub-guild-friend-modal{z-index:30180}
.hub-guild-friend-sheet{width:min(92vw,380px)}
.hub-guild-friend-body{display:flex;flex-direction:column;gap:12px;padding:4px 2px 2px}
.hub-guild-friend-guild{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px}
.hub-guild-friend-guild-icon{font-size:1.4rem;line-height:1;flex-shrink:0}
.hub-guild-friend-logo{width:28px;height:28px;border-radius:8px;object-fit:cover}
.hub-guild-friend-actions{display:flex;flex-direction:column;gap:8px}
.hub-guild-friend-none{margin:0;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04)}
.hub-guild-visit-modal{z-index:30190}
.hub-guild-visit-sheet{width:min(96vw,560px);max-height:min(88vh,720px);display:flex;flex-direction:column}
.hub-guild-visit-body{display:flex;flex-direction:column;gap:10px;padding:0 12px 12px;overflow:auto;flex:1 1 auto;min-height:0}
.hub-guild-visit-lead{margin:0}
.hub-guild-visit-badge{display:inline-block;margin-bottom:8px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(238,241,255,.78)}
.hub-guild-visit-tabs{flex-shrink:0}
.gh-fs-visit-badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:rgba(96,165,250,.16);color:#93c5fd;border:1px solid rgba(96,165,250,.28);font-weight:700}
.gh-fs-visit-hint{border-color:rgba(96,165,250,.22)!important;background:rgba(96,165,250,.08)!important}
.gh-view-only .gh-hotspot-phase-ready{cursor:default}
.gh-detail-viewonly-hint{margin:0;padding:6px 8px;border-radius:8px;background:rgba(96,165,250,.08);border:1px solid rgba(96,165,250,.16)}
.hub-pending-hint{font-size:.68rem;margin-top:0;opacity:.85}
.hub-social-invite{margin-bottom:4px}
.hub-guild-header{padding:10px 12px;border-radius:10px}
.hub-guild-members .ow-social-row{background:rgba(0,0,0,.18);border-radius:8px;padding:6px 8px}
.hub-friend-name .player-name-stack{align-items:flex-start;gap:2px}
.hub-friend-class{font-weight:600;color:rgba(255,255,255,.88)}
.hub-friend-profession{font-size:.68rem;font-weight:600;color:rgba(232,197,71,.92)}
.hub-friend-dot{opacity:.4;margin:0 2px}
.hub-friend-status.online{background:rgba(34,197,94,.16);color:#86efac;border:1px solid rgba(34,197,94,.28)}
.hub-friend-status.busy{background:rgba(239,68,68,.16);color:#fca5a5;border:1px solid rgba(248,113,113,.35)}
.hub-friend-status.offline{background:rgba(255,255,255,.05);color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.1)}
.panel-social .ow-friend-add{padding:10px 12px;border-radius:10px}
.panel-social .ow-social-row{align-items:center}
@media(max-width:520px){
  .hub-social-list{max-height:min(46vh,360px)}
}
.hub-social-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}
.hub-social-tab{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.2);font-size:.68rem;font-weight:700;color:var(--muted);cursor:pointer;touch-action:manipulation}
.hub-social-tab.active{border-color:rgba(232,197,71,.45);color:var(--gold);background:rgba(232,197,71,.08)}
.hub-guild-motd{margin:8px 0 0;font-size:.76rem;line-height:1.4;color:var(--txt)}
.hub-guild-quick-row,.hub-guild-quick{display:flex;flex-wrap:wrap;gap:8px}
.hub-guild-raid-list{display:flex;flex-direction:column;gap:8px}
.hub-guild-raid-card.has-banner,
.hub-guild-active-raid-card.has-banner{min-height:100px}
.hub-guild-active-raid-card.has-banner{width:100%;text-align:left;cursor:pointer;border:none;margin:0;touch-action:manipulation}
.hub-guild-raid-card.has-banner>.hub-guild-raid-banner-bg,
.hub-guild-active-raid-card.has-banner>.hub-guild-raid-banner-bg{
  position:absolute!important;inset:0;z-index:0!important;
  background-size:cover;background-position:center right;pointer-events:none;
  filter:brightness(.68) saturate(.9);
}
.hub-guild-raid-card.has-banner::before,
.hub-guild-active-raid-card.has-banner::before{
  z-index:1!important;
  background:linear-gradient(105deg,rgba(4,2,10,.97) 0%,rgba(6,4,12,.9) 30%,rgba(8,6,14,.62) 52%,rgba(8,6,14,.22) 72%,rgba(8,6,14,.04) 100%)!important;
}
.hub-guild-raid-card.has-banner::after,
.hub-guild-active-raid-card.has-banner::after{z-index:1}
.hub-guild-raid-card.has-banner>.dungeon-panel-info,
.hub-guild-active-raid-card.has-banner>.hub-guild-active-raid-info{
  position:relative;z-index:2;flex:1;min-width:0;
  padding:6px 10px 6px 6px;border-radius:10px;
  background:linear-gradient(90deg,rgba(4,2,10,.78) 0%,rgba(4,2,10,.42) 72%,transparent 100%);
}
.hub-guild-raid-card.has-banner>.dungeon-panel-actions,
.hub-guild-active-raid-card.has-banner>.dungeon-panel-actions{position:relative;z-index:3;flex-shrink:0;padding-left:4px}
.hub-guild-raid-card.has-banner .dungeon-panel-info strong,
.hub-guild-active-raid-card.has-banner .hub-guild-active-raid-info strong{
  color:#faf6ea;font-weight:800;letter-spacing:.01em;
  text-shadow:0 1px 2px rgba(0,0,0,.95),0 2px 10px rgba(0,0,0,.75);
}
.hub-guild-raid-card.has-banner .dungeon-panel-desc,
.hub-guild-active-raid-card.has-banner .dungeon-panel-desc{
  color:rgba(255,255,255,.84)!important;line-height:1.4;
  text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.65);
}
.hub-guild-raid-card.has-banner .dungeon-panel-info .tiny,
.hub-guild-active-raid-card.has-banner .hub-guild-active-raid-info .tiny{
  color:rgba(255,255,255,.9)!important;
  text-shadow:0 1px 3px rgba(0,0,0,.95);
}
.hub-guild-raid-card.has-banner .hub-guild-ko-hint{color:#fca5a5!important;text-shadow:0 1px 3px rgba(0,0,0,.95)}
.hub-guild-raid-card.has-banner .dungeon-panel-actions .btn,
.hub-guild-active-raid-card.has-banner .dungeon-panel-actions .btn{box-shadow:0 4px 14px rgba(0,0,0,.45)}
.hub-guild-raid-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hub-guild-settings{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:10px}
.hub-guild-overview{display:flex;flex-direction:column;gap:10px}
.hub-guild-overview-top{display:flex;align-items:center;gap:12px}
.hub-guild-logo,.hub-guild-logo-preview-img{width:56px;height:56px;border-radius:12px;object-fit:cover;border:2px solid rgba(232,197,71,.35);flex-shrink:0}
.hub-guild-logo-emoji,.hub-guild-logo-preview-img.hub-guild-logo-emoji{font-size:2rem;line-height:56px;text-align:center;display:inline-block;width:56px;height:56px}
.hub-guild-browse-logo{border-radius:10px;font-size:1.1rem}
.hub-guild-overview-title{min-width:0;flex:1}
.hub-guild-stats-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(148px,1fr));
  gap:10px 12px;
  width:100%;
  min-width:0;
}
.hub-guild-stat{
  min-width:0;
  padding:10px 12px;
  border-radius:8px;
  background:rgba(0,0,0,.18);
  display:flex;
  flex-direction:column;
  gap:4px;
  box-sizing:border-box;
}
.hub-guild-stat-label{
  display:block;
  font-size:.68rem;
  color:var(--muted);
  line-height:1.3;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  max-width:100%;
  hyphens:auto;
}
.hub-guild-stat strong{
  font-size:.88rem;
  color:var(--txt);
  line-height:1.2;
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
  font-variant-numeric:tabular-nums;
}
.hub-guild-motd-block,.hub-guild-desc-block{display:flex;flex-direction:column;gap:4px}
.hub-guild-raid-status{padding:6px 0;border-top:1px solid rgba(255,255,255,.08)}
.hub-guild-logo-upload{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.hub-guild-logo-preview{margin:4px 0}
.hub-guild-logo-file-label{cursor:pointer;touch-action:manipulation}
.hub-guild-browse-desc{display:block;margin-top:2px;opacity:.85}
.hub-guild-raid-card.ko-blocked{opacity:.58;border-color:rgba(231,76,60,.28)}
.hub-guild-skills{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;overflow:hidden}
.hub-guild-skills-head{flex-shrink:0;display:flex;flex-direction:column;gap:8px}
.hub-guild-skills-lead{margin:0}
.hub-guild-skills-active{padding:10px 12px;border-radius:10px;margin:0}
.hub-guild-skills-scroll{
  flex:1 1 auto;min-height:0;max-height:min(52vh,480px);
  overflow-y:auto;overflow-x:hidden;padding:2px 4px 10px 0;
  -webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;
  scrollbar-gutter:stable;
  width:100%;box-sizing:border-box;
}
.hub-guild-tab-skills{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;width:100%}
.hub-guild-tab-body{min-height:0;width:100%}
.hub-guild-quests{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;overflow:hidden;height:100%;width:100%}
.hub-guild-quests-head{flex-shrink:0;margin-bottom:0}
.hub-guild-quests-scroll{
  flex:1 1 auto;min-height:0;max-height:min(52vh,480px);
  overflow-y:auto;overflow-x:hidden;padding:2px 4px 10px 0;
  -webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;
  scrollbar-gutter:stable;width:100%;box-sizing:border-box;
}
.hub-guild-tab-quests{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;width:100%}
.hub-guild-quests-list{display:flex;flex-direction:column;gap:10px;padding-bottom:8px;width:100%}
.hub-guild-quest-card{padding:12px;border-radius:12px;color:var(--txt);width:100%;box-sizing:border-box}
.hub-guild-active-raids-stack{display:flex;flex-direction:column;gap:8px}
.hub-guild-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding-bottom:4px}
body.screen-panel:has(#panel-card.panel-guild) #screen-panel{
  display:flex;flex-direction:column;min-height:0;
}
#screen-panel #panel-card.panel-guild{
  max-height:var(--rpg-menu-scroll-max);
  flex:1 1 auto;min-height:0;overflow:hidden;
  display:flex;flex-direction:column;
}
#panel-card.panel-guild>.hub-social-panel{
  flex:1 1 auto;min-height:0;overflow:hidden;
  display:flex;flex-direction:column;gap:8px;
}
#panel-card.panel-guild .panel-title,
#panel-card.panel-guild .hub-social-lead,
#panel-card.panel-guild .hub-social-invite,
#panel-card.panel-guild .hub-guild-tabs{flex-shrink:0}
#panel-card.panel-guild #hub-guild-tab-body:not(.hub-guild-tab-skills):not(.hub-guild-tab-quests){
  flex:1 1 auto;min-height:0;
  overflow-y:auto;overflow-x:hidden;
  -webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;
  padding-right:2px;
  padding-bottom:max(8px,env(safe-area-inset-bottom,0px));
  scrollbar-gutter:stable;
}
#panel-card.panel-guild.panel-guild-skills-open{
  display:flex;flex-direction:column;overflow:hidden;
  max-height:min(calc(100dvh - 108px),700px);
}
#panel-card.panel-guild.panel-guild-skills-open>.hub-social-panel{
  flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:8px;
}
#panel-card.panel-guild.panel-guild-skills-open .panel-title,
#panel-card.panel-guild.panel-guild-skills-open .hub-social-lead,
#panel-card.panel-guild.panel-guild-skills-open .hub-guild-tabs{flex-shrink:0}
#panel-card.panel-guild.panel-guild-skills-open #hub-guild-tab-body{overflow:hidden}
#panel-card.panel-guild.panel-guild-skills-open .hub-guild-skills-scroll{max-height:none}
#panel-card.panel-guild.panel-guild-quests-open{
  display:flex;flex-direction:column;overflow:hidden;
  max-height:min(calc(100dvh - 108px),700px);
}
#panel-card.panel-guild.panel-guild-quests-open>.hub-social-panel{
  flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:8px;
}
#panel-card.panel-guild.panel-guild-quests-open .panel-title,
#panel-card.panel-guild.panel-guild-quests-open .hub-social-lead,
#panel-card.panel-guild.panel-guild-quests-open .hub-guild-tabs{flex-shrink:0}
#panel-card.panel-guild.panel-guild-quests-open #hub-guild-tab-body{overflow:hidden}
#panel-card.panel-guild.panel-guild-quests-open .hub-guild-quests-scroll{max-height:none}
.hub-guild-skill-card{padding:12px;border-radius:12px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--line)}
.hub-guild-skill-card.unlocked{border-color:rgba(34,197,94,.35);box-shadow:0 0 0 1px rgba(34,197,94,.08)}
.hub-guild-skill-card.ready{border-color:rgba(94,196,255,.35)}
.hub-guild-skill-card.locked{opacity:.72}
.hub-guild-skill-head{display:flex;align-items:flex-start;gap:10px}
.hub-guild-skill-emoji{font-size:1.6rem;line-height:1}
.hub-guild-skill-desc{margin:0;line-height:1.35}
.hub-guild-skill-actions{margin-top:auto}
@media (max-width:560px){
  .hub-guild-skills-grid{grid-template-columns:1fr}
}
.hub-guild-ko-hint{color:#f87171;display:block;margin-top:2px}
.hub-guild-active-raid-info{flex:1;min-width:0}
.hub-guild-active-raid-hp{margin-top:6px;display:flex;flex-direction:column;gap:4px}
.guild-raid-boss-fallback{width:100%;height:100%;min-height:120px;background:linear-gradient(180deg,rgba(20,12,40,.6),rgba(8,8,16,.9));border-radius:12px}
.guild-raid-boss-meta{margin-top:2px}
.guild-raid-minion-label{display:block;font-size:.62rem;margin-bottom:4px;opacity:.85}
.guild-raid-reward-items{margin:6px 0 0;padding-left:16px}
.guild-raid-victory{margin-top:8px;padding:10px 12px;border:1px solid rgba(46,204,113,.35);background:rgba(46,204,113,.08);border-radius:12px}
.guild-raid-ko{padding:8px 10px;border-radius:8px;background:rgba(231,76,60,.08);border:1px solid rgba(231,76,60,.2)}
.hub-guild-treasury-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:4px}
.hub-guild-treasury-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px}
.hub-guild-treasury-emoji{font-size:1.4rem;line-height:1}
.hub-guild-treasury-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.hub-guild-treasury-label{font-size:.64rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.hub-guild-treasury-info strong{font-size:.88rem;color:var(--txt)}
.hub-guild-deposit-section{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:12px;margin-bottom:4px}
.hub-guild-deposit-grid,.hub-guild-storage-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.hub-guild-inv-row,.hub-guild-storage-row{margin:0}
.hub-guild-inv-row .inv-row-actions{width:100%}
.hub-guild-storage-row-actions{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}
.hub-guild-withdraw-qty{width:64px;min-width:56px;min-height:32px;padding:4px 6px;font-size:.72rem}
.hub-guild-storage-drag{opacity:.55;cursor:grab;user-select:none;padding:0 2px;font-size:.9rem;line-height:1}
.hub-guild-storage-slot.filled.is-draggable{cursor:grab}
.hub-guild-storage-slot.filled.is-dragging{opacity:.55}
.hub-guild-storage-slot.filled.drag-over{outline:2px solid rgba(232,197,71,.55);outline-offset:2px}
.hub-guild-storage-slot.empty{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px dashed rgba(255,255,255,.14);border-radius:var(--r-sm);background:rgba(0,0,0,.12)}
.hub-guild-storage-empty{margin-top:8px;padding:8px;text-align:center}
.hub-guild-storage-count-full{color:#f87171!important;font-weight:700}
.hub-guild-ranks-panel{
  margin:14px 0 4px;padding:0;border-radius:18px;overflow:hidden;
  border:1px solid rgba(232,197,71,.26);
  background:
    radial-gradient(120% 80% at 0% 0%,rgba(232,197,71,.12),transparent 55%),
    linear-gradient(165deg,rgba(28,24,18,.96),rgba(10,12,18,.98));
  box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);
  display:flex;flex-direction:column
}
.hub-guild-ranks-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:14px 14px 10px;border-bottom:1px solid rgba(255,255,255,.07)
}
.hub-guild-ranks-intro{display:flex;align-items:flex-start;gap:10px;min-width:0}
.hub-guild-ranks-badge{
  width:40px;height:40px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:1.2rem;
  background:linear-gradient(145deg,rgba(232,197,71,.28),rgba(180,83,9,.18));
  border:1px solid rgba(253,230,138,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)
}
.hub-guild-ranks-copy{min-width:0}
.hub-guild-ranks-title{
  margin:0;font-size:.92rem;font-weight:850;letter-spacing:.01em;
  color:#fde68a;line-height:1.2
}
.hub-guild-ranks-lead{
  margin:4px 0 0;font-size:.68rem;line-height:1.35;color:rgba(220,226,240,.58)
}
.hub-guild-ranks-add{
  flex-shrink:0;min-height:34px;padding:0 12px;border-radius:999px;cursor:pointer;
  display:inline-flex;align-items:center;gap:5px;
  font:inherit;font-size:.72rem;font-weight:800;color:#1a1208;
  border:1px solid rgba(253,230,138,.65);
  background:linear-gradient(180deg,#fde68a,#e8c547 55%,#b45309);
  box-shadow:0 4px 12px rgba(180,83,9,.28)
}
.hub-guild-ranks-add:hover{filter:brightness(1.06)}
.hub-guild-ranks-meta{padding:8px 14px 0;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase}
.hub-guild-ranks-list{display:flex;flex-direction:column;gap:8px;padding:10px 12px 14px}
.hub-guild-ranks-empty{
  margin:0;padding:18px 12px;text-align:center;border-radius:12px;
  border:1px dashed rgba(255,255,255,.14);color:rgba(220,226,240,.55);font-size:.76rem
}
.hub-guild-rank-row{
  display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;
  background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);
  transition:border-color .15s,background .15s,transform .12s
}
.hub-guild-rank-row:hover{
  background:rgba(255,255,255,.04);border-color:rgba(232,197,71,.32)
}
.hub-guild-rank-row.is-builtin{
  background:linear-gradient(90deg,rgba(232,197,71,.07),rgba(0,0,0,.22) 40%)
}
.hub-guild-rank-avatar{
  width:42px;height:42px;border-radius:13px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:1.25rem;
  background:rgba(8,10,16,.65);border:1px solid rgba(255,255,255,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)
}
.hub-guild-rank-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.hub-guild-rank-name-line{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.hub-guild-rank-name{font-size:.88rem;font-weight:800;color:#fff;line-height:1.15}
.hub-guild-rank-chip{
  font-size:.58rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  padding:2px 7px;border-radius:999px;
  color:rgba(253,230,138,.9);background:rgba(232,197,71,.12);border:1px solid rgba(232,197,71,.28)
}
.hub-guild-rank-row:not(.is-builtin) .hub-guild-rank-chip{
  color:rgba(167,243,208,.95);background:rgba(16,185,129,.12);border-color:rgba(52,211,153,.28)
}
.hub-guild-rank-sub{
  display:flex;align-items:center;gap:8px;font-size:.66rem;color:rgba(220,226,240,.55)
}
.hub-guild-rank-bar{
  flex:1;max-width:88px;height:4px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden
}
.hub-guild-rank-bar > span{
  display:block;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,#e8c547,#f59e0b)
}
.hub-guild-rank-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}
.hub-guild-rank-btn{
  min-height:32px;padding:0 12px;border-radius:10px;cursor:pointer;
  font:inherit;font-size:.7rem;font-weight:750;color:rgba(253,230,138,.95);
  border:1px solid rgba(232,197,71,.4);
  background:rgba(232,197,71,.12)
}
.hub-guild-rank-btn:hover{background:rgba(232,197,71,.22);border-color:rgba(253,230,138,.55)}
.hub-guild-rank-btn-danger{
  min-width:32px;padding:0;color:rgba(252,165,165,.95);
  border-color:rgba(248,113,113,.35);background:rgba(127,29,29,.25)
}
.hub-guild-rank-btn-danger:hover{background:rgba(185,28,28,.4)}
.hub-guild-member-actions{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.hub-guild-rank-assign{min-width:120px;max-width:160px;min-height:30px;padding:4px 6px;font-size:.72rem}

.hub-guild-rank-modal{
  position:fixed;inset:0;z-index:13050;display:flex;align-items:center;justify-content:center;
  padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px))
}
.hub-guild-rank-backdrop{position:absolute;inset:0;border:0;padding:0;background:rgba(4,8,16,.72);backdrop-filter:blur(6px);cursor:pointer}
.hub-guild-rank-sheet{
  position:relative;z-index:1;width:min(440px,100%);max-height:min(86vh,720px);
  display:flex;flex-direction:column;padding:0;border-radius:18px;overflow:hidden;
  border:1px solid rgba(232,197,71,.28);
  background:linear-gradient(165deg,rgba(28,24,18,.98),rgba(12,14,22,.98) 42%,rgba(8,10,16,.99));
  box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)
}
.hub-guild-rank-sheet-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(232,197,71,.1),transparent)
}
.hub-guild-rank-kicker{
  margin:0 0 2px;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(253,230,138,.75)
}
.hub-guild-rank-sheet-titles h3{margin:0;font-size:1.12rem;font-weight:800;color:#fff}
.hub-guild-rank-sheet .gh-detail-close{position:relative;top:0;right:0;flex-shrink:0}
.hub-guild-rank-sheet-body{flex:1;min-height:0;overflow:auto;padding:14px 16px 8px;display:flex;flex-direction:column;gap:14px}
.hub-guild-rank-identity{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:end}
.hub-guild-rank-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.hub-guild-rank-field-lbl{font-size:.62rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:rgba(238,241,255,.55)}
.hub-guild-rank-emoji-input{
  width:100%;min-height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.28);color:#fff;font-size:1.45rem;text-align:center;padding:6px
}
.hub-guild-rank-name-input{min-height:48px;border-radius:12px;font-size:.92rem}
.hub-guild-rank-perms-title{font-size:.72rem;font-weight:800;color:var(--gold,#e8c547);margin-bottom:8px}
.hub-guild-rank-perms{display:flex;flex-direction:column;gap:12px}
.hub-guild-rank-group{
  border-radius:14px;border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.2);overflow:hidden
}
.hub-guild-rank-group-head{
  display:flex;align-items:center;gap:8px;padding:8px 12px;
  background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.06)
}
.hub-guild-rank-group-emoji{font-size:1rem;line-height:1}
.hub-guild-rank-group-title{font-size:.72rem;font-weight:800;letter-spacing:.03em;color:rgba(248,250,255,.9)}
.hub-guild-rank-group-list{display:flex;flex-direction:column;padding:4px}
.hub-guild-rank-perm{
  display:flex;align-items:center;gap:10px;padding:10px 12px;margin:2px;border-radius:10px;
  cursor:pointer;user-select:none;transition:background .12s ease,border-color .12s ease;
  border:1px solid transparent
}
.hub-guild-rank-perm:hover{background:rgba(255,255,255,.05)}
.hub-guild-rank-perm.is-on{
  background:rgba(232,197,71,.1);border-color:rgba(232,197,71,.28)
}
.hub-guild-rank-perm input{position:absolute;opacity:0;pointer-events:none}
.hub-guild-rank-perm-ui{
  width:20px;height:20px;border-radius:6px;flex-shrink:0;
  border:1.5px solid rgba(255,255,255,.28);background:rgba(0,0,0,.35);
  position:relative;transition:background .12s,border-color .12s,box-shadow .12s
}
.hub-guild-rank-perm.is-on .hub-guild-rank-perm-ui{
  background:linear-gradient(145deg,#e8c547,#b45309);border-color:rgba(253,230,138,.8);
  box-shadow:0 0 0 1px rgba(232,197,71,.25)
}
.hub-guild-rank-perm.is-on .hub-guild-rank-perm-ui::after{
  content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;
  border:solid #1a1208;border-width:0 2px 2px 0;transform:rotate(45deg)
}
.hub-guild-rank-perm-label{font-size:.8rem;font-weight:650;color:rgba(245,248,255,.92);line-height:1.25}
.hub-guild-rank-sheet-foot{
  display:flex;gap:8px;padding:12px 16px 16px;border-top:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.18)
}
.hub-guild-rank-sheet-foot .gh-btn{flex:1;justify-content:center;min-height:42px}
.hub-guild-raid-grid{margin-top:6px}
.hub-guild-raid-lead{margin:0 0 6px}
.hub-guild-raid-card.locked{opacity:.62}
.hub-pvp-panel{gap:14px}
.hub-pvp-hero{
  position:relative;min-height:108px;border-radius:18px;overflow:hidden;
  background:linear-gradient(135deg,rgba(20,12,40,.95),rgba(8,8,16,.92));
  border:1px solid rgba(232,197,71,.22);box-shadow:0 10px 28px rgba(0,0,0,.28);
}
.hub-pvp-hero::before{
  content:'';position:absolute;inset:0;background-image:var(--hub-pvp-hero);background-size:cover;background-position:center;
  opacity:.72;
}
.hub-pvp-hero-overlay{
  position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.62));
}
.hub-pvp-hero-content{position:relative;z-index:1;padding:16px 18px 14px}
.hub-pvp-title{margin:0;font-size:1.18rem;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.hub-pvp-tagline{margin:6px 0 0;font-size:.76rem;color:rgba(255,255,255,.72)}
.hub-pvp-queue-panel{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}
.hub-pvp-queue-panel.is-searching{border-color:rgba(232,197,71,.35);box-shadow:0 0 24px rgba(232,197,71,.12)}
.hub-pvp-queue-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hub-pvp-queue-label{font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--gold)}
.hub-pvp-queue-status{font-size:.72rem;color:rgba(255,255,255,.68)}
.hub-pvp-queue-panel.is-searching .hub-pvp-queue-status{color:#fde68a;animation:hub-pvp-pulse 1.4s ease-in-out infinite}
.hub-pvp-queue-timer-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:84px}
.hub-pvp-queue-ring{
  position:absolute;width:84px;height:84px;border-radius:50%;
  border:2px solid rgba(255,255,255,.12);border-top-color:rgba(232,197,71,.85);
  animation:hub-pvp-spin 1.1s linear infinite;opacity:0;
}
.hub-pvp-queue-panel.is-searching .hub-pvp-queue-ring{opacity:1}
.hub-pvp-queue-timer{font-size:1.65rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.06em;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.hub-pvp-queue-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hub-pvp-queue-card{
  position:relative;display:flex;flex-direction:column;min-height:148px;border-radius:14px;overflow:hidden;
  border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);cursor:pointer;padding:0;text-align:left;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.hub-pvp-queue-card:hover{transform:translateY(-2px);border-color:rgba(232,197,71,.35);box-shadow:0 8px 22px rgba(0,0,0,.28)}
.hub-pvp-queue-card-bg{
  position:relative;flex:1 1 auto;width:100%;min-height:92px;
  background-image:var(--hub-pvp-card);background-size:cover;background-position:center center;background-repeat:no-repeat;
  display:block;
}
.hub-pvp-queue-card--casual .hub-pvp-queue-card-bg{background-color:#0a0814}
.hub-pvp-queue-card--ranked .hub-pvp-queue-card-bg{background-color:#1a0808}
.hub-pvp-queue-card-content{
  position:relative;z-index:1;flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-start;gap:3px;
  padding:10px 12px;background:rgba(8,6,16,.92);border-top:1px solid rgba(255,255,255,.08);
}
.hub-pvp-queue-card-title{font-weight:800;font-size:.84rem;line-height:1.2}
.hub-pvp-queue-card-desc{font-size:.66rem;color:rgba(255,255,255,.72);line-height:1.3}
.hub-pvp-queue-cancel{align-self:center;margin-top:2px}
.hub-pvp-queue-hint{margin:0;text-align:center}
.hub-pvp-friend-intro{padding:12px 14px;border-radius:12px;margin-bottom:4px}
.hub-social-friend-pvp-btn{grid-column:1/-1!important;background:linear-gradient(135deg,rgba(59,130,246,.28),rgba(34,197,94,.18))!important}
@keyframes hub-pvp-spin{to{transform:rotate(360deg)}}
@keyframes hub-pvp-pulse{0%,100%{opacity:.75}50%{opacity:1}}
@media(max-width:520px){
  .hub-pvp-queue-cards{grid-template-columns:1fr}
  .hub-pvp-queue-card{min-height:136px}
  .hub-pvp-queue-card-bg{min-height:84px}
}
.hub-pvp-ranked-me,.hub-pvp-ranked-info{padding:10px 12px;border-radius:10px;margin-bottom:8px}

/* Avatar + Namensbuttons: keine hellen Flächen / keine UA-Button-Kästen */
.ow-social-avatar,
.hub-friend-row .ow-social-avatar,
.hub-friend-avatar-btn > .ow-social-avatar{
  background:rgba(8,10,16,.98)!important;
  background-color:rgba(8,10,16,.98)!important;
  box-shadow:none;
}
.ow-social-avatar-wrap,
.hub-friend-row .ow-social-avatar-wrap,
.hub-friend-avatar-btn .ow-social-avatar-wrap{
  background:rgba(8,10,16,.98)!important;
  background-color:rgba(8,10,16,.98)!important;
  border-radius:12px;
  overflow:visible;
}
.ow-social-avatar-wrap.has-cos-frame .ow-social-avatar,
.hub-friend-row .ow-social-avatar-wrap.has-cos-frame .ow-social-avatar{
  border:0!important;
  border-radius:18%!important;
  clip-path:inset(0 round 18%)!important;
  -webkit-clip-path:inset(0 round 18%)!important;
  background:rgba(8,10,16,.98)!important;
  object-fit:cover!important;
  object-position:center!important;
}
.hub-friend-avatar-btn,
.hub-friend-name-btn,
.chat-row-name-btn{
  -webkit-appearance:none!important;
  appearance:none!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:inherit!important;
}
.hub-friend-name-btn .cos-name-text,
.hub-friend-name-btn .hub-friend-name-text,
.hub-friend-name-btn .player-display-name{
  background-color:transparent!important;
}
.hub-friend-name-btn .cos-namecolor-owner .cos-name-text,
.hub-friend-name-btn .cos-namecolor-admin .cos-name-text,
.hub-friend-name-btn .cos-namecolor-gm .cos-name-text,
.hub-friend-name-btn .cos-namecolor-feather .cos-name-text,
.hub-friend-name-btn .cos-namecolor-mythic .cos-name-text,
.hub-friend-name-text.cos-namecolor-owner .cos-name-text,
.hub-friend-name-text.cos-namecolor-admin .cos-name-text,
.hub-friend-name-text.cos-namecolor-gm .cos-name-text,
.hub-friend-name-text.cos-namecolor-feather .cos-name-text,
.hub-friend-name-text.cos-namecolor-mythic .cos-name-text{
  display:inline-block;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
}

/* Freundesliste: Name + Badges, kein Du-Tag, kein Profil-Icon rechts */
.hub-friend-name-line{
  display:flex;flex-wrap:wrap;align-items:center;gap:5px 6px;min-width:0;max-width:100%;
}
.hub-friend-badges{
  display:inline-flex;align-items:center;gap:4px;flex-shrink:0;
}
.hub-friend-badge.cos-badge-wrap{cursor:help;line-height:0}
.hub-friend-badges .cos-badge-inline{
  width:20px;height:20px;border:0!important;background:transparent!important;
  object-fit:contain;border-radius:5px;
}
.hub-friend-you-tag{display:none!important}
.hub-friend-row--self .hub-friend-actions{display:none!important}

/* ===== PvP · Anime Arena HUD ===== */
body.pvp-hall-active .rpg-wwm-fs{
  padding:0!important;background:transparent!important;
}
body.pvp-hall-active .rpg-wwm-fs-body{
  padding:0!important;overflow:hidden!important;display:block!important;
}
body.pvp-hall-active .rpg-wwm-fs-shell,
.rpg-wwm-fs-shell.arcade-fs-theme-pvp-hall{
  background:transparent!important;border:none!important;box-shadow:none!important;
  width:100%;max-width:none;height:100%;border-radius:0;overflow:hidden;
}
body.pvp-hall-active .top-bar{opacity:0;pointer-events:none}
body.pvp-hall-active #screen-panel,
body.pvp-hall-active #panel-card{
  opacity:0!important;pointer-events:none!important;visibility:hidden!important;
}
.pvp-hall-fs{
  --pvp-ink:#f4f7ff;
  --pvp-muted:rgba(214,226,255,.72);
  --pvp-gold:#ffd56a;
  --pvp-crimson:#ff5d7a;
  --pvp-cyan:#7ee8ff;
  --pvp-navy:rgba(6,10,22,.72);
  --pvp-cut:14px;
  position:relative;width:100%;height:100%;min-height:100dvh;
  display:flex;flex-direction:column;isolation:isolate;overflow:hidden;
  color:var(--pvp-ink);background:#05070f;
  font-family:"Rajdhani",ui-sans-serif,system-ui,sans-serif;
}
.pvp-hall-bg,.pvp-hall-veil,.pvp-hall-heat,.pvp-hall-embers,.pvp-hall-rays,.pvp-hall-scan{
  position:absolute;inset:0;pointer-events:none;z-index:0;
}
.pvp-hall-bg{
  background-size:cover;background-position:center 32%;
  filter:saturate(1.18) contrast(1.12) brightness(.78);
  transform:scale(1.06);
  animation:pvpHallBgDrift 26s ease-in-out infinite alternate;
}
@keyframes pvpHallBgDrift{
  from{transform:scale(1.06) translate3d(0,0,0)}
  to{transform:scale(1.1) translate3d(0,-1.4%,0)}
}
.pvp-hall-veil{
  background:
    radial-gradient(ellipse 80% 38% at 50% 0%,rgba(255,90,70,.22),transparent 58%),
    radial-gradient(ellipse 70% 40% at 50% 100%,rgba(8,16,40,.92),rgba(5,8,18,.55) 55%,transparent 80%),
    linear-gradient(180deg,rgba(5,8,16,.58) 0%,rgba(5,8,16,.18) 28%,rgba(5,8,16,.32) 58%,rgba(4,6,14,.92) 100%);
}
.pvp-hall-heat{
  z-index:1;opacity:.4;mix-blend-mode:screen;
  background:
    radial-gradient(ellipse 50% 26% at 50% 78%,rgba(255,90,50,.22),transparent 70%),
    radial-gradient(ellipse 30% 18% at 18% 30%,rgba(126,232,255,.12),transparent 70%);
  animation:pvpHeatPulse 5.5s ease-in-out infinite;
}
@keyframes pvpHeatPulse{
  0%,100%{opacity:.26;transform:scale(1)}
  50%{opacity:.48;transform:scale(1.04)}
}
.pvp-hall-rays{
  z-index:1;opacity:.3;mix-blend-mode:screen;
  background:
    conic-gradient(from 200deg at 50% 12%,transparent 0 8deg,rgba(255,180,80,.16) 10deg,transparent 16deg,transparent 28deg,rgba(126,232,255,.1) 30deg,transparent 36deg,transparent 100%);
  animation:pvpRaysDrift 18s ease-in-out infinite alternate;
}
@keyframes pvpRaysDrift{
  from{opacity:.16;transform:scale(1)}
  to{opacity:.34;transform:scale(1.05)}
}
.pvp-hall-scan{
  z-index:1;opacity:.08;
  background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(126,232,255,.18) 3px 4px);
  mix-blend-mode:overlay;
}
.pvp-hall-embers{z-index:1;overflow:hidden}
.pvp-hall-embers span{
  position:absolute;bottom:-6%;left:8%;
  width:4px;height:4px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,230,160,.95),rgba(255,80,40,.12) 68%,transparent);
  animation:pvpEmberRise 8s linear infinite;opacity:0;
}
.pvp-hall-embers span:nth-child(1){left:8%;animation-delay:0s}
.pvp-hall-embers span:nth-child(2){left:18%;width:3px;height:3px;animation-delay:1s;animation-duration:7s}
.pvp-hall-embers span:nth-child(3){left:32%;animation-delay:2.1s;animation-duration:9s}
.pvp-hall-embers span:nth-child(4){left:46%;width:5px;height:5px;animation-delay:.6s}
.pvp-hall-embers span:nth-child(5){left:58%;animation-delay:3.2s;animation-duration:7.6s}
.pvp-hall-embers span:nth-child(6){left:70%;width:3px;height:3px;animation-delay:1.7s}
.pvp-hall-embers span:nth-child(7){left:82%;animation-delay:4s;animation-duration:8.4s}
.pvp-hall-embers span:nth-child(8){left:92%;width:3px;height:3px;animation-delay:2.8s}
.pvp-hall-embers span:nth-child(9){left:12%;width:2px;height:2px;animation-delay:5s;animation-duration:10s}
.pvp-hall-embers span:nth-child(10){left:40%;animation-delay:3.8s;animation-duration:8.8s}
.pvp-hall-embers span:nth-child(11){left:64%;width:3px;height:3px;animation-delay:1.2s;animation-duration:9.4s}
.pvp-hall-embers span:nth-child(12){left:86%;animation-delay:4.6s;animation-duration:7.2s}
@keyframes pvpEmberRise{
  0%{transform:translate3d(0,0,0) scale(.5);opacity:0}
  10%{opacity:.9}
  100%{transform:translate3d(14px,-108vh,0) scale(1.15);opacity:0}
}
.pvp-hall-shell{
  position:relative;z-index:2;
  display:flex;flex-direction:column;gap:12px;
  width:100%;max-width:980px;margin:0 auto;
  height:100%;min-height:0;
  padding:max(10px,env(safe-area-inset-top)) 16px max(14px,env(safe-area-inset-bottom));
  box-sizing:border-box;
  animation:pvpHallIn .55s cubic-bezier(.2,.9,.25,1) both;
  background:transparent!important;border:none!important;box-shadow:none!important;
}
@keyframes pvpHallIn{
  from{opacity:0;transform:translateY(16px) scale(.985)}
  to{opacity:1;transform:none}
}
.pvp-hall-topbar{
  display:grid;grid-template-columns:auto 1fr auto;
  align-items:center;gap:10px 14px;flex-shrink:0;
}
.pvp-hall-back{
  appearance:none;-webkit-appearance:none;
  margin:0;padding:8px 14px 8px 12px;cursor:pointer;
  display:inline-flex;align-items:center;gap:8px;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  border:1px solid rgba(126,232,255,.38);
  background:linear-gradient(165deg,rgba(18,28,48,.78),rgba(8,12,24,.7));
  color:#d9f6ff;font:inherit;font-weight:800;font-size:.78rem;
  letter-spacing:.14em;text-transform:uppercase;
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  box-shadow:0 0 16px rgba(126,232,255,.12),inset 0 1px 0 rgba(255,255,255,.08);
  transition:border-color .16s ease,box-shadow .16s ease,filter .16s ease;
}
.pvp-hall-back-ico{font-size:.7rem;color:var(--pvp-cyan)}
.pvp-hall-back:hover{
  border-color:rgba(255,213,106,.7);
  box-shadow:0 0 22px rgba(255,213,106,.22);
  filter:brightness(1.08);
}
.pvp-hall-hero{
  text-align:center;padding:0;margin:0;
  background:transparent;border:0;box-shadow:none;
  display:flex;flex-direction:column;align-items:center;min-width:0;
}
.pvp-hall-brand{
  margin:0;font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(.62rem,1.8vw,.78rem);letter-spacing:.42em;text-transform:uppercase;
  color:var(--pvp-cyan);
  text-shadow:0 0 16px rgba(126,232,255,.55),0 2px 10px rgba(0,0,0,.7);
}
.pvp-hall-title{
  margin:2px 0 0;font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(1.7rem,6.2vw,2.7rem);font-weight:800;letter-spacing:.18em;
  line-height:.92;text-transform:uppercase;
  background:linear-gradient(180deg,#fff8e8 8%,#ffd56a 46%,#ff8a4a 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 16px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(255,90,40,.35));
}
.pvp-hall-top-rank{justify-self:end}
.pvp-hall-top-rank[hidden]{display:none!important}
.pvp-hall-ranked{
  margin:0;padding:7px 12px 7px 10px;width:fit-content;max-width:100%;
  display:inline-flex;align-items:center;gap:8px;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  border:1px solid rgba(255,213,106,.42);
  background:linear-gradient(135deg,rgba(255,180,70,.18),rgba(8,12,24,.62));
  box-shadow:0 0 18px rgba(255,213,106,.16),inset 0 1px 0 rgba(255,255,255,.1);
  color:#ffe9b8;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.pvp-hall-ranked-emoji{font-size:1.2rem;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}
.pvp-hall-ranked-meta{display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left}
.pvp-hall-ranked-meta strong{
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
}
.pvp-hall-ranked-meta span{font-size:.66rem;color:rgba(255,230,190,.78)}

.pvp-hall-window{
  position:relative;flex:1 1 auto;min-height:0;
  display:flex;flex-direction:column;gap:0;
  padding:10px 10px 12px;
  background:linear-gradient(180deg,rgba(8,14,28,.72),rgba(6,10,20,.78));
  border:1px solid rgba(126,232,255,.28);
  box-shadow:
    0 18px 48px rgba(0,0,0,.45),
    0 0 0 1px rgba(255,213,106,.08),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.pvp-hall-win-corner{
  position:absolute;width:18px;height:18px;pointer-events:none;z-index:3;
  border-color:var(--pvp-gold);border-style:solid;border-width:0;
  filter:drop-shadow(0 0 6px rgba(255,213,106,.45));
}
.pvp-hall-win-corner--tl{top:6px;left:6px;border-top-width:2px;border-left-width:2px}
.pvp-hall-win-corner--tr{top:6px;right:6px;border-top-width:2px;border-right-width:2px}
.pvp-hall-win-corner--bl{bottom:6px;left:6px;border-bottom-width:2px;border-left-width:2px}
.pvp-hall-win-corner--br{bottom:6px;right:6px;border-bottom-width:2px;border-right-width:2px}

.pvp-hall-tabs{
  flex-shrink:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;margin:0 0 10px;padding:4px;
  background:rgba(4,8,16,.45);
  border:1px solid rgba(126,232,255,.16);
  box-shadow:none;backdrop-filter:none;
}
.pvp-hall-tabs .hub-pvp-tab{
  margin:0;padding:9px 8px;border:0;border-radius:0;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  background:transparent;color:rgba(214,226,255,.55);
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  position:relative;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  transition:color .16s ease,background .16s ease,box-shadow .16s ease;
}
.pvp-hall-tab-ico{color:var(--pvp-cyan);font-size:.78rem;line-height:1}
.pvp-hall-tabs .hub-pvp-tab::after{content:none}
.pvp-hall-tabs .hub-pvp-tab:hover{color:#fff;background:rgba(126,232,255,.08)}
.pvp-hall-tabs .hub-pvp-tab.active{
  color:#1a1208;background:linear-gradient(180deg,#ffe7a8,#ffc14a);
  box-shadow:0 0 18px rgba(255,193,74,.35);
  transform:none;border:0;
}
.pvp-hall-tabs .hub-pvp-tab.active .pvp-hall-tab-ico{color:#7a3a00}

.pvp-hall-body{
  flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;
  overflow-y:auto;overflow-x:hidden;
  -webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  padding:2px 2px 6px;scrollbar-width:thin;
}

.pvp-hall-stage{
  flex:1 1 auto;min-height:0;margin:0;padding:0;
  display:flex;flex-direction:column;gap:10px;align-items:stretch;
  background:transparent!important;border:none!important;box-shadow:none!important;
  backdrop-filter:none!important;
}
.pvp-hall-stage-status{
  display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;
}
.pvp-hall-stage .hub-pvp-queue-status{
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(214,226,255,.82);text-shadow:0 0 12px rgba(126,232,255,.25);
}
.pvp-hall-sun{
  position:relative;flex-shrink:0;
  height:96px;min-height:96px;opacity:.38;
  display:flex;align-items:center;justify-content:center;
  transition:opacity .25s ease,filter .25s ease;
  pointer-events:none;overflow:visible;
}
.pvp-hall-stage:not(.is-searching) .pvp-hall-sun .hub-pvp-queue-timer{opacity:.4}
.pvp-hall-stage:not(.is-searching) .pvp-hall-sun .hub-pvp-queue-ring{opacity:0}
.pvp-hall-stage.is-searching .pvp-hall-sun{opacity:1;filter:none}
.pvp-hall-stage .hub-pvp-queue-timer{
  color:#fff8e8;font-size:1.7rem;font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  text-shadow:0 0 22px rgba(126,232,255,.45),0 2px 12px rgba(0,0,0,.55);
}
.pvp-hall-stage .hub-pvp-queue-ring{
  border-color:rgba(126,232,255,.16);border-top-color:rgba(255,213,106,.95);
}
.pvp-hall-stage .hub-pvp-queue-ring--outer{
  width:104px;height:104px;border-width:1px;opacity:0;
  border-color:rgba(255,93,122,.18);border-top-color:rgba(126,232,255,.55);
  animation:hub-pvp-spin 2.2s linear infinite;
}
.pvp-hall-stage.is-searching .hub-pvp-queue-ring,
.pvp-hall-stage.is-searching .hub-pvp-queue-ring--outer{opacity:1}

.pvp-hall-gates{
  flex:1 1 auto;min-height:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
  align-content:stretch;
}
.pvp-hall-gate{
  position:relative;min-height:min(44vh,360px);height:100%;
  overflow:hidden;padding:0;cursor:pointer;
  border:1px solid rgba(126,232,255,.32)!important;
  background:#070b16!important;
  clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);
  box-shadow:0 16px 36px rgba(0,0,0,.48),0 0 0 1px rgba(0,0,0,.35);
  display:flex!important;flex-direction:column!important;
  transition:border-color .2s ease,box-shadow .2s ease,filter .2s ease;
  transform:none!important;
  perspective:1100px;
}
.pvp-hall-gate--casual{
  border-color:rgba(255,93,122,.48)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.48),0 0 28px rgba(255,70,80,.16);
}
.pvp-hall-gate--ranked{
  border-color:rgba(255,213,106,.5)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.48),0 0 28px rgba(255,213,106,.18);
}
.pvp-hall-gate:hover,
.pvp-hall-gate:focus-visible{
  transform:none!important;
  filter:brightness(1.06);
}
.pvp-hall-gate--casual:hover,
.pvp-hall-gate--casual:focus-visible{
  border-color:rgba(255,140,150,.85)!important;
  box-shadow:0 20px 44px rgba(80,10,20,.5),0 0 36px rgba(255,80,90,.32);
}
.pvp-hall-gate--ranked:hover,
.pvp-hall-gate--ranked:focus-visible{
  border-color:rgba(255,230,160,.9)!important;
  box-shadow:0 20px 44px rgba(70,40,8,.5),0 0 36px rgba(255,213,106,.34);
}
.pvp-hall-gate:active,
button.pvp-hall-gate:active,
.btn.pvp-hall-gate:active,
.hub-pvp-queue-card.pvp-hall-gate:active{
  transform:none!important;
}
.pvp-hall-gate.is-selected{border-color:rgba(126,232,255,.75)!important}
.pvp-hall-gate--casual.is-selected{
  box-shadow:0 0 0 2px rgba(255,93,122,.45),0 0 40px rgba(255,80,90,.32);
}
.pvp-hall-gate--ranked.is-selected{
  border-color:rgba(255,230,160,.9)!important;
  box-shadow:0 0 0 2px rgba(255,213,106,.5),0 0 40px rgba(255,213,106,.34);
}
.pvp-hall-gate .hub-pvp-queue-card-bg{
  position:absolute;inset:0;min-height:0;flex:none;z-index:0;
  background-image:var(--hub-pvp-card);background-size:cover;background-position:center 22%;
  filter:saturate(1.16) contrast(1.08) brightness(.92);
  transform:scale(1.04);
  transition:transform .7s ease,filter .45s ease;
}
.pvp-hall-gate:hover .hub-pvp-queue-card-bg,
.pvp-hall-gate.is-selected .hub-pvp-queue-card-bg{
  transform:scale(1.08);filter:saturate(1.22) contrast(1.1) brightness(1.02);
}
.pvp-hall-gate.is-open .hub-pvp-queue-card-bg,
.pvp-hall-gate.is-opening .hub-pvp-queue-card-bg{
  transform:scale(1.12);filter:saturate(1.28) contrast(1.12) brightness(1.08);
}
.pvp-hall-gate-glow{
  position:absolute;inset:10% 16% 16%;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 42%,rgba(126,232,255,.22),transparent 68%);
  opacity:.5;transition:opacity .45s ease;
}
.pvp-hall-gate--casual .pvp-hall-gate-glow{
  background:radial-gradient(ellipse at 50% 42%,rgba(255,90,80,.32),transparent 68%);
}
.pvp-hall-gate--ranked .pvp-hall-gate-glow{
  background:radial-gradient(ellipse at 50% 42%,rgba(255,213,106,.32),transparent 68%);
}
.pvp-hall-gate:hover .pvp-hall-gate-glow,
.pvp-hall-gate.is-selected .pvp-hall-gate-glow{opacity:.88}
.pvp-hall-gate.is-open .pvp-hall-gate-glow,
.pvp-hall-gate.is-opening .pvp-hall-gate-glow{opacity:1}
.pvp-hall-gate-core{
  position:absolute;left:50%;top:42%;z-index:2;pointer-events:none;
  width:72px;height:72px;margin:-36px 0 0 -36px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.55),rgba(126,232,255,.12) 42%,transparent 70%);
  box-shadow:0 0 28px rgba(126,232,255,.35);
  opacity:.35;transform:scale(.85);
  transition:opacity .35s ease,transform .45s ease;
}
.pvp-hall-gate--casual .pvp-hall-gate-core{
  background:radial-gradient(circle,rgba(255,220,200,.55),rgba(255,70,70,.16) 42%,transparent 70%);
  box-shadow:0 0 28px rgba(255,80,80,.4);
}
.pvp-hall-gate--ranked .pvp-hall-gate-core{
  background:radial-gradient(circle,rgba(255,248,220,.6),rgba(255,200,80,.18) 42%,transparent 70%);
  box-shadow:0 0 28px rgba(255,213,106,.42);
}
.pvp-hall-gate:hover .pvp-hall-gate-core,
.pvp-hall-gate.is-selected .pvp-hall-gate-core{opacity:.7;transform:scale(1)}
.pvp-hall-gate-doors{
  position:absolute;inset:0;z-index:3;pointer-events:none;
  display:flex;gap:0;overflow:hidden;
}
.pvp-hall-gate-door{
  flex:1 1 50%;width:50%;height:100%;position:relative;
  background-image:none!important;
  transition:transform .75s cubic-bezier(.22,.75,.2,1),filter .4s ease,opacity .5s ease;
  will-change:transform;
  backface-visibility:hidden;
}
.pvp-hall-gate-door--l{
  background:
    linear-gradient(90deg,rgba(6,10,22,.92) 0%,rgba(18,28,48,.78) 72%,rgba(126,232,255,.18) 100%),
    repeating-linear-gradient(180deg,transparent 0 11px,rgba(126,232,255,.1) 11px 12px);
  transform-origin:left center;
  transform:perspective(1000px) rotateY(-8deg) scale(1.02);
  box-shadow:6px 0 18px rgba(0,0,0,.45);
  border-right:1px solid rgba(126,232,255,.35);
}
.pvp-hall-gate-door--r{
  background:
    linear-gradient(270deg,rgba(6,10,22,.92) 0%,rgba(18,28,48,.78) 72%,rgba(126,232,255,.18) 100%),
    repeating-linear-gradient(180deg,transparent 0 11px,rgba(126,232,255,.1) 11px 12px);
  transform-origin:right center;
  transform:perspective(1000px) rotateY(8deg) scale(1.02);
  box-shadow:-6px 0 18px rgba(0,0,0,.45);
  border-left:1px solid rgba(126,232,255,.35);
}
.pvp-hall-gate--casual .pvp-hall-gate-door--l{
  background:
    linear-gradient(90deg,rgba(18,6,10,.94) 0%,rgba(48,12,18,.8) 72%,rgba(255,80,80,.22) 100%),
    repeating-linear-gradient(180deg,transparent 0 11px,rgba(255,90,90,.12) 11px 12px);
  border-right-color:rgba(255,93,122,.45);
}
.pvp-hall-gate--casual .pvp-hall-gate-door--r{
  background:
    linear-gradient(270deg,rgba(18,6,10,.94) 0%,rgba(48,12,18,.8) 72%,rgba(255,80,80,.22) 100%),
    repeating-linear-gradient(180deg,transparent 0 11px,rgba(255,90,90,.12) 11px 12px);
  border-left-color:rgba(255,93,122,.45);
}
.pvp-hall-gate--ranked .pvp-hall-gate-door--l{
  background:
    linear-gradient(90deg,rgba(16,12,6,.94) 0%,rgba(48,32,10,.8) 72%,rgba(255,213,106,.22) 100%),
    repeating-linear-gradient(180deg,transparent 0 11px,rgba(255,213,106,.12) 11px 12px);
  border-right-color:rgba(255,213,106,.5);
}
.pvp-hall-gate--ranked .pvp-hall-gate-door--r{
  background:
    linear-gradient(270deg,rgba(16,12,6,.94) 0%,rgba(48,32,10,.8) 72%,rgba(255,213,106,.22) 100%),
    repeating-linear-gradient(180deg,transparent 0 11px,rgba(255,213,106,.12) 11px 12px);
  border-left-color:rgba(255,213,106,.5);
}
.pvp-hall-gate:hover .pvp-hall-gate-door--l{transform:perspective(1000px) rotateY(-24deg) scale(1.02)}
.pvp-hall-gate:hover .pvp-hall-gate-door--r{transform:perspective(1000px) rotateY(24deg) scale(1.02)}
.pvp-hall-gate.is-selected:not(.is-opening):not(.is-open) .pvp-hall-gate-door--l{
  transform:perspective(1000px) rotateY(-46deg) scale(1.02);
}
.pvp-hall-gate.is-selected:not(.is-opening):not(.is-open) .pvp-hall-gate-door--r{
  transform:perspective(1000px) rotateY(46deg) scale(1.02);
}
.pvp-hall-gate.is-opening .pvp-hall-gate-door--l,
.pvp-hall-gate.is-open .pvp-hall-gate-door--l{
  transform:perspective(1000px) rotateY(-84deg);
  filter:brightness(.72);
}
.pvp-hall-gate.is-opening .pvp-hall-gate-door--r,
.pvp-hall-gate.is-open .pvp-hall-gate-door--r{
  transform:perspective(1000px) rotateY(84deg);
  filter:brightness(.72);
}
.pvp-hall-gate-arch{
  position:absolute;inset:0;z-index:4;pointer-events:none;
  box-shadow:inset 0 0 0 2px rgba(126,232,255,.12),inset 0 -70px 80px rgba(4,8,16,.7);
}
.pvp-hall-gate-frame{
  position:absolute;inset:8px;z-index:5;pointer-events:none;
  border:1px solid rgba(255,255,255,.12);
  clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);
}
.pvp-hall-gate-veil{
  position:absolute;inset:0;z-index:6;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(6,10,20,.08) 0%,rgba(6,10,20,.12) 42%,rgba(5,8,16,.78) 78%,rgba(4,6,14,.96) 100%);
  transition:background .45s ease,opacity .45s ease;
}
.pvp-hall-gate.is-selected .pvp-hall-gate-veil,
.pvp-hall-gate.is-open .pvp-hall-gate-veil,
.pvp-hall-gate.is-opening .pvp-hall-gate-veil{
  background:
    linear-gradient(180deg,rgba(6,10,20,.02) 0%,rgba(6,10,20,.06) 40%,rgba(5,8,16,.58) 78%,rgba(4,6,14,.9) 100%),
    radial-gradient(ellipse 70% 50% at 50% 40%,rgba(126,232,255,.16),transparent 72%);
}
.hub-pvp-queue-card-shine{
  position:absolute;inset:0;z-index:7;pointer-events:none;
  background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.16) 48%,transparent 60%);
  transform:translateX(-130%);
}
.pvp-hall-gate:hover .hub-pvp-queue-card-shine{animation:pvpCardShine .9s ease both}
@keyframes pvpCardShine{to{transform:translateX(130%)}}
.pvp-hall-gate .hub-pvp-queue-card-content{
  position:relative;z-index:8;margin-top:auto;
  display:flex;flex-direction:column;gap:4px;align-items:center;
  padding:14px 12px 16px;
  background:transparent!important;border:0!important;
  text-align:center;
}
.pvp-hall-gate-kicker{
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;
  color:var(--pvp-cyan);
}
.pvp-hall-gate--casual .pvp-hall-gate-kicker{color:#ff9aa8}
.pvp-hall-gate--ranked .pvp-hall-gate-kicker{color:#ffe08a}
.pvp-hall-gate .hub-pvp-queue-card-title{
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(.95rem,3.2vw,1.18rem);font-weight:800;letter-spacing:.06em;
  color:#fff8ee;line-height:1.15;text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.7);
}
.pvp-hall-gate--casual .hub-pvp-queue-card-title{
  text-shadow:0 2px 14px rgba(0,0,0,.65),0 0 16px rgba(255,80,90,.28);
}
.pvp-hall-gate--ranked .hub-pvp-queue-card-title{
  text-shadow:0 2px 14px rgba(0,0,0,.65),0 0 16px rgba(255,213,106,.3);
}
.pvp-hall-gate .hub-pvp-queue-card-desc{
  font-size:.7rem;line-height:1.35;color:rgba(230,236,255,.8);max-width:16rem;
}
.pvp-hall-gate-cta{
  margin-top:6px;padding:5px 14px;
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:#1a1208;
  background:linear-gradient(180deg,#ffe7a8,#ffc14a);
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  box-shadow:0 0 14px rgba(255,193,74,.35);
}
.pvp-hall-gate--casual .pvp-hall-gate-cta{
  color:#fff;background:linear-gradient(180deg,#ff7a8c,#e23a55);
  box-shadow:0 0 14px rgba(255,80,90,.35);
}
@media (prefers-reduced-motion:reduce){
  .pvp-hall-gate-door{transition-duration:.01ms!important}
}

.pvp-hall-cancel,
.pvp-hall-btn{
  appearance:none;-webkit-appearance:none;
  flex-shrink:0;align-self:center;margin:2px 0 0;padding:9px 18px;cursor:pointer;
  min-height:38px;box-sizing:border-box;
  border:1px solid rgba(255,93,122,.45);
  background:linear-gradient(180deg,rgba(80,16,28,.7),rgba(28,8,14,.75));
  color:#ffe0e6;
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
  box-shadow:0 0 16px rgba(255,93,122,.16);
  transition:filter .16s ease,box-shadow .16s ease;
}
.pvp-hall-btn{
  border-color:rgba(255,213,106,.5);
  background:linear-gradient(180deg,#ffe7a8,#ffc14a);
  color:#1a1208;
  box-shadow:0 0 16px rgba(255,193,74,.28);
}
.pvp-hall-cancel:hover,.pvp-hall-btn:hover{filter:brightness(1.08)}
.pvp-hall-cancel.hidden{
  display:block!important;visibility:hidden;opacity:0;pointer-events:none;
}
body.pvp-hall-active .hub-pvp-queue-hint{
  margin:0;text-align:center;color:rgba(214,226,255,.62)!important;
  text-shadow:0 1px 6px rgba(0,0,0,.55);font-size:.72rem;
}

.pvp-hall-pane{
  padding:12px 12px 14px;
  background:rgba(6,10,20,.42);
  border:1px solid rgba(126,232,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);
}
.pvp-hall-pane--list,.pvp-hall-pane--board{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.pvp-hall-pane-head{
  display:flex;flex-direction:column;gap:2px;margin:0 0 8px;text-align:center;
}
.pvp-hall-pane-kicker{
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--pvp-cyan);
}
.pvp-hall-pane-head strong{
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:#fff4dc;
}
.pvp-hall-pane-lead{margin:0 0 10px;text-align:center;color:rgba(214,226,255,.72)!important}
.pvp-hall-add{flex-shrink:0;padding:0;margin:0;border:0;background:transparent;backdrop-filter:none}
.pvp-hall-add label{
  display:block;margin:0 0 6px;text-align:center;
  color:rgba(214,226,255,.78);font-weight:700;font-size:.72rem;letter-spacing:.06em;
}
.pvp-hall-add .ow-friend-add-row{
  gap:8px;padding:8px;
  background:rgba(4,8,16,.5);border:1px solid rgba(126,232,255,.2);
  clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
}
.pvp-hall-input,
body.pvp-hall-active .pvp-hall-add .ow-modal-input{
  background:rgba(8,14,28,.7)!important;
  border:1px solid rgba(126,232,255,.28)!important;
  color:#f4f7ff!important;border-radius:0!important;
}
body.pvp-hall-active .pvp-hall-add .ow-modal-input:focus{
  border-color:rgba(255,213,106,.6)!important;
  box-shadow:0 0 12px rgba(255,213,106,.18);
}
.pvp-hall-list{
  flex:1 1 auto;min-height:0;max-height:none!important;
  overflow-y:auto;overflow-x:hidden;
  -webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  padding:4px 0 8px;gap:8px;scrollbar-width:thin;
}
body.pvp-hall-active .pvp-hall-list .hub-friend-row,
body.pvp-hall-active .pvp-hall-list .ow-social-row{
  background:rgba(8,14,28,.62);
  border:1px solid rgba(126,232,255,.16);
  box-shadow:0 8px 20px rgba(0,0,0,.28);
  color:#eef3ff;
  clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
  border-radius:0;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
body.pvp-hall-active .pvp-hall-list .hub-friend-row:hover,
body.pvp-hall-active .pvp-hall-list .ow-social-row:hover{
  border-color:rgba(255,213,106,.45);
  background:rgba(16,22,40,.72);
}
body.pvp-hall-active .pvp-hall-rank-top--1{
  border-color:rgba(255,213,106,.55)!important;
  background:rgba(70,48,12,.55)!important;
}
body.pvp-hall-active .pvp-hall-rank-top--2{
  border-color:rgba(180,210,255,.4)!important;
  background:rgba(28,36,56,.55)!important;
}
body.pvp-hall-active .pvp-hall-rank-top--3{
  border-color:rgba(255,140,90,.42)!important;
  background:rgba(56,28,16,.52)!important;
}
body.pvp-hall-active .pvp-hall-list .hub-social-section-label,
body.pvp-hall-active .pvp-hall-list .inv-section-label{
  color:var(--pvp-gold);font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;
  text-align:center;text-shadow:0 0 10px rgba(255,213,106,.25);
}
body.pvp-hall-active .pvp-hall-list .tiny.muted,
body.pvp-hall-active .pvp-hall-list .hub-friend-subline{
  color:rgba(214,226,255,.7)!important;
}
body.pvp-hall-active .pvp-hall-list .ow-empty,
body.pvp-hall-active .pvp-hall-body > .ow-empty{
  color:rgba(214,226,255,.72);text-align:center;padding:28px 12px;
}
body.pvp-hall-active .pvp-hall-list .hub-friend-actions .btn,
body.pvp-hall-active .pvp-hall-list .hub-social-icon-btn{
  border-radius:0!important;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);
  background:rgba(8,14,28,.7)!important;
  border:1px solid rgba(126,232,255,.28)!important;
  color:#e8f6ff!important;
}
body.pvp-hall-active .pvp-hall-list .hub-social-pvp-btn{
  background:linear-gradient(180deg,#ffe7a8,#ffc14a)!important;
  border-color:rgba(255,213,106,.55)!important;
  color:#1a1208!important;font-weight:800!important;
}

@media (max-width:640px){
  .pvp-hall-topbar{grid-template-columns:auto 1fr;gap:8px}
  .pvp-hall-top-rank{grid-column:1/-1;justify-self:center}
  .pvp-hall-gates{gap:10px}
  .pvp-hall-gate{min-height:min(36vh,260px)}
  .pvp-hall-tabs .hub-pvp-tab{padding:8px 6px;font-size:.58rem;letter-spacing:.08em;gap:4px}
}
@media (max-width:420px){
  .pvp-hall-gates{grid-template-columns:1fr;gap:12px}
  .pvp-hall-gate{min-height:180px}
  .pvp-hall-title{font-size:clamp(1.5rem,10vw,2.1rem)}
  .pvp-hall-tab-ico{display:none}
}
@media (max-height:700px){
  .pvp-hall-title{font-size:clamp(1.4rem,6vh,2rem)}
  .pvp-hall-gate{min-height:min(32vh,210px)}
  .pvp-hall-sun{height:72px;min-height:72px}
}
@media (prefers-reduced-motion:reduce){
  .pvp-hall-shell,.pvp-hall-bg,.pvp-hall-heat,.pvp-hall-embers span,
  .pvp-hall-gate:hover .hub-pvp-queue-card-shine{animation:none}
}

/* APK/WebView: Arena-BG contain (kein Cover-Crop + Ken-Burns), kein Overlay-Blink */
html[data-abenteuer-apk="1"] .pvp-hall-fs,
html.flix-rpg-mobile .pvp-hall-fs,
html[data-mobile-shell="1"] .pvp-hall-fs{
  min-height:0!important;height:100%!important;max-height:none!important;
}
html[data-abenteuer-apk="1"] .pvp-hall-bg,
html.flix-rpg-mobile .pvp-hall-bg,
html[data-mobile-shell="1"] .pvp-hall-bg{
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  animation:none!important;
}
html[data-abenteuer-apk="1"] .pvp-hall-gate .hub-pvp-queue-card-bg,
html.flix-rpg-mobile .pvp-hall-gate .hub-pvp-queue-card-bg,
html[data-mobile-shell="1"] .pvp-hall-gate .hub-pvp-queue-card-bg,
html[data-abenteuer-apk="1"] .pvp-hall-gate:hover .hub-pvp-queue-card-bg,
html[data-abenteuer-apk="1"] .pvp-hall-gate.is-selected .hub-pvp-queue-card-bg,
html.flix-rpg-mobile .pvp-hall-gate:hover .hub-pvp-queue-card-bg,
html.flix-rpg-mobile .pvp-hall-gate.is-selected .hub-pvp-queue-card-bg{
  background-size:contain!important;
  background-position:center center!important;
  transform:none!important;
}
html[data-abenteuer-apk="1"] .pvp-hall-heat,
html[data-abenteuer-apk="1"] .pvp-hall-embers span,
html.flix-rpg-mobile .pvp-hall-heat,
html.flix-rpg-mobile .pvp-hall-embers span{
  animation:none!important;
  transform:none!important;
}
html[data-abenteuer-apk="1"] .hub-pvp-queue-panel.is-searching .hub-pvp-queue-status,
html.flix-rpg-mobile .hub-pvp-queue-panel.is-searching .hub-pvp-queue-status{
  animation:none!important;
}

/* ===== Gilde · Anime Bannerhalle HUD ===== */
body.guild-hall-active .rpg-wwm-fs{
  padding:0!important;background:transparent!important;
}
body.guild-hall-active .rpg-wwm-fs-body{
  padding:0!important;overflow:hidden!important;display:block!important;
}
body.guild-hall-active .rpg-wwm-fs-shell,
.rpg-wwm-fs-shell.arcade-fs-theme-guild-hall{
  background:transparent!important;border:none!important;box-shadow:none!important;
  width:100%;max-width:none;height:100%;border-radius:0;overflow:hidden;
}
body.guild-hall-active .top-bar{opacity:0;pointer-events:none}
body.guild-hall-active #screen-panel,
body.guild-hall-active #panel-card{
  opacity:0!important;pointer-events:none!important;visibility:hidden!important;
}
.guild-hall-fs{
  --gh-ink:#f4f7ff;
  --gh-muted:rgba(214,226,255,.72);
  --gh-gold:#ffd56a;
  --gh-cyan:#7ee8ff;
  --gh-crimson:#ff5d7a;
  position:relative;width:100%;height:100%;min-height:100dvh;
  display:flex;flex-direction:column;isolation:isolate;overflow:hidden;
  color:var(--gh-ink);background:#05070f;
  font-family:"Rajdhani",ui-sans-serif,system-ui,sans-serif;
}
.guild-hall-bg,.guild-hall-veil,.guild-hall-heat,.guild-hall-scan{
  position:absolute;inset:0;pointer-events:none;z-index:0;
}
.guild-hall-bg{
  background-size:cover;background-position:center 28%;
  filter:saturate(1.16) contrast(1.1) brightness(.76);
  transform:scale(1.05);
  animation:guildHallBgDrift 28s ease-in-out infinite alternate;
}
@keyframes guildHallBgDrift{
  from{transform:scale(1.05) translate3d(0,0,0)}
  to{transform:scale(1.09) translate3d(0,-1.2%,0)}
}
.guild-hall-veil{
  background:
    radial-gradient(ellipse 80% 36% at 50% 0%,rgba(255,180,70,.2),transparent 58%),
    radial-gradient(ellipse 70% 40% at 50% 100%,rgba(8,16,40,.92),rgba(5,8,18,.55) 55%,transparent 80%),
    linear-gradient(180deg,rgba(5,8,16,.58) 0%,rgba(5,8,16,.16) 28%,rgba(5,8,16,.32) 58%,rgba(4,6,14,.92) 100%);
}
.guild-hall-heat{
  z-index:1;opacity:.38;mix-blend-mode:screen;
  background:
    radial-gradient(ellipse 48% 24% at 50% 78%,rgba(255,180,70,.2),transparent 70%),
    radial-gradient(ellipse 28% 16% at 18% 28%,rgba(126,232,255,.12),transparent 70%);
}
.guild-hall-scan{
  z-index:1;opacity:.07;
  background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(126,232,255,.16) 3px 4px);
  mix-blend-mode:overlay;
}
.guild-hall-shell{
  position:relative;z-index:2;
  display:flex;flex-direction:column;gap:12px;
  width:100%;max-width:980px;margin:0 auto;
  height:100%;min-height:0;
  padding:max(10px,env(safe-area-inset-top)) 16px max(14px,env(safe-area-inset-bottom));
  box-sizing:border-box;
  animation:guildHallIn .55s cubic-bezier(.2,.9,.25,1) both;
  background:transparent!important;border:none!important;box-shadow:none!important;
}
@keyframes guildHallIn{
  from{opacity:0;transform:translateY(16px) scale(.985)}
  to{opacity:1;transform:none}
}
.guild-hall-topbar{
  display:grid;grid-template-columns:auto 1fr auto;
  align-items:center;gap:10px 14px;flex-shrink:0;
}
.guild-hall-back{
  appearance:none;-webkit-appearance:none;
  margin:0;padding:8px 14px 8px 12px;cursor:pointer;
  display:inline-flex;align-items:center;gap:8px;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  border:1px solid rgba(126,232,255,.38);
  background:linear-gradient(165deg,rgba(18,28,48,.78),rgba(8,12,24,.7));
  color:#d9f6ff;font:inherit;font-weight:800;font-size:.78rem;
  letter-spacing:.14em;text-transform:uppercase;
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  box-shadow:0 0 16px rgba(126,232,255,.12),inset 0 1px 0 rgba(255,255,255,.08);
  transition:border-color .16s ease,box-shadow .16s ease,filter .16s ease;
}
.guild-hall-back-ico{font-size:.7rem;color:var(--gh-cyan)}
.guild-hall-back:hover{
  border-color:rgba(255,213,106,.7);
  box-shadow:0 0 22px rgba(255,213,106,.22);
  filter:brightness(1.08);
}
.guild-hall-hero{
  text-align:center;padding:0;margin:0;
  background:transparent;border:0;box-shadow:none;
  display:flex;flex-direction:column;align-items:center;min-width:0;
}
.guild-hall-brand{
  margin:0;font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(.62rem,1.8vw,.78rem);letter-spacing:.42em;text-transform:uppercase;
  color:var(--gh-cyan);
  text-shadow:0 0 16px rgba(126,232,255,.55),0 2px 10px rgba(0,0,0,.7);
}
.guild-hall-title{
  margin:2px 0 0;font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(1.7rem,6.2vw,2.7rem);font-weight:800;letter-spacing:.18em;
  line-height:.92;text-transform:uppercase;
  background:linear-gradient(180deg,#fff8e8 8%,#ffd56a 46%,#ff8a4a 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 16px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(255,180,40,.32));
}
.guild-hall-top-slot{justify-self:end}
.guild-hall-badge{
  margin:0;padding:6px 12px 6px 8px;width:fit-content;max-width:100%;
  display:inline-flex;align-items:center;gap:8px;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  border:1px solid rgba(255,213,106,.42);
  background:linear-gradient(135deg,rgba(255,180,70,.18),rgba(8,12,24,.62));
  box-shadow:0 0 18px rgba(255,213,106,.16),inset 0 1px 0 rgba(255,255,255,.1);
  color:#ffe9b8;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.guild-hall-badge-logo,.guild-hall-badge .hub-guild-logo{
  width:28px;height:28px;border-radius:6px;object-fit:cover;flex-shrink:0;
  font-size:1.15rem;display:inline-flex;align-items:center;justify-content:center;
}
.guild-hall-badge-meta{display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left}
.guild-hall-badge-meta strong{
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;
}
.guild-hall-badge-meta span{font-size:.64rem;color:rgba(255,230,190,.78)}

.guild-hall-window{
  position:relative;flex:1 1 auto;min-height:0;
  display:flex;flex-direction:column;gap:0;
  padding:10px 10px 12px;
  background:linear-gradient(180deg,rgba(8,14,28,.72),rgba(6,10,20,.78));
  border:1px solid rgba(126,232,255,.28);
  box-shadow:
    0 18px 48px rgba(0,0,0,.45),
    0 0 0 1px rgba(255,213,106,.08),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.guild-hall-win-corner{
  position:absolute;width:18px;height:18px;pointer-events:none;z-index:3;
  border-color:var(--gh-gold);border-style:solid;border-width:0;
  filter:drop-shadow(0 0 6px rgba(255,213,106,.45));
}
.guild-hall-win-corner--tl{top:6px;left:6px;border-top-width:2px;border-left-width:2px}
.guild-hall-win-corner--tr{top:6px;right:6px;border-top-width:2px;border-right-width:2px}
.guild-hall-win-corner--bl{bottom:6px;left:6px;border-bottom-width:2px;border-left-width:2px}
.guild-hall-win-corner--br{bottom:6px;right:6px;border-bottom-width:2px;border-right-width:2px}
.guild-hall-main{
  flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;
  overflow:hidden;
}
.guild-hall-tabs{
  flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:center;
  gap:5px;margin:0 0 10px;padding:4px;
  background:rgba(4,8,16,.45);
  border:1px solid rgba(126,232,255,.16);
  box-shadow:none;backdrop-filter:none;
}
.guild-hall-tabs .hub-guild-tab{
  margin:0;padding:8px 10px;border:0;border-radius:0;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:transparent;color:rgba(214,226,255,.55);
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  position:relative;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  transition:color .16s ease,background .16s ease,box-shadow .16s ease;
}
.guild-hall-tab-ico{color:var(--gh-cyan);font-size:.72rem;line-height:1}
.guild-hall-tabs .hub-guild-tab::after{content:none}
.guild-hall-tabs .hub-guild-tab:hover{color:#fff;background:rgba(126,232,255,.08)}
.guild-hall-tabs .hub-guild-tab.active{
  color:#1a1208;background:linear-gradient(180deg,#ffe7a8,#ffc14a);
  box-shadow:0 0 16px rgba(255,193,74,.32);
  transform:none;border:0;
}
.guild-hall-tabs .hub-guild-tab.active .guild-hall-tab-ico{color:#7a3a00}
.guild-hall-body,
.guild-hall-main #hub-guild-tab-body{
  flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;
  overflow-y:auto;overflow-x:hidden;
  -webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;
  padding:2px 2px 10px;scrollbar-width:thin;scrollbar-gutter:stable;
  width:100%;box-sizing:border-box;
}
/* Lager u.a.: Content-Area ist der Scroll-Host (kein Parent-Clip ohne Höhe) */
.guild-hall-main #hub-guild-tab-body:not(.hub-guild-tab-skills):not(.hub-guild-tab-quests),
.guild-hall-main #hub-guild-tab-body.hub-guild-tab-storage{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  height:auto!important;
  max-height:none;
  touch-action:pan-y;
}
.hub-guild-storage{
  display:flex;flex-direction:column;gap:10px;
  width:100%;min-width:0;padding-bottom:8px;box-sizing:border-box;
}
.hub-guild-tab-storage{min-height:0}
.guild-hall-empty{
  flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px;
  overflow-y:auto;
}
.guild-hall-pane{
  padding:14px 14px 16px;
  background:rgba(6,10,20,.42);
  border:1px solid rgba(126,232,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.guild-hall-hero-card{
  text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  padding:22px 16px 20px;
  background:
    radial-gradient(ellipse 70% 80% at 50% 0%,rgba(255,213,106,.12),transparent 60%),
    rgba(6,10,20,.5);
  border-color:rgba(255,213,106,.28);
}
.guild-hall-pane-kicker{
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gh-cyan);
}
.guild-hall-pane-head{
  display:flex;flex-direction:column;gap:2px;margin:0 0 8px;text-align:center;
}
.guild-hall-pane-head strong,
.guild-hall-hero-card strong{
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:#fff4dc;
}
.guild-hall-hero-card .tiny{margin:0;color:rgba(214,226,255,.72)!important;max-width:22rem}
.guild-hall-cta,
.guild-hall-btn{
  appearance:none;-webkit-appearance:none;
  margin-top:8px;padding:11px 22px;cursor:pointer;
  min-height:42px;box-sizing:border-box;
  border:1px solid rgba(255,213,106,.5);
  background:linear-gradient(90deg,#ffe7a8 0%,#ffc14a 55%,#7ee8ff 140%);
  color:#1a1208;
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);
  box-shadow:0 0 18px rgba(255,193,74,.28);
  transition:filter .16s ease,box-shadow .16s ease;
}
.guild-hall-cta:hover,.guild-hall-btn:hover{filter:brightness(1.08)}
.guild-hall-btn--ghost,
body.guild-hall-active .guild-hall-btn.btn-ghost{
  background:linear-gradient(180deg,rgba(18,28,48,.78),rgba(8,12,24,.7));
  border-color:rgba(126,232,255,.38);color:#d9f6ff;
  box-shadow:0 0 14px rgba(126,232,255,.12);
}
.guild-hall-invite{
  padding:12px 14px;margin:0;
  background:rgba(255,213,106,.08);
  border:1px solid rgba(255,213,106,.28);
}
.guild-hall-invite-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;justify-content:center}
.guild-hall-list{gap:8px;max-height:none!important}
body.guild-hall-active .guild-hall-list .ow-social-row,
body.guild-hall-active .guild-hall-body .ow-social-row,
body.guild-hall-active .guild-hall-body .hub-friend-row,
body.guild-hall-active .hub-guild-browse-row{
  background:rgba(8,14,28,.62);
  border:1px solid rgba(126,232,255,.16);
  box-shadow:0 8px 20px rgba(0,0,0,.28);
  color:#eef3ff;border-radius:0;
}
body.guild-hall-active .guild-hall-list .ow-social-row:hover,
body.guild-hall-active .hub-guild-browse-row:hover{
  border-color:rgba(255,213,106,.45);
  background:rgba(16,22,40,.72);
}
body.guild-hall-active .hub-guild-overview,
body.guild-hall-active .hub-guild-header,
body.guild-hall-active .glass{
  background:rgba(8,14,28,.45)!important;
  border:1px solid rgba(126,232,255,.16)!important;
  box-shadow:none!important;
}
body.guild-hall-active .hub-guild-stats-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(156px,1fr));
  gap:12px;
  width:100%;
  min-width:0;
}
body.guild-hall-active .hub-guild-stat{
  min-width:0;
  padding:12px 14px;
  border-radius:0;
  background:
    linear-gradient(165deg,rgba(62,42,18,.55),rgba(8,12,22,.72)),
    rgba(6,10,20,.55);
  border:1px solid rgba(255,213,106,.26);
  box-shadow:
    inset 0 1px 0 rgba(255,230,170,.1),
    inset 0 -1px 0 rgba(0,0,0,.35),
    0 8px 18px rgba(0,0,0,.28);
}
body.guild-hall-active .hub-guild-stat-label{
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  font-size:.56rem;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--gh-gold,#ffd56a);
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  max-width:100%;
  hyphens:auto;
}
body.guild-hall-active .hub-guild-stat strong{
  color:#fff6e4;
  font-size:.92rem;
  font-weight:800;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}
@media (max-width:560px){
  body.guild-hall-active .hub-guild-stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
}
body.guild-hall-active .ow-empty{
  color:rgba(214,226,255,.72);text-align:center;padding:20px 12px;
}
body.guild-hall-active .inv-section-label{
  color:var(--gh-gold);font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;text-align:center;
}
body.guild-hall-active .btn-primary,
body.guild-hall-active .hub-guild-join-open{
  border-radius:0!important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  background:linear-gradient(180deg,#ffe7a8,#ffc14a)!important;
  border:1px solid rgba(255,213,106,.5)!important;
  color:#1a1208!important;font-weight:800!important;
  font-family:"Orbitron",ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.08em;text-transform:uppercase;
}
body.guild-hall-active .btn-ghost,
body.guild-hall-active .btn-danger{
  border-radius:0!important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
}
body.guild-hall-active .ow-modal-input{
  background:rgba(8,14,28,.7)!important;
  border:1px solid rgba(126,232,255,.28)!important;
  color:#f4f7ff!important;border-radius:0!important;
}
body.guild-hall-active .ow-modal-input:focus{
  border-color:rgba(255,213,106,.6)!important;
  box-shadow:0 0 12px rgba(255,213,106,.18);
}
/* Skills/Quests: volle Content-Area unter den Tabs — kein 52vh-Cut, kein toter schwarzer Block */
.guild-hall-fs.guild-hall-skills-open .guild-hall-shell,
.guild-hall-fs.guild-hall-quests-open .guild-hall-shell,
body.guild-hall-skills-open .guild-hall-shell,
body.guild-hall-quests-open .guild-hall-shell{
  max-width:min(1200px,96vw);
}
.guild-hall-fs.guild-hall-skills-open .guild-hall-window,
.guild-hall-fs.guild-hall-quests-open .guild-hall-window,
body.guild-hall-skills-open .guild-hall-window,
body.guild-hall-quests-open .guild-hall-window,
.guild-hall-fs.guild-hall-skills-open .guild-hall-main,
.guild-hall-fs.guild-hall-quests-open .guild-hall-main,
body.guild-hall-skills-open .guild-hall-main,
body.guild-hall-quests-open .guild-hall-main{
  width:100%;
  min-width:0;
}
.guild-hall-fs.guild-hall-skills-open .guild-hall-body,
.guild-hall-fs.guild-hall-quests-open .guild-hall-body,
body.guild-hall-skills-open .guild-hall-body,
body.guild-hall-quests-open .guild-hall-body{
  overflow:hidden;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
  height:100%;
  width:100%;
}
.guild-hall-fs.guild-hall-skills-open .hub-guild-skills,
.guild-hall-fs.guild-hall-quests-open .hub-guild-quests,
body.guild-hall-skills-open .hub-guild-skills,
body.guild-hall-quests-open .hub-guild-quests{
  flex:1 1 auto;
  min-height:0;
  height:100%;
  width:100%;
  max-width:none;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.guild-hall-fs.guild-hall-skills-open .hub-guild-skills-scroll,
.guild-hall-fs.guild-hall-quests-open .hub-guild-quests-scroll,
body.guild-hall-skills-open .hub-guild-skills-scroll,
body.guild-hall-quests-open .hub-guild-quests-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  height:auto!important;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
  scrollbar-gutter:stable;
  width:100%;
}
@media (max-width:640px){
  .guild-hall-topbar{grid-template-columns:auto 1fr;gap:8px}
  .guild-hall-top-slot{grid-column:1/-1;justify-self:center}
  .guild-hall-tabs .hub-guild-tab{padding:7px 8px;font-size:.54rem;letter-spacing:.06em;gap:4px}
}
@media (max-width:420px){
  .guild-hall-title{font-size:clamp(1.5rem,10vw,2.1rem)}
  .guild-hall-tab-ico{display:none}
}
@media (max-height:700px){
  .guild-hall-title{font-size:clamp(1.4rem,6vh,2rem)}
}
@media (prefers-reduced-motion:reduce){
  .guild-hall-shell,.guild-hall-bg{animation:none}
}

/* ── Mailbox Empfänger-Suggest (muss nach allen Duplikaten stehen) ── */
.ow-player-suggest.ow-player-suggest-portal.hub-social-suggest-mailbox{
  position:fixed!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  z-index:40200!important;
  max-height:min(42vh,280px);
  pointer-events:auto;
}