/*
 * Theme Name: InsideGaming Theme
 * Theme URI: https://insidegaming.net
 * Description: Official InsideGaming theme for insidegaming.net
 * Version: 1.0
 * Author: InsideGaming
 * Author URI: https://insidegaming.net
 */

/* =====================
 *   RESPONSIVE VIEWPORT
 *   ===================== */

html {
    -webkit-text-size-adjust: 100%;
}

html, body {
    min-width: 320px;
    overflow-x: auto;
}

/* =====================
 *   CSS Variablen
 *   ===================== */

:root {
    --bg-background:#252525;
    --bg-dark:#2e2e2e;
    --bg-darker:#1b1b1b;
    --border-dark:#333;
    --border-soft:#444;
    --text-main:#f0f0f0;
    --text-muted:#aaa;
    --accent:#9aff00;
}

/* =====================
 *   Grundlayout
 *   ===================== */

/* =====================
 *   HEADER & FOOTER
 * ===================== */

.header,.foot{position:relative;clear:both}
.header_line1{height:9px;background:var(--bg-dark)}
.header_line3{position:absolute;top:3px;height:3px;width:100%;background:var(--accent)}

* { box-sizing:border-box; }

body,
input,
select,
textarea,
button,
.button {
    font-family:Tahoma,Verdana,Arial,sans-serif;
}

body {
    padding:0 0 20px;
    margin:0;
    background-image:url('images/background/linen.png');
    background-attachment:fixed;
    background-color:#050806;
    text-align:center;
    color:var(--text-main);
    font-size:13px;
    line-height:1.55;
}

a {
    color:var(--text-main);
    font-weight:bold;
    text-decoration:none;
}

a:hover { color:var(--accent); }

h1,h2,h3,h4,h5,h6 { color:var(--text-main); }

h1 {
    margin-top:30px;
    position:relative;
    left:50px;
    text-align:left;
    font-size:24px;
}

p { line-height:1.6; }


/* =====================
 *   Top Bar
 *   ===================== */

.top-bar {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px;
    color:#fff;
    font-size:13px;
    border-bottom:1px solid var(--border-dark);
    padding-bottom: 8px;
}

.top-bar-welcome { flex:1; }
.top-bar-welcome strong { color:var(--accent); }

@media (max-width:1053px){
    .top-bar-welcome{display:none;}
}

.top-bar-actions {
    margin-left:auto;
    display:flex;
    flex-wrap:wrap;

}

.top-bar-actions .button { margin-left:8px; padding: 4px 8px 4px; font-weight:bold}

.button-icon {
    width:16px;
    height:16px;
    vertical-align:middle;
    margin-right:6px;
    display:inline-block;
    position:relative;
    top:-1px;
}

/* =====================
 *   Seitencontainer
 *   ===================== */

.site-container {
    width:90%;
    max-width:1400px;
    margin:0 auto;
    background: var(--bg-background);
    text-align:left;
    border:1px solid #06121e;
    padding:2px;
    box-shadow:
    0 0 0 1px #06121e,
    0 0 0 1px #cdddf6 inset,
    0 0 0 1px #67859d inset,
}

/* =====================
 *   Header & Logo
 *   ===================== */

.site-header { position:relative; clear:both; }

.site-logo {
    text-align:center;
    padding:20px 0;
}

.site-logo img {
    display:block;
    width:50%;
    margin-left:auto;
    margin-right:auto;
}

/* =====================
 *   Hauptlayout
 *   ===================== */

.user-badge {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}
.user-badge img {
    width: 13px;
    height: 13px;
    vertical-align: middle;
}
.user-badges-wrapper {
    display: inline-flex;
    gap: 1px;
    align-items: center;
    /* margin-left: 5px; */
}
.author-badge-inline .user-badges-wrapper {
    margin-left: 1px;
}
.author-badge-inline .user-badge img {
    width: 12x;
    height: 12px;
}

.main-wrapper {
    display:flex;
    align-items:stretch;
    flex-wrap:nowrap;
}

/* =====================
 *   Navigation Links
 *   ===================== */

.sidebar-left {
    width: 140px;
    flex: 0 0 140px;
    font-size:12px;
    background:var(--bg-darker);
    border-right:1px solid var(--border-dark);
}

.navi_header {
    font-weight:bold;
    text-transform:uppercase;
    padding:5px 0 5px 10px;
    background:#333;
}

.navi_sub,
.navi_content {
    padding:5px 0;
    position:relative;
}

.navi_sub a,
.navi_content a {
    display:block;
    padding:2px 10px;
    line-height:1.6;
    font-weight:normal;
    position:relative;
    z-index:2;
    margin:0;
    color:var(--text-main);
}

.navi_sub a::before,
.navi_content a::before {
    display:block;
    padding-left:10px;
    line-height:1.6;
    font-weight:normal;
}

.navi_sub a:hover::before,
.navi_content a:hover::before { opacity:1; }

.navi_sub a:hover,
.navi_content a:hover {
    color:var(--accent);
    font-weight:bold;
}


.navi_sub i,
.navi_content i {
    display:inline-block;
    width:16px;
    text-align:center;
    margin-right:4px;
}

.fa-solid, .fa-brands, .fas {
    color:var(--text-main);
}

/* =====================
 *   Navigation Rechts
 *   ===================== */

.sidebar-right, .navi2 {
    width: 140px;
    flex: 0 0 140px;
    font-size:12px;
    background:linear-gradient(-90deg,rgba(0,0,0,1) 25%,rgba(37,37,37,0) 100%);
    border-left:1px solid var(--border-dark);
    border-bottom:1px solid var(--border-dark);
    padding:0;
}

/* =====================
 *   Content Bereich
 *   ===================== */

.site-content {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 1100px;
    /* Neu hinzugefügt: */
    overflow-wrap: break-word; /* Bricht lange Wörter/Links um */
    overflow: hidden;          /* Schneidet Inhalte ab, die sonst über die Sidebar ragen */
}

.content-wrapper {
    max-width:95%;
    margin:0 auto;
    padding:2px 27px 5px;
}

/* =====================
 *   WordPress Posts
 *   ===================== */

article.post,
article.page {
    background: var(--bg-darker);
    border-radius: 5px;
    padding: 26px;
    border: 2px solid var(--border-dark);
    margin:15px 0px;
}

.entry-header { padding:18px 0 0 0; }

.entry-body { padding:0 22px 18px 22px; }

h1.entry-title {
    font-size:18px;
    letter-spacing:.3px;
    margin:0 0 10px;
}

.entry-title a { color:var(--text-main); }
.entry-title a:hover { color:var(--accent); }

.entry-meta {
    font-size:10.5px;
    color:var(--text-muted);
    margin:0 0 15px;
}

.entry-content p {
    margin:0 0 12px;
    line-height:1.6;
}

.entry-footer {
    font-size:11px;
    color:var(--text-muted);
    margin-top:15px;
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid var(--border-dark);
}

/* =====================
 *   YouTube Embed
 *   ===================== */

.wp-block-embed iframe {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

/* Featured Image */

.post-thumbnail { margin-bottom:15px; }

.post-thumbnail img {
    display:block;
    width:100%;
    height:auto;
    border-radius:4px;
}

/* =====================
 *   Widgets
 *   ===================== */

.widget { margin-bottom:20px; }

.widget-title {
    font-weight:bold;
    padding:7px 0 7px 10px;
    background:#000;
    background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(40,40,40,1) 50%,rgba(130,130,130,1) 100%);
    margin:0 0 10px;
}

.widget ul {
    list-style:none;
    padding:3px 0 10px;
    margin:0;
}

.widget li {
    padding:2px 10px;
    line-height:1.6;
}

.widget a {
    color:#ffffff;
    color:var(--text-main);
    font-weight:normal;
}

.widget a:hover {
    color:#ff0000;
    color:var(--accent);
}

/* =====================
 *   Buttons & Forms
 *   ===================== */

input,select,textarea {
    font-size: 12px;
    color:var(--text-main);
    background: #333;
    border: 1px solid #555;
    height: 20px;
    padding: 0px 5px 0px;
}

textarea {
    width:100%;
    min-height:100px;
}

input[type="radio"] {
    position: relative;
    top: 5px; /* nach unten verschieben, bis es auf Texthöhe passt */
}

button,
input[type="submit"],
input[type="button"],
.button {
    color:var(--text-main);
    background-color:var(--border-soft);
    border:1px solid var(--border-soft);
    cursor:pointer;
    font-size:12px;
    border-radius:4px;
}
.button:active:hover {
    position: relative;
    top: 1px;
    left: 1px;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover {
    background-color:#666;
}

a.button {
    font-weight:lighter; padding:0px 3px 0px;

}

a.button:hover {
    color:var(--text-main);
}

.fabutton {
    color: white;
    pointer-events: none;
    font-size: 11px;
    position: relative;
    top: -0.5px;
}

/* =====================
 *   Tables
 *   ===================== */

table {
    width:100%;
    border-collapse:collapse;
    background:var(--bg-dark);
    color:var(--text-main);
}

table td,
table th {
    background:var(--bg-dark);
    border: 1px solid #444;
    padding:8px;
    font-size:12px;
}

table th {
    background:#333;
    font-weight:bold;
}

/* =====================
 *   Footer
 *   ===================== */

.site-footer {
    text-align:center;
    font-size:11px;
    color:var(--text-muted);
    border-top:1px solid var(--border-dark);
}

/* =====================
 *   WordPress Core
 *   ===================== */

.alignleft { float:left; margin:0 15px 15px 0; }
.alignright { float:right; margin:0 0 15px 15px; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }

.wp-caption { max-width:100%; }

.wp-caption-text {
    font-size:11px;
    color:var(--text-muted);
    text-align:center;
    padding:5px 0;
}

.screen-reader-text {
    clip:rect(1px,1px,1px,1px);
    position:absolute!important;
    height:1px;
    width:1px;
    overflow:hidden;
}

/* =====================
 *   Navigation Rechts Alt
 *   ===================== */

.navi2 {
    width:140px;
    flex:0 0 140px;
    font-size:12px;
    background:var(--bg-darker);
    border-left:1px solid var(--border-dark);
    padding:0;
}

/* =====================
 *   YouTube Stats
 *   ===================== */

#youtube-stats { padding:5px 10px; }

#youtube-stats p {
padding:5px 0;
color:#666;
font-size:13px;
text-align:center;
}

.stat-item { padding:0; text-align:left; }

.stat-label {
    font-size:13px;
    font-weight:bold;
    line-height:1.4;
    color:#fff;
    margin-bottom:2px;
    display:inline-block;
}

.stat-item i {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-right:4px;
}

.stat-value {
    font-size:13px;
    font-weight:500;
    line-height:1.4;
    color:#fff;
}

/* =====================
 *   Latest Videos Sidebar
 *   ===================== */

#latest-videos { padding:10px; }

#latest-videos p {
padding:5px 0;
color:#666;
font-size:13px;
}

.video-item {
    margin-bottom:0;
    padding-bottom:15px;
}

.video-item:last-child {
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}

.video-thumbnail {
    width:100%;
    margin-bottom:8px;
    border-radius:4px;
    overflow:hidden;
}

.video-thumbnail img {
    width:100%;
    height:auto;
    display:block;
    transition:transform .2s ease;
}

.video-info { padding:0 2px; }

.video-title {
    font-size:13px;
    font-weight:500;
    line-height:1.4;
    margin:0 0 5px;
    max-height:2.8em;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.video-title a {
    color:#ffffff;
    text-decoration:none;
}

.video-title a:hover {  color:var(--accent); }

.video-date {
    font-size:11px;
    color:#999;
}

/* FORCE TITLE LEFT BLOCK UNCHANGED */

.entry-title, h1.entry-title {
    margin:0 0 10px 0 !important;
    padding:0 !important;
    text-indent:0 !important;
}

.entry-header h1,
.entry-header .entry-title,
.entry-header .entry-meta {
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    padding-left:22px !important;
    text-indent:0 !important;
    position:relative !important;
    left:0 !important;
}

.entry-header .entry-title { margin-bottom:10px !important; }
.entry-header .entry-meta { margin-bottom:15px !important; }

.entry-header h1 {
    font-weight:bold !important;
    line-height:normal !important;
}

.entry-header,
.post .entry-header,
article .entry-header {
    padding:18px 0 0 22px !important;
}

.entry-header h1,
.entry-header .entry-title { padding-left:0 !important; }

.entry-header .entry-meta { padding-left:0 !important; }


/* YouTube FontAwesome ersetzen durch offizielles PNG */
.fa-youtube:before {
    content: "" !important;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("https://insidegaming.net/wp-content/themes/insidegaming-theme/images/nav/yt_icon_white_digital.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
/* =========================================================
 * InsideGaming Modern UI v42
 * Global shell: header, navigation and profile-friendly spacing.
 * Existing content/sidebar classes remain intact for compatibility.
 * ========================================================= */
.ig-modern-brandbar{position:relative;z-index:20;min-height:94px;background:radial-gradient(circle at 25% 0%,rgba(117,255,0,.13),transparent 28%),radial-gradient(circle at 75% 50%,rgba(45,110,0,.10),transparent 34%),linear-gradient(180deg,#070b08 0%,#0d120f 100%);border-bottom:1px solid #263a25;overflow:hidden}
.ig-modern-brandbar:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,rgba(156,255,0,.07) 42%,transparent 60%);pointer-events:none}
.ig-modern-brandbar-inner{width:min(1400px,94%);min-height:94px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.ig-modern-logo{display:flex;align-items:center;flex:0 0 auto;width:280px;height:62px;overflow:hidden;text-decoration:none}
.ig-modern-logo img{display:block;width:100%;height:auto;max-height:62px;object-fit:contain;object-position:left center}
.ig-modern-header-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex:1}
.ig-modern-search{height:42px;width:min(430px,42vw);display:flex;align-items:center;border:1px solid #29372c;border-radius:12px;background:rgba(14,20,16,.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 8px 25px rgba(0,0,0,.18);overflow:hidden}
.ig-modern-search input{flex:1;min-width:0;height:100%;border:0!important;outline:0!important;background:transparent!important;color:#e9eee9!important;padding:0 14px!important;font-size:13px!important;box-shadow:none!important}
.ig-modern-search input::placeholder{color:#7e887f}
.ig-modern-search button{width:48px;height:100%;border:0;background:transparent;color:#e9eee9;cursor:pointer;font-size:15px}
.ig-modern-search button:hover{color:#9cff00}
.ig-modern-icon-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid #29372c;border-radius:11px;background:#111712;color:#e9eee9!important;text-decoration:none!important;font-size:16px;position:relative}
.ig-modern-icon-btn:hover{border-color:rgba(156,255,0,.55);color:#9cff00!important;box-shadow:0 0 12px rgba(156,255,0,.10)}
.ig-modern-bell:after{display:none;content:"";position:absolute;right:8px;top:7px;width:6px;height:6px;border-radius:50%;background:#9cff00;box-shadow:0 0 7px rgba(156,255,0,.75)}
.ig-modern-bell.has-unread:after{display:block}
.ig-modern-account{height:42px;display:flex;align-items:center;gap:8px;padding:0 11px 0 6px;border:1px solid #29372c;border-radius:22px;background:#111712;color:#fff!important;text-decoration:none!important;white-space:nowrap}
.ig-modern-account:hover{border-color:rgba(156,255,0,.55);box-shadow:0 0 12px rgba(156,255,0,.10)}
.ig-modern-account-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px solid #9cff00;display:flex;align-items:center;justify-content:center;background:#0a0d0b}
.ig-modern-account-avatar img{width:100%!important;height:100%!important;object-fit:cover}
.ig-modern-account strong{font-size:11px}
.ig-modern-account>i{font-size:9px;color:#7d887f}
.ig-modern-login,.ig-modern-register{height:42px;display:flex;align-items:center;justify-content:center;padding:0 15px;border-radius:9px;text-decoration:none!important;font-size:11px;font-weight:800}
.ig-modern-login{border:1px solid #334033;background:#111712;color:#fff!important}.ig-modern-login i{color:#9cff00;margin-right:6px}.ig-modern-login:hover{border-color:#9cff00}
.ig-modern-register{background:#9cff00;color:#0a1007!important;border:1px solid #9cff00}.ig-modern-register:hover{background:#b5ff45;color:#071006!important}
.ig-modern-nav{border-bottom:1px solid #263a25;background:linear-gradient(180deg,#111a14,#0d1410)}
.ig-modern-nav-inner{min-height:49px;display:flex;align-items:stretch;gap:2px;padding:0 8px;overflow-x:auto;scrollbar-width:thin}
.ig-modern-nav-inner a{display:flex;align-items:center;gap:8px;padding:0 16px;color:#dce4dc!important;text-decoration:none!important;font-size:12px;font-weight:800;position:relative;white-space:nowrap}
.ig-modern-nav-inner a i{font-size:12px;color:#b8c2b9}.ig-modern-nav-inner a:hover{color:#9cff00!important;background:rgba(156,255,0,.045)}.ig-modern-nav-inner a:hover i{color:#9cff00}
.ig-modern-nav-inner a:first-child:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:#9cff00;opacity:.9}
.ig-legacy-topbar{min-height:34px;padding:5px 8px!important;background:#171a18!important;border-bottom:1px solid #2b302b!important}
.ig-legacy-topbar .top-bar-welcome{font-size:11px}.ig-legacy-topbar .top-bar-actions .button{font-size:10px!important;padding:3px 7px!important}
.site-container{border:1px solid #162016!important;box-shadow:0 0 0 1px #162016,0 0 0 1px rgba(156,255,0,.08) inset!important}
.main-wrapper{position:relative;padding-top:8px}
.site-content{min-width:0}

@media(max-width:900px){.ig-modern-brandbar-inner{width:96%;gap:10px}.ig-modern-logo{width:220px}.ig-modern-search{width:min(330px,36vw)}.ig-modern-nav-inner a{padding:0 12px}.ig-modern-nav-inner a span{display:none}.ig-modern-nav-inner a i{font-size:14px}.ig-legacy-topbar{display:none!important}}
@media(max-width:650px){.ig-modern-brandbar,.ig-modern-brandbar-inner{min-height:74px}.ig-modern-brandbar-inner{padding:7px 0}.ig-modern-logo{width:170px;height:50px}.ig-modern-header-tools{gap:6px}.ig-modern-search{width:44px;height:38px;border-radius:10px}.ig-modern-search input{display:none}.ig-modern-search button{width:44px}.ig-modern-icon-btn{width:38px;height:38px}.ig-modern-account{height:38px;padding-right:7px}.ig-modern-account strong,.ig-modern-account>i{display:none}.ig-modern-account-avatar{width:30px;height:30px}.ig-modern-login,.ig-modern-register{height:38px;padding:0 10px;font-size:10px}.ig-modern-nav-inner{min-height:44px}.ig-modern-nav-inner a{padding:0 13px}.main-wrapper{padding-top:5px}}

/* =========================================================
 * InsideGaming v44 Header refinement
 * ========================================================= */
.ig-modern-brandbar{background:linear-gradient(180deg,rgba(6,9,7,.86) 0%,rgba(10,14,11,.78) 100%)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(156,255,0,.14)!important}
.ig-modern-brandbar:before{background:linear-gradient(105deg,transparent 0%,rgba(156,255,0,.035) 42%,transparent 60%)!important}
.ig-modern-account-wrap{position:relative;display:flex;align-items:center}
.ig-modern-account{cursor:pointer;font:inherit!important}
.ig-modern-account.is-open{border-color:rgba(156,255,0,.65);box-shadow:0 0 16px rgba(156,255,0,.12)}
.ig-modern-account.is-open>i{transform:rotate(180deg)}
.ig-modern-account>i{transition:transform .16s ease}
.ig-modern-account-menu{position:absolute;right:0;top:calc(100% + 8px);width:205px;padding:7px;border:1px solid #2c392e;border-radius:12px;background:rgba(11,15,12,.98);box-shadow:0 16px 35px rgba(0,0,0,.45),0 0 18px rgba(156,255,0,.05);z-index:1000}
.ig-modern-account-menu[hidden]{display:none!important}
.ig-modern-account-menu a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:8px;color:#e5ebe6!important;text-decoration:none!important;font-size:12px;font-weight:700}
.ig-modern-account-menu a i{width:16px;text-align:center;color:#9cff00}
.ig-modern-account-menu a:hover{background:rgba(156,255,0,.08);color:#fff!important}
.ig-modern-account-menu a.is-logout i{color:#ff8f8f}.ig-modern-account-menu a.is-logout:hover{background:rgba(255,80,80,.08)}
.ig-modern-account-menu-sep{height:1px;background:#29312b;margin:5px 4px}
.ig-modern-nav{background:linear-gradient(180deg,#0b0e0c,#080b09)!important;border-bottom:1px solid #242a25!important}
.ig-modern-nav-inner a{color:#d5dbd6!important}.ig-modern-nav-inner a i{color:#aab2aa!important}
.ig-modern-nav-inner a:hover{background:rgba(255,255,255,.025)!important;color:#9cff00!important}.ig-modern-nav-inner a:hover i{color:#9cff00!important}
.ig-legacy-topbar{background:#151716!important}
@media(max-width:650px){.ig-modern-account-menu{right:-3px;width:190px}.ig-modern-account-wrap{position:relative}}

/* InsideGaming v45: account dropdown must escape the brand bar and sit above navigation/content */
.ig-modern-brandbar{overflow:visible!important;z-index:1000!important}
.ig-modern-brandbar-inner{z-index:1001!important}
.ig-modern-account-wrap{z-index:1002!important}
.ig-modern-account-menu{z-index:10000!important}
.ig-modern-nav{position:relative;z-index:900}
.ig-legacy-topbar{position:relative;z-index:890}

/* InsideGaming v46: smooth account avatar ring */
.ig-modern-account-avatar{
  position:relative!important;
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  box-sizing:border-box!important;
  padding:1px!important;
  border:1px solid transparent!important;
  border-radius:50%!important;
  background:
    linear-gradient(#0a0d0b,#0a0d0b) padding-box,
    linear-gradient(135deg,rgba(196,255,88,.95) 0%,rgba(156,255,0,.82) 48%,rgba(93,175,0,.72) 100%) border-box!important;
  box-shadow:
    0 0 0 1px rgba(156,255,0,.10),
    0 0 9px rgba(156,255,0,.13),
    inset 0 0 7px rgba(156,255,0,.035)!important;
  isolation:isolate;
}
.ig-modern-account-avatar:after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:50%;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.ig-modern-account-avatar img{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:50%!important;
  image-rendering:auto!important;
}
.ig-modern-account:hover .ig-modern-account-avatar{
  background:
    linear-gradient(#0a0d0b,#0a0d0b) padding-box,
    linear-gradient(135deg,#d7ff86 0%,#9cff00 50%,#b7ff48 100%) border-box!important;
  box-shadow:
    0 0 0 1px rgba(156,255,0,.14),
    0 0 13px rgba(156,255,0,.20),
    inset 0 0 8px rgba(156,255,0,.045)!important;
}
@media(max-width:650px){
  .ig-modern-account-avatar{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
  }
}