/* ===== GUILDS VIEW — Exodar deep navy (scoped) ===== */
.guildv{
  --grad: linear-gradient(180deg, rgba(20,35,60,.80), rgba(8,18,35,.92));
  --panel: rgba(16,29,49,.88);
  --panel-2: rgba(12,24,44,.94);
  --br:#1a2e44;
  --br-soft:#26364a;
  --text:#e9eef6;
  --head:#d8e8ff;
  --muted:#a8b7c8;
  --sep:rgba(255,255,255,.06);
  --good:#52da7a; --good-bg:#10351f; --good-br:#2a7b49;
  --bad:#f07474;  --bad-bg:#2a1515; --bad-br:#7b2a2a;
  font-family:Roboto,"Segoe UI",Arial,sans-serif;
  color:var(--text);
}

/* H1 w nagłówku gildii */
.guildv h1{
  margin:6px 0 0; font-family:Cinzel,serif; letter-spacing:.6px;
  color:#e6edf7; text-shadow:0 1px 0 rgba(0,0,0,.35);
}

/* ——————————————————  główne “karty” w sekcjach —————————————————— */
.guildv .TableContainer{ background:var(--grad)!important; border:1px solid var(--br)!important;
  border-radius:14px; box-shadow:0 10px 24px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.03);
  overflow:hidden; }

/* czyścimy stare obrazkowe cienie wewnątrz (żeby nie było “podwójnych pudełek”) */
.guildv .TableShadowContainerRightTop,
.guildv .TableShadowRightTop,
.guildv .TableShadowContainer,
.guildv .TableBottomShadow,
.guildv .TableBottomLeftShadow,
.guildv .TableBottomRightShadow{ display:none!important; background:none!important; }

/* środek karty */
.guildv .InnerTableContainer{ padding:12px; }

/* same stoły z danymi w tych sekcjach */
.guildv .TableContentContainer{ background:transparent!important; border:0!important; }
.guildv .TableContent{
  width:100%; background:var(--panel); border:1px solid var(--br); border-radius:12px; overflow:hidden;
}
.guildv .TableContent td{ padding:10px 12px; border:none!important; }
.guildv .TableContent tr + tr td{ border-top:1px solid var(--sep)!important; }

/* nagłówki kolumn */
.guildv .TableContent .LabelH td{
  background:linear-gradient(180deg, rgba(28,50,80,.92), rgba(16,29,49,.96));
  color:var(--head); font-weight:800; text-transform:none; letter-spacing:.2px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

/* naprzemienne tła wierszy (bez twardego wpinania się w getStyle) */
.guildv .TableContent tr:nth-child(even) td{ background:rgba(255,255,255,.012); }
.guildv .TableContent tr:hover td{ background:rgba(59,196,255,.06); }

/* ——————————————————  “Guild members” —————————————————— */

/* input do zmiany gildyjnego nicku (ten w nawiasie) + przycisk */
.guildv form[action*="change_nick"] input[type="text"]{
  width:160px; height:30px; padding:5px 8px; margin:0 6px;
  background:#0f1d30; color:var(--text); border:1px solid var(--br-soft); border-radius:8px;
  outline:0; transition:box-shadow .18s,border-color .18s;
}
.guildv form[action*="change_nick"] input[type="text"]:focus{
  border-color:#2f75c9; box-shadow:0 0 0 3px rgba(59,196,255,.10);
}
.guildv form[action*="change_nick"] input[type="submit"]{
  padding:6px 10px; border-radius:999px; border:1px solid var(--br);
  background:linear-gradient(180deg,#1c3150,#0e1b31); color:#e9eef6; font-weight:800; cursor:pointer;
}
.guildv form[action*="change_nick"] input[type="submit"]:hover{ filter:brightness(1.06); }

/* badge KICK (link po prawej) */
.guildv a[href*="kick_player"]{
  display:inline-block; padding:2px 8px; margin-left:8px;
  border:1px solid var(--bad-br); color:var(--bad); background:var(--bad-bg);
  border-radius:999px; text-decoration:none; font-weight:800; font-size:11px;
}
.guildv a[href*="kick_player"]:hover{ filter:brightness(1.08); }

/* status Online/Offline (w oryginale inline style z kolorem) – opakuj je jak badge */
.guildv td > span[style*="green"]{
  color:var(--good)!important; background:var(--good-bg); border:1px solid var(--good-br);
  padding:2px 10px; border-radius:999px; font-weight:800; display:inline-block;
}
.guildv td > span[style*="red"]{
  color:var(--bad)!important; background:var(--bad-bg); border:1px solid var(--bad-br);
  padding:2px 10px; border-radius:999px; font-weight:800; display:inline-block;
}

/* —————————————————— “Invited Characters” + ewentualne boxy info —————————————————— */
.guildv .TableContent .info,
.guildv .guild-info-box{
  background:var(--panel-2); border:1px solid var(--br); border-radius:10px; padding:10px 12px;
}

/* —————————————————— przyciski na dole (Invite / Edit Ranks / Leave / Back) —————————————————— */
/* wygaszamy duplikaty “potrójnych buttonów” jeśli gdzieś są obrazkowe */
.guildv input[type="image"]{ display:inline-block; filter:drop-shadow(0 8px 16px rgba(0,0,0,.35)); }

/* gdy w którymś formularzu wyląduje zwykły submit – nadaj mu look spójny z motywem */
.guildv input[type="submit"]{
  appearance:none; -webkit-appearance:none;
  padding:10px 16px; border-radius:12px; border:1px solid var(--br);
  background:linear-gradient(180deg,#1c3150,#0e1b31);
  color:#e9eef6; font-weight:800; letter-spacing:.2px; cursor:pointer;
  box-shadow:0 8px 18px rgba(0,0,0,.35);
}
.guildv input[type="submit"]:hover{ filter:brightness(1.05); }

/* marginesy sekcji */
.guildv .TableContainer + .TableContainer{ margin-top:14px; }

/* drobne: obrazki herbów */
.guildv img[width="64"][height="64"]{ border-radius:6px; display:block; }

/* ===== GUILDS LIST — Guild Hall redesign ===== */
.gd2{
  --gd-panel:rgba(7,5,13,.88);
  --gd-panel-2:rgba(16,9,28,.84);
  --gd-line:rgba(159,92,246,.35);
  --gd-line-soft:rgba(159,92,246,.17);
  --gd-text:#efe8f7;
  --gd-muted:#b5a9c3;
  --gd-purple:#9d55ff;
  --gd-gold:#d8b26a;
  color:var(--gd-text);
  container-type:inline-size;
}

.gd2 *{ box-sizing:border-box; }

.gd2 a{
  color:#d9b8ff;
  text-decoration:none;
}

.gd2 a:hover{ color:#fff; }

.gd2-hero{
  position:relative;
  min-height:190px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin:0 0 14px;
  padding:30px 24px;
  overflow:hidden;
  border:1px solid var(--gd-line);
  border-radius:7px;
  background:
    linear-gradient(180deg, rgba(12,7,20,.78), rgba(5,4,9,.92)),
    url("../images/redesign/ui/guild-hall-hero-v1.svg") center/cover no-repeat;
  box-shadow:0 18px 42px rgba(0,0,0,.42), inset 0 0 42px rgba(127,67,215,.13);
}

.gd2-hero::before,
.gd2-hero::after,
.gd2-section::before,
.gd2-section::after{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  border:1px solid rgba(184,126,255,.50);
  transform:rotate(45deg);
  pointer-events:none;
}

.gd2-hero::before,
.gd2-section::before{ left:-6px; top:-6px; }
.gd2-hero::after,
.gd2-section::after{ right:-6px; top:-6px; }

.gd2-hero-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 8%, rgba(180,105,255,.22), transparent 34%),
    linear-gradient(90deg, rgba(0,0,0,.22), transparent 25%, transparent 75%, rgba(0,0,0,.22));
}

.gd2-hero h1{
  position:relative;
  z-index:1;
  margin:0;
  color:#f6effc;
  font-family:var(--font-title, Georgia, serif);
  font-size:3.65rem;
  font-weight:800;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:0 3px 3px rgba(0,0,0,.88), 0 0 24px rgba(174,105,255,.48);
}

.gd2-hero p{
  position:relative;
  z-index:1;
  margin:10px 0 0;
  color:#d9b8ff;
  font-family:var(--font-title, Georgia, serif);
  font-size:1.05rem;
  letter-spacing:.08em;
}

.gd2-hero p::before,
.gd2-hero p::after{
  content:"";
  display:inline-block;
  width:86px;
  height:1px;
  margin:0 12px 5px;
  background:linear-gradient(90deg, transparent, rgba(198,143,255,.68), transparent);
}

.gd2-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 14px;
}

.gd2-stat{
  min-height:82px;
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  grid-template-rows:1fr 1fr;
  align-items:center;
  column-gap:12px;
  padding:12px 16px;
  border:1px solid rgba(159,92,246,.28);
  border-radius:7px;
  background:
    linear-gradient(180deg, rgba(17,10,29,.86), rgba(7,5,12,.88)),
    url("../images/redesign/ui/si-tile-v1.svg") center/100% 100% no-repeat;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 12px 20px rgba(0,0,0,.24);
}

.gd2-stat-icon{
  grid-row:1 / span 2;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(184,126,255,.32);
  border-radius:50%;
  background:radial-gradient(circle at 50% 35%, rgba(174,105,255,.35), transparent 62%), rgba(14,8,24,.76);
  box-shadow:0 0 18px rgba(150,83,255,.22);
}

.gd2-stat-icon::before{
  color:#e9d5ff;
  font-size:24px;
  text-shadow:0 0 10px rgba(190,124,255,.58);
}

.gd2-stat-shield::before{ content:"⬟"; }
.gd2-stat-crown::before{ content:"♛"; }
.gd2-stat-swords::before{ content:"⚔"; }
.gd2-stat-online::before{ content:"●"; color:#79ea9e; }

.gd2-stat small{
  color:#c9b5dc;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.gd2-stat strong{
  color:#fff;
  font-family:var(--font-title, Georgia, serif);
  font-size:1.52rem;
  line-height:1;
}

.gd2-section{
  position:relative;
  margin:0 0 14px;
  padding:18px;
  overflow:hidden;
  border:1px solid var(--gd-line);
  border-radius:7px;
  background:
    linear-gradient(180deg, rgba(8,6,13,.92), rgba(5,4,9,.91)),
    url("../images/redesign/ui/panel-body.png") center/100% 100% no-repeat;
  box-shadow:0 18px 36px rgba(0,0,0,.32), inset 0 0 28px rgba(119,70,255,.09);
}

.gd2-section-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:0 0 16px;
  color:#eadcff;
  font-family:var(--font-title, Georgia, serif);
  font-size:1.05rem;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.gd2-section-title::before,
.gd2-section-title::after{
  content:"";
  flex:1;
  height:1px;
  max-width:220px;
  background:linear-gradient(90deg, transparent, rgba(176,108,255,.62), transparent);
}

.gd2-section-title span::before{
  content:"♛";
  margin-right:10px;
  color:var(--gd-gold);
  text-shadow:0 0 10px rgba(216,178,106,.42);
}

.gd2-top-guild{
  display:grid;
}

.gd2-top3-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.gd2-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}

.gd2-guild-card{
  position:relative;
  min-width:0;
  display:grid;
  align-items:center;
  gap:18px;
  border-radius:8px;
  filter:drop-shadow(0 16px 22px rgba(0,0,0,.34));
}

.gd2-guild-card--rank1{
  min-height:216px;
  grid-template-columns:190px minmax(0,1fr) 170px;
  padding:22px 24px;
  background:
    linear-gradient(90deg, rgba(12,7,20,.90), rgba(18,8,33,.72), rgba(7,5,12,.90)),
    url("../images/redesign/ui/guild-feature-card-v1.svg") center/100% 100% no-repeat;
}

.gd2-guild-card--compact{
  min-height:174px;
  grid-template-columns:120px minmax(0,1fr);
  padding:18px;
  background:
    linear-gradient(90deg, rgba(12,7,20,.90), rgba(18,8,33,.66), rgba(7,5,12,.90)),
    url("../images/redesign/ui/guild-small-card-v1.svg") center/100% 100% no-repeat;
}

.gd2-guild-card--podium{
  min-height:198px;
  grid-template-columns:1fr;
  justify-items:center;
  align-content:center;
  gap:10px;
  padding:22px 16px 16px;
  text-align:center;
  border:1px solid rgba(159,92,246,.22);
  background:
    radial-gradient(circle at 50% 36%, rgba(151,83,255,.24), transparent 38%),
    linear-gradient(180deg, rgba(20,12,32,.90), rgba(5,4,10,.94)),
    url("../images/redesign/ui/top-guild-card-4.png") center/100% 100% no-repeat;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 26px rgba(0,0,0,.22);
}

.gd2-guild-card--top1{
  border-color:rgba(216,178,106,.48);
  background:
    radial-gradient(circle at 50% 36%, rgba(216,178,106,.24), transparent 38%),
    linear-gradient(180deg, rgba(23,16,22,.91), rgba(5,4,10,.94)),
    url("../images/redesign/ui/top-guild-card-1.png") center/100% 100% no-repeat;
}

.gd2-guild-card--top2{
  border-color:rgba(183,201,226,.42);
  background:
    radial-gradient(circle at 50% 36%, rgba(183,201,226,.22), transparent 38%),
    linear-gradient(180deg, rgba(14,18,25,.91), rgba(5,4,10,.94)),
    url("../images/redesign/ui/top-guild-card-2.png") center/100% 100% no-repeat;
}

.gd2-guild-card--top3{
  border-color:rgba(207,112,64,.44);
  background:
    radial-gradient(circle at 50% 36%, rgba(207,112,64,.22), transparent 38%),
    linear-gradient(180deg, rgba(24,13,15,.91), rgba(5,4,10,.94)),
    url("../images/redesign/ui/top-guild-card-3.png") center/100% 100% no-repeat;
}

.gd2-rank{
  position:absolute;
  left:14px;
  top:14px;
  z-index:2;
  width:54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#fff6d6;
  font-family:var(--font-title, Georgia, serif);
  font-size:1.35rem;
  font-weight:900;
  background:url("../images/redesign/ui/guild-medal-v1.svg") center/contain no-repeat;
  text-shadow:0 2px 2px rgba(0,0,0,.76);
}

.gd2-rank--2{
  filter:hue-rotate(170deg) saturate(.75);
}

.gd2-rank--3{
  filter:hue-rotate(-28deg) saturate(.90);
}

.gd2-guild-card--podium .gd2-rank{
  left:12px;
  top:12px;
  width:34px;
  height:28px;
  border:1px solid rgba(255,225,150,.38);
  border-radius:6px;
  background:linear-gradient(180deg, rgba(221,178,94,.96), rgba(116,72,33,.96));
  color:#120a06;
  font-family:Arial,sans-serif;
  font-size:.78rem;
  font-weight:900;
  filter:none;
  box-shadow:0 8px 14px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.28);
  text-shadow:0 1px 0 rgba(255,240,190,.42);
}

.gd2-guild-card--top2 .gd2-rank{
  border-color:rgba(219,234,250,.44);
  background:linear-gradient(180deg, rgba(218,230,239,.98), rgba(104,123,143,.96));
}

.gd2-guild-card--top3 .gd2-rank{
  border-color:rgba(237,163,101,.45);
  background:linear-gradient(180deg, rgba(203,125,68,.98), rgba(104,55,36,.96));
}

.gd2-logo-wrap,
.gd2-list-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(184,126,255,.26);
  background:
    radial-gradient(circle at 50% 62%, rgba(157,85,255,.24), transparent 64%),
    rgba(8,5,14,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 18px rgba(157,85,255,.15);
}

.gd2-logo-wrap{
  width:138px;
  height:138px;
  justify-self:center;
  border-radius:12px;
}

.gd2-guild-card--compact .gd2-logo-wrap{
  width:86px;
  height:86px;
  margin-left:12px;
}

.gd2-guild-card--podium .gd2-logo-wrap{
  width:82px;
  height:82px;
  margin:0;
  border-radius:8px;
}

.gd2-logo-wrap img,
.gd2-list-logo img{
  width:74px;
  height:74px;
  object-fit:contain;
  image-rendering:auto;
  filter:drop-shadow(0 10px 10px rgba(0,0,0,.74));
}

.gd2-guild-card--rank1 .gd2-logo-wrap img{
  width:106px;
  height:106px;
}

.gd2-guild-card--podium .gd2-logo-wrap img{
  width:66px;
  height:66px;
}

.gd2-guild-info{
  min-width:0;
}

.gd2-guild-info h2,
.gd2-list-info h3{
  margin:0 0 6px;
  color:#f5eefb;
  font-family:var(--font-title, Georgia, serif);
  font-weight:800;
  line-height:1.12;
  text-shadow:0 2px 2px rgba(0,0,0,.78), 0 0 12px rgba(157,85,255,.20);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.gd2-guild-info h2{
  font-size:2.05rem;
}

.gd2-guild-card--compact .gd2-guild-info h2{
  font-size:1.38rem;
}

.gd2-guild-card--podium .gd2-guild-info h2{
  margin:2px 0 4px;
  font-size:1.18rem;
  letter-spacing:.02em;
  text-transform:uppercase;
  white-space:normal;
}

.gd2-guild-card--podium .gd2-guild-info strong{
  display:block;
  color:#f2d17a;
  font-size:.84rem;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  text-shadow:0 0 10px rgba(216,178,106,.25);
}

.gd2-guild-info p,
.gd2-list-info p{
  margin:0 0 16px;
  color:#cbbfd8;
  font-size:.92rem;
  font-style:italic;
  line-height:1.42;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.gd2-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 16px;
  color:#d7cbe4;
  font-size:.84rem;
}

.gd2-meta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.gd2-mi::before{
  color:#c28aff;
  font-style:normal;
  text-shadow:0 0 8px rgba(194,138,255,.42);
}

.gd2-mi-leader::before{ content:"♟"; }
.gd2-mi-members::before{ content:"♚"; }
.gd2-mi-frags::before{ content:"⚔"; }

.gd2-view-form{
  margin:0;
  justify-self:end;
}

.gd2-guild-card--compact .gd2-view-form{
  grid-column:2;
  justify-self:end;
  align-self:end;
}

.gd2-guild-card--podium .gd2-view-form{
  justify-self:center;
}

.gd2-btn{
  min-width:150px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(184,126,255,.36);
  border-radius:5px;
  background:
    linear-gradient(180deg, rgba(124,55,198,.96), rgba(57,24,94,.96)),
    url("../images/redesign/ui/button-purple.png") center/100% 100% no-repeat;
  color:#fff;
  cursor:pointer;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 0 16px rgba(127,67,215,.22);
}

.gd2-btn::after{
  content:"›";
  margin-left:10px;
  font-size:1.05rem;
}

.gd2-btn:hover{
  filter:brightness(1.12);
}

.gd2-btn--small{
  min-width:118px;
  min-height:34px;
  font-size:.74rem;
}

.gd2-guild-card--podium .gd2-btn{
  min-width:120px;
  min-height:34px;
  font-size:.72rem;
}

.gd2-admin-delete{
  position:absolute;
  right:12px;
  top:10px;
  color:#ff7d82!important;
  font-size:.72rem;
  font-weight:900;
}

.gd2-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:-18px -18px 16px;
  border-bottom:1px solid rgba(159,92,246,.20);
  background:rgba(5,4,10,.48);
}

.gd2-tabs button{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-right:1px solid rgba(159,92,246,.14);
  background:transparent;
  color:#bfb4ca;
  cursor:pointer;
  font:inherit;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:color .16s ease, background .16s ease, box-shadow .16s ease;
}

.gd2-tabs button:hover{
  color:#fff;
  background:rgba(84,39,132,.34);
}

.gd2-tabs button.active{
  color:#fff;
  background:linear-gradient(180deg, rgba(110,48,176,.80), rgba(40,20,70,.70));
  box-shadow:inset 0 -2px 0 rgba(194,138,255,.68);
}

.gd2-list-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.gd2-list-card{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:76px minmax(0,1fr) 124px;
  align-items:center;
  gap:14px;
  min-height:112px;
  padding:14px;
  border:1px solid rgba(159,92,246,.22);
  border-radius:7px;
  background:
    radial-gradient(circle at 13% 12%, rgba(157,85,255,.14), transparent 42%),
    linear-gradient(180deg, rgba(13,8,22,.82), rgba(5,4,10,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 12px 22px rgba(0,0,0,.18);
}

.gd2-list-logo{
  width:66px;
  height:66px;
  border-radius:8px;
}

.gd2-list-logo img{
  width:54px;
  height:54px;
}

.gd2-list-info h3{
  font-size:1.05rem;
}

.gd2-list-info p{
  margin-bottom:8px;
  font-size:.80rem;
}

.gd2-empty{
  text-align:center;
}

.gd2-empty p{
  color:#d8cfdf;
}

.gd2-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
}

.gd2-actions h2{
  margin:0 0 4px;
  color:#f5eefb;
  font-family:var(--font-title, Georgia, serif);
  font-size:1.25rem;
}

.gd2-actions p{
  margin:0;
  color:#bfb4ca;
}

.gd2-cleanup{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  padding-top:10px;
  border-top:1px solid rgba(159,92,246,.14);
}

.gd2-cleanup a{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  border:1px solid rgba(159,92,246,.22);
  border-radius:999px;
  background:rgba(47,24,78,.42);
  padding:5px 12px;
  font-weight:800;
}

@container (max-width:980px){
  .gd2-feature-grid,
  .gd2-list-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .gd2-stats{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
  }

  .gd2-stat{
    grid-template-columns:38px minmax(0,1fr);
    min-height:74px;
    column-gap:8px;
    padding:10px 9px;
  }

  .gd2-stat-icon{
    width:36px;
    height:36px;
  }

  .gd2-stat-icon::before{
    font-size:19px;
  }

  .gd2-stat small{
    font-size:.58rem;
    letter-spacing:.05em;
  }

  .gd2-stat strong{
    font-size:1.22rem;
  }

  .gd2-guild-card--rank1{
    grid-template-columns:150px minmax(0,1fr);
  }

  .gd2-guild-card--rank1 .gd2-view-form{
    grid-column:2;
    justify-self:start;
  }
}

@container (max-width:720px){
  .gd2-hero h1{
    font-size:2.35rem;
  }

  .gd2-hero p::before,
  .gd2-hero p::after{
    display:none;
  }

  .gd2-feature-grid,
  .gd2-top3-grid,
  .gd2-list-grid,
  .gd2-actions{
    grid-template-columns:1fr;
  }

  .gd2-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .gd2-guild-card--rank1,
  .gd2-guild-card--compact,
  .gd2-list-card{
    grid-template-columns:1fr;
    text-align:center;
  }

  .gd2-logo-wrap,
  .gd2-guild-card--compact .gd2-logo-wrap,
  .gd2-list-logo{
    margin:0 auto;
  }

  .gd2-view-form,
  .gd2-guild-card--rank1 .gd2-view-form,
  .gd2-guild-card--compact .gd2-view-form{
    grid-column:auto;
    justify-self:center;
  }

  .gd2-meta{
    justify-content:center;
  }

  .gd2-tabs{
    grid-template-columns:1fr 1fr;
  }
}

@container (max-width:460px){
  .gd2-stats{
    grid-template-columns:1fr;
  }
}