*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:#020304;color:#eee;font-family:Georgia,"Times New Roman",serif;overflow:hidden}
a{text-decoration:none;color:inherit}
.stage{
  position:relative;
  width:min(100vw,calc(100vh * 1.43283582),1536px);
  margin:0 auto;
  background:#020304;
  overflow:hidden;
}
.design{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  pointer-events:none;
}

/* Clickable zones on exact approved design */
.hot{position:absolute;z-index:30;display:block}
.nav-home{left:24.4%;top:1.1463%;width:7%;height:4.3940%}
.nav-ko{left:31.9%;top:1.1463%;width:6.5%;height:4.3940%}
.nav-features{left:38.7%;top:1.1463%;width:7.4%;height:4.3940%}
.nav-ranking{left:46.6%;top:1.1463%;width:6.2%;height:4.3940%}
.nav-events{left:53.1%;top:1.1463%;width:7.3%;height:4.3940%}
.nav-news{left:60.8%;top:1.1463%;width:6.8%;height:4.3940%}
.nav-support{left:67.7%;top:1.1463%;width:6.3%;height:4.3940%}
.login{left:79.1%;top:0.9552%;width:8.6%;height:4.5851%}
.register{left:88.0%;top:0.9552%;width:8.6%;height:4.5851%}
.play{left:34.4%;top:35.0448%;width:14.4%;height:4.7761%}
.discord{left:49.2%;top:35.0448%;width:14.8%;height:4.7761%}
.rank-all{left:87.1%;top:51.3791%;width:7.0%;height:2.6746%}
.news-all{left:40.8%;top:73.1582%;width:7.5%;height:2.6746%}
.community{left:49.8%;top:72.1075%;width:23.4%;height:18.1493%}
.download{left:74.0%;top:72.1075%;width:24.0%;height:18.1493%}
.social-discord{left:82.5%;top:96.1791%;width:3.1%;height:2.8657%}
.social-facebook{left:86.6%;top:96.1791%;width:3.1%;height:2.8657%}
.social-instagram{left:90.4%;top:96.1791%;width:3.1%;height:2.8657%}
.social-youtube{left:94.3%;top:96.1791%;width:3.1%;height:2.8657%}

/* Live masks; these completely replace the dummy data baked into the reference. */
.panel{
  position:absolute;
  z-index:20;
  background:#080b0f;
  border:1px solid #5d421f;
  color:#f4efe7;
  box-shadow:inset 0 0 18px rgba(0,0,0,.55);
}

/* Exact countdown region in 1536x1024 reference */
.count{
  left:1.30%;
  top:42.6293%;
  width:97.40%;
  height:6.1612%;
  display:grid;
  grid-template-columns:1.45fr repeat(4,.58fr) 1.75fr;
  align-items:center;
  background:linear-gradient(#090c10,#06080b);
}
.count>div{
  height:70%;
  display:flex;
  align-items:center;
  justify-content:center;
  border-right:1px solid #352a1d;
}
.count>div:last-child{border-right:0}
.count-title{font-size:1.12vw;letter-spacing:.09em;color:#e1d4bd}
.num{flex-direction:column}
.num b{font-size:1.82vw;line-height:1;color:#edbf59}
.num span{font-size:.47vw;color:#aaa08e}
.opening{font-size:.88vw;color:#d8cdbc}
.opening b{color:#fff}

/* Exact ranking card — fixed layout: 5 rows + dedicated total footer */
.ranking{
  left:51.82%;
  top:49.6310%;
  width:47.05%;
  height:21.3493%;
  padding:.62% .95% .50%;
  background:linear-gradient(#0b0e12,#07090c);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.ranking-title{
  flex:0 0 auto;
  font-size:1.03vw;
  line-height:1.15;
  color:#dda94a;
  letter-spacing:.10em;
  margin:0 0 .28vw;
}
.ranking-title a{
  float:right;
  font-size:.50vw;
  color:#aaa08d;
  letter-spacing:0;
}
.rank-head,.rank-row{
  display:grid;
  grid-template-columns:6% 27% 19% 24% 24%;
  align-items:center;
}
.rank-head{
  flex:0 0 1.15vw;
  min-height:0;
  font-size:.46vw;
  color:#aa9f8d;
  border-bottom:1px solid #473723;
}
#rankRows{
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-rows:repeat(5,minmax(0,1fr));
}
.rank-row{
  min-height:0;
  height:100%;
  border-bottom:1px solid #27231c;
  font:normal .69vw Arial;
}
.rank-row>div{padding:0 .23vw}
.pos{color:#efc05c;font-weight:900}
.pname{font-weight:700}
.np{text-align:right;color:#f0c75d;font-weight:800}
.rank-total{
  flex:0 0 1.18vw;
  min-height:0;
  margin:0;
  padding:.12vw .18vw 0 0;
  border-top:1px solid #49361d;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  white-space:nowrap;
  text-align:right;
  font:bold .48vw Arial;
  line-height:1;
  color:#a79e8e;
  background:#080b0f;
}
.rank-total b{color:#efc05c;margin-left:.18vw}

/* Exact news block */
.news{
  left:1.30%;
  top:72.0119%;
  width:47.75%;
  height:18.7224%;
  padding:.75% .95%;
  background:#080b0f;
  overflow:hidden;
}
.news-title{
  font-size:.98vw;
  color:#dda94a;
  letter-spacing:.10em;
  margin-bottom:.52vw;
}
.news-title a{
  float:right;
  font-size:.50vw;
  color:#a99d88;
  letter-spacing:0;
}
.news-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:1fr;
  gap:.54vw;
  height:calc(100% - 1.55vw);
  min-height:0;
  overflow:hidden;
}
.news-card{
  min-height:0;
  height:100%;
  border:1px solid #5a4020;
  background:#0b0e12;
  padding:0;
  overflow:hidden;
  position:relative;
  background-size:cover;
  background-position:center;
}
.news-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(3,5,7,.16) 0%,rgba(4,6,8,.56) 48%,rgba(4,6,8,.94) 100%),
    linear-gradient(90deg,rgba(4,6,8,.72),rgba(4,6,8,.18));
  z-index:0;
}
.news-card-inner{
  position:relative;
  z-index:1;
  min-height:0;
  height:100%;
  padding:.62vw;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.tag{
  display:inline-block;
  align-self:flex-start;
  background:#17324d;
  color:#e7f3ff;
  font:bold .41vw Arial;
  padding:.18vw .32vw;
  margin-bottom:.40vw;
}
.news-card h3{
  font-size:.98vw;
  line-height:1.10;
  margin:.10vw 0 .42vw;
  color:#fff5e8;
  text-shadow:0 2px 3px #000;
}
.news-card p{
  font:.54vw/1.35 Arial;
  color:#e0e4e7;
  margin:0 0 .50vw;
  text-shadow:0 1px 2px #000;
}
.news-card small{
  font:.43vw Arial;
  color:#aeb5bc;
  text-shadow:0 1px 2px #000;
}

/* Exact bottom stats strip */
.stats{
  left:0%;
  top:91.0496%;
  width:100%;
  height:4.8239%;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  background:#070a0d;
  border-top:1px solid #5a401f;
  border-bottom:1px solid #27231c;
}
.stat{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  border-right:1px solid #272b31;
}
.stat:last-child{border-right:0}
.stat b{font-size:1.00vw;color:#e7bc5c;line-height:1}
.stat span{font:.45vw Arial;color:#aeb3b8;margin-top:.15vw}

/* Optional: prevent accidental mis-scaling */
@media(max-width:900px){
  html,body{height:auto;overflow:auto}
  .stage{min-width:900px;width:900px}
}

/* Son Gelişmeler güvenli taşma düzeltmesi */
.news-card h3{font-size:.88vw;max-height:2.05em;overflow:hidden;margin:.08vw 0 .30vw}
.news-card p{font-size:.50vw;line-height:1.25;max-height:2.5em;overflow:hidden;margin:0 0 .34vw}
.news-card small{font-size:.40vw}
.news-card .tag{margin-bottom:.28vw}

/* v731 - event strip is inserted into real layout space, not over the hero */
.event-strip{
  position:absolute;z-index:26;left:1.05%;top:6.83%;width:97.90%;height:3.82%;
  display:grid;grid-template-columns:1.55fr .62fr 1.12fr .76fr 1.05fr 1.05fr .95fr;
  gap:.20vw;align-items:center;padding:.28vw .72vw;
  background:linear-gradient(180deg,rgba(9,12,15,.99),rgba(5,8,11,.99));
  border:1px solid #6a4a20;box-shadow:inset 0 0 14px rgba(0,0,0,.72);
}
.event-strip>div{height:100%;display:flex;align-items:center;justify-content:center;border:1px solid #49351d;background:linear-gradient(180deg,#0b0f13,#070a0d);white-space:nowrap}
.event-strip-title{justify-content:space-between!important;padding:0 .65vw;color:#e1b65f;font-size:.88vw;letter-spacing:.08em}
.event-strip-title span{color:#9d6f2d;font-size:.62vw}
.event-strip-current-label,.event-strip-next-label{color:#d3a049;font:bold .66vw Arial;letter-spacing:.08em}
.event-strip-current{gap:.42vw;color:#6cef8a;font:bold .80vw Arial}
.status-dot{width:.48vw;height:.48vw;border-radius:50%;background:#28df62;box-shadow:0 0 .5vw rgba(40,223,98,.75)}
.event-pill{gap:.34vw;color:#eceff2;font:.76vw Arial}.event-pill b{color:#f3f4f5}.clock{color:#e0aa4b;font-size:.9vw}



/* v733 - one page fit + clean hero status area */
@media(min-width:901px){
  .stage{max-height:100vh}
}


/* =========================================================
   v743 INDEX FINAL FIX
   All vertical positions are bound to the 1536px design width
   via container query units. This prevents duplicated baked/live
   panels when viewport height or browser zoom changes.
   ========================================================= */
.stage{
  container-type:inline-size;
  width:min(100vw,calc(100vh * 1.4328358209),1536px) !important;
  max-height:none !important;
}
.design{width:100%;height:auto;display:block}

/* Click targets: vertical coordinates scale from design width */
.nav-home{top:0.800cqw;height:3.066cqw}
.nav-ko{top:0.800cqw;height:3.066cqw}
.nav-features{top:0.800cqw;height:3.066cqw}
.nav-ranking{top:0.800cqw;height:3.066cqw}
.nav-events{top:0.800cqw;height:3.066cqw}
.nav-news{top:0.800cqw;height:3.066cqw}
.nav-support{top:0.800cqw;height:3.066cqw}
.login{top:0.667cqw;height:3.200cqw}
.register{top:0.667cqw;height:3.200cqw}
.play{top:24.464cqw;height:3.333cqw}
.discord{top:24.464cqw;height:3.333cqw}
.rank-all{top:35.856cqw;height:1.867cqw}
.news-all{top:51.082cqw;height:1.867cqw}
.community{top:50.349cqw;height:12.667cqw}
.download{top:50.349cqw;height:12.667cqw}
.social-discord{top:67.200cqw;height:2.000cqw}
.social-facebook{top:67.200cqw;height:2.000cqw}
.social-instagram{top:67.200cqw;height:2.000cqw}
.social-youtube{top:67.200cqw;height:2.000cqw}

/* Event strip occupies the intentionally empty 70-112px band */
.event-strip{
  top:4.688cqw !important;
  height:2.604cqw !important;
  padding:.20cqw .72cqw !important;
  gap:.18cqw !important;
}
.event-strip-title{padding:0 .65cqw!important;font-size:.88cqw!important}
.event-strip-title span{font-size:.62cqw!important}
.event-strip-current-label,.event-strip-next-label{font-size:.66cqw!important}
.event-strip-current{gap:.42cqw!important;font-size:.80cqw!important}
.status-dot{width:.48cqw!important;height:.48cqw!important;box-shadow:0 0 .5cqw rgba(40,223,98,.75)!important}
.event-pill{gap:.34cqw!important;font-size:.76cqw!important}.clock{font-size:.9cqw!important}

/* Dynamic panels exactly cover their baked placeholders in the 1536x1072 source */
.count{
  top:29.753cqw !important;     /* y=457 */
  height:4.232cqw !important;  /* h=65 */
}
.ranking{
  top:33.984cqw !important;     /* y=522 */
  height:15.625cqw !important;  /* h=240 */
}
.news{
  top:50.260cqw !important;     /* y=772 */
  height:13.542cqw !important;  /* h=208 */
}
.stats{
  top:63.802cqw !important;     /* y=980 */
  height:3.125cqw !important;   /* h=48 */
}

/* Stage-relative typography: use cqw instead of viewport vw */
.count-title{font-size:1.12cqw!important}
.num b{font-size:1.82cqw!important}.num span{font-size:.47cqw!important}
.opening{font-size:.88cqw!important}
.ranking{padding:.62cqw .95cqw .50cqw!important}
.ranking-title{font-size:1.03cqw!important;margin:0 0 .28cqw!important}
.ranking-title a{font-size:.50cqw!important}
.rank-head{flex-basis:1.15cqw!important;font-size:.46cqw!important}
.rank-row{font-size:.69cqw!important}.rank-row>div{padding:0 .23cqw!important}
.rank-total{flex-basis:1.18cqw!important;padding:.12cqw .18cqw 0 0!important;font-size:.48cqw!important}
.news{padding:.75cqw .95cqw!important}
.news-title{font-size:.98cqw!important;margin-bottom:.52cqw!important}.news-title a{font-size:.50cqw!important}
.news-grid{gap:.54cqw!important;height:calc(100% - 1.55cqw)!important}
.news-card-inner{padding:.62cqw!important}.tag{font-size:.41cqw!important;padding:.18cqw .32cqw!important;margin-bottom:.28cqw!important}
.news-card h3{font-size:.88cqw!important;margin:.08cqw 0 .30cqw!important}.news-card p{font-size:.50cqw!important;margin:0 0 .34cqw!important}.news-card small{font-size:.40cqw!important}
.stat b{font-size:1.00cqw!important}.stat span{font-size:.45cqw!important;margin-top:.15cqw!important}

/* Keep the full composition as a single scaled canvas. */
@media(min-width:901px){
  html,body{overflow:hidden!important}
}

/* v744 index width correction: preserve full horizontal canvas; allow vertical scroll if required. */
body.sg-page-index .stage,
.stage{
  width:min(100vw,1536px)!important;
  max-width:1536px!important;
}
@media(min-width:901px){
  html{overflow-x:hidden!important;overflow-y:auto!important}
  body.sg-page-index{overflow-x:hidden!important;overflow-y:auto!important}
}


/* =========================================================
   v747 HERO BUTTONS — CLEAN SINGLE-LAYER REBUILD
   Source raster buttons/shadows are removed from the v747 hero
   image. These two links are now the only visible CTA layer.
   ========================================================= */
.hero-clean-btn{
  z-index:45!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.72cqw!important;
  padding:0 1.05cqw!important;
  overflow:hidden!important;
  border-radius:.16cqw!important;
  text-decoration:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  isolation:isolate;
}
.play.hero-clean-btn{
  border:1px solid #b98537!important;
  background:linear-gradient(180deg,#a97225 0%,#815012 58%,#5c350b 100%)!important;
  color:#fff2ce!important;
}
.discord.hero-clean-btn{
  border:1px solid #285381!important;
  background:linear-gradient(180deg,#123661 0%,#0b274b 58%,#071a34 100%)!important;
  color:#f7fbff!important;
}
.hero-clean-btn::before,.hero-clean-btn::after{content:none!important;display:none!important}
.hero-clean-icon{
  position:static!important;
  flex:0 0 1.45cqw!important;
  width:1.45cqw!important;
  height:1.45cqw!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
  filter:none!important;
  opacity:1!important;
  background:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
.hero-clean-icon.discord-mark{flex-basis:1.52cqw!important;width:1.52cqw!important;height:1.52cqw!important}
.hero-clean-icon svg{display:block!important;width:100%!important;height:100%!important;overflow:visible!important}
.hero-clean-label{
  display:block!important;
  position:static!important;
  color:inherit!important;
  font:700 1.02cqw/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  transform:none!important;
  filter:none!important;
  text-shadow:none!important;
  pointer-events:none!important;
}


/* =========================================================
   v749 DYNAMIC GM + EVENT STATUS BAR
   Single 40px band immediately below the global navigation.
   ========================================================= */
.status-strip{
  position:absolute;
  z-index:28;
  left:1.05%;
  top:4.688cqw;
  width:97.90%;
  height:2.604cqw;
  display:grid;
  grid-template-columns:43% 57%;
  align-items:stretch;
  padding:.20cqw .52cqw;
  gap:.34cqw;
  background:linear-gradient(180deg,rgba(9,12,15,.995),rgba(5,8,11,.995));
  border:1px solid #6a4a20;
  box-shadow:inset 0 0 14px rgba(0,0,0,.72);
  overflow:visible;
}
.status-strip .strip-title{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#e1b65f;
  font:bold .62cqw Georgia,"Times New Roman",serif;
  letter-spacing:.06em;
  white-space:nowrap;
}
.status-strip .strip-title span{color:#9d6f2d;margin-right:.26cqw}
.gm-strip{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:1.10fr minmax(0,1fr) auto;
  align-items:center;
  border-right:1px solid #4f381c;
  padding-right:.30cqw;
}
.gm-strip-title{border-right:1px solid #3d2c1a;padding-right:.28cqw}
.gm-list{
  min-width:0;
  height:100%;
  display:grid;
  grid-template-columns:repeat(var(--gm-visible-count,5),minmax(0,1fr));
  align-items:center;
}
.gm-chip{
  min-width:0;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.24cqw;
  padding:0 .16cqw;
  border-right:1px solid #332719;
  color:#d9d5cd;
  font:700 .53cqw Arial,Helvetica,sans-serif;
  letter-spacing:.012em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.gm-chip:last-child{border-right:0}
.gm-chip.gm-placeholder{grid-column:1/-1;opacity:.72}
.gm-dot{
  flex:0 0 auto;
  width:.36cqw;
  height:.36cqw;
  border-radius:50%;
  background:#7b8088;
  box-shadow:0 0 .28cqw rgba(130,135,145,.45);
}
.gm-chip.is-online{color:#e9f7ec}
.gm-chip.is-online .gm-dot{background:#23df68;box-shadow:0 0 .42cqw rgba(35,223,104,.82)}
.gm-chip.is-offline{color:#e5d2d2}
.gm-chip.is-offline .gm-dot{background:#e72f38;box-shadow:0 0 .38cqw rgba(231,47,56,.72)}
.gm-chip.is-loading{opacity:.72}
.gm-more{
  appearance:none;
  height:72%;
  min-width:3.45cqw;
  margin-left:.18cqw;
  padding:0 .34cqw;
  border:1px solid #60451f;
  background:linear-gradient(180deg,#17130d,#0b0d10);
  color:#e2b75e;
  font:700 .48cqw Arial,Helvetica,sans-serif;
  letter-spacing:.03em;
  white-space:nowrap;
  cursor:pointer;
}
.gm-more:hover,.gm-more[aria-expanded="true"]{
  color:#ffe19b;
  border-color:#a57830;
  box-shadow:inset 0 0 .45cqw rgba(210,160,65,.10),0 0 .42cqw rgba(180,125,40,.12);
}
.gm-overflow-panel{
  position:absolute;
  z-index:120;
  top:calc(100% + .32cqw);
  left:0;
  width:20.8cqw;
  max-height:16cqw;
  padding:.42cqw;
  background:linear-gradient(180deg,rgba(12,15,19,.995),rgba(5,8,11,.995));
  border:1px solid #795624;
  box-shadow:0 .65cqw 1.3cqw rgba(0,0,0,.68),inset 0 0 1cqw rgba(0,0,0,.42);
}
.gm-overflow-panel[hidden]{display:none!important}
.gm-overflow-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:1.45cqw;
  padding:0 .28cqw .30cqw;
  border-bottom:1px solid #49351d;
  color:#e2b75e;
  font:700 .62cqw Georgia,"Times New Roman",serif;
  letter-spacing:.06em;
}
.gm-overflow-close{
  appearance:none;
  border:0;
  background:transparent;
  color:#bfa36d;
  font:700 1cqw/1 Arial,sans-serif;
  cursor:pointer;
}
.gm-overflow-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.22cqw;
  padding-top:.34cqw;
  max-height:13.2cqw;
  overflow:auto;
  scrollbar-color:#6b4a21 #090b0e;
  scrollbar-width:thin;
}
.gm-overflow-item{
  min-width:0;
  min-height:1.62cqw;
  display:flex;
  align-items:center;
  gap:.36cqw;
  padding:0 .42cqw;
  border:1px solid #332719;
  background:rgba(12,15,18,.72);
  color:#d9d5cd;
  font:700 .54cqw Arial,Helvetica,sans-serif;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.gm-overflow-item .gm-dot{width:.40cqw;height:.40cqw}
.gm-overflow-item.is-online{color:#e9f7ec;border-color:rgba(35,223,104,.18)}
.gm-overflow-item.is-online .gm-dot{background:#23df68;box-shadow:0 0 .42cqw rgba(35,223,104,.82)}
.gm-overflow-item.is-offline{color:#e5d2d2;border-color:rgba(231,47,56,.14)}
.gm-overflow-item.is-offline .gm-dot{background:#e72f38;box-shadow:0 0 .38cqw rgba(231,47,56,.72)}
.event-strip-inline{
  min-width:0;
  display:grid;
  grid-template-columns:.88fr 1.75fr 4.05fr;
  align-items:center;
}
.event-inline-title{border-right:1px solid #3d2c1a}
.event-inline-now{
  height:100%;
  display:grid;
  grid-template-columns:.74fr 1.45fr;
  align-items:center;
  border-right:1px solid #3d2c1a;
}
.event-inline-now>span,
.event-inline-next>span{
  color:#d3a049;
  font:bold .52cqw Arial,Helvetica,sans-serif;
  letter-spacing:.07em;
  text-align:center;
  white-space:nowrap;
}
.event-inline-now>b{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.28cqw;
  color:#68ef89;
  font:bold .59cqw Arial,Helvetica,sans-serif;
  white-space:nowrap;
}
.event-inline-now .status-dot{
  display:inline-block;
  width:.34cqw!important;
  height:.34cqw!important;
  flex:0 0 auto;
}
.event-inline-next{
  min-width:0;
  height:100%;
  display:grid;
  grid-template-columns:.70fr repeat(3,1fr);
  align-items:center;
}
.event-inline-next>b{
  min-width:0;
  text-align:center;
  color:#edf0f3;
  font:700 .53cqw Arial,Helvetica,sans-serif;
  white-space:nowrap;
}
.event-inline-next>b::first-letter{color:#e0aa4b}
/* old standalone event strip no longer participates */
.event-strip{display:none!important}
@media(max-width:1100px){
  .status-strip{grid-template-columns:48% 52%}
  .gm-chip{font-size:.48cqw}
  .gm-more{font-size:.44cqw;min-width:3.15cqw}
  .event-inline-next>b{font-size:.49cqw}
}


/* =========================================================
   v752 PREMIUM GM STATUS
   Online counter + stronger green/red GM cards.
   ========================================================= */
.gm-strip{
  grid-template-columns:1.02fr auto minmax(0,1fr) auto;
  gap:.16cqw;
}
.gm-strip-title{
  border-right:1px solid #3d2c1a;
  padding-right:.25cqw;
}
.gm-online-count{
  height:72%;
  min-width:3.75cqw;
  display:grid;
  grid-template-columns:auto auto;
  grid-template-rows:1fr 1fr;
  align-items:center;
  justify-content:center;
  column-gap:.20cqw;
  padding:.12cqw .38cqw;
  border:1px solid rgba(136,91,36,.72);
  background:linear-gradient(180deg,rgba(36,28,17,.96),rgba(12,13,14,.98));
  box-shadow:inset 0 1px 0 rgba(255,218,139,.06), inset 0 0 .52cqw rgba(0,0,0,.42);
  color:#c9a55e;
  font-family:Arial,Helvetica,sans-serif;
  white-space:nowrap;
}
.gm-online-count .gm-count-led{
  grid-row:1/3;
  width:.40cqw;
  height:.40cqw;
  border-radius:50%;
  background:#6c727a;
  box-shadow:0 0 .28cqw rgba(108,114,122,.45);
}
.gm-online-count b{
  align-self:end;
  font:800 .62cqw/1 Arial,Helvetica,sans-serif;
  color:#e9ca84;
}
.gm-online-count small{
  align-self:start;
  font:800 .30cqw/1 Arial,Helvetica,sans-serif;
  letter-spacing:.08em;
  color:#8f8678;
}
.gm-online-count.has-online{
  border-color:rgba(35,223,104,.48);
  background:linear-gradient(180deg,rgba(14,50,28,.94),rgba(6,23,14,.98));
  box-shadow:inset 0 1px 0 rgba(118,255,161,.08), inset 0 0 .62cqw rgba(19,184,76,.08),0 0 .32cqw rgba(35,223,104,.08);
}
.gm-online-count.has-online .gm-count-led{
  background:#29ee71;
  box-shadow:0 0 .50cqw rgba(41,238,113,.90);
}
.gm-online-count.has-online b{color:#76f7a2}
.gm-online-count.has-online small{color:#8acaa0}

.gm-list{
  display:flex;
  align-items:center;
  gap:.16cqw;
  overflow:hidden;
  padding:0 .08cqw;
  min-width:0;
}
.gm-chip{
  position:relative;
  display:inline-flex;
  align-items:center;
  flex:0 1 auto;
  min-width:0;
  max-width:12.5cqw;
  height:76%;
  justify-content:flex-start;
  gap:.18cqw;
  padding:.12cqw .26cqw;
  border:1px solid #3b3024;
  border-radius:.10cqw;
  background:linear-gradient(180deg,rgba(18,20,22,.94),rgba(8,10,12,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 0 .42cqw rgba(0,0,0,.38);
  font-size:.42cqw;
  overflow:hidden;
}
.gm-chip::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  opacity:.55;
}
.gm-chip .gm-chip-name{
  min-width:0;
  overflow:hidden;
  text-overflow:clip;
  white-space:nowrap;
  font-weight:800;
  letter-spacing:.01em;
  color:#efe3cd;
}
.gm-chip .gm-chip-state{
  display:none;
}
.gm-chip.is-online{
  border-color:rgba(43,215,100,.46);
  background:linear-gradient(180deg,rgba(16,54,31,.96),rgba(6,25,15,.99));
  box-shadow:inset 0 1px 0 rgba(133,255,170,.07),inset 0 0 .52cqw rgba(35,223,104,.07),0 0 .24cqw rgba(35,223,104,.06);
}
.gm-chip.is-online::after{background:linear-gradient(90deg,transparent,#2fea75,transparent)}
.gm-chip.is-online .gm-chip-state{color:#54ec86}
.gm-chip.is-online .gm-chip-name{color:#f0fff4}
.gm-chip.is-offline{
  border-color:rgba(220,54,62,.42);
  background:linear-gradient(180deg,rgba(53,19,22,.95),rgba(24,8,10,.99));
  box-shadow:inset 0 1px 0 rgba(255,148,153,.045),inset 0 0 .52cqw rgba(231,47,56,.055);
}
.gm-chip.is-offline::after{background:linear-gradient(90deg,transparent,#d83a42,transparent)}
.gm-chip.is-offline .gm-chip-state{color:#e86a70}
.gm-chip.is-offline .gm-chip-name{color:#f2dfe0}
.gm-chip.gm-placeholder{
  flex:1 1 100%;
  justify-content:center;
}

.gm-overflow-item{
  position:relative;
  min-height:1.82cqw;
  border-radius:.10cqw;
  gap:.28cqw;
}
.gm-overflow-item .gm-chip-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.gm-overflow-item .gm-chip-state{
  margin-left:auto;
  font:800 .30cqw/1 Arial,Helvetica,sans-serif;
  letter-spacing:.05em;
}
.gm-overflow-item.is-online{
  background:linear-gradient(180deg,rgba(16,52,30,.94),rgba(6,22,14,.98));
  border-color:rgba(35,223,104,.36);
  box-shadow:inset 0 0 .48cqw rgba(35,223,104,.05);
}
.gm-overflow-item.is-online .gm-chip-state{color:#54ec86}
.gm-overflow-item.is-offline{
  background:linear-gradient(180deg,rgba(50,18,21,.92),rgba(23,8,10,.98));
  border-color:rgba(231,47,56,.30);
}
.gm-overflow-item.is-offline .gm-chip-state{color:#e86a70}

@media(max-width:1150px){
  .gm-strip{grid-template-columns:.96fr auto minmax(0,1fr) auto}
  .gm-online-count{min-width:3.35cqw;padding-left:.28cqw;padding-right:.28cqw}
  .gm-chip{max-width:10.4cqw;font-size:.40cqw}
  .gm-chip .gm-chip-state{display:none}
}


/* =========================================================
   v753 DATABASE EVENT STATUS
   Live current/upcoming events from WEB_EVENTS.
   ========================================================= */
.event-inline-now>b.is-loading,
.event-next-item.is-loading{opacity:.58;color:#aaa28f!important}
.event-inline-now>b.is-active{color:#68ef89!important}
.event-inline-now>b.is-empty{color:#d6a85c!important}
.event-inline-now>b.is-empty .status-dot{
  background:#a77a32!important;
  box-shadow:0 0 .34cqw rgba(167,122,50,.55)!important
}
.event-inline-now>b.has-more{color:#7ff49a!important}
.event-inline-now>b>span{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.event-inline-next>b{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:.18cqw;
  padding:0 .16cqw;
  overflow:hidden;
}
.event-inline-next>b .event-clock{color:#dca74b;flex:0 0 auto}
.event-inline-next>b .event-next-name{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf0f3
}
.event-inline-next>b strong{color:#f1d28e;font-weight:800;flex:0 0 auto}
.event-inline-next>b.is-empty{opacity:.42}


/* =========================================================
   v755 PREMIUM GM + EVENT PANEL — APPROVED LAYOUT
   - Larger, more readable panel below main navigation.
   - Only ONLINE GM names are shown.
   - Event cards remain database-driven via event-status.php.
   ========================================================= */
.status-strip.status-strip-premium{
  left:1.05%;
  top:4.72cqw;
  width:97.90%;
  height:8.85cqw;
  grid-template-columns:48.5% 51.5%;
  gap:0;
  padding:.42cqw .62cqw .48cqw;
  background:
    radial-gradient(circle at 16% 20%,rgba(22,55,79,.18),transparent 34%),
    radial-gradient(circle at 86% 30%,rgba(81,43,15,.16),transparent 35%),
    linear-gradient(180deg,rgba(10,16,20,.995),rgba(5,9,12,.998));
  border:1px solid #8b652d;
  border-radius:.22cqw;
  box-shadow:inset 0 0 1.2cqw rgba(0,0,0,.72),0 .12cqw .40cqw rgba(0,0,0,.32);
}
.status-strip.status-strip-premium::before,
.status-strip.status-strip-premium::after{
  content:"";position:absolute;left:.65cqw;right:.65cqw;height:1px;
  background:linear-gradient(90deg,transparent,#b9893b,transparent);opacity:.45
}
.status-strip.status-strip-premium::before{top:.18cqw}.status-strip.status-strip-premium::after{bottom:.18cqw}
.gm-strip-premium,.event-strip-premium{
  min-width:0;display:flex;flex-direction:column;position:relative;padding:.12cqw .52cqw .18cqw;
}
.gm-strip-premium{border-right:1px solid rgba(137,96,39,.62)}
.status-section-head{
  height:1.72cqw;display:flex;align-items:center;justify-content:center;gap:.52cqw;
  color:#e2b65d;font:700 1.05cqw/1 Georgia,"Times New Roman",serif;letter-spacing:.055em;
  text-shadow:0 1px 0 #000,0 0 .35cqw rgba(201,148,52,.15);white-space:nowrap
}
.status-section-head .ornament{color:#9e732e;font-size:.62cqw}.event-section-head{position:relative}
.event-section-head em{position:absolute;right:18%;top:50%;transform:translateY(-50%);font:700 .57cqw Arial,sans-serif;color:#c49340;letter-spacing:.10em;font-style:normal}
.gm-premium-body{position:relative;display:flex;align-items:stretch;gap:.50cqw;min-height:0;flex:1;padding:.18cqw .38cqw .38cqw}
.gm-online-count-large{
  flex:0 0 6.0cqw;height:auto;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.08cqw;
  border:1px solid rgba(47,213,102,.46);border-radius:.18cqw;background:linear-gradient(180deg,rgba(12,54,29,.94),rgba(5,25,14,.99));
  box-shadow:inset 0 0 .78cqw rgba(33,207,91,.06),0 0 .25cqw rgba(35,223,104,.05)
}
.gm-online-count-large .gm-count-led{display:none}.gm-online-count-large b{font:800 1.60cqw/1 Arial,sans-serif;color:#f1fff5}
.gm-online-count-large small{font:800 .45cqw/1.15 Arial,sans-serif;color:#d7eee0;letter-spacing:.04em}
.gm-list-premium{flex:1 1 auto;display:flex;align-items:stretch;gap:.48cqw;overflow:hidden;padding:0}
.gm-chip-premium,.gm-list-premium .gm-chip{
  flex:1 1 0;max-width:none;height:auto;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:.52cqw;
  padding:.38cqw .62cqw;border:1px solid rgba(43,215,100,.48);border-radius:.18cqw;
  background:linear-gradient(180deg,rgba(12,52,29,.96),rgba(5,24,14,.995));
  box-shadow:inset 0 1px 0 rgba(140,255,175,.07),inset 0 0 .72cqw rgba(35,223,104,.05);
  font-size:.72cqw;overflow:hidden
}
.gm-list-premium .gm-chip .gm-dot{width:.82cqw;height:.82cqw;border:1px solid rgba(52,236,111,.55);background:#1ed866;box-shadow:0 0 .42cqw rgba(35,223,104,.72)}
.gm-list-premium .gm-chip .gm-chip-name{font:800 .71cqw/1 Arial,sans-serif;color:#f1fff4;overflow:visible;text-overflow:clip}
.gm-list-premium .gm-chip .gm-chip-state{display:block;margin-left:0;font:800 .40cqw/1 Arial,sans-serif;color:#58ec87;letter-spacing:.04em}
.gm-list-premium .gm-placeholder{justify-content:center;color:#d8c89f;border-color:#66502d;background:rgba(18,18,16,.82)}
.gm-more-premium{flex:0 0 3.8cqw;height:auto;margin:0;border-radius:.16cqw}
.gm-overflow-panel{top:calc(100% + .22cqw);left:6.55cqw;width:26cqw}
.event-premium-body{display:grid;grid-template-columns:1.03fr 1.08fr 1.08fr;gap:.50cqw;min-height:0;flex:1;padding:.18cqw .32cqw .38cqw}
.event-premium-card{
  min-width:0;position:relative;display:flex;align-items:center;gap:.55cqw;padding:.44cqw .65cqw;
  border:1px solid #805c27;border-radius:.18cqw;background:linear-gradient(180deg,rgba(28,23,15,.96),rgba(8,11,14,.995));
  box-shadow:inset 0 0 .72cqw rgba(182,125,38,.06),inset 0 1px 0 rgba(255,219,142,.05)
}
.event-current-card{border-color:#9d712d}.event-card-icon{flex:0 0 2.25cqw;width:2.25cqw;height:2.25cqw;display:flex;align-items:center;justify-content:center;color:#e1ae53;font:700 1.65cqw/1 Georgia,serif;text-shadow:0 0 .35cqw rgba(205,142,42,.24)}
.event-card-copy{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.45cqw;row-gap:.13cqw;flex:1}
.event-current-card .event-card-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.event-card-copy small{font:700 .55cqw Arial,sans-serif;color:#d7a246;letter-spacing:.08em}
.event-current-card #eventNowValue{display:block!important;max-width:100%;font:800 .68cqw/1.1 Arial,sans-serif;color:#f4eee0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.event-current-card #eventNowValue .status-dot{display:none!important}
.event-card-meta{font:500 .43cqw/1.15 Arial,sans-serif;color:#bcb6aa;white-space:nowrap}
.event-next-card .event-card-copy{grid-template-columns:1fr auto}.event-next-card .event-next-name{grid-column:1/-1;font:800 .64cqw/1.05 Arial,sans-serif;color:#f0e7d7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.event-next-card .event-next-date{font:600 .53cqw Arial,sans-serif;color:#ddd7cb;white-space:nowrap}.event-next-card .event-next-time{font:700 .53cqw Arial,sans-serif;color:#e2b45a;white-space:nowrap}
.event-next-card.is-empty{opacity:.62}.event-next-card.is-loading{opacity:.62}
@media(max-width:1150px){
  .status-strip.status-strip-premium{height:8.35cqw;grid-template-columns:47% 53%}
  .status-section-head{font-size:.95cqw}.gm-online-count-large{flex-basis:5.2cqw}.gm-online-count-large b{font-size:1.42cqw}
  .gm-list-premium .gm-chip{padding:.30cqw .42cqw}.gm-list-premium .gm-chip .gm-chip-name{font-size:.62cqw}.gm-list-premium .gm-chip .gm-chip-state{font-size:.34cqw}
  .event-premium-card{padding:.34cqw .45cqw}.event-card-icon{flex-basis:1.9cqw;width:1.9cqw;height:1.9cqw;font-size:1.35cqw}
}

/* =========================================================
   v756 APPROVED GM + EVENT VISUAL — EXACT-LIKE LIVE PANEL
   Matches the approved mockup while keeping GM + WEB_EVENTS live.
   ========================================================= */
.status-strip.status-strip-premium{
  left:1.04%!important;
  top:4.55cqw!important;
  width:97.92%!important;
  height:9.55cqw!important;
  display:grid!important;
  grid-template-columns:44.5% 55.5%!important;
  gap:0!important;
  padding:.36cqw .48cqw .48cqw!important;
  background:
    radial-gradient(ellipse at 20% 15%,rgba(21,49,70,.18),transparent 42%),
    radial-gradient(ellipse at 83% 16%,rgba(103,62,19,.13),transparent 40%),
    linear-gradient(180deg,rgba(8,14,18,.997),rgba(3,8,11,.999))!important;
  border:1px solid #9d7130!important;
  outline:1px solid rgba(39,28,16,.95);
  outline-offset:-.18cqw;
  border-radius:.28cqw!important;
  box-shadow:
    inset 0 0 1.35cqw rgba(0,0,0,.86),
    inset 0 1px 0 rgba(255,222,144,.09),
    0 .16cqw .46cqw rgba(0,0,0,.42)!important;
  overflow:visible!important;
}
.status-strip.status-strip-premium::before,
.status-strip.status-strip-premium::after{
  content:""!important;
  position:absolute!important;
  top:.17cqw!important;
  bottom:.17cqw!important;
  width:2.2cqw!important;
  height:auto!important;
  opacity:.74!important;
  pointer-events:none;
  background:
    linear-gradient(135deg,transparent 0 28%,#b88435 29% 31%,transparent 32% 100%),
    linear-gradient(45deg,transparent 0 29%,rgba(201,148,62,.62) 30% 31%,transparent 32% 100%)!important;
}
.status-strip.status-strip-premium::before{left:.05cqw!important;right:auto!important}
.status-strip.status-strip-premium::after{right:.05cqw!important;left:auto!important;transform:scaleX(-1)}
.gm-strip-premium,.event-strip-premium{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  position:relative!important;
  padding:.16cqw .60cqw .30cqw!important;
  background:transparent!important;
}
.gm-strip-premium{border-right:1px solid rgba(142,98,36,.78)!important}
.gm-strip-premium::after{
  content:"";position:absolute;right:-.11cqw;top:.4cqw;bottom:.4cqw;width:.20cqw;
  background:linear-gradient(180deg,transparent,#a77531 16%,#493116 50%,#a77531 84%,transparent);
  opacity:.7
}
.status-section-head{
  position:relative!important;
  height:1.78cqw!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.58cqw!important;
  color:#e5b65c!important;
  font:700 1.02cqw/1 Georgia,"Times New Roman",serif!important;
  letter-spacing:.05em!important;
  text-shadow:0 1px 0 #000,0 0 .28cqw rgba(226,165,62,.14)!important;
}
.status-section-head::before,.status-section-head::after{
  content:"";width:2.7cqw;height:1px;background:linear-gradient(90deg,transparent,#946929);opacity:.7
}
.status-section-head::after{transform:scaleX(-1)}
.status-section-head .ornament{font-size:.55cqw!important;color:#b48132!important}
.event-section-head em{
  position:absolute!important;right:10.8%!important;top:50%!important;transform:translateY(-50%)!important;
  font:800 .51cqw/1 Arial,sans-serif!important;color:#c9933d!important;letter-spacing:.13em!important
}
.gm-premium-body{
  position:relative!important;display:flex!important;align-items:stretch!important;gap:.46cqw!important;
  min-height:0!important;flex:1!important;padding:.20cqw .36cqw .30cqw!important;
}
.gm-online-count-large{
  flex:0 0 5.5cqw!important;min-width:5.5cqw!important;height:auto!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid #168643!important;border-radius:.18cqw!important;
  background:linear-gradient(180deg,rgba(7,59,29,.97),rgba(3,29,15,.995))!important;
  box-shadow:inset 0 0 .82cqw rgba(30,235,104,.07),0 0 .26cqw rgba(31,221,96,.05)!important;
}
.gm-online-count-large .gm-count-led{display:none!important}
.gm-online-count-large b{font:800 1.55cqw/1 Arial,sans-serif!important;color:#f4fff7!important}
.gm-online-count-large small{font:800 .43cqw/1.05 Arial,sans-serif!important;color:#f2fff6!important;letter-spacing:.025em!important;margin-top:.18cqw!important}
.gm-list-premium{
  flex:1 1 auto!important;display:flex!important;align-items:stretch!important;gap:.46cqw!important;
  overflow:hidden!important;padding:0!important;min-width:0!important
}
.gm-list-premium .gm-chip,
.gm-chip-premium{
  flex:1 1 0!important;min-width:0!important;max-width:none!important;height:auto!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.45cqw!important;
  padding:.40cqw .58cqw!important;border:1px solid #147d3c!important;border-radius:.18cqw!important;
  background:linear-gradient(180deg,rgba(7,50,26,.97),rgba(3,24,13,.997))!important;
  box-shadow:inset 0 1px 0 rgba(107,255,156,.08),inset 0 0 .72cqw rgba(34,224,101,.04)!important;
  overflow:hidden!important
}
.gm-avatar{
  flex:0 0 1.72cqw;width:1.72cqw;height:1.72cqw;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(32,209,91,.42);background:radial-gradient(circle,rgba(15,91,44,.8),rgba(3,35,17,.95));
  box-shadow:inset 0 0 .36cqw rgba(27,215,87,.08)
}
.gm-avatar svg{width:1.10cqw;height:1.10cqw;fill:#22d969;filter:drop-shadow(0 0 .12cqw rgba(34,217,105,.38))}
.gm-chip-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;gap:.17cqw}
.gm-list-premium .gm-chip .gm-chip-name{
  display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#f7fff8!important;font:800 .70cqw/1 Arial,sans-serif!important;letter-spacing:.005em!important
}
.gm-list-premium .gm-chip .gm-chip-state{
  display:flex!important;align-items:center!important;gap:.20cqw!important;margin:0!important;
  color:#42e87a!important;font:800 .39cqw/1 Arial,sans-serif!important;letter-spacing:.025em!important
}
.gm-chip-state i{width:.32cqw;height:.32cqw;border-radius:50%;background:#20dc67;box-shadow:0 0 .30cqw rgba(32,220,103,.72)}
.gm-list-premium .gm-dot{display:none!important}
.gm-list-premium .gm-placeholder{justify-content:center!important;color:#d8c89f!important;border-color:#66502d!important;background:rgba(18,18,16,.82)!important}
.gm-more-premium{flex:0 0 3.55cqw!important;height:auto!important;border-radius:.16cqw!important}
.gm-overflow-panel{top:calc(100% + .22cqw)!important;left:5.95cqw!important;width:26cqw!important}

.event-premium-body{
  display:grid!important;grid-template-columns:1.02fr 1.15fr 1.15fr!important;gap:.48cqw!important;
  min-height:0!important;flex:1!important;padding:.20cqw .30cqw .30cqw!important
}
.event-premium-card{
  min-width:0!important;position:relative!important;display:flex!important;align-items:center!important;gap:.55cqw!important;
  padding:.42cqw .60cqw!important;border:1px solid #916526!important;border-radius:.18cqw!important;
  background:
    radial-gradient(circle at 20% 50%,rgba(100,62,16,.08),transparent 36%),
    linear-gradient(180deg,rgba(23,21,17,.97),rgba(7,10,13,.998))!important;
  box-shadow:inset 0 0 .72cqw rgba(182,125,38,.055),inset 0 1px 0 rgba(255,220,144,.06),0 0 .12cqw rgba(0,0,0,.3)!important
}
.event-premium-card::before{
  content:"";position:absolute;left:.13cqw;right:.13cqw;top:.13cqw;bottom:.13cqw;border:1px solid rgba(91,63,26,.30);border-radius:.11cqw;pointer-events:none
}
.event-current-card{border-color:#a4752d!important}
.event-card-icon{
  flex:0 0 3.05cqw!important;width:3.05cqw!important;height:3.05cqw!important;display:flex!important;align-items:center!important;justify-content:center!important;
  filter:drop-shadow(0 .10cqw .14cqw rgba(0,0,0,.7))
}
.event-card-icon img{display:block;width:2.75cqw;height:2.75cqw;object-fit:contain}
.event-card-copy{min-width:0!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;column-gap:.42cqw!important;row-gap:.16cqw!important;flex:1!important;position:relative;z-index:1}
.event-current-card .event-card-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:.15cqw!important}
.event-card-copy small{font:800 .52cqw/1 Arial,sans-serif!important;color:#d9a544!important;letter-spacing:.08em!important}
.event-current-card #eventNowValue{
  display:block!important;max-width:100%!important;color:#f4eee1!important;font:800 .67cqw/1.08 Arial,sans-serif!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
.event-card-meta{font:500 .39cqw/1.12 Arial,sans-serif!important;color:#b8b1a4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
.event-next-card .event-card-copy{grid-template-columns:1fr auto!important;align-content:center!important}
.event-next-card .event-next-name{
  grid-column:1/-1!important;color:#f4eee2!important;font:800 .65cqw/1.08 Arial,sans-serif!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
.event-next-card .event-next-date{font:600 .51cqw/1 Arial,sans-serif!important;color:#ded8cc!important;white-space:nowrap!important}
.event-next-card .event-next-time{font:700 .51cqw/1 Arial,sans-serif!important;color:#e7bb61!important;white-space:nowrap!important;display:flex;align-items:center;gap:.20cqw}
.event-time-clock{font-size:.66cqw;color:#d9a044}
.event-next-card.is-empty{opacity:.64!important}.event-next-card.is-loading{opacity:.64!important}

@media(max-width:1150px){
  .status-strip.status-strip-premium{height:9.30cqw!important;grid-template-columns:44% 56%!important}
  .status-section-head{font-size:.94cqw!important}
  .gm-online-count-large{flex-basis:5.05cqw!important;min-width:5.05cqw!important}.gm-online-count-large b{font-size:1.38cqw!important}
  .gm-avatar{flex-basis:1.50cqw;width:1.50cqw;height:1.50cqw}.gm-avatar svg{width:.98cqw;height:.98cqw}
  .gm-list-premium .gm-chip{padding:.34cqw .45cqw!important}.gm-list-premium .gm-chip .gm-chip-name{font-size:.61cqw!important}.gm-list-premium .gm-chip .gm-chip-state{font-size:.34cqw!important}
  .event-card-icon{flex-basis:2.65cqw!important;width:2.65cqw!important;height:2.65cqw!important}.event-card-icon img{width:2.42cqw;height:2.42cqw}
  .event-premium-card{padding:.34cqw .46cqw!important}.event-next-card .event-next-name{font-size:.59cqw!important}.event-next-card .event-next-date,.event-next-card .event-next-time{font-size:.46cqw!important}
}
/* v756.1 readability polish */
.gm-list-premium{width:100%!important}
.gm-list-premium .gm-chip{flex:1 1 calc((100% - .92cqw)/3)!important;min-width:0!important}
.gm-list-premium .gm-chip .gm-chip-name{font-size:.64cqw!important;overflow:visible!important;text-overflow:clip!important}
.gm-list-premium .gm-chip .gm-chip-state{font-size:.35cqw!important}
.event-section-head em{right:12%!important;top:82%!important;font-size:.46cqw!important}
/* v756.2 ensure full GM nicknames remain readable */
.gm-list-premium .gm-chip{gap:.25cqw!important;padding:.30cqw .38cqw!important}
.gm-avatar{flex-basis:1.22cqw!important;width:1.22cqw!important;height:1.22cqw!important}
.gm-avatar svg{width:.78cqw!important;height:.78cqw!important}
.gm-list-premium .gm-chip .gm-chip-name{font-size:.61cqw!important}
.gm-list-premium .gm-chip .gm-chip-state{font-size:.31cqw!important}
.gm-more-premium[hidden]{display:none!important;flex:0 0 0!important;width:0!important;margin:0!important;padding:0!important;border:0!important}
.status-strip.status-strip-premium{grid-template-columns:47% 53%!important}
/* v756.3 approved card proportions */
.gm-premium-body{justify-content:center!important}
.gm-list-premium{flex:0 0 auto!important;width:auto!important}
.gm-list-premium .gm-chip{flex:0 0 9.2cqw!important;width:9.2cqw!important}
.gm-list-premium .gm-chip .gm-chip-name{font-size:.66cqw!important}
/* v756.4 final premium GM card scale */
.gm-list-premium .gm-chip{flex-basis:10.4cqw!important;width:10.4cqw!important;gap:.42cqw!important;padding:.38cqw .52cqw!important}
.gm-avatar{flex-basis:1.72cqw!important;width:1.72cqw!important;height:1.72cqw!important}
.gm-avatar svg{width:1.10cqw!important;height:1.10cqw!important}
.gm-list-premium .gm-chip .gm-chip-name{font-size:.70cqw!important}
.gm-list-premium .gm-chip .gm-chip-state{font-size:.34cqw!important}
/* Place SONRAKİ label above upcoming cards, matching approved reference */
.event-section-head em{right:14%!important;top:116%!important;z-index:4!important;font-size:.45cqw!important}


/* =========================================================
   v757 — REFERENCE MATCH: COMPACT PREMIUM GM + EVENT BAR
   Goal: match the approved reference image proportions.
   Keeps GM + WEB_EVENTS data fully live.
   ========================================================= */

/* Compact, lower, wider-looking composition */
.status-strip.status-strip-premium{
  left:1.22%!important;
  top:5.62cqw!important;
  width:97.56%!important;
  height:7.95cqw!important;
  grid-template-columns:42.2% 57.8%!important;
  padding:.24cqw .34cqw .34cqw!important;
  border:1px solid #8e6429!important;
  outline:1px solid rgba(39,28,16,.82)!important;
  outline-offset:-.14cqw!important;
  border-radius:.12cqw!important;
  background:
    radial-gradient(ellipse at 18% 0%,rgba(18,44,63,.18),transparent 46%),
    radial-gradient(ellipse at 83% 0%,rgba(87,54,20,.14),transparent 45%),
    linear-gradient(180deg,rgba(6,12,16,.995),rgba(2,7,10,.999))!important;
  box-shadow:
    inset 0 0 .90cqw rgba(0,0,0,.80),
    inset 0 1px 0 rgba(255,221,142,.07),
    0 .14cqw .32cqw rgba(0,0,0,.38)!important;
  overflow:visible!important;
}

/* Remove the oversized side chevrons from v756. */
.status-strip.status-strip-premium::before,
.status-strip.status-strip-premium::after{
  content:""!important;
  top:.12cqw!important;
  bottom:.12cqw!important;
  width:1.55cqw!important;
  opacity:.70!important;
  background:
    linear-gradient(135deg,transparent 0 42%,#a97631 43% 45%,transparent 46% 100%),
    linear-gradient(45deg,transparent 0 42%,rgba(193,140,57,.58) 43% 45%,transparent 46% 100%)!important;
}

/* Section proportions and titles */
.gm-strip-premium,
.event-strip-premium{
  padding:.05cqw .42cqw .18cqw!important;
}
.gm-strip-premium{
  border-right:1px solid rgba(145,101,39,.72)!important;
}
.gm-strip-premium::after{
  right:-.07cqw!important;
  top:.22cqw!important;
  bottom:.22cqw!important;
  width:.12cqw!important;
}
.status-section-head{
  height:1.48cqw!important;
  gap:.38cqw!important;
  font-size:.86cqw!important;
  letter-spacing:.04em!important;
}
.status-section-head::before,
.status-section-head::after{
  width:2.35cqw!important;
}
.status-section-head .ornament{
  font-size:.42cqw!important;
}
.event-section-head em{
  right:8.8%!important;
  top:102%!important;
  transform:none!important;
  font-size:.39cqw!important;
  letter-spacing:.12em!important;
}

/* GM area — compact, premium, fully readable */
.gm-premium-body{
  gap:.34cqw!important;
  padding:.10cqw .34cqw .20cqw!important;
  justify-content:flex-start!important;
}
.gm-online-count-large{
  flex:0 0 5.25cqw!important;
  min-width:5.25cqw!important;
  border-radius:.10cqw!important;
  border-color:#1a7f42!important;
  background:
    radial-gradient(circle at 30% 25%,rgba(25,219,91,.08),transparent 42%),
    linear-gradient(180deg,rgba(6,48,24,.96),rgba(3,26,14,.99))!important;
  box-shadow:
    inset 0 0 .54cqw rgba(30,235,104,.05),
    inset 0 1px 0 rgba(126,255,166,.06)!important;
}
.gm-online-count-large b{
  font-size:1.30cqw!important;
}
.gm-online-count-large small{
  font-size:.39cqw!important;
  margin-top:.12cqw!important;
}
.gm-list-premium{
  flex:1 1 auto!important;
  width:auto!important;
  gap:.34cqw!important;
}
.gm-list-premium .gm-chip,
.gm-chip-premium{
  flex:0 1 10.7cqw!important;
  width:auto!important;
  min-width:8.6cqw!important;
  max-width:10.7cqw!important;
  padding:.28cqw .42cqw!important;
  gap:.32cqw!important;
  border-radius:.10cqw!important;
  border-color:#136f37!important;
  background:
    radial-gradient(circle at 18% 45%,rgba(22,209,82,.07),transparent 42%),
    linear-gradient(180deg,rgba(5,43,22,.96),rgba(2,22,12,.99))!important;
}
.gm-avatar{
  flex-basis:1.48cqw!important;
  width:1.48cqw!important;
  height:1.48cqw!important;
}
.gm-avatar svg{
  width:.94cqw!important;
  height:.94cqw!important;
}
.gm-list-premium .gm-chip .gm-chip-name{
  font-size:.64cqw!important;
  line-height:1!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.gm-list-premium .gm-chip .gm-chip-state{
  font-size:.30cqw!important;
  gap:.14cqw!important;
}
.gm-chip-state i{
  width:.25cqw!important;
  height:.25cqw!important;
}
.gm-more-premium{
  flex:0 0 3.2cqw!important;
  min-width:3.2cqw!important;
}

/* Event cards — match the approved reference */
.event-premium-body{
  grid-template-columns:1.00fr 1.12fr 1.12fr!important;
  gap:.34cqw!important;
  padding:.10cqw .20cqw .20cqw!important;
}
.event-premium-card{
  gap:.42cqw!important;
  padding:.28cqw .42cqw!important;
  border-radius:.10cqw!important;
  border-color:#856028!important;
  background:
    radial-gradient(circle at 18% 50%,rgba(125,76,18,.07),transparent 34%),
    linear-gradient(180deg,rgba(19,18,15,.97),rgba(6,9,12,.995))!important;
  box-shadow:
    inset 0 0 .46cqw rgba(181,126,39,.04),
    inset 0 1px 0 rgba(255,220,144,.045)!important;
}
.event-premium-card::before{
  inset:.09cqw!important;
}
.event-card-icon{
  flex-basis:2.55cqw!important;
  width:2.55cqw!important;
  height:2.55cqw!important;
}
.event-card-icon img{
  width:2.38cqw!important;
  height:2.38cqw!important;
}
.event-card-copy{
  column-gap:.30cqw!important;
  row-gap:.10cqw!important;
}
.event-card-copy small{
  font-size:.43cqw!important;
}
.event-current-card #eventNowValue{
  font-size:.58cqw!important;
}
.event-card-meta{
  font-size:.34cqw!important;
}
.event-next-card .event-next-name{
  font-size:.58cqw!important;
}
.event-next-card .event-next-date,
.event-next-card .event-next-time{
  font-size:.44cqw!important;
}
.event-time-clock{
  font-size:.56cqw!important;
}

/* Keep the approved panel compact on normal desktop widths. */
@media (max-width:1150px){
  .status-strip.status-strip-premium{
    height:8.15cqw!important;
    grid-template-columns:42.5% 57.5%!important;
  }
  .gm-online-count-large{
    flex-basis:4.95cqw!important;
    min-width:4.95cqw!important;
  }
  .gm-list-premium .gm-chip,
  .gm-chip-premium{
    min-width:8.0cqw!important;
    max-width:9.8cqw!important;
  }
  .gm-list-premium .gm-chip .gm-chip-name{
    font-size:.59cqw!important;
  }
  .event-card-icon{
    flex-basis:2.28cqw!important;
    width:2.28cqw!important;
    height:2.28cqw!important;
  }
  .event-card-icon img{
    width:2.12cqw!important;
    height:2.12cqw!important;
  }
}


/* v757 approved reference uses a wider desktop canvas. */
@media (min-width:981px){
  body.sg-page-index .stage{
    width:min(calc(100vw - 24px),1700px)!important;
    max-width:1700px!important;
  }
}

/* =========================================================
   v757.5 — REAL SPACING MATCH TO APPROVED REFERENCE
   120px GM/Event band + 45px hero extension before countdown.
   ========================================================= */
body.sg-page-index .design{width:100%!important;height:auto!important}

/* Hero CTAs follow only the panel insertion. */
body.sg-page-index .play{top:32.2765cqw!important}
body.sg-page-index .discord{top:32.2765cqw!important}

/* Countdown and every block below follow both inserted bands. */
body.sg-page-index .count{top:40.4952cqw!important}
body.sg-page-index .ranking{top:44.7262cqw!important}
body.sg-page-index .news{top:61.0022cqw!important}
body.sg-page-index .stats{top:74.5442cqw!important}

body.sg-page-index .rank-all{top:46.5982cqw!important}
body.sg-page-index .news-all{top:61.8242cqw!important}
body.sg-page-index .community{top:61.0912cqw!important}
body.sg-page-index .download{top:61.0912cqw!important}
body.sg-page-index .social-discord,
body.sg-page-index .social-facebook,
body.sg-page-index .social-instagram,
body.sg-page-index .social-youtube{top:77.9422cqw!important}

/* Panel stays in the dedicated band. */
body.sg-page-index .status-strip.status-strip-premium{
  top:5.62cqw!important;
  height:7.95cqw!important;
}

/* Ensure the complete page remains reachable after the physical layout insertions. */
html{height:auto!important;min-height:100%!important;overflow-y:auto!important}
body.sg-page-index{height:auto!important;min-height:100vh!important;overflow-y:auto!important}

/* v757.6 cross-axis stretch fix: the legacy inline strip used align-items:center. */
body.sg-page-index .gm-strip-premium,
body.sg-page-index .event-strip-premium{
  align-items:stretch!important;
}
body.sg-page-index .gm-premium-body,
body.sg-page-index .event-premium-body{
  width:100%!important;
  max-width:none!important;
}
body.sg-page-index .gm-list-premium{
  flex:1 1 auto!important;
  justify-content:flex-start!important;
}