/* Gamify V3 — unified editorial chrome / chromatic micro-accents */
:root{--gm-blue:#85bcff;--gm-pink:#8dc1eb;--gm-violet:#ab9cfa}
body{font-feature-settings:"ss01" on,"kern" on;-webkit-font-smoothing:antialiased}
.brand-wordmark{letter-spacing:-.085em;font-weight:850}
#mainContent{min-width:0}
#community{--gm-radius:19px}
#community .gm-hero{border-radius:22px;padding:clamp(28px,5vw,56px);background:radial-gradient(ellipse 60% 90% at 100% 0%,rgba(141,193,235,.14),transparent 76%),radial-gradient(ellipse 60% 85% at 0% 100%,rgba(133,188,255,.11),transparent 73%),var(--panel);margin-bottom:21px}
#community .gm-hero h1{font-size:clamp(40px,5.2vw,72px);letter-spacing:-.075em;max-width:780px;line-height:1.02}
#community .gm-hero p{font-size:14px;max-width:620px;line-height:1.8}
#community .gm-layout{grid-template-columns:minmax(0,1fr) minmax(270px,320px);gap:20px;width:100%;min-width:0}
#community .gm-main-column{min-width:0}
#community .gm-layout>aside{min-width:0;width:auto;max-width:none;position:static;display:block;padding:0;background:transparent;border:0;box-shadow:none}
#community .gm-layout>aside>*{min-width:0;max-width:100%;box-sizing:border-box}
#community .gm-panel,#community .gm-post{background:var(--panel);border:1px solid var(--line);border-radius:var(--gm-radius);box-shadow:none;transition:border-color .2s ease,transform .2s ease}
#community .gm-panel{padding:clamp(17px,2.6vw,26px)}
#community .gm-post{padding:clamp(17px,2.3vw,25px)}
#community .gm-post:hover{border-color:color-mix(in srgb,var(--gm-blue) 27%,var(--line));transform:translateY(-1px)}
#community .gm-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:4px 0 20px}
#community .gm-tabs button{border:0;border-radius:0;padding:14px 18px;background:transparent;color:var(--muted);font-weight:650;position:relative}
#community .gm-tabs button.active{background:transparent;color:var(--text)}
#community .gm-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:12px;right:12px;height:2px;border-radius:8px;background:linear-gradient(90deg,var(--gm-blue),var(--gm-pink))}
#community .gm-post-head{align-items:center}
#community .gm-avatar{width:44px;height:44px;border-radius:50%;border:1px solid color-mix(in srgb,var(--gm-blue) 45%,var(--line));letter-spacing:-.02em;text-transform:uppercase}
#community .gm-author strong{font-size:14px;letter-spacing:-.015em}
#community .gm-author span{display:block;overflow-wrap:anywhere;line-height:1.6}
#community .gm-post-body{line-height:1.75;font-size:14px}
#community .gm-post-actions{gap:20px;flex-wrap:wrap}
#community .gm-post-actions button{font-size:12px;padding:6px}
#community .gm-snapshot{background:radial-gradient(ellipse at right top,rgba(133,188,255,.09),transparent 60%),var(--panel2);border-radius:14px;padding:clamp(17px,3vw,27px)}
#community .gm-snapshot strong{font-size:clamp(28px,3.8vw,42px);display:block;margin:8px 0 4px}
#community .gm-form textarea:focus-visible,#community .gm-form select:focus-visible,#community .gm-form input:focus-visible{outline:2px solid var(--gm-blue);outline-offset:2px}
#community .gm-submit{background:var(--text);color:var(--bg);border:1px solid transparent;border-radius:11px;flex-shrink:0;max-width:100%;transition:box-shadow .2s ease,transform .2s ease}
#community .gm-submit:hover{transform:translateY(-1px);box-shadow:-2px 0 var(--gm-blue),2px 0 var(--gm-pink)}
#community .gm-user{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;padding:14px 0;min-width:0}
#community .gm-user .gm-avatar{width:38px;height:38px;grid-row:span 2}
#community .gm-user-info{min-width:0;overflow:hidden}
#community .gm-user-info strong,#community .gm-user-info small{display:block;max-width:100%;overflow-wrap:anywhere;line-height:1.45}
#community .gm-user-info strong{font-size:12px}
#community .gm-user .gm-follow-action{grid-column:2;justify-self:start;margin:0;padding:8px 12px;font-size:11px}
#community #gmFindResults{min-width:0;overflow:hidden}
#community #gmFindInput{font-size:12px}
#community .gm-profile-panel{padding:0;overflow:hidden}
#community .gm-profile-banner{height:134px;background:radial-gradient(ellipse at 85% 0,rgba(141,193,235,.31),transparent 55%),radial-gradient(ellipse at 15% 100%,rgba(133,188,255,.28),transparent 58%),linear-gradient(125deg,#0d101a,#161722 55%,#10101a);position:relative;display:flex;align-items:flex-end;padding:20px;color:#e9eaf1;overflow:hidden}
#community .gm-profile-banner .gm-label{color:#abb1c6}
#community .gm-banner-mark{position:absolute;right:25px;top:-27px;font-size:120px;font-weight:900;letter-spacing:-.13em;opacity:.08;color:#fff;pointer-events:none}
#community .gm-profile-interior{padding:clamp(17px,2.6vw,27px)}
#community #gmProfileTitle{font-size:clamp(24px,3.2vw,35px)!important;letter-spacing:-.06em}
#community .gm-profile-stats{gap:28px}
#community .gm-profile-stats strong{font-size:23px;letter-spacing:-.055em}
#community .gm-profile-stats span{font-size:11px}
#community .gm-calendar-mini{margin-top:16px;max-width:410px}
#community .gm-calendar-weekdays,#community .gm-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
#community .gm-calendar-weekdays span{text-align:center;color:var(--muted);font-size:10px;padding:3px}
#community .gm-calendar-grid span{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;font-size:10px;background:color-mix(in srgb,var(--text) 4%,transparent);color:var(--muted)}
#community .gm-calendar-grid span.up{background:rgba(53,201,154,.22);color:var(--text)}
#community .gm-calendar-grid span.down{background:rgba(241,124,147,.2);color:var(--text)}
#community .gm-calendar-grid span.gm-calendar-blank{background:transparent}
#dailyPerformanceChart svg.history-chart{display:block;width:100%;height:100%;min-height:190px;overflow:visible}
.hero-performance{min-width:0;overflow:hidden}
#dailyPerformanceChart{min-width:0;overflow:hidden}
@media(min-width:1400px){#community .gm-layout{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:1120px){#community .gm-layout{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:900px){#community .gm-layout{grid-template-columns:minmax(0,1fr)}#community .gm-layout>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#community .gm-layout>aside .gm-sidebar-highlight{grid-column:1/-1}}
@media(max-width:580px){#community .gm-hero h1{font-size:39px}#community .gm-layout>aside{grid-template-columns:1fr}#community .gm-fields{grid-template-columns:1fr}#community .gm-post-head{gap:8px}#community .gm-chip{font-size:9px}#community .gm-topbar{flex-wrap:wrap}#community .gm-panel{padding:17px}#community .gm-profile-panel{padding:0}#community .gm-profile-interior{padding:17px}#community .gm-tabs button{padding:12px}}
@media(prefers-reduced-motion:reduce){#community .gm-post,#community .gm-submit{transition:none}#community .gm-post:hover,#community .gm-submit:hover{transform:none}}
/* Bring the full workspace in line with the trader network: crisp silhouettes, quieter elevation */
body:not(:has(.hero.wrap)) header{backdrop-filter:blur(18px)}
body:not(:has(.hero.wrap)) .card,body:not(:has(.hero.wrap)) .panel,body:not(:has(.hero.wrap)) .hero-performance{box-shadow:none}
body:not(:has(.hero.wrap)) button:focus-visible,body:not(:has(.hero.wrap)) a:focus-visible{outline:2px solid var(--gm-blue);outline-offset:3px}
body:not(:has(.hero.wrap)) nav button.active{border-color:color-mix(in srgb,var(--gm-blue) 35%,var(--line))}
body:not(:has(.hero.wrap)) .brand-wordmark:hover{text-shadow:-1px 0 var(--gm-blue),1px 0 var(--gm-pink)}
#community [hidden]{display:none!important}

/* V4: premium chromatic accents throughout the workspace */
:root{--gamify-spectrum:linear-gradient(108deg,#85bcff 0%,#bca9ff 48%,#8dc1eb 100%)}
.brand-wordmark{letter-spacing:-.055em}
.brand-mark{color:var(--gm-blue)!important;filter:drop-shadow(1px 0 0 var(--gm-pink))}
nav button.active{position:relative;background:color-mix(in srgb,var(--gm-blue) 9%,var(--panel2))!important;color:var(--text)!important}
nav button.active:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:5px;background:var(--gamify-spectrum)}
.hero-performance.card{border-radius:18px!important;border:1px solid color-mix(in srgb,var(--gm-blue) 20%,var(--line))!important;background:radial-gradient(ellipse at 92% 6%,rgba(141,193,235,.075),transparent 48%),radial-gradient(ellipse at 5% 100%,rgba(133,188,255,.065),transparent 60%),var(--panel)!important}
.hero-performance:before{background:var(--gamify-spectrum)!important;width:3px!important}
#dailyPerformanceChart{width:100%;min-height:0!important;overflow:hidden}
#dailyPerformanceChart svg.history-chart{width:100%;height:auto!important;min-height:0!important;aspect-ratio:900 / 235;max-height:265px;overflow:visible}
#dailyPerformanceChart .gm-axis-labels text{font-variant-numeric:tabular-nums;letter-spacing:.01em}
#community .gm-trade-screenshot{display:block;width:100%;max-height:480px;object-fit:contain;background:#10131b;border-radius:12px;margin:16px 0 4px;border:1px solid color-mix(in srgb,var(--gm-blue) 19%,var(--line))}
#community .gm-post{position:relative}
#community .gm-post:before{content:"";height:1px;position:absolute;top:0;left:18%;right:18%;background:var(--gamify-spectrum);opacity:.32}
#community .gm-submit,#community .gm-tabs button.active{transition:filter .2s ease,box-shadow .2s ease,transform .2s ease}
#community .gm-profile-banner{background:radial-gradient(circle at 15% 120%,rgba(133,188,255,.3),transparent 53%),radial-gradient(circle at 88% -15%,rgba(141,193,235,.3),transparent 56%),#13131d}
button:hover{transition:filter .16s ease}
@media(max-width:580px){#dailyPerformanceChart svg.history-chart{aspect-ratio:900 / 270}#community .gm-trade-screenshot{max-height:300px}}

/* V4.1: quiet two-column trade posts, a readable snapshot with a compact chart image */
#community .gm-snapshot-trade .gm-snapshot-top{display:grid;grid-template-columns:minmax(0,1fr) clamp(144px,25%,240px);align-items:center;gap:clamp(15px,3vw,28px)}
#community .gm-snapshot-info{min-width:0}
#community .gm-snapshot-trade .gm-snapshot-info strong{font-size:clamp(27px,3vw,39px);line-height:1.15;overflow-wrap:anywhere}
#community .gm-trade-thumb{width:100%;aspect-ratio:4/3;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#10131b;border:1px solid color-mix(in srgb,var(--gm-blue) 19%,var(--line))}
#community .gm-trade-thumb .gm-trade-screenshot{display:block;width:100%;height:100%;max-height:none;margin:0;border:0;border-radius:0;object-fit:contain;background:transparent}
#community .gm-snapshot-trade .gm-bars:empty{display:none}
#community .gm-snapshot-notes{margin-top:15px;overflow-wrap:anywhere}
@media(max-width:480px){#community .gm-snapshot-trade .gm-snapshot-top{grid-template-columns:minmax(0,1fr) 112px;gap:10px}#community .gm-trade-thumb{border-radius:9px}#community .gm-snapshot-trade .gm-snapshot-info strong{font-size:clamp(23px,6.3vw,31px)}#community .gm-snapshot-trade{padding:15px}}
@media(max-width:350px){#community .gm-snapshot-trade .gm-snapshot-top{grid-template-columns:1fr}#community .gm-trade-thumb{max-width:200px}}