/* Global Userbar + Community Live */
:root{--dg-community-bg:radial-gradient(circle at 20% 10%,rgba(0,124,191,.35),transparent 35%),radial-gradient(circle at 80% 20%,rgba(145,70,255,.28),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),var(--black)}

/* Userbar */
.userbar-header{background:var(--black);position:relative;z-index:10001}
.userbar,.dg-pwa-userbar-notice,.dg-community-tipbar{background:var(--dg-community-bg);border-bottom:.2rem solid #20232b}
.gamer-userbar-footer-fallback{position:relative;z-index:999999}
.gamer-userbar-footer-fallback .gamer-userbar{position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--black);border-bottom:.2rem solid #20232b}
.gamer-userbar{--dgbar-text:var(--white,#fff);--dgbar-muted:rgba(255,255,255,.62);--dgbar-line:rgba(255,255,255,.10);--dgbar-accent:var(--gaming,var(--highlight,#ffd200));--dgbar-danger:#ff3b3f;position:relative;z-index:60;color:var(--dgbar-text);font-family:var(--font-body,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}
.gamer-userbar *{box-sizing:border-box}
.gamer-userbar a{color:inherit!important;text-decoration:none!important;opacity:.9}
.gamer-userbar a:hover{opacity:1}
.gamer-userbar__inner{width:100%;min-height:6rem;margin:0 auto;display:flex;align-items:center;overflow:visible;white-space:nowrap;font-size:1.2em}
.gamer-userbar__profile{flex:0 0 auto;display:inline-flex;align-items:center;min-width:0;max-width:25rem;padding-right:1rem;height:6rem}
.gamer-userbar__avatar-wrap{position:relative;flex:0 0 auto;width:4.4rem;height:4.4rem}
.gamer-userbar__avatar{width:4.4rem;height:4.4rem;display:block;overflow:hidden;border-radius:.6rem;background:rgba(255,255,255,.08)}
.gamer-userbar__avatar img{width:100%;height:100%;display:block;object-fit:cover}
.gamer-userbar__badge,.gamer-userbar__steam-twitch{opacity:1;min-width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;padding:.1rem .35rem;border-radius:999px;background:var(--dgbar-danger);color:#fff;border:.6rem solid var(--dgbar-bg);font-size:12px;line-height:1;font-weight:700}
.gamer-userbar__badge{position:absolute;right:-.35rem;top:0}
.gamer-userbar__steam-twitch{margin-left:.5rem}
.gamer-userbar__profile-meta{min-width:0;display:flex;align-items:center}
.gamer-userbar__name{--badge-size:19px;--badge-gap:1px;--badge-space:calc(var(--badge-size) + var(--badge-gap));display:inline-grid;grid-template-columns:var(--badge-space) minmax(0,max-content) var(--badge-space);align-items:center;width:max-content;max-width:100%;margin:0 auto;line-height:1;font-size:14px;font-weight:700;text-align:center}
.gamer-userbar__name::before{content:"";grid-column:1}
.gamer-userbar__name-text{grid-column:2;min-width:0;max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.4rem}
.gamer-userbar__name .dg-profile-current-badge{grid-column:3;justify-self:end;width:var(--badge-size);height:var(--badge-size);object-fit:contain}
.gamer-userbar__stats{height:5rem;flex:0 0 auto;display:inline-flex;align-items:center;gap:1rem;margin-left:1rem;color:var(--dgbar-muted);font-size:10px;font-weight:700}
.gamer-userbar__stat{min-width:3.2rem;margin-top:.4rem;height:4.6rem;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:var(--dgbar-muted);text-align:center}
.gamer-userbar__stat strong{display:block;margin:0;color:var(--dgbar-text);font-size:14px;line-height:1;font-weight:700}
.gamer-userbar__stat span{display:block;color:var(--dgbar-muted);font-size:9px;line-height:1;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.gamer-userbar__sep{width:.1rem;font-size:1.4em;flex:0 0 auto;background:var(--dgbar-line)}
.gamer-userbar__links{flex:0 0 auto;display:inline-flex;align-items:center;gap:1.5rem;margin-left:1.5rem}
.gamer-userbar__network{flex:0 0 auto;display:inline-flex;align-items:center;gap:.6rem;margin-left:auto;padding-left:2rem;color:var(--dgbar-muted);font-size:12px;line-height:1;font-weight:700}
.gamer-userbar__network a{color:var(--dgbar-text)!important;font-weight:800}
.gamer-userbar__network-separator{color:var(--dgbar-muted);opacity:.65}
.gamer-userbar__chip{position:relative;display:inline-flex;align-items:center;height:6rem;color:var(--dgbar-muted)!important;font-size:14px;line-height:1;font-weight:700;letter-spacing:.01em;transition:color .2s ease}
.gamer-userbar__chip:hover,.gamer-userbar__chip:focus-visible{color:var(--dgbar-text)!important;outline:none}
.gamer-userbar__chip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:.25rem;background:transparent;transition:background .16s ease}
.gamer-userbar__chip:hover::after,.gamer-userbar__chip:focus-visible::after,.gamer-userbar__chip--primary::after,.gamer-userbar__chip--events::after{background:var(--dgbar-accent)}
.gamer-userbar__chip--primary,.gamer-userbar__chip--events.has-confirmed{color:var(--dgbar-text)!important}
.gamer-userbar__chip--steam::after{background:#28A745}
.gamer-userbar__chip--twitch::after{background:#9146FF}
.gamer-userbar__chip--alert{color:#fff!important}
.gamer-userbar__chip--alert::after{background:var(--dgbar-danger)}
.gamer-userbar__dropdown{anchor-scope:--dg-userbar-dropdown;position:relative;display:inline-flex;align-items:center;flex:0 0 auto;height:5rem}
.gamer-userbar__dropdown span{color:var(--white);opacity:.9}
.gamer-userbar__dropdown span:hover{opacity:1}
.gamer-userbar__dropdown summary{list-style:none;cursor:pointer;user-select:none}
.gamer-userbar__dropdown summary::-webkit-details-marker{display:none}
.gamer-userbar__dropdown-toggle{anchor-name:--dg-userbar-dropdown;gap:1rem}
.gamer-userbar__dropdown-chevron{width:.7rem;height:.7rem;display:block;flex:0 0 auto;border-right:.25rem solid currentColor;border-bottom:.25rem solid currentColor;transform:rotate(45deg);transition:transform .18s ease}
.gamer-userbar__dropdown[open] .gamer-userbar__dropdown-chevron{transform:rotate(225deg);margin-top:.5rem}
.gamer-userbar__dropdown[open]>.gamer-userbar__chip{color:var(--dgbar-text)!important}
.gamer-userbar__dropdown[open]>.gamer-userbar__chip::after{background:var(--dgbar-accent)}
.gamer-userbar__dropdown-menu{position:absolute;z-index:10003;left:0;top:6rem;display:flex;flex-direction:column;min-width:18rem;padding:1rem 3rem 0 2rem;background:var(--black);box-shadow:0 1rem 2rem rgba(0,0,0,.45);margin:0 -3rem}
.gamer-userbar__dropdown-menu a{display:flex;align-items:center;min-height:4rem;padding:2rem 1rem 0 1rem;font-size:14px;line-height:1;font-weight:700;white-space:nowrap;opacity:.9}
.gamer-userbar__dropdown-menu a:last-of-type{padding:2rem 1rem 3rem 1rem!important}
.gamer-userbar__dropdown-menu a:hover,.gamer-userbar__dropdown-menu a:focus-visible{opacity:1;outline:none}
.gamer-userbar__dropdown-menu a:hover::before{opacity:1}

/* App-Hinweis + Community-Tipps */
.dg-pwa-userbar-notice,.dg-community-tipbar{position:relative;z-index:10002;color:var(--white,#fff);opacity:0;visibility:hidden;max-height:0;overflow:hidden;transform:translateY(-.6rem);transition:max-height .3s ease,opacity .22s ease,transform .22s ease,visibility 0s linear .3s}
.dg-pwa-userbar-notice.is-visible,.dg-community-tipbar.is-visible{opacity:1;visibility:visible;max-height:12rem;transform:none;transition:max-height .3s ease,opacity .22s ease .04s,transform .22s ease .04s,visibility 0s}
.dg-pwa-userbar-notice__inner,.dg-community-tipbar__inner{position:relative;display:flex;align-items:center;min-height:4rem}
.dg-pwa-userbar-notice__action{appearance:none;border:0;background:none;font:inherit;cursor:pointer;padding:0}
.dg-pwa-userbar-notice__action,.dg-community-tipbar__action,.dg-community-tipbar__text{color:inherit!important;font-size:14px;line-height:1.35;font-weight:800;text-align:left;text-decoration:none!important;opacity:.85;padding:1rem 5rem 1rem 0}
.dg-pwa-userbar-notice__action:hover,.dg-community-tipbar__action:hover{text-decoration:underline!important;text-decoration-thickness:.2rem!important;text-underline-offset:.3rem}
.dg-pwa-userbar-notice__close,.dg-community-tipbar__close,.dg-community-live__close{align-items:center;justify-content:center;width:3.4rem;height:3.4rem;padding:0;border:.2rem solid rgba(255,255,255,.10);border-radius:50%;background:rgba(255,255,255,.10);color:#fff!important;font-size:24px;line-height:1;cursor:pointer;transition:background .15s ease}
.dg-pwa-userbar-notice__close,.dg-community-tipbar__close{position:absolute;right:0;top:50%;display:flex;transform:translateY(-50%)}
.dg-pwa-userbar-notice__close:hover,.dg-community-tipbar__close:hover,.dg-community-live__close:hover{background:rgba(255,255,255,.18)}
.dg-pwa-userbar-notice[hidden],.dg-community-tipbar[hidden]{display:none!important}
body:has(.dg-pwa-userbar-notice:not([hidden])) .dg-community-tipbar{display:none!important}

@media(prefers-reduced-motion:reduce){.dg-pwa-userbar-notice,.dg-community-tipbar,.dg-pwa-userbar-notice.is-visible,.dg-community-tipbar.is-visible{transition:none!important;transform:none!important}
}
@media(max-width:500px){.gamer-userbar__stats{gap:.5rem;margin-left:.5rem}
.gamer-userbar__stat{display:inline-flex;min-width:2.8rem}
.gamer-userbar__profile{max-width:10rem}
.stat_level,.gamer-userbar__name{display:none}
}
@media(max-width:900px){.gamer-userbar__inner{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.gamer-userbar__network{margin-left:2rem}
.gamer-userbar__dropdown-menu{position:fixed;position-anchor:--dg-userbar-dropdown;top:anchor(bottom);left:anchor(left);right:auto;width:max-content;max-width:calc(100vw - 1rem);margin-top:.1rem;transform:none;z-index:10003}
}
@media(min-width:1180px){.dg-pwa-userbar-notice__action,.dg-community-tipbar__action,.dg-community-tipbar__text{padding:1.5rem 3rem 1.5rem 0}
.gamer-userbar__links{margin-left:3rem}
}

/* Community - Sidebar */
.dg-community-shell,.dg-profile-community-shell,.dg-community-shell--full{display:block;width:100%}
.dg-community-shell--full .dg-community-main{width:100%;max-width:none}
.dg-community-main,.dg-profile-community-main{min-width:0}
.dg-community-live{position:relative;width:100%;box-sizing:border-box;margin:3rem 0;padding:2rem;overflow:hidden;border-radius:.6rem;background:var(--dg-community-bg);color:var(--white);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
.dg-community-live,.dg-community-live a,.dg-community-live button,.dg-community-live strong,.dg-community-live span,.dg-community-live small,.dg-community-live h2,.dg-community-live p{color:var(--white)}
.dg-community-live__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:1.5rem;border-bottom:.2rem solid rgba(255,255,255,.12)}
.dg-community-live__head strong{margin:0;color:var(--white);font-size:18px;line-height:1.1;font-weight:700}
.dg-community-live__head span{color:rgba(255,255,255,.60);font-size:10px;line-height:1.2;text-align:right}
.dg-community-live__section{margin:0}
.dg-community-live__section + .dg-community-live__section,.dg-community-live__more{border-top:.2rem solid rgba(255,255,255,.12)}
.dg-community-live__section h2,.dg-game-login .dg-community-live__section h2{margin:2rem 0 1rem!important;padding:0!important;color:rgba(255,255,255,.75)!important;font-size:1.2rem!important;line-height:1.2!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.dg-community-live__item{display:grid;grid-template-columns:4.8rem minmax(0,1fr);align-items:start;gap:1rem;margin:0;padding:1.5rem 0;border-bottom:.2rem solid rgba(255,255,255,.10);color:var(--white)!important;text-decoration:none!important}
.dg-community-live__item:last-child{border-bottom:0}
.dg-community-live__item:hover{color:#fff!important}
.dg-community-live__avatar{width:4.8rem!important;height:4.8rem!important;min-width:4.8rem!important;min-height:4.8rem!important;max-width:4.8rem!important;max-height:4.8rem!important;margin:0!important;object-fit:cover;border-radius:.6rem;background:#101015;box-shadow:0 0 0 .1rem rgba(255,255,255,.12)}
.dg-community-live__avatar.is-placeholder{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.10);color:#fff;font-size:12px;font-weight:700}
.dg-community-live__type{display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;box-sizing:border-box;padding:.3rem;overflow:hidden;border:.1rem solid rgba(255,255,255,.12);border-radius:.6rem;background:radial-gradient(circle at 20% 10%,rgba(0,124,191,.65),transparent 55%),radial-gradient(circle at 80% 20%,rgba(145,70,255,.55),transparent 60%),rgba(255,255,255,.06);color:#fff!important;font-size:7px;line-height:1;font-weight:700;text-align:center;text-transform:uppercase}
.dg-community-live__body{display:flex;min-width:0;flex-direction:column;gap:.2rem}
.dg-community-live__body strong{overflow:hidden;color:#fff;font-size:14px;line-height:1.35;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
.dg-community-live__detail{display:-webkit-box;overflow:hidden;color:rgba(255,255,255,.76);font-size:12px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dg-community-live__body small{color:rgba(255,255,255,.45);font-size:12px;line-height:1.3}
.dg-community-live__more{display:block;padding-top:1.5rem;color:#fff!important;font-size:12px;font-weight:700;text-decoration:none!important}
.dg-community-live__more:hover,.dg-community-live__item .dg-community-live__body strong:hover{color:#fff!important;text-decoration:underline!important;text-decoration-thickness:.2rem!important;text-underline-offset:.3rem}
.dg-community-live__empty{margin:3rem 0!important;color:rgba(255,255,255,.65)!important;font-size:1.2rem!important}
/* Community Drawer / Toggle */.dg-community-live-toggle,.dg-community-live-backdrop,.dg-community-live__close{display:none}
.dg-community-live-toggle{align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.6rem;background:var(--grey);font:inherit;font-size:12px;font-weight:700;cursor:pointer;color:var(--text-color);letter-spacing:.1em;border:.2rem solid var(--bground);text-transform:uppercase;opacity:.9}
.dg-community-live-toggle:hover{background:radial-gradient(circle at 18% 8%,rgba(0,124,191,.42) 0%,rgba(0,124,191,.20) 34%,rgba(0,124,191,0) 68%),radial-gradient(circle at 82% 16%,rgba(145,70,255,.38) 0%,rgba(145,70,255,.18) 38%,rgba(145,70,255,0) 72%),radial-gradient(circle at 52% 22%,rgba(75,70,220,.10) 0%,rgba(75,70,220,0) 62%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),#000;color:var(--white)!important;opacity:1}
.dg-community-live-toggle:active{transform:translateY(.1rem)}
.dg-community-live__close{position:absolute;top:1rem;right:1rem}
.dg-community-live-backdrop{position:fixed;z-index:10019;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:rgba(0,0,0,.72);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.dg-community-live-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}

@media(max-width:1499px){
.dg-community-live{position:fixed;z-index:10020;top:auto;left:0;bottom:0;width:min(42rem,calc(100vw));height:100%;margin:0;padding:1.5rem;overflow-y:auto;overscroll-behavior:contain;box-shadow:1rem 0 3rem rgba(0,0,0,.45);transform:translateX(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s ease}
.dg-community-live.is-open{transform:translateX(0);visibility:visible}
.dg-community-live-toggle{position:fixed;z-index:10015;left:1.5rem;bottom:1.5rem;display:inline-flex;transition:bottom .5s ease}
body.article-button-place-is-sticky .dg-community-live-toggle{bottom:5.5rem!important}
.dg-community-live-backdrop{display:block}
.dg-community-live__close{display:flex}
.dg-community-live__head{padding-right:4rem}
body.dg-community-live-open{overflow:hidden}
}

@media(min-width:1500px){
.dg-community-shell{display:grid;grid-template-columns:minmax(0,1fr) 40rem;align-items:start;gap:3rem}
.dg-community-shell--full{display:block;grid-template-columns:none}
.dg-community-shell > .dg-community-live{position:sticky;top:10.4rem}
.dg-profile-community-shell{display:grid;grid-template-columns:minmax(0,1fr) 30rem;align-items:start;gap:3rem}
.dg-profile-community-shell > .dg-community-live{position:sticky;top:7rem;margin-top:0}
.dg-community-live__head span,.dg-community-live__detail{font-size:14px!important}
.dg-community-live-toggle--global{position:fixed;z-index:1999;left:1.5rem;bottom:1.5rem;display:inline-flex!important}
.dg-community-live-backdrop--global{display:block!important}
.dg-community-live--drawer-only{position:fixed!important;z-index:10020;top:0!important;left:0!important;right:auto!important;bottom:0!important;width:40rem!important;max-width:calc(100vw - 4rem)!important;height:100dvh;max-height:none!important;margin:0!important;padding:2rem;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s ease;border-radius:0!important}
.dg-community-live--drawer-only.is-open{transform:translateX(0);visibility:visible}
.dg-community-live--drawer-only.dg-community-live__close{display:flex!important}
.dg-community-live--drawer-only.dg-community-live__head{padding-right:4rem}
}

/* Scrollbar */
.dg-community-live::-webkit-scrollbar{width:.7rem}
.dg-community-live::-webkit-scrollbar-track{background:transparent}
.dg-community-live::-webkit-scrollbar-thumb{border-radius:1rem;background:rgba(255,255,255,.20)}
.dg-community-live::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.32)}