/* Games Overview */
.dg-follow-genre-title{font-size:2rem;margin:0 0 1rem 0 !important;padding-top:0 !important;font-weight:700;letter-spacing:.2em;opacity:.65;text-transform:uppercase;}
.dg-follow-genre-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}

.dg-follow-genre-terms,.dg-follow-genre-posts{margin-bottom:1rem}
.dg-follow-terms-inline{display:grid;gap:1rem;grid-template-columns:1fr}
.dg-follow-terms-inline > .dg-follow-term-chip:only-child{grid-column: 1 / -1}
.dg-follow-genre-head h3{margin:0 !important;font-size:1.6em !important}
.dg-follow-genre-inner{gap:1.5rem}
.dg-follow-terms-inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}
.dg-follow-term-chip{border-radius:.6rem;border:.2rem solid rgba(255,255,255,.05);background:rgba(0,0,0,.05);padding:1rem;display:flex;flex-direction:column;gap:.5rem}
.dg-follow-term-chip:hover{background:rgba(0,0,0,.10)}
.dg-follow-term-link{font-size:1.2em;font-weight:700}

.dg-follow-chip-meta{display:inline-flex;align-items:center;width:max-content;padding:.35rem .6rem;border-radius:.6rem;font-size:.95em;font-weight:700;letter-spacing:.06em;background:var(--highlight);color:var(--white);margin:.5rem 0}
.dg-follow-chip-meta:after{content:" Follower";opacity:.85;font-weight:700;letter-spacing:0;margin-left:.5rem}
body.theme-goldline .dg-follow-chip-meta{color:var(--black)}

.dg-follow-terms-more-btn,.dg-follow-posts-more-btn{margin:2.5rem 0 1rem}
.dg-follow-terms-more{opacity:.85;font-weight:800;padding:.75rem}
.dg-follow-local-btn{font-size:.9em;border-radius:.6rem;padding:.45rem .65rem;cursor:pointer;border:0.2rem solid var(--grey);background:transparent;color:var(--text-color)}
.dg-follow-local-btn:hover{background:var(--black);color:var(--white) !important}

.dg-follow-post-cards{display:grid;grid-template-columns:1fr !important;min-width:30rem;gap:1.5rem}
.dg-follow-post-card{display:flex;align-items:flex-start;gap:1.2rem;text-decoration:none;padding-bottom:1.5rem;border-bottom:0.2rem solid var(--grey)}
.dg-follow-post-card:last-child{padding-bottom:0;border-bottom:0}
.dg-follow-post-media{flex:0 0 auto}
.dg-follow-post-thumb,.content-body img.dg-follow-post-thumb,.dg-follow-post-card img.dg-follow-post-thumb
{width:11.6rem !important;height:7rem !important;max-width:11.6rem !important;max-height:7rem !important;object-fit:cover !important;object-position:center !important;margin:0 !important;display:block !important;flex:0 0 11.6rem}
.dg-follow-post-thumb--empty{display:block;width:11.6rem;height:7rem;border-radius:.6rem;background:rgba(255,255,255,.10)}
.dg-follow-post-thumb img{margin:0 !important}
.dg-follow-post-title{font-weight:700;font-size:1.15em;line-height:1.6;}
.content a.dg-follow-post-card,.content a.dg-follow-term-link,.content a.dg-follow-local-name{text-decoration:none}

body.theme-goldline .content a.dg-follow-term-link:hover,body.theme-goldline .content a.dg-follow-post-card:hover{text-decoration-color: var(--text-color) !important}


.dg-follow-genre-posts p{font-size:1.15em !important}

.dg-follow-local-target{margin-top:.6rem;}
.dg-follow-local-users{display:grid;gap:.5rem}
.dg-follow-local-user{display:grid;grid-template-columns: 3.2rem 1fr;grid-template-areas:"avatar name" "action action";align-items:center;gap:.5rem;border-bottom:.2rem solid var(--grey);padding-top:.5rem;padding-bottom:1rem}
.dg-follow-local-user:last-child{border-bottom:0;padding-bottom:0}
.dg-follow-local-user img{width:3.2rem !important;height:3.2rem !important; margin:0 !important}
.dg-follow-local-name{font-weight:700}
.dg-follow-local-action{grid-area: action;justify-content:flex-start; display:flex}
.dg-friend-btn{font-size:.9em !important;}

.dg-local-friends-status{font-size:.8em}

.fastedit{font-size:1.4em;font-weight:700}

@media (min-width:1180px){
.dg-follow-genre-title{margin:1rem 0 1.5rem 1rem !important;font-size:3rem}
.dg-follow-genre-grid{grid-template-columns:1fr 1fr;align-items:start}
.dg-follow-terms-inline{grid-template-columns:1fr 1fr}   
.dg-follow-term-link{font-size:1.45em}  
}

/*
@media (min-width:1920px){
.dg-follow-genre{position:relative !important;overflow:visible !important}
.dg-follow-genre-grid{margin-top:-4.5rem}
.dg-follow-genre-title{position:sticky !important;left:0rem !important;top:70% !important;z-index:99999 !important;margin:0 !important;transform:rotate(-90deg) !important;transform-origin:left bottom !important;max-width:30rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg-follow-genre-title span{display:inline-block !important;white-space:nowrap !important;font-size:2.2rem !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:.5em;margin-bottom:1rem}
}
*/

/* Freunde */
.dg-friends-requests h3{padding-top:0 !important;margin:0 0 3rem !important;font-size:1.6em !important}
.dg-friend-region,.dg-friend-games-summary,.dg-friend-games-inline{margin:0 0 1.5rem 0 !important}
.dg-friend-games-inline{font-size:1.25em !important;margin-top:-1rem !important}
.dg-friends-list .dg-friend-games-inline{}
.dg-friends-wall-avatar-img{min-width:3.2rem}

.dg-friend-accounts-wrap{border-top:.2rem solid var(--grey);padding-top:1.5rem}
.dg-friends-list-count{margin-bottom:1.5rem !important}

.dg-accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}
.dg-accounts-grid--all{margin-top:1.5rem}
.dg-account-box{padding:1rem;border-radius:.6rem;border:2.rem solid rgba(255,255,255,.08);position:relative;overflow:hidden;color:var(--white);text-decoration:none}
.dg-account-value{margin:0 0 .6rem 0;font-size:1.2em !important;font-weight:700; margin-bottom:0 !important}
.dg-account-label{display:block;opacity:.85;font-size:1em;letter-spacing:.05rem}
.dg-account-empty{opacity:.7}
.dg-account-steam{background:#1b2838}
.dg-account-xbox{background:#107c10}
.dg-account-psn{background:#003087}
.dg-account-nintendo{background:#e60012}
.dg-account-ea{background:#ff4d00}
.dg-account-discord{background:#5865F2}
.dg-account-twitch{background:#9146FF}
.dg-account-box.is-link{cursor:pointer;text-decoration:none}
.dg-account-box.is-link:hover{background:var(--black);text-decoration:none}
.dg-friends-request-note{margin:0 !important;padding-bottom:1.5rem}
.dg-friends-load-more{font-size:1.6em !important}

/* Gamer-Vorschläge in der Freundesliste */
.dg-friends-suggestions {color:var(--text-color) !important;background:var(--header-bg);padding:1.5rem;border-radius:.6rem;margin-bottom:3rem;}
.dg-friends-suggestions-items{display:flex;gap:1.5rem;overflow-x:auto;-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ccc transparent;touch-action: pan-x}
.dg-friends-suggestions-items::-webkit-scrollbar{height:1rem}
.dg-friends-suggestions-items::-webkit-scrollbar-track{background:transparent;}
.dg-friends-suggestions-items::-webkit-scrollbar-thumb{background:#ccc;border-radius: 999px}
.dg-friends-suggestions-items .dg-friends-wall-item {scroll-snap-align: start;flex: 0 0 auto;width: min(85vw, 28rem)}

.dg-friends-suggestions .dg-friends-wall-avatar img{height:6.4rem! important;width:8.4rem !important}
.dg-friends-suggestions .dg-friends-suggestions-title{margin-bottom:1.5rem !important;font-size:1.6em !important}
.dg-friends-suggestions .dg-friends-suggestion-item{flex: 0 0 28.3rem;scroll-snap-align: start;margin-bottom:0 !important;border:.2rem solid var(--grey);margin-bottom:1.5rem}
.dg-friends-suggestions .dg-friend-games-inline a,
.dg-friends-suggestions .dg-friends-wall-user{color:var(--text-color)}
.dg-friends-suggestions .dg-friends-wall-content{font-size:.8em}

.dg-friends-suggestions .dg-friends-wall-time{display:none}
.dg-friends-suggestions .dg-friends-wall-actions button{font-size:1.2em !important}

.dg-friends-wall-content .dg-friend-games-inline a,.dg-friends-wall-content .dg-friend-games-inline a:hover{text-decoration-thickness: 0.2rem;text-underline-offset: 0.4rem;}

.dg-user-block-btn{position:absolute;right:0;top:0;background:var--(grey);padding:.5rem 1rem;font-size:1.2em;font-weight:700;border-bottom-left-radius:.6rem;cursor:pointer}
.dg-user-block-btn:hover{background:#FF3B3F;color:var(--white)}

.dg-user-unblock-btn{background:var--(grey);padding:.5rem 1rem;font-weight:700;font-size:1.1em;border-radius:.6rem;cursor:pointer}
.dg-user-unblock-btn:hover{background:#007cbf;color:var(--white)}

.dg-friends-wall-content-blocked{margin:1rem 0 0 0 !important}
.dg-blocked-note{margin:0 !important;font-size: 1.25em !important;}

@media (min-width:1180px){
.dg-friends-list .dg-friends-wall-avatar img{height:6.4rem !important;width:6.4rem !important}
.dg-friends-suggestions .dg-friends-wall-avatar img{;width:8.4rem !important}    
.dg-friends-list .dg-friends-wall-user{font-size:1.4em !important}
.dg-friends-suggestions .dg-friends-wall-user{font-size:1.2em !important}    
}

/* Pinnwand */
.dg-friends-wall-stream,.dg-friends-list{display:flex;flex-direction:column;}
.dg-friends-wall-item{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:.6rem;background:var(--header-bg);overflow:hidden;margin-bottom:3rem;border:.2rem solid var(--header-bg)}
.dg-friends-wall-header{display:flex;align-items:center;gap:1rem;border-bottom:.2rem solid var(--grey);padding-bottom:1rem}
.dg-friends-wall-avatar img{height:3.2rem !important;width:3.2rem  !important;margin:0 !important}
.dg-friends-wall-header-meta{width:100%;}
.dg-friends-wall-user{font-size:1.25em;font-weight:700;text-decoration:none !important;margin-right:1rem}
.dg-friends-wall-user:hover{text-decoration:underline !important;text-decoration-thickness: 0.3rem !important;text-decoration-color: var(--text-color) !important;text-underline-offset: 0.6rem !important}
.dg-friends-wall-time{opacity:.75;float:right;margin-top:.4rem}
.dg-friends-wall-content{margin:1rem 0 0 0 !important}
.dg-friends-wall-content p{margin:0 0 1rem 0 !important;font-size:1.25em !important}
.dg-friends-wall-content a{text-decoration-color: #c1c1c1 !important}
body.dark-mode .dg-friends-wall-content a{text-decoration-color: #b2b2b2 !important}
body.dark-mode .dg-friends-wall-content a:hover,.dg-friends-wall-content a:hover{text-decoration-color:var(--highlight) !important}
.dg-friends-wall-text{margin-left:0;margin-bottom:2rem !important}
.dg-friends-wall-text strong{font-weight:700}
.dg-friends-wall-quote{margin:1rem 1rem 1rem 2rem !important;border-left:.4rem solid var(--text-color);padding-left:2rem;width:85% !important}
.dg-friends-wall-loadmore{margin-top:1.5rem}
.dg-friends-wall-loadmore button{font-size:1.5em !important}

.dg-wall-presence-summary-list{margin:0 !important}

/* Buttons */
.dg-friends-wall-actions button{font-size:1.4em !important}
.dg-accounts-toggle{font-size:1em !important;margin-top:1.5rem !important}
.dg-token-achievements-toggle{margin:2rem 0 !important}

.dg-tokenplus-btn,.dg-friends-wall-actions button,.dg-friends-scope-btn,.dg-friend-btn,.dg-follow-terms-more-btn,.dg-follow-posts-more-btn,.dg-token-achievements-toggle,.dg-accounts-toggle
{font-size:1.2em;border-radius:0.6rem;padding:.5rem .75rem;font-weight:700;cursor:pointer;background:var(--grey);margin-right:1rem;font-family: var(--font-body)}

body.dark-mode .dg-tokenplus-btn,body.dark-mode .dg-friends-wall-actions button,body.dark-mode .dg-friends-scope-btn,body.dark-mode .dg-friend-btn,body.dark-mode .dg-follow-terms-more-btn,body.dark-mode .dg-follow-posts-more-btn,body.dark-mode .dg-accounts-toggle,
body.dark-mode .dg-token-achievements-toggle
{background:var(--bground);color:var(--white);border:.2rem solid var(--grey)}

body.dark-mode .dg-tokenplus-btn:hover,body.dark-mode .dg-friends-wall-actions button:hover,body.dark-mode .dg-friends-scope-btn:hover,body.dark-mode .dg-friend-btn:hover,body.dark-mode .dg-follow-terms-more-btn:hover,body.dark-mode .dg-follow-posts-more-btn:hover,body.dark-mode .dg-accounts-toggle:hover,
body.dark-mode .dg-token-achievements-toggle:hover
{border:.2rem solid var(--highlight)}

.dg-tokenplus-btn:hover,.dg-friends-wall-actions button:hover,.dg-friends-scope-btn:hover,.dg-friend-btn:hover,.dg-follow-terms-more-btn:hover,.dg-follow-posts-more-btn:hover,.steam-twitch-profil a:hover,.dg-accounts-toggle:hover,
.dg-token-achievements-toggle:hover
{background:var(--black);color:var(--white) !important}
.dg-tokenplus-btn.is-voted{background:var(--bground);border:.2rem solid var(--grey) !important;color:var(--grey) !important}
.dg-tokenplus-btn.is-voted:hover{color:var(--text-color) !important;cursor:auto;background:none !important}

.steam-twitch-profil{margin:-1.5rem 0 0 0 !important;width:auto !important;}
.steam-twitch-profil a{font-size:1.05em !important;border-radius:0.6rem;padding:.5rem .75rem;font-weight:700;border: .2rem solid transparent;background:linear-gradient(var(--bground, #111), var(--bground, #111)) padding-box,linear-gradient(90deg, #1b2838 0%, #9146FF 100%) border-box;text-decoration:none !important}

/* ===== Token Achievements (Grid) ===== */
.dg-token-achievement-grid{display:grid;grid-template-columns:repeat( auto-fit,minmax(16rem,1fr) );gap:1rem}
.dg-token-achievement-card{position:relative;border-radius:.6rem;padding:1rem;overflow:hidden;background:rgba(0,0,0,.05);border:.2rem solid rgba(255,255,255,.08);min-height:16rem}
.dg-token-achievement-card.is-locked{opacity:.62;filter:saturate(.6)}
.dg-token-achievement-card.is-done{opacity:1}
.dg-token-achievement-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}
.dg-token-achievement-badge{width:3rem;height:3rem;border-radius:.6rem;display:flex;align-items:center;justify-content:center;font-weight:700;background:rgba(0,0,0,.05)}
.dg-token-achievement-title{font-size:1em;font-weight:700;letter-spacing:.02rem;text-align:right}
.dg-token-achievement-desc{margin-top:1.5rem;font-size:1em;opacity:.9}

.dg-token-achievement-meta{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.dg-token-achievement-tier{font-size:1.4em;letter-spacing:.4rem;font-weight:800;opacity:.9}
.dg-token-achievement-date{margin-top:.5rem;font-size:1em;opacity:.8}
.dg-token-achievement-card::before{content:"";position:absolute;inset:-40% -40% auto auto;width:20rem;height:20rem;border-radius:50%;filter:blur(0px);opacity:.75;transform:rotate(35deg)}

/* Bronze */.dg-token-achievement-card.tier-bronze::before{background:radial-gradient(circle at 30% 30%,rgba(205,127,50,.55),rgba(205,127,50,0) 60%)}
/* Silber */.dg-token-achievement-card.tier-silver::before{background:radial-gradient(circle at 30% 30%,rgba(192,192,192,.60),rgba(192,192,192,0) 60%)}
/* Gold */.dg-token-achievement-card.tier-gold::before{background:radial-gradient(circle at 30% 30%,rgba(255,215,0,.60),rgba(255,215,0,0) 60%)}
/* Platin */.dg-token-achievement-card.tier-platinum::before{background:radial-gradient(circle at 30% 30%,rgba(120,200,255,.55),rgba(120,200,255,0) 60%)}
/* Diamant */.dg-token-achievement-card.tier-diamond::before{background:radial-gradient(circle at 30% 30%,rgba(170,90,255,.55),rgba(170,90,255,0) 60%)}

/* Token Übersicht */
.level-token-container{display:flex;align-items:stretch;flex-wrap:wrap}
.level-token-container .pageslider-content{gap:1rem !important}
.token-levelbox,.token-karma{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:7.8rem;padding:1rem 1rem 4.6rem;border-radius:.6rem;overflow:hidden;border:.2rem solid rgba(255,255,255,.08);height:16rem}
.token-levelbox{min-width:12.65rem;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,0)) ,var(--highlight)}
.token-karma{min-width:30rem;flex:1 1 16rem;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,0)),var(--grey);font-size:1.2em;line-height:1.25;color:var(--text-color)}
.token-karma strong{display:block;margin:.25rem 0;font-size:1.6em}
.token-levelbox p{margin:0;font-weight:800;letter-spacing:-.02em;font-size:2.2rem;line-height:1;color:var(--white);margin-bottom:1rem !important}
.token-levelbox p{font-size:4rem !important}
.token-levelbox p.levelbox-token{font-size:2.2rem !important}
.token-levelbox span,.token-karma span{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:.55rem .6rem;border-radius:.55rem;letter-spacing:.08em;background:rgba(0,0,0,.35);color:var(--white);vertical-align: middle;line-height:2}
body.dark-mode .token-karma span{background:rgba(255,255,255,.10);color:rgba(255,255,255,.95)}
body.dark-mode .theme-goldline .token-levelbox p,
body.dark-mode .theme-goldline .token-levelbox span,
body.theme-goldline .token-levelbox p{color: var(--black) !important}

.dg-level-progress{margin-top:2rem}
.dg-level-progress__meta{display:flex;justify-content:space-between;gap:1.5rem;font-size:1.35em;margin-bottom:1rem}
.dg-level-progress__bar_bg{background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,0)),var(--grey);;border-radius:999px}
.dg-level-progress__bar{width:100%;height:1.5rem;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.dg-level-progress__fill{display:block;height:100%;width:0;border-radius:999px;background:currentColor;opacity:.9}

/* Token Rewards */
.dg-token-reward-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}
.dg-token-reward{border-radius:.6rem;overflow:hidden;background:var(--header-bg);margin:0;position:relative;padding-bottom:5rem}
.dg-token-reward-media{aspect-ratio:16 / 9;display:block;margin-top:-3rem}
.dg-token-reward-media img.dg-token-reward-img{width:100%;height:100%;object-fit:cover;display:block;z-index:1}
.dg-token-reward-media--placeholder{background:linear-gradient(135deg,rgba(var(--black-rgb),.06),rgba(var(--black-rgb),.14))}
.dg-token-reward-body{padding:1rem;background:var(--header-bg)}
.dg-token-reward-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}
.dg-token-reward-title{margin:1rem 0 !important;font-size:1.4em;line-height:1.2}
.dg-token-reward-costpill{white-space:nowrap;font-weight:700;font-size:1.2em;padding:.5rem .6rem;border-radius:.6rem;background:var(--white);color:var(--black);position:absolute;top:0;right:0;margin:1rem;z-index:2}
.dg-token-reward-desc{margin:0;margin-bottom:1.5rem !important;opacity:.9;font-size:1.1em !important;line-height:1.35}
.dg-token-reward-meta{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.7rem}
.dg-token-reward-status{display:inline-flex;align-items:center;gap:1rem;font-weight:700;font-size:1em;padding:.65rem .85rem;border-radius:.7rem;background:rgba(var(--black-rgb),.03)}
.dg-token-reward-status.is-ok{box-shadow:inset 0 0 0 2px rgba(20,160,80,.25)}
.dg-token-reward-status.is-warn{box-shadow:inset 0 0 0 2px rgba(220,140,30,.25)}
.dg-token-redeem-btn{width:100%;border:0;border-bottom-left-radius:.6rem;border-bottom-right-radius:.6rem;padding:1.5rem 1rem;font-weight:800;font-size:1.2em;cursor:pointer;background:var(--highlight);color:var(--white);transition:transform .12s ease,filter .12s ease,opacity .12s ease;position:absolute;bottom:0;margin-left:-1rem}
body.theme-goldline .dg-token-redeem-btn{color:var(--black)}
.dg-token-redeem-btn:hover{background:var(--black);color:var(--white) !important}
.dg-token-redeem-btn:disabled{cursor:not-allowed;opacity:.55;filter:none;transform:none}
.dg-token-redeem-msg{margin-top:1.5rem;font-weight:700}

@media (min-width:780px){.dg-token-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .dg-token-reward-grid{gap:2.5rem}}
@media (min-width:1180px){.dg-token-reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Token Log */
.token-log{max-height:30rem;overflow:auto;padding:.8rem;border-radius:.8rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.80)}
.token-log ul{list-style:none;padding:0;margin:0;display:grid;padding:1.5rem 0 0 0;margin:0 !important}
.token-log li{padding:0 1.5rem 1.5rem 1.5rem !important;border-bottom:.2rem solid var(--grey);font-size:.8em}
.token-log li::before{display:none}
.token-log li:last-child{border-bottom:0;padding-bottom:0 !important}
.token-log-minus .token-log-delta{color:#FF3B3F}
.token-log-date{opacity:.85;font-size:1em;white-space:nowrap;display:block}
.token-log-delta{font-weight:700;white-space:nowrap;margin-right:2rem}
.token-log-desc{}
.token-log::-webkit-scrollbar{width:1rem}
.token-log::-webkit-scrollbar-thumb{background:var(--grey);border-radius:.6rem}
.token-log::-webkit-scrollbar-track{background:transparent}
.dg-token-log-iframe{width:100%;height:30rem;max-height:30rem;border:0;border-radius:.6rem;overflow:hidden}

/* Games Liste Editieren */
.dg-games-genre-order{margin:0 0 3rem 0}
.dg-games-genre-order-head{display:flex;flex-direction:column;gap:.35rem;margin:0 0 1rem 0}
.dg-games-genre-order-title{font-weight:800;font-size:1.4em;letter-spacing:-.01em}
.dg-games-genre-order-sub{opacity:.75;font-weight:600}
.dg-games-genre-order-list{display:grid;grid-template-columns:1fr;gap:1rem}
.dg-games-genre-card{display:grid;grid-template-columns:3.8rem 1fr;gap:1rem;align-items:center;padding:1rem;border-radius:.6rem;border:.2rem solid rgba(255,255,255,.08);background:rgba(0,0,0,.05);cursor:grab;user-select:none;touch-action:none}
.dg-games-genre-card:active{cursor:grabbing;background:rgba(0,0,0,.15)}
.dg-games-genre-handle{width:3.8rem;height:3.8rem;border-radius:.8rem;border:.2rem solid var(--grey);background:transparent;color:var(--text-color);display:flex;align-items:center;justify-content:center;cursor:grab}
.dg-games-genre-dots{font-weight:900;letter-spacing:.2em;opacity:.85}
.dg-games-genre-meta{display:flex;flex-direction:column;gap:.15rem}
.dg-games-genre-name{font-weight:800;font-size:1.15em}
.dg-games-genre-pos{opacity:.75;font-weight:700;font-size:.95em}
.dg-games-genre-card.is-dragging{opacity:.65;transform:scale(.99)}
.dg-games-genre-card.is-over{outline:.25rem solid rgba(255,255,255,.12);outline-offset:.15rem}
.dg-games-genre-order-actions{margin-top:1rem;display:flex;margin:0 !important;position:relative}
.dg-games-genre-order-save,.dg-unfollow-btn-edit{margin:1rem 0 0 0 !important}
.dg-games-list-edit-message{position:absolute;right:0;margin:1.5rem 0 0}
.dg-follow-genre-edit .dg-follow-terms-inline{grid-template-columns: repeat(auto-fit, minmax(31rem, 1fr));}

.dg-follow-genre-suggestions-title{margin:2rem 0;font-size:1.45em;font-weight:700;border-left:.4em solid var(--highlight);padding-left:1.5rem}
.dg-follow-term-chip.dg-games-list-suggest-item.is-followed {opacity:.5;}
.dg-follow-term-chip.dg-games-list-suggest-item.is-followed .dg-follow-btn-suggest {pointer-events: none;opacity: .8;}

@media (min-width:1180px){
.dg-follow-genre-edit .dg-follow-term-link{font-size:1.2em !important}
.dg-follow-genre-edit .dg-follow-genre-grid{grid-template-columns: 1fr;}
}

/* Mention @Username */
.dg-mention-box{position:relative}
.dg-mention-dd{position:absolute; left:1rem; top:1rem;margin-top:.35rem; z-index:9999;background:var(--white);border:.2rem solid rgba(0,0,0,.15);border-radius:.6rem;max-height:24rem; overflow:auto;max-width:28rem;display:none}
body.dark-mode .dg-mention-dd{background:var(--grey)}

.dg-mention-dd button{width:100%; text-align:left; padding:1rem;background:transparent; border:0; cursor:pointer;color:var(--text-color);font-size:16px}
.dg-mention-dd button:hover{background:rgba(0,0,0,.1)}
.dg-mention-dd small{opacity:.75; margin-left:1rem}
