/* Connect in-game channels. Scoped to Connect only. */
.connect-page .channels-feature-grid{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(330px,1fr);
  gap:1px;
  background:#1a4159;
  border-bottom:1px solid #365f79;
}
.connect-page .channels-feature-grid .discord-feature{
  height:100%;
  border-bottom:0;
}
.connect-page .ingame-panel{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:12px 14px 11px;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(35,78,109,.18) 0 18%,transparent 18% 75%,rgba(29,62,84,.09) 75%),
    linear-gradient(180deg,rgba(8,28,42,.998),rgba(3,13,20,.999));
}
.connect-page .ingame-panel::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#91d9ff,#4ca6d8 58%,rgba(76,166,216,.28));
}
.connect-page .ingame-panel::after{
  content:"";
  position:absolute;
  right:-45px;
  top:-62px;
  width:150px;
  height:150px;
  border:1px solid rgba(91,166,210,.10);
  transform:rotate(45deg);
  pointer-events:none;
}
.connect-page .ingame-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:9px;
}
.connect-page .ingame-logo{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid #396b8d;
  background:radial-gradient(circle,rgba(115,194,244,.14),transparent 68%),rgba(1,8,13,.92);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 8px 18px rgba(0,0,0,.23);
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
}
.connect-page .ingame-logo img{
  display:block;
  width:26px;
  height:26px;
  object-fit:contain;
  filter:drop-shadow(0 0 8px rgba(130,208,255,.26));
}
.connect-page .ingame-title{
  min-width:0;
}
.connect-page .ingame-title strong{
  display:block;
  color:var(--text-strong);
  font-size:14px;
  font-weight:950;
  line-height:1.05;
}
.connect-page .ingame-title span{
  display:block;
  margin-top:3px;
  color:var(--text-technical);
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.connect-page .ingame-instruction{
  position:relative;
  z-index:1;
  margin:7px 0 7px;
  color:var(--text-secondary);
  font-size:10px;
  line-height:1.3;
}
.connect-page .ingame-list{
  position:relative;
  z-index:1;
  display:grid;
  gap:5px;
}
.connect-page .ingame-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:29px;
  padding:4px 5px 4px 10px;
  border:1px solid rgba(70,111,138,.44);
  background:linear-gradient(90deg,rgba(17,49,68,.54),rgba(5,20,30,.56));
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);
}
.connect-page .ingame-row-label{
  min-width:0;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  align-items:center;
  gap:8px;
  overflow:hidden;
  line-height:1.05;
}
.connect-page .ingame-row-label b{
  flex:0 0 auto;
  color:var(--text-primary);
  font-size:10px;
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.connect-page .ingame-row-label code{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--steel2);
  font-family:"Arial Narrow","Roboto Condensed","Aptos Narrow","Segoe UI",Arial,sans-serif;
  font-size:11px;
  font-weight:850;
  letter-spacing:.01em;
}
.connect-page .ig-copy{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-width:60px;
  min-height:22px;
  padding:3px 8px;
  border:1px solid var(--border-control);
  background:linear-gradient(180deg,var(--sto-pressed-top),var(--sto-pressed-mid) 48%,var(--sto-pressed-break) 52%,var(--sto-pressed-low));
  color:var(--text-inverse);
  font:inherit;
  font-size:8.8px;
  font-weight:950;
  line-height:1;
  letter-spacing:.075em;
  text-transform:uppercase;
  cursor:pointer;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%);
  transition:background .09s linear,transform .09s linear;
}
.connect-page .ig-copy img{
  width:9px;
  height:9px;
  object-fit:contain;
  filter:brightness(0) saturate(100%);
}
.connect-page .ig-copy:hover{
  background:linear-gradient(180deg,var(--sto-hover-top),var(--sto-hover-mid) 48%,var(--sto-hover-low) 52%,var(--sto-hover-tail));
  transform:translateY(-1px);
}
.connect-page .ig-copy:active{transform:none}
.connect-page .ig-copy.is-copied{
  background:linear-gradient(180deg,#72ed8f,#42e169 48%,#32c953 52%,#249a3e);
  color:var(--text-inverse-success);
}
@media (max-width:980px){
  .connect-page .channels-feature-grid{grid-template-columns:1fr}
  .connect-page .channels-feature-grid .discord-feature{border-bottom:1px solid #365f79}
  .connect-page .ingame-panel{padding:15px 18px 14px}
}
@media (max-width:520px){
  .connect-page .ingame-row-label{grid-template-columns:46px minmax(0,1fr);gap:6px}
  .connect-page .ingame-row-label code{font-size:10px}
}