/* Shared visual language measured from the live Garnet forums and store. */
@media(max-width:760px){header.gg-header .gg-nav{display:none!important}header.gg-header .gg-nav.is-open{display:flex!important}}
:root{--red:#d9232e;--bg:#101012;--panel:#18181b;--white:#f9f9fa;--muted:#a7a7ad;--brand-border:rgba(255,255,255,.08)}
body{background:radial-gradient(ellipse at 80% 10%,#7d1f2b15,transparent 55%),#101012;color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.gg-topbar{height:32px;background:#09090a;border-bottom:1px solid #ffffff04;display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:700;letter-spacing:.8px;color:#c5c5cb;text-transform:uppercase;gap:8px}
.gg-topbar i{width:6px;height:6px;border-radius:50%;background:#58c49a;box-shadow:0 0 0 4px #58c49a15}
header.gg-header{height:80px;padding:0 24px;background:rgba(13,13,15,.96);border-bottom:1px solid #ffffff08;position:relative;z-index:20;display:block}
.gg-header-inner{max-width:1240px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
.gg-header .brand{display:flex;gap:12px;align-items:center;color:#f9f9fa;letter-spacing:0;flex-shrink:0}
.gg-header .brand img{width:48px;height:48px;object-fit:contain}.gg-wordmark{display:flex;flex-direction:column;gap:4px}.gg-wordmark strong{font-size:17px;line-height:1.1;font-weight:800}.gg-wordmark small{font-size:9px;font-weight:600;letter-spacing:1.5px;line-height:1.5;color:#98989e}
.gg-header .gg-nav{display:flex;align-items:center;gap:28px;color:#98989e;font-size:12px;font-weight:600}.gg-nav a,.gg-nav summary{font:600 12px/1.6 Inter,sans-serif;letter-spacing:0;cursor:pointer;white-space:nowrap}.gg-nav a:hover,.gg-nav summary:hover,.gg-nav a[aria-current=page]{color:#f9f9fa}.gg-nav a[aria-current=page]{position:relative}.gg-nav a[aria-current=page]:after{content:'';position:absolute;bottom:-12px;height:2px;background:var(--red);left:0;right:0}.gg-nav details{position:relative}.gg-nav summary{list-style:none;display:flex;gap:7px;align-items:center}.gg-nav summary::-webkit-details-marker{display:none}.gg-nav summary:after{content:'';width:5px;height:5px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin-top:-3px}.gg-dropdown{position:absolute;top:calc(100% + 18px);left:-16px;min-width:190px;padding:8px;background:#18181b;border:1px solid var(--brand-border);border-radius:8px;box-shadow:0 15px 40px #0008;display:grid;gap:2px}.gg-dropdown a{padding:9px 11px;border-radius:4px;color:#b5b5ba}.gg-dropdown a:hover{background:#222226;color:white}
.gg-staff{border:1px solid var(--brand-border);border-radius:7px;color:#b5b5ba;padding:10px 15px;font-size:11px;font-weight:600;flex-shrink:0}.gg-staff:hover{color:white;background:#222226}.gg-menu-toggle{display:none;background:none;border:1px solid var(--brand-border);border-radius:6px;padding:8px 12px;color:#ddd;font-size:12px}
.splash{height:700px}.masthead{top:48px}.masthead h1{font-size:clamp(64px,7.5vw,100px);letter-spacing:-5px;font-weight:800}.masthead h1 span{color:#f9f9fa}.hero-emblem{width:86px;height:86px}.hero-actions .button{background:#d9232e;border-radius:8px;box-shadow:0 6px 24px #d9232e18}.hero-actions .button:hover{background:#b91d28}.discord-button{background:#1a1a1d;border:1px solid var(--brand-border);border-radius:8px}.discord-button .icon{color:#b5b5ba}.hero-stats{max-width:1240px;background:#18181bed;border:1px solid var(--brand-border);border-radius:8px;box-shadow:none;bottom:28px}.hero-stats strong{font-weight:780;color:#f9f9fa}.hero-stats span{color:#a7a7ad}
.streams-section,.records-section{max-width:1240px;padding-top:40px;padding-bottom:40px}.streams-heading h2,.records-heading h2{font-size:30px;font-weight:780;color:#f9f9fa}.stream-card,.record-row,.record-row:last-child,.clan-card,.rules-card,.moderation-card{background:#18181b;border-color:var(--brand-border);border-radius:8px}.record-value{color:#d9232e}.record-name,.record-note,.record-definition,.record-kicker,.demo-stream p,.stream-invite{color:#a7a7ad}.rankings li{background:#222226}.rankings strong{color:#f9f9fa}.period-switch{background:#18181b;border-color:var(--brand-border)}.period-switch button[aria-pressed=true]{background:#d9232e}.demo-badge,.tiny-demo{color:#b5b5ba;border-color:#ffffff20;font-family:Inter,sans-serif}.demo-stream .live-label{color:#d9232e}.demo-stream small{color:#a7a7ad}
/* Keep the player-photo arrangement, inside the same dark Garnet palette. */
.scrapbook{background:#151517;background-image:none;color:#f9f9fa;border-top:1px solid var(--brand-border);padding:64px max(5%,calc((100% - 1240px)/2)) 90px;margin-top:28px}.scrap-heading h2{font:780 38px/1.1 Inter,sans-serif;letter-spacing:-1.5px;text-transform:none}.gallery-intro p{color:#a7a7ad}.gallery-open{color:#f9f9fa;border-color:#d9232e}.staff-review-link{color:#a7a7ad}.photo-wall figure{background:#222226;border:1px solid var(--brand-border);border-radius:6px;box-shadow:0 10px 30px #0004}.photo-wall figure:before{background:#7753598c}.photo-wall figcaption{color:#d6d6db}.photo-wall img{border-radius:3px}.content-page{max-width:1240px}.page-heading h1{font-family:Inter,sans-serif;font-weight:780;text-transform:none}.gallery-toolbar h2{font-family:Inter,sans-serif}#gallery-dialog{background:#18181b;border:1px solid var(--brand-border)}
@media(max-width:1050px){.gg-header .gg-nav{gap:18px}.gg-staff{display:none}}
@media(max-width:760px){header.gg-header{height:76px;padding:0 20px}.gg-header-inner{gap:14px}.gg-menu-toggle{display:block}.gg-header .gg-nav{display:none;position:absolute;left:0;right:0;top:76px;background:#0d0d0f;border-bottom:1px solid var(--brand-border);padding:18px 24px;align-items:stretch;gap:0;flex-direction:column;max-height:75vh;overflow:auto}.gg-header .gg-nav.is-open{display:flex}.gg-nav>a,.gg-nav>details>summary{padding:12px 0}.gg-nav a[aria-current=page]:after{display:none}.gg-dropdown{position:static;box-shadow:none;margin:0 0 10px}.gg-topbar{font-size:9px;height:28px}.splash{height:690px}.masthead{top:35px}.masthead h1{font-size:64px;letter-spacing:-3px}.hero-emblem{height:70px;width:70px}.hero-stats{bottom:24px}.streams-heading h2,.records-heading h2{font-size:25px}.scrap-heading h2{font-size:30px}.scrapbook{padding:45px 6% 70px}}
@media(min-width:1051px){.gg-header-inner{display:grid;grid-template-columns:1fr auto 1fr}.gg-staff{justify-self:end}.gg-header .gg-nav{margin:0}}
@media(max-width:760px){header.gg-header .gg-nav{gap:0!important;align-items:stretch}}

.stream-list:has(.stream-empty-state){display:block}.stream-empty-state{padding:38px 24px;text-align:center;background:#18181b;border:1px solid #ffffff14;border-radius:8px}.stream-empty-icon{display:inline-flex;color:#a78bfa;background:#9146ff18;border:1px solid #9146ff35;width:42px;height:42px;border-radius:12px;align-items:center;justify-content:center;font-size:24px}.stream-empty-state h3{font:700 21px/1.3 Inter,sans-serif;color:#f9f9fa;margin:17px 0 10px;letter-spacing:-.4px}.stream-empty-state p{font-size:13px;color:#a7a7ad;margin:0;line-height:1.7}.live-stream{padding:24px;display:block}.live-stream .live-label{color:#b58aff;font-size:11px}.live-stream h3{font:700 20px/1.3 Inter,sans-serif;margin:14px 0 10px}.live-stream p{font-size:13px;color:#a7a7ad;overflow-wrap:anywhere}.live-stream small{color:#b58aff}.live-stream:hover{border-color:#9146ff80}
