@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap");

:root{
  --cm-bg:#050407;
  --cm-bg-soft:#090711;
  --cm-panel:rgba(14,10,21,.84);
  --cm-panel-2:rgba(20,14,31,.88);
  --cm-line:rgba(214,205,238,.18);
  --cm-line-hot:rgba(190,150,255,.42);
  --cm-ink:#f8f4ff;
  --cm-muted:#cfc4dc;
  --cm-soft:#a89bb9;
  --cm-violet:#8c5cff;
  --cm-magenta:#ff5fc8;
  --cm-cyan:#71e7ff;
  --cm-warm:#ffbb74;
  --cm-chrome:#d8dcea;
  --cm-radius:10px;
  --cm-font:Lexend,"Segoe UI",Arial,sans-serif;
  --cm-heading:Sora,Lexend,"Segoe UI",Arial,sans-serif;
  --cm-page-pad:clamp(24px,3.4vw,56px);
  --cm-card-pad:clamp(20px,2.1vw,30px);
  --cm-grid-gap:18px;
}

*{box-sizing:border-box;letter-spacing:0!important}
html{background:var(--cm-bg)}
body{
  margin:0;
  color:var(--cm-ink)!important;
  font-family:var(--cm-font)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 90px),
    linear-gradient(135deg,rgba(140,92,255,.12),transparent 32%),
    linear-gradient(225deg,rgba(255,95,200,.08),transparent 34%),
    var(--cm-bg)!important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:78px 78px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 68%);
}

h1,h2,h3,.brand,.main-nav a,.button,.btn,button{font-family:var(--cm-heading)!important}
h1,h2,h3{color:var(--cm-ink)!important}
p{color:var(--cm-muted);line-height:1.72}
a{color:inherit}
code,pre{font-family:"Cascadia Mono","Consolas",monospace}

.site-header{
  min-height:68px!important;
  background:rgba(5,4,7,.82)!important;
  border-bottom:1px solid var(--cm-line)!important;
  backdrop-filter:blur(16px);
}
.brand{color:#fff!important;font-weight:700!important}
.brand::before,.brand-paw{display:none!important}
.main-nav a{
  color:var(--cm-muted)!important;
  border-radius:8px!important;
  font-size:.94rem!important;
}
.main-nav a:hover,.main-nav a.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(140,92,255,.34),rgba(255,95,200,.13))!important;
}

.wrap,main:not(.no-wrap)>.hero,main:not(.no-wrap)>.hero-shell,main:not(.no-wrap)>.platform-section,
.site-footer,.site-support-strip{
  width:min(1420px,calc(100% - 72px));
  max-width:1420px;
  margin-left:auto!important;
  margin-right:auto!important;
}

.wrap > section + section,
main:not(.no-wrap) > section + section{
  margin-top:28px!important;
}

.page-hero,
.hero:not(.home-hero),
.about-hero,
.featured-game,
.feature-panel,
.panel,
.platform-section,
.library-section,
.support-card,
.tool-card,
.project-card,
.skin-card,
.status-card,
.about-card,
.about-discord-panel{
  padding:var(--cm-card-pad)!important;
}

.wrap > .hero,
.wrap > .page-hero{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

.page-hero,
.hero:not(.home-hero){
  padding:clamp(42px,5.8vw,78px) var(--cm-page-pad)!important;
}

.page-hero > *,
.hero:not(.home-hero) > *,
.about-hero > *,
.feature-panel > *,
.panel > *,
.library-section > *,
.platform-section > *,
.support-card > *,
.tool-card > *,
.project-card > *,
.skin-card > *,
.about-card > *,
.about-discord-panel > *{
  position:relative;
  z-index:1;
}

.hero,.page-hero,.hero-shell,.feature-panel,.panel,.featured-game,.game-roadmap article,
.games-next-grid article,.creator-card,.platform-section,.platform-grid a,.media-card,.library-section,
.support-card,.tool-card,.project-card,.skin-card,.share-card,.site-support-strip,.status-card{
  border:1px solid var(--cm-line)!important;
  border-radius:var(--cm-radius)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 46%),
    var(--cm-panel)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.hero,.page-hero,.hero-shell,.featured-game,.spotlight-panel{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(120deg,rgba(216,220,234,.08),transparent 18%),
    linear-gradient(135deg,rgba(140,92,255,.26),transparent 48%),
    linear-gradient(225deg,rgba(255,187,116,.10),transparent 52%),
    rgba(14,10,21,.86)!important;
}
.hero::before,.page-hero::before,.hero-shell::before,.featured-game::before,.spotlight-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-top:1px solid rgba(216,220,234,.24);
  background:linear-gradient(90deg,rgba(113,231,255,.12),transparent 20%,rgba(255,95,200,.10) 78%,transparent);
  opacity:.8;
}
.hero>*,
.page-hero>*,
.hero-shell>*,
.featured-game>*,
.spotlight-panel>*{position:relative;z-index:1}

.eyebrow{
  color:#d8c7ff!important;
  font-family:var(--cm-heading)!important;
  font-size:.76rem!important;
  font-weight:700!important;
  text-transform:uppercase!important;
}
.hero h1,.page-hero h1,.hero-copy h1{
  max-width:20ch!important;
  font-size:clamp(2.4rem,4vw,4.8rem)!important;
  line-height:1.04!important;
  font-weight:700!important;
}
.hero h2,.page-hero h2,.section-heading h2{font-size:clamp(1.55rem,2.4vw,2.55rem)!important}

.button,.btn,.skin-links a,.share-actions button,.copy-btn,.site-support-actions a,.site-support-actions button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid var(--cm-line)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.button.primary,.btn.primary,.site-support-actions .primary{
  background:linear-gradient(135deg,var(--cm-violet),#6e41f0)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.button:hover,.btn:hover,.skin-links a:hover,.share-actions button:hover,.copy-btn:hover,.site-support-actions a:hover,.site-support-actions button:hover{
  transform:translateY(-2px);
  border-color:var(--cm-line-hot)!important;
}

.content-grid,.profile-grid,.skin-desk,.cs2-grid,.tool-grid,.project-grid,.discord-feature-grid,.games-next-grid,.game-roadmap,.playlist-grid{
  display:grid;
  gap:var(--cm-grid-gap);
  align-items:stretch;
}
.content-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.75fr)}
.profile-grid,.skin-desk,.cs2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tool-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.project-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}
.game-roadmap,.games-next-grid,.discord-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.playlist-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}

.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.portal-card,.info-row,.command-card,.crosshair-card,.friend-card,.playlist-card{
  border:1px solid var(--cm-line);
  border-radius:9px;
  background:rgba(255,255,255,.035);
  padding:18px;
}
.playlist-card{
  display:grid;
  gap:10px;
  min-height:150px;
}
.playlist-card small{
  color:#d8c7ff;
  font-weight:800;
  text-transform:uppercase;
}
.playlist-card h3{
  margin:0;
}
.playlist-card p{
  margin:0;
  color:var(--cm-muted);
  line-height:1.55;
}
.portal-card strong,.tool-card h3,.project-card h3{display:block;font-size:1.05rem;margin-bottom:6px}
.portal-card small,.tool-card small,.project-card small{color:var(--cm-soft)}

.settings-table{display:grid;gap:10px}
.settings-row{
  display:grid;
  grid-template-columns:minmax(110px,.45fr) minmax(0,1fr);
  gap:12px;
  align-items:start;
  border:1px solid var(--cm-line);
  border-radius:8px;
  padding:12px;
  background:rgba(255,255,255,.03);
}
.settings-row span{color:#d8c7ff;font-weight:700}
.settings-row code,.command-box code{
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  color:#fff;
}
.command-box{
  max-width:100%;
  white-space:pre-wrap!important;
  overflow:auto;
  padding:16px;
  border:1px solid rgba(140,92,255,.38);
  border-radius:9px;
  background:rgba(3,2,7,.72);
}
.command-head{display:flex;gap:12px;align-items:center;justify-content:space-between}
.copy-btn{cursor:pointer}

.skin-links,.share-actions,.actions,.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.clean-list,.discord-safe-list{padding:0;margin:16px 0 0;list-style:none}
.clean-list li,.discord-safe-list li{padding:12px 0;border-top:1px solid var(--cm-line);color:var(--cm-muted)}
.rules{display:grid;gap:10px;list-style:none;padding:0;margin:0}
.rules li{border-top:1px solid var(--cm-line);padding-top:12px}

.cs2-page .wrap > section + section{
  margin-top:28px!important;
}
.cs2-page .skin-desk + .panel{
  margin-top:34px!important;
}
.rules b{display:block;color:#fff;margin-bottom:4px}
.rules span{color:var(--cm-muted)}
.rule-note{color:#dccfff}

.site-support-strip{align-items:center;margin-top:32px!important}
.site-support-note{display:block;color:#bfb1d0;margin-top:6px}

.friend-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.friend-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;text-decoration:none}
.friend-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;border:1px solid rgba(216,220,234,.38);background:linear-gradient(135deg,var(--cm-violet),var(--cm-magenta))}
.friend-avatar-fallback{display:grid;place-items:center;color:#fff;font-weight:800}
.visit{color:#d8c7ff;font-weight:700}

.share-card{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.chrome-line{height:1px;background:linear-gradient(90deg,transparent,var(--cm-chrome),var(--cm-violet),transparent);opacity:.5;margin:22px 0}

.tool-card,.project-card,.skin-card{padding:20px}
.tool-card .label,.project-card .label{color:#d8c7ff;text-transform:uppercase;font-size:.72rem;font-weight:800}
.project-preview{min-height:130px;border:1px solid var(--cm-line);border-radius:8px;background:linear-gradient(135deg,rgba(140,92,255,.25),rgba(255,95,200,.09));padding:16px;margin:14px 0}
.project-preview ul{margin:10px 0 0;padding-left:18px;color:var(--cm-muted)}

@media (max-width:980px){
  .content-grid,.profile-grid,.skin-desk,.cs2-grid,.game-roadmap,.games-next-grid,.discord-feature-grid{grid-template-columns:1fr}
  .wrap,main:not(.no-wrap)>.hero,main:not(.no-wrap)>.hero-shell,main:not(.no-wrap)>.platform-section,.site-footer,.site-support-strip{width:min(100% - 28px,1420px)}
}
@media (max-width:620px){
  .settings-row{grid-template-columns:1fr}
  .friend-card{grid-template-columns:48px minmax(0,1fr)}
  .friend-card .visit{grid-column:2}
  .share-card,.site-support-strip{align-items:flex-start;flex-direction:column}
}

/* Homepage: image-led, silver/violet hero. */
.home-hero{
  min-height:min(760px,calc(100vh - 110px));
  display:grid!important;
  grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr)!important;
  gap:0!important;
  padding:0!important;
  isolation:isolate;
  border-color:rgba(216,220,234,.28)!important;
  background:#050407!important;
}
.home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border:1px solid rgba(216,220,234,.18);
  background:
    linear-gradient(90deg,rgba(5,4,7,.93) 0%,rgba(5,4,7,.82) 23%,rgba(5,4,7,.48) 45%,rgba(5,4,7,.08) 72%),
    linear-gradient(180deg,rgba(255,255,255,.10),transparent 17%,transparent 80%,rgba(5,4,7,.82)),
    linear-gradient(135deg,rgba(216,220,234,.10),transparent 18%,rgba(140,92,255,.16) 74%,rgba(255,95,200,.12));
}
.home-hero::after{
  content:"";
  position:absolute;
  inset:18px;
  z-index:3;
  pointer-events:none;
  border:1px solid rgba(216,220,234,.28);
  border-radius:8px;
  box-shadow:
    inset 0 0 0 1px rgba(140,92,255,.16),
    inset 0 0 80px rgba(140,92,255,.10);
}
.home-hero .hero-copy{
  z-index:4;
  align-self:center;
  padding:clamp(34px,5vw,82px)!important;
  max-width:620px;
}
.home-hero .eyebrow{
  color:#ece8ff!important;
  text-shadow:0 0 18px rgba(140,92,255,.55);
}
.home-hero .hero-copy h1{
  font-size:clamp(3.4rem,7vw,7.6rem)!important;
  letter-spacing:.02em!important;
  color:#fff!important;
  text-shadow:
    0 1px 0 rgba(216,220,234,.72),
    0 18px 42px rgba(0,0,0,.55),
    0 0 30px rgba(140,92,255,.45);
}
.home-hero .hero-text{
  max-width:48ch;
  color:#eee8fb!important;
  font-size:clamp(1rem,1.2vw,1.18rem)!important;
}
.home-hero .hero-art{
  position:absolute!important;
  inset:0;
  z-index:1;
  min-height:100%!important;
  border:0!important;
  border-radius:0!important;
  background:#050407!important;
}
.home-hero .hero-art img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover!important;
  object-position:center center!important;
  filter:saturate(1.05) contrast(1.04);
}
.home-hero .hero-art-fallback{display:none!important}
.home-hero .stream-status{
  max-width:520px;
  border:1px solid rgba(216,220,234,.24)!important;
  border-radius:10px!important;
  background:rgba(5,4,7,.54)!important;
  backdrop-filter:blur(12px);
}
.home-hero .button.secondary{
  background:rgba(216,220,234,.08)!important;
}
.home-hero .button.primary{
  box-shadow:0 0 24px rgba(140,92,255,.32);
}

@media (max-width:980px){
  .home-hero{
    grid-template-columns:1fr!important;
    min-height:720px;
  }
  .home-hero::before{
    background:
      linear-gradient(180deg,rgba(5,4,7,.58),rgba(5,4,7,.92) 54%,rgba(5,4,7,.97)),
      linear-gradient(135deg,rgba(216,220,234,.10),transparent 25%,rgba(140,92,255,.16));
  }
  .home-hero .hero-copy{
    align-self:end;
    padding:32px!important;
  }
}

/* Homepage rail alignment: hero, cards and footer must share the same outer edges. */
body.home-page{--cm-home-page-width:min(1348px,calc(92vw - 72px))}
body.home-page main > .home-hero,
body.home-page main > .content-grid,
body.home-page main > .platform-section,
body.home-page > .site-support-strip,
body.home-page > .site-footer{
  width:var(--cm-home-page-width)!important;
  max-width:1420px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.home-page main > .content-grid{margin-top:28px!important}
.home-hero::after{
  inset:0!important;
  border:0!important;
  border-radius:inherit!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,220,234,.20),
    inset 0 0 80px rgba(140,92,255,.10)!important;
}
@media (max-width:980px){
  body.home-page{--cm-home-page-width:min(100% - 28px,1420px)}
}

/* Homepage chrome panel pass: stream-overlay feel without fake stats. */
body.home-page{
  background:
    radial-gradient(circle at 18% 8%,rgba(140,92,255,.22),transparent 24rem),
    radial-gradient(circle at 82% 14%,rgba(255,95,200,.16),transparent 24rem),
    linear-gradient(180deg,rgba(216,220,234,.035),transparent 120px),
    #050407!important;
}
body.home-page .feature-panel,
body.home-page .platform-section,
body.home-page .site-support-strip,
body.home-page .platform-grid a{
  position:relative;
  overflow:hidden;
  border-color:rgba(216,220,234,.28)!important;
  background:
    linear-gradient(145deg,rgba(216,220,234,.08),transparent 18%),
    radial-gradient(circle at 12% 0%,rgba(140,92,255,.28),transparent 18rem),
    radial-gradient(circle at 88% 100%,rgba(255,95,200,.13),transparent 18rem),
    rgba(10,7,16,.88)!important;
  box-shadow:
    0 20px 48px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 0 0 1px rgba(140,92,255,.10)!important;
}
body.home-page .feature-panel::before,
body.home-page .platform-section::before,
body.home-page .site-support-strip::before,
body.home-page .platform-grid a::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(216,220,234,.42),rgba(140,92,255,.42),transparent) top left/100% 1px no-repeat,
    linear-gradient(180deg,rgba(216,220,234,.22),transparent 38%) top left/1px 100% no-repeat,
    linear-gradient(180deg,rgba(140,92,255,.32),transparent 42%) top right/1px 100% no-repeat;
  opacity:.78;
}
body.home-page .feature-panel::after,
body.home-page .platform-section::after,
body.home-page .site-support-strip::after{
  content:"";
  position:absolute;
  width:86px;
  height:16px;
  right:18px;
  top:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(216,220,234,.70),rgba(140,92,255,.92),transparent);
  filter:drop-shadow(0 0 10px rgba(140,92,255,.65));
  clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);
}
body.home-page .section-heading{
  align-items:center;
  gap:18px;
}
body.home-page .section-heading .eyebrow,
body.home-page .home-direction > .eyebrow,
body.home-page .platform-section .eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  color:#e5dcff!important;
}
body.home-page .section-heading .eyebrow::before,
body.home-page .home-direction > .eyebrow::before,
body.home-page .platform-section .eyebrow::before{
  content:"";
  width:14px;
  height:14px;
  flex:0 0 auto;
  background:radial-gradient(circle,#fff 0 18%,transparent 20%),radial-gradient(circle at 35% 40%,#b995ff 0 48%,transparent 51%);
  border-radius:50%;
  box-shadow:0 0 14px rgba(140,92,255,.72);
}
body.home-page .section-heading h2,
body.home-page .home-direction h2,
body.home-page .platform-section h2{
  text-shadow:0 0 24px rgba(140,92,255,.28);
}
body.home-page .media-card{
  min-height:250px;
  border-color:rgba(216,220,234,.24)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),transparent 44%),
    rgba(5,4,8,.58)!important;
}
body.home-page .media-preview{
  border-bottom:1px solid rgba(216,220,234,.16);
  background:
    radial-gradient(circle at 30% 20%,rgba(255,95,200,.24),transparent 16rem),
    linear-gradient(135deg,rgba(140,92,255,.25),rgba(5,4,8,.72))!important;
}
body.home-page .direction-links{
  position:relative;
  z-index:2;
}
body.home-page .direction-links a{
  border-color:rgba(216,220,234,.24)!important;
  background:
    linear-gradient(135deg,rgba(216,220,234,.075),transparent 38%),
    rgba(255,255,255,.035)!important;
}
body.home-page .direction-links a:hover,
body.home-page .platform-grid a:hover{
  border-color:rgba(216,220,234,.46)!important;
  box-shadow:0 0 24px rgba(140,92,255,.20), inset 0 0 0 1px rgba(140,92,255,.22)!important;
}
.home-chibi-accent{
  position:absolute;
  right:-18px;
  bottom:-20px;
  width:min(190px,42%);
  max-height:230px;
  object-fit:contain;
  z-index:1;
  opacity:.92;
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(140,92,255,.34));
  pointer-events:none;
}
body.home-page .home-direction p,
body.home-page .home-direction h2,
body.home-page .home-direction .eyebrow{
  position:relative;
  z-index:2;
}
body.home-page .clean-socials{
  align-items:stretch;
}
body.home-page .clean-socials a{
  min-height:96px;
}
body.home-page .clean-socials strong{
  font-size:1.05rem;
}
body.home-page .clean-socials small{
  color:#cfc4dc;
}
@media (max-width:760px){
  .home-chibi-accent{
    width:120px;
    right:8px;
    opacity:.42;
  }
}

/* Homepage visible chrome pass: first viewport should read purple + silver, not flat cards. */
body.home-page .site-header{
  background:
    linear-gradient(180deg,rgba(18,14,24,.96),rgba(5,4,8,.86))!important;
  border-bottom:1px solid rgba(216,220,234,.18)!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.36),
    inset 0 -1px 0 rgba(140,92,255,.32)!important;
}
body.home-page .site-header::after{
  content:"";
  position:absolute;
  left:36px;
  right:36px;
  bottom:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(216,220,234,.68),rgba(140,92,255,.9),rgba(216,220,234,.58),transparent);
}
body.home-page .brand span{
  background:linear-gradient(180deg,#fff 0%,#dfe3ef 32%,#8f8a9e 56%,#f9f6ff 78%,#8c5cff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  filter:drop-shadow(0 0 12px rgba(140,92,255,.44));
}
body.home-page .home-hero{
  border-color:rgba(216,220,234,.44)!important;
  box-shadow:
    0 30px 74px rgba(0,0,0,.52),
    0 0 0 1px rgba(140,92,255,.25),
    0 0 54px rgba(140,92,255,.18),
    inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
body.home-page .home-hero::after{
  content:"";
  position:absolute;
  inset:0!important;
  z-index:3;
  pointer-events:none;
  border:0!important;
  border-radius:inherit!important;
  background:
    linear-gradient(90deg,rgba(235,238,248,.94),rgba(140,92,255,.9),transparent 23%) top left/46% 2px no-repeat,
    linear-gradient(90deg,transparent,rgba(140,92,255,.9),rgba(235,238,248,.9)) bottom right/46% 2px no-repeat,
    linear-gradient(180deg,rgba(235,238,248,.9),rgba(140,92,255,.72),transparent 32%) top left/2px 52% no-repeat,
    linear-gradient(180deg,transparent,rgba(140,92,255,.66),rgba(235,238,248,.82)) bottom right/2px 52% no-repeat;
  box-shadow:
    inset 0 0 0 1px rgba(216,220,234,.15),
    inset 0 0 90px rgba(140,92,255,.13)!important;
}
body.home-page .home-hero .hero-copy{
  padding:clamp(36px,5vw,76px)!important;
}
body.home-page .home-hero .hero-copy::before{
  content:"";
  display:block;
  width:min(360px,56vw);
  height:12px;
  margin:0 0 22px;
  background:
    linear-gradient(90deg,rgba(216,220,234,.92),rgba(140,92,255,.75),transparent),
    linear-gradient(180deg,rgba(255,255,255,.42),transparent);
  clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%,14px 50%);
  box-shadow:0 0 20px rgba(140,92,255,.28);
}
body.home-page .home-hero .hero-copy h1{
  background:linear-gradient(180deg,#ffffff 0%,#eef1f8 31%,#aaa5ba 52%,#ffffff 74%,#9c72ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  text-shadow:none!important;
  filter:
    drop-shadow(0 16px 28px rgba(0,0,0,.56))
    drop-shadow(0 0 18px rgba(140,92,255,.42));
}
body.home-page .home-hero .hero-text{
  border-left:3px solid rgba(216,220,234,.55);
  padding-left:18px;
  text-shadow:0 2px 16px rgba(0,0,0,.72);
}
body.home-page .home-hero .hero-actions .button{
  border-color:rgba(216,220,234,.32)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    0 0 20px rgba(140,92,255,.17)!important;
}
body.home-page .home-hero .hero-actions .button.primary{
  background:linear-gradient(135deg,#8c5cff,#6934d9 52%,#d8dcea)!important;
  color:#fff!important;
}
body.home-page .home-hero .stream-status{
  border-color:rgba(216,220,234,.36)!important;
  background:
    linear-gradient(135deg,rgba(216,220,234,.08),rgba(140,92,255,.08)),
    rgba(7,5,11,.72)!important;
  box-shadow:
    inset 4px 0 0 rgba(140,92,255,.78),
    0 0 28px rgba(140,92,255,.17)!important;
}
body.home-page .feature-panel,
body.home-page .platform-section,
body.home-page .site-support-strip,
body.home-page .platform-grid a{
  border-color:rgba(216,220,234,.28)!important;
}
@media(max-width:760px){
  body.home-page .site-header::after{
    left:14px;
    right:14px;
  }
  body.home-page .home-hero .hero-copy::before{
    width:min(270px,72vw);
  }
}

/* Homepage correction pass: no clipped logo text, stronger silver/purple portal frame. */
body.home-page{
  --cm-home-page-width:min(1420px,calc(100% - 96px));
  background:
    radial-gradient(circle at 25% 8%,rgba(130,82,255,.28),transparent 28rem),
    radial-gradient(circle at 78% 6%,rgba(255,95,200,.18),transparent 24rem),
    radial-gradient(circle at 50% 112%,rgba(216,220,234,.12),transparent 30rem),
    #030207!important;
}
body.home-page main{
  padding-top:70px!important;
}
body.home-page .home-hero{
  min-height:720px!important;
  border-radius:8px!important;
  overflow:hidden!important;
  background:#050407!important;
}
body.home-page .home-hero::before{
  z-index:2!important;
  background:
    linear-gradient(90deg,rgba(5,4,8,.92) 0%,rgba(5,4,8,.76) 28%,rgba(5,4,8,.36) 52%,rgba(5,4,8,.68) 100%),
    radial-gradient(circle at 17% 38%,rgba(140,92,255,.36),transparent 25rem),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.38))!important;
}
body.home-page .home-hero::after{
  background:
    linear-gradient(90deg,rgba(245,246,252,.98),rgba(140,92,255,.95),transparent 28%) top left/56% 3px no-repeat,
    linear-gradient(90deg,transparent,rgba(140,92,255,.92),rgba(245,246,252,.92)) bottom right/56% 3px no-repeat,
    linear-gradient(180deg,rgba(245,246,252,.92),rgba(140,92,255,.72),transparent 44%) top left/3px 70% no-repeat,
    linear-gradient(180deg,transparent,rgba(140,92,255,.66),rgba(245,246,252,.84)) bottom right/3px 70% no-repeat,
    linear-gradient(135deg,rgba(216,220,234,.18),transparent 18%,transparent 82%,rgba(140,92,255,.22))!important;
  box-shadow:
    inset 0 0 0 1px rgba(216,220,234,.22),
    inset 0 0 72px rgba(140,92,255,.17),
    0 0 0 1px rgba(216,220,234,.10)!important;
}
body.home-page .home-hero .hero-art img{
  opacity:.82!important;
  filter:saturate(1.12) contrast(1.08) brightness(.88)!important;
}
body.home-page .home-hero .hero-copy{
  width:min(680px,58%)!important;
  max-width:680px!important;
  margin-left:clamp(26px,3.8vw,74px)!important;
  padding:clamp(26px,3.4vw,54px)!important;
  border:1px solid rgba(216,220,234,.18);
  border-left:0;
  border-radius:0 10px 10px 0;
  background:
    linear-gradient(135deg,rgba(216,220,234,.11),rgba(140,92,255,.06) 44%,rgba(5,4,8,.28)),
    rgba(5,4,8,.36);
  box-shadow:
    0 18px 50px rgba(0,0,0,.32),
    inset 4px 0 0 rgba(216,220,234,.62),
    inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter:blur(6px);
}
body.home-page .home-hero .hero-copy::before{
  width:min(440px,82%)!important;
  height:10px!important;
  margin-bottom:24px!important;
  background:
    linear-gradient(90deg,rgba(245,246,252,.96),rgba(140,92,255,.9),rgba(255,95,200,.35),transparent),
    linear-gradient(180deg,rgba(255,255,255,.65),transparent)!important;
}
body.home-page .home-hero .hero-copy h1{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
  font-size:clamp(4rem,5vw,6.25rem)!important;
  line-height:.95!important;
  letter-spacing:0!important;
  transform:none!important;
}
body.home-page .home-hero .hero-text{
  max-width:42ch!important;
  margin-top:20px!important;
  font-size:clamp(1rem,1vw,1.12rem)!important;
  background:linear-gradient(90deg,rgba(5,4,8,.44),transparent);
}
body.home-page .home-hero .stream-status{
  max-width:430px!important;
}
body.home-page .content-grid{
  grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr)!important;
  gap:18px!important;
}
body.home-page .feature-panel,
body.home-page .platform-section,
body.home-page .site-support-strip{
  border-radius:8px!important;
}
@media(max-width:980px){
  body.home-page{
    --cm-home-page-width:min(100% - 28px,1420px);
  }
  body.home-page main{
    padding-top:28px!important;
  }
  body.home-page .home-hero{
    min-height:700px!important;
  }
  body.home-page .home-hero .hero-copy{
    width:auto!important;
    max-width:calc(100% - 40px)!important;
    margin:20px!important;
    align-self:end!important;
  }
  body.home-page .home-hero .hero-copy h1{
    white-space:normal!important;
    font-size:clamp(3.3rem,12vw,5.1rem)!important;
  }
}

/* Homepage template pass: clean stream-panel shapes inspired by the provided mockups. */
body.home-page{
  --cm-home-page-width:min(1540px,calc(100% - 72px));
  --cm-frame-silver:rgba(230,233,243,.82);
  --cm-frame-violet:rgba(154,94,255,.9);
  background:
    radial-gradient(circle at 16% 4%,rgba(142,83,255,.24),transparent 28rem),
    radial-gradient(circle at 92% 18%,rgba(255,83,198,.16),transparent 24rem),
    linear-gradient(180deg,#08050d 0,#030207 38%,#020105 100%)!important;
}
body.home-page main{
  width:var(--cm-home-page-width)!important;
  max-width:none!important;
  padding-top:34px!important;
}
body.home-page main > .home-hero,
body.home-page main > .content-grid,
body.home-page main > .platform-section,
body.home-page > .site-footer{
  width:100%!important;
  max-width:none!important;
}
body.home-page .site-header{
  min-height:64px!important;
  padding:0 36px!important;
  border-bottom:1px solid rgba(230,233,243,.28)!important;
  background:
    linear-gradient(180deg,rgba(8,5,13,.98),rgba(5,3,8,.92))!important;
}
body.home-page .brand{
  min-width:188px;
  height:44px;
  display:flex!important;
  align-items:center;
  padding:0 18px!important;
  border:1px solid rgba(230,233,243,.28);
  border-left:4px solid rgba(154,94,255,.82);
  border-radius:6px;
  background:
    linear-gradient(135deg,rgba(230,233,243,.12),rgba(154,94,255,.16) 48%,rgba(5,3,8,.3)),
    rgba(8,5,13,.66);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 0 22px rgba(154,94,255,.16);
}
body.home-page .brand span{
  font-size:1.12rem!important;
  letter-spacing:.04em!important;
}
body.home-page .main-nav{
  gap:6px!important;
  overflow:visible!important;
}
body.home-page .main-nav a{
  min-height:38px;
  padding:0 14px!important;
  display:flex;
  align-items:center;
  border-radius:6px!important;
  border:1px solid transparent;
}
body.home-page .main-nav a.active,
body.home-page .main-nav a:hover{
  border-color:rgba(230,233,243,.16)!important;
  background:linear-gradient(180deg,rgba(154,94,255,.42),rgba(75,38,132,.62))!important;
}
body.home-page .home-hero{
  min-height:660px!important;
  border-radius:4px!important;
  border:1px solid rgba(230,233,243,.34)!important;
  box-shadow:
    0 30px 80px rgba(0,0,0,.58),
    0 0 0 1px rgba(154,94,255,.28),
    0 0 62px rgba(154,94,255,.2)!important;
}
body.home-page .home-hero::before{
  background:
    linear-gradient(90deg,rgba(4,3,8,.9) 0%,rgba(4,3,8,.78) 30%,rgba(4,3,8,.28) 58%,rgba(4,3,8,.42) 100%),
    radial-gradient(circle at 28% 44%,rgba(154,94,255,.34),transparent 24rem)!important;
}
body.home-page .home-hero::after{
  background:
    linear-gradient(90deg,var(--cm-frame-silver),var(--cm-frame-violet),transparent 26%) top left/54% 3px no-repeat,
    linear-gradient(90deg,transparent,var(--cm-frame-violet),var(--cm-frame-silver)) top right/54% 3px no-repeat,
    linear-gradient(90deg,var(--cm-frame-silver),var(--cm-frame-violet),transparent 26%) bottom left/54% 3px no-repeat,
    linear-gradient(90deg,transparent,var(--cm-frame-violet),var(--cm-frame-silver)) bottom right/54% 3px no-repeat,
    linear-gradient(180deg,var(--cm-frame-silver),var(--cm-frame-violet),transparent 36%) top left/3px 72% no-repeat,
    linear-gradient(180deg,var(--cm-frame-silver),var(--cm-frame-violet),transparent 36%) top right/3px 72% no-repeat,
    linear-gradient(180deg,transparent,var(--cm-frame-violet),var(--cm-frame-silver)) bottom left/3px 46% no-repeat,
    linear-gradient(180deg,transparent,var(--cm-frame-violet),var(--cm-frame-silver)) bottom right/3px 46% no-repeat!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 0 105px rgba(154,94,255,.12)!important;
}
body.home-page .home-hero .hero-art img{
  opacity:.88!important;
  filter:saturate(1.16) contrast(1.08) brightness(.9)!important;
}
body.home-page .home-hero .hero-copy{
  width:min(720px,52%)!important;
  max-width:720px!important;
  margin-left:clamp(46px,5vw,96px)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.home-page .home-hero .hero-copy::before{
  width:320px!important;
  height:2px!important;
  margin-bottom:22px!important;
  clip-path:none!important;
  background:linear-gradient(90deg,var(--cm-frame-silver),var(--cm-frame-violet),transparent)!important;
}
body.home-page .home-hero .eyebrow{
  color:#efeaff!important;
  font-size:.78rem!important;
}
body.home-page .home-hero .hero-copy h1{
  width:auto!important;
  max-width:none!important;
  display:inline-block!important;
  white-space:nowrap!important;
  font-size:clamp(5rem,6.2vw,8.1rem)!important;
  line-height:.9!important;
  padding-right:.08em;
  background:
    linear-gradient(180deg,#fff 0%,#d9dce7 28%,#7b738c 48%,#f6f3ff 62%,#9d68ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  filter:
    drop-shadow(0 18px 30px rgba(0,0,0,.72))
    drop-shadow(0 0 18px rgba(154,94,255,.52))!important;
}
body.home-page .home-hero .hero-text{
  max-width:43ch!important;
  border-left:0!important;
  padding-left:0!important;
  margin-top:18px!important;
  color:#f0ecf9!important;
  background:transparent!important;
}
body.home-page .home-hero .hero-actions{
  margin-top:24px!important;
}
body.home-page .home-hero .button{
  min-height:46px!important;
  border-radius:4px!important;
  padding:0 20px!important;
  text-transform:none!important;
}
body.home-page .home-hero .button.primary{
  background:
    linear-gradient(180deg,rgba(191,158,255,.96),rgba(114,54,224,.96))!important;
  border-color:rgba(230,233,243,.32)!important;
}
body.home-page .home-hero .button.secondary{
  background:rgba(7,5,12,.58)!important;
}
body.home-page .home-hero .stream-status{
  width:min(420px,100%)!important;
  margin-top:28px!important;
  border-radius:4px!important;
  border-color:rgba(230,233,243,.28)!important;
  background:rgba(8,5,13,.68)!important;
  box-shadow:inset 3px 0 0 rgba(154,94,255,.9),0 0 24px rgba(154,94,255,.16)!important;
}
body.home-page .content-grid{
  margin-top:24px!important;
  grid-template-columns:minmax(0,1.35fr) minmax(380px,.72fr)!important;
  gap:20px!important;
}
body.home-page .feature-panel,
body.home-page .platform-section{
  border-radius:4px!important;
  border-color:rgba(230,233,243,.26)!important;
  padding:28px!important;
  background:
    linear-gradient(135deg,rgba(230,233,243,.075),transparent 28%),
    radial-gradient(circle at 20% 0,rgba(154,94,255,.22),transparent 16rem),
    rgba(8,5,13,.86)!important;
}
body.home-page .feature-panel::before,
body.home-page .platform-section::before,
body.home-page .platform-grid a::before{
  background:
    linear-gradient(90deg,var(--cm-frame-silver),var(--cm-frame-violet),transparent 42%) top left/100% 2px no-repeat,
    linear-gradient(180deg,var(--cm-frame-silver),transparent 42%) top left/2px 100% no-repeat!important;
}
body.home-page .feature-panel::after,
body.home-page .platform-section::after{
  height:3px!important;
  width:150px!important;
  top:0!important;
  right:28px!important;
  clip-path:none!important;
  background:linear-gradient(90deg,transparent,var(--cm-frame-silver),var(--cm-frame-violet))!important;
}
body.home-page .section-heading h2,
body.home-page .home-direction h2,
body.home-page .platform-section h2{
  font-size:clamp(2rem,2.6vw,3.1rem)!important;
}
body.home-page .section-heading .eyebrow::before,
body.home-page .home-direction > .eyebrow::before,
body.home-page .platform-section .eyebrow::before{
  width:8px!important;
  height:8px!important;
  background:#b78bff!important;
}
body.home-page .media-card,
body.home-page .direction-links a,
body.home-page .platform-grid a{
  border-radius:4px!important;
  border-color:rgba(230,233,243,.22)!important;
  background:rgba(5,3,9,.58)!important;
}
body.home-page .media-card{
  min-height:280px!important;
}
body.home-page .media-preview{
  background:
    linear-gradient(135deg,rgba(154,94,255,.38),rgba(255,95,200,.16)),
    rgba(8,5,13,.86)!important;
}
body.home-page .home-chibi-accent{
  right:18px!important;
  bottom:18px!important;
  width:min(150px,34%)!important;
  opacity:.78!important;
}
body.home-page .platform-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
}
body.home-page .platform-grid a{
  min-height:108px!important;
}
@media(max-width:1100px){
  body.home-page .platform-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:980px){
  body.home-page{
    --cm-home-page-width:min(100% - 28px,1420px);
  }
  body.home-page .site-header{
    padding:0 14px!important;
  }
  body.home-page .home-hero{
    min-height:680px!important;
  }
  body.home-page .home-hero .hero-copy{
    width:auto!important;
    max-width:calc(100% - 40px)!important;
    margin:20px!important;
  }
  body.home-page .home-hero .hero-copy h1{
    white-space:normal!important;
    font-size:clamp(3.5rem,13vw,5.3rem)!important;
  }
  body.home-page .content-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:720px){
  body.home-page .platform-grid{
    grid-template-columns:1fr!important;
  }
}

/* Homepage cleanup pass: remove the heavy side slab, keep a clean stream-panel hero. */
body.home-page{
  --cm-home-page-width:min(1360px,calc(100% - 80px));
}
body.home-page main{
  padding-top:54px!important;
}
body.home-page .home-hero{
  min-height:640px!important;
  border-radius:8px!important;
  overflow:hidden!important;
  border:1px solid rgba(226,229,239,.38)!important;
  background:#050407!important;
  box-shadow:
    0 26px 70px rgba(0,0,0,.58),
    0 0 0 1px rgba(142,92,255,.22),
    0 0 48px rgba(142,92,255,.16)!important;
}
body.home-page .home-hero::before{
  z-index:2!important;
  background:
    linear-gradient(90deg,rgba(4,3,8,.88) 0%,rgba(4,3,8,.66) 30%,rgba(4,3,8,.22) 58%,rgba(4,3,8,.48) 100%),
    linear-gradient(180deg,rgba(4,3,8,.1),rgba(4,3,8,.52))!important;
}
body.home-page .home-hero::after{
  z-index:3!important;
  background:
    linear-gradient(90deg,rgba(236,238,247,.88),rgba(150,92,255,.78),transparent 32%) top left/48% 2px no-repeat,
    linear-gradient(90deg,transparent,rgba(150,92,255,.78),rgba(236,238,247,.72)) top right/48% 2px no-repeat,
    linear-gradient(90deg,rgba(236,238,247,.72),rgba(150,92,255,.72),transparent 32%) bottom left/48% 2px no-repeat,
    linear-gradient(90deg,transparent,rgba(150,92,255,.72),rgba(236,238,247,.72)) bottom right/48% 2px no-repeat,
    linear-gradient(180deg,rgba(236,238,247,.72),rgba(150,92,255,.52),transparent 46%) top left/2px 55% no-repeat,
    linear-gradient(180deg,rgba(236,238,247,.72),rgba(150,92,255,.52),transparent 46%) top right/2px 55% no-repeat,
    linear-gradient(180deg,transparent,rgba(150,92,255,.48),rgba(236,238,247,.62)) bottom left/2px 38% no-repeat,
    linear-gradient(180deg,transparent,rgba(150,92,255,.48),rgba(236,238,247,.62)) bottom right/2px 38% no-repeat!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important;
}
body.home-page .home-hero .hero-art img{
  opacity:.9!important;
  filter:saturate(1.1) contrast(1.06) brightness(.9)!important;
}
body.home-page .home-hero .hero-copy{
  width:min(590px,calc(100% - 96px))!important;
  max-width:590px!important;
  margin-left:clamp(46px,6vw,92px)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.home-page .home-hero .hero-copy::before{
  width:260px!important;
  height:2px!important;
  margin-bottom:24px!important;
  clip-path:none!important;
  background:linear-gradient(90deg,rgba(236,238,247,.9),rgba(150,92,255,.86),transparent)!important;
  box-shadow:0 0 18px rgba(150,92,255,.36)!important;
}
body.home-page .home-hero .hero-copy h1{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  white-space:nowrap!important;
  font-size:clamp(4.25rem,5.7vw,6.6rem)!important;
  line-height:.92!important;
  padding-right:.12em!important;
  background:linear-gradient(180deg,#fff 0%,#eceef6 30%,#aaa5b6 50%,#fff 68%,#a56eff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
body.home-page .home-hero .hero-text{
  max-width:42ch!important;
  border-left:2px solid rgba(236,238,247,.56)!important;
  padding-left:18px!important;
  margin-top:20px!important;
  background:transparent!important;
}
body.home-page .home-hero .hero-actions{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:10px!important;
}
body.home-page .home-hero .stream-status{
  width:min(430px,100%)!important;
}
body.home-page .content-grid{
  margin-top:24px!important;
}
@media(max-width:980px){
  body.home-page{
    --cm-home-page-width:min(100% - 28px,1420px);
  }
  body.home-page .home-hero .hero-copy{
    width:auto!important;
    max-width:calc(100% - 40px)!important;
    margin:20px!important;
  }
body.home-page .home-hero .hero-copy h1{
    white-space:normal!important;
    font-size:clamp(3.4rem,13vw,5.2rem)!important;
  }
}

/* Friends page cleanup: readable cards, sane spacing, avatar-ready layout. */
body.friends-page{
  --cm-friends-width:min(1420px,calc(100% - 72px));
}
body.friends-page .wrap,
body.friends-page .site-footer,
body.friends-page .site-support-strip{
  width:var(--cm-friends-width)!important;
  max-width:1420px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.friends-page .wrap{
  padding-top:34px!important;
}
body.friends-page .page-hero{
  min-height:0!important;
  padding:clamp(38px,5vw,64px) var(--cm-page-pad)!important;
  border-radius:8px!important;
  background:
    linear-gradient(120deg,rgba(224,226,236,.08),transparent 30%),
    linear-gradient(135deg,rgba(132,86,236,.28),rgba(36,15,43,.62)),
    rgba(12,8,18,.92)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.36),0 0 34px rgba(142,92,255,.10)!important;
}
body.friends-page .page-hero h1{
  font-size:clamp(2.25rem,3.8vw,4rem)!important;
  line-height:1.04!important;
  letter-spacing:0!important;
  max-width:18ch!important;
  margin:14px 0 18px!important;
}
body.friends-page .page-hero p:not(.eyebrow){
  max-width:70ch!important;
  color:#ddd5ea!important;
  font-size:1rem!important;
  line-height:1.65!important;
}
body.friends-page .friend-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(380px,1fr))!important;
  gap:18px!important;
  margin-top:28px!important;
}
body.friends-page .friend-card{
  position:relative;
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr) 82px!important;
  align-items:center!important;
  gap:18px!important;
  min-height:126px!important;
  padding:22px!important;
  border-radius:8px!important;
  color:#f7f3ff!important;
  text-decoration:none!important;
  background:
    linear-gradient(135deg,rgba(216,220,234,.055),transparent 34%),
    linear-gradient(145deg,rgba(28,19,41,.94),rgba(8,6,12,.98))!important;
  border:1px solid rgba(216,220,234,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.friends-page .friend-card:hover{
  transform:translateY(-2px);
  border-color:rgba(190,154,255,.44)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.28),0 0 24px rgba(142,92,255,.13)!important;
}
body.friends-page .friend-avatar{
  width:68px!important;
  height:68px!important;
  border-radius:50%!important;
  flex:0 0 68px!important;
  object-fit:cover!important;
  border:1px solid rgba(232,234,242,.48)!important;
  box-shadow:0 0 0 4px rgba(142,92,255,.10),0 0 22px rgba(142,92,255,.16)!important;
}
body.friends-page .friend-avatar-fallback{
  display:grid!important;
  place-items:center!important;
  font-size:.95rem!important;
  letter-spacing:.04em!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 35% 20%,rgba(255,255,255,.32),transparent 28%),
    linear-gradient(135deg,#8c5cff,#d55ad7)!important;
}
body.friends-page .friend-copy{
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
}
body.friends-page .friend-head{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:8px!important;
}
body.friends-page .friend-head strong{
  font-size:1.06rem!important;
  line-height:1.2!important;
  color:#fff!important;
}
body.friends-page .friend-head small{
  color:#cbbde1!important;
  font-size:.82rem!important;
  line-height:1.2!important;
}
body.friends-page .friend-note{
  display:block!important;
  color:#d8d0e6!important;
  font-size:.94rem!important;
  line-height:1.45!important;
  font-style:normal!important;
  max-width:38ch!important;
}
body.friends-page .friend-card .visit{
  justify-self:end!important;
  align-self:center!important;
  min-width:74px!important;
  padding:10px 13px!important;
  border-radius:6px!important;
  color:#f4efff!important;
  text-align:center!important;
  font-size:.92rem!important;
  font-weight:800!important;
  background:rgba(142,92,255,.14)!important;
  border:1px solid rgba(216,220,234,.20)!important;
}
@media (max-width:760px){
  body.friends-page{--cm-friends-width:min(100% - 28px,1420px)}
  body.friends-page .friend-list{grid-template-columns:1fr!important}
  body.friends-page .friend-card{
    grid-template-columns:56px minmax(0,1fr)!important;
    min-height:0!important;
  }
  body.friends-page .friend-avatar{
    width:56px!important;
    height:56px!important;
  }
  body.friends-page .friend-card .visit{
    grid-column:2!important;
    justify-self:start!important;
    margin-top:4px!important;
  }
}

/* About page: personal, readable, less billboard. */
body.about-page{
  --cm-about-width:min(1420px,calc(100% - 72px));
}
body.about-page .wrap,
body.about-page .site-footer,
body.about-page .site-support-strip{
  width:var(--cm-about-width)!important;
  max-width:1420px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.about-page .about-wrap{
  padding-top:34px!important;
  display:grid!important;
  gap:22px!important;
}
body.about-page .about-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
body.about-page .about-intro,
body.about-page .about-note,
body.about-page .about-card,
body.about-page .about-discord-panel,
body.about-page .about-rules-panel{
  border:1px solid rgba(216,220,234,.20)!important;
  border-radius:8px!important;
  background:
    linear-gradient(135deg,rgba(216,220,234,.055),transparent 28%),
    linear-gradient(145deg,rgba(28,19,41,.94),rgba(8,6,12,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.about-page .about-intro{
  min-height:280px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:clamp(30px,4vw,56px)!important;
  background:
    radial-gradient(circle at 16% 22%,rgba(142,92,255,.30),transparent 20rem),
    linear-gradient(135deg,rgba(216,220,234,.08),transparent 32%),
    linear-gradient(145deg,rgba(35,18,58,.96),rgba(11,7,16,.98))!important;
}
body.about-page .about-intro h1{
  max-width:10ch!important;
  margin:10px 0 18px!important;
  font-size:clamp(3rem,5.2vw,5.4rem)!important;
  line-height:.94!important;
  letter-spacing:0!important;
  color:#fff!important;
}
body.about-page .lead{
  max-width:58ch!important;
  color:#eee8f8!important;
  font-size:clamp(1.05rem,1.4vw,1.25rem)!important;
  line-height:1.65!important;
}
body.about-page .about-note{
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:12px!important;
  background:
    radial-gradient(circle at 80% 20%,rgba(210,86,216,.22),transparent 15rem),
    linear-gradient(145deg,rgba(17,13,26,.96),rgba(8,6,12,.98))!important;
}
body.about-page .about-note span{
  color:#d8c7ff!important;
  font-size:.78rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
body.about-page .about-note strong{
  color:#fff!important;
  font-size:1.35rem!important;
  line-height:1.25!important;
}
body.about-page .about-note p,
body.about-page .about-card p,
body.about-page .about-discord-panel p{
  color:#dcd3e8!important;
  line-height:1.68!important;
}
body.about-page .about-card-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
body.about-page .about-card,
body.about-page .about-discord-panel{
  padding:28px!important;
}
body.about-page .about-card-wide{
  grid-column:1/-1!important;
  grid-row:auto!important;
}
body.about-page .about-card h2,
body.about-page .about-discord-panel h2{
  margin:10px 0 18px!important;
  color:#fff!important;
  font-size:clamp(1.6rem,2.3vw,2.35rem)!important;
  line-height:1.08!important;
}
body.about-page .about-discord-panel{
  background:
    linear-gradient(90deg,rgba(142,92,255,.18),transparent 42%),
    linear-gradient(145deg,rgba(20,16,31,.96),rgba(8,6,12,.98))!important;
}
body.about-page .rule-note{
  color:#cfc6dc!important;
  line-height:1.55!important;
}
@media (max-width:900px){
  body.about-page{--cm-about-width:min(100% - 28px,1420px)}
  body.about-page .about-hero,
  body.about-page .about-card-grid{
    grid-template-columns:1fr!important;
  }
  body.about-page .about-card-wide{
    grid-column:auto!important;
    grid-row:auto!important;
  }
}

/* Global header pass: keep every page aligned like the homepage header. */
.site-header{
  min-height:64px!important;
  padding:0 36px!important;
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
  border-bottom:1px solid rgba(230,233,243,.28)!important;
  background:linear-gradient(180deg,rgba(8,5,13,.98),rgba(5,3,8,.92))!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.36),
    inset 0 -1px 0 rgba(140,92,255,.32)!important;
}
.site-header::after{
  content:"";
  position:absolute;
  left:36px;
  right:36px;
  bottom:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(216,220,234,.68),rgba(140,92,255,.9),rgba(216,220,234,.58),transparent);
}
.brand{
  min-width:188px!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  padding:0 18px!important;
  border:1px solid rgba(230,233,243,.28)!important;
  border-left:4px solid rgba(154,94,255,.82)!important;
  border-radius:6px!important;
  background:linear-gradient(135deg,rgba(230,233,243,.06),rgba(154,94,255,.10))!important;
  text-decoration:none!important;
}
.brand span{
  font-size:1.12rem!important;
  font-weight:900!important;
  background:linear-gradient(180deg,#fff 0%,#dfe3ef 32%,#8f8a9e 56%,#f9f6ff 78%,#8c5cff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  filter:drop-shadow(0 0 12px rgba(140,92,255,.44));
}
.main-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex:1 1 auto!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
.main-nav::-webkit-scrollbar{display:none!important}
.main-nav a{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  padding:0 14px!important;
  white-space:nowrap!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
}
.main-nav a.active,
.main-nav a:hover{
  border-color:rgba(230,233,243,.16)!important;
  background:linear-gradient(180deg,rgba(154,94,255,.42),rgba(75,38,132,.62))!important;
}
.menu-toggle{display:none!important}
@media (max-width:820px){
  .site-header{
    padding:0 12px!important;
    gap:10px!important;
  }
  .site-header::after{
    left:12px;
    right:12px;
  }
  .brand{
    min-width:142px!important;
    height:40px!important;
    padding:0 12px!important;
  }
  .brand span{font-size:.98rem!important}
  .main-nav a{
    min-height:36px!important;
    padding:0 11px!important;
    font-size:.88rem!important;
  }
}

/* Final alignment lock: all page sections share the same outside rails and inside padding. */
.wrap,
.site-footer,
.site-support-strip{
  width:min(1420px,calc(100% - 72px))!important;
  max-width:1420px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.wrap{
  padding-top:42px!important;
  padding-bottom:42px!important;
}
.wrap > section{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.wrap > section + section{
  margin-top:28px!important;
}
.page-hero,
.hero:not(.home-hero),
.feature-panel,
.panel,
.library-section,
.platform-section,
.support-card,
.tool-card,
.project-card,
.skin-card,
.about-card,
.about-discord-panel,
.featured-game{
  padding:clamp(26px,3.2vw,44px)!important;
}
.page-hero,
.hero:not(.home-hero){
  min-height:260px!important;
  display:flex!important;
  align-items:center!important;
}
.page-hero h1,
.hero:not(.home-hero) h1{
  margin:10px 0 18px!important;
  max-width:18ch!important;
  font-size:clamp(2.7rem,5.2vw,5.6rem)!important;
  line-height:1.02!important;
}
.page-hero p:not(.eyebrow),
.hero:not(.home-hero) p:not(.eyebrow){
  max-width:72ch!important;
  margin:0!important;
}
.support-grid,
.tool-grid,
.project-grid,
.game-roadmap,
.games-next-grid,
.playlist-grid,
.discord-feature-grid{
  gap:18px!important;
  align-items:stretch!important;
}
.support-grid > *,
.tool-grid > *,
.project-grid > *,
.game-roadmap > *,
.games-next-grid > *,
.playlist-grid > *,
.discord-feature-grid > *{
  min-height:0!important;
}
body.friends-page .friend-list{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:28px!important;
}
body.friends-page .friend-card{
  grid-template-columns:72px minmax(0,1fr) 72px!important;
  min-height:116px!important;
  padding:22px!important;
  gap:16px!important;
  align-items:center!important;
}
body.friends-page .friend-avatar{
  width:62px!important;
  height:62px!important;
}
body.friends-page .friend-head strong{
  font-size:1.08rem!important;
}
body.friends-page .friend-copy{
  gap:4px!important;
}
body.friends-page .page-hero p{
  max-width:76ch!important;
}
@media (max-width:1080px){
  body.friends-page .friend-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:760px){
  .wrap,
  .site-footer,
  .site-support-strip{
    width:min(100% - 24px,1420px)!important;
  }
  .page-hero,
  .hero:not(.home-hero){
    min-height:0!important;
    padding:28px!important;
  }
  .page-hero h1,
  .hero:not(.home-hero) h1{
    font-size:clamp(2.25rem,12vw,3.4rem)!important;
  }
  body.friends-page .friend-list{
    grid-template-columns:1fr!important;
  }
}

/* Layout sanity pass: one header rhythm, one page rail, no clipped names. */
.site-header{
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  padding:0 28px!important;
  flex-wrap:nowrap!important;
}
.brand{
  width:188px!important;
  min-width:188px!important;
  max-width:188px!important;
  overflow:hidden!important;
}
.main-nav{
  height:64px!important;
  flex-wrap:nowrap!important;
  align-content:center!important;
  justify-content:flex-end!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.main-nav a{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0 12px!important;
}
@media (max-width:980px){
  .site-header{
    padding:0 12px!important;
  }
  .brand{
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
  }
  .main-nav{
    justify-content:flex-start!important;
  }
  .main-nav a{
    padding:0 10px!important;
  }
}

body.home-page{
  --cm-home-page-width:min(1420px,calc(100% - 72px))!important;
}
body.home-page main > .home-hero,
body.home-page main > .content-grid,
body.home-page main > .platform-section,
body.home-page > .site-footer,
body.home-page > .site-support-strip{
  width:var(--cm-home-page-width)!important;
  max-width:1420px!important;
}
body.home-page .home-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  min-height:640px!important;
  overflow:hidden!important;
}
body.home-page .home-hero .hero-copy{
  width:min(560px,calc(100% - 56px))!important;
  max-width:560px!important;
  min-width:0!important;
  margin:0!important;
  padding:clamp(30px,4vw,56px)!important;
  align-self:center!important;
  justify-self:start!important;
  background:linear-gradient(90deg,rgba(8,5,13,.72),rgba(8,5,13,.42),transparent)!important;
  border:0!important;
  border-left:2px solid rgba(230,233,243,.50)!important;
  border-radius:0!important;
  backdrop-filter:none!important;
}
body.home-page .home-hero .hero-copy h1{
  max-width:none!important;
  width:100%!important;
  white-space:nowrap!important;
  overflow:visible!important;
  font-size:clamp(3.8rem,6.6vw,7.2rem)!important;
  letter-spacing:0!important;
}
body.home-page .home-hero .hero-text{
  max-width:40ch!important;
  margin-top:16px!important;
  padding-left:16px!important;
}
body.home-page .home-hero .hero-actions{
  margin-top:22px!important;
}
body.home-page .home-hero .stream-status{
  margin-top:28px!important;
}

.wrap,
.site-footer,
.site-support-strip{
  width:min(1420px,calc(100% - 72px))!important;
}
.page-hero,
.hero:not(.home-hero),
.feature-panel,
.panel,
.library-section,
.platform-section,
.support-card,
.tool-card,
.project-card,
.skin-card,
.about-card,
.about-discord-panel,
.featured-game,
.friend-card{
  border-radius:8px!important;
}
.page-hero,
.hero:not(.home-hero),
.feature-panel,
.panel,
.library-section,
.platform-section{
  padding:clamp(32px,4vw,58px)!important;
}
.support-card,
.tool-card,
.project-card,
.skin-card,
.about-card,
.about-discord-panel,
.featured-game,
.friend-card,
.portal-card,
.playlist-card{
  padding:24px!important;
}
.wrap > section + section{
  margin-top:32px!important;
}
.section-heading{
  margin-bottom:24px!important;
}
.section-heading h2,
.panel h2,
.support-card h2,
.tool-card h3,
.project-card h3,
.skin-card h3,
.about-card h2,
.friend-head strong{
  letter-spacing:0!important;
}
@media (max-width:760px){
  body.home-page,
  body.friends-page,
  body.about-page{
    --cm-home-page-width:min(100% - 24px,1420px)!important;
    --cm-friends-width:min(100% - 24px,1420px)!important;
    --cm-about-width:min(100% - 24px,1420px)!important;
  }
  .wrap,
  .site-footer,
  .site-support-strip{
    width:min(100% - 24px,1420px)!important;
  }
  body.home-page .home-hero{
    min-height:620px!important;
  }
  body.home-page .home-hero .hero-copy{
    width:calc(100% - 28px)!important;
    padding:26px!important;
  }
  body.home-page .home-hero .hero-copy h1{
    white-space:normal!important;
    font-size:clamp(3rem,16vw,4.6rem)!important;
  }
}

/* Final alignment pass: consistent sticky nav, purple active state, clean CS2/tools structure. */
html{
  scroll-padding-top:86px!important;
}
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  background:rgba(8,5,13,.88)!important;
  border-bottom:1px solid rgba(188,166,255,.34)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(18px)!important;
}
.main-nav a.active{
  color:#fff!important;
  background:linear-gradient(135deg,#7c3ff2,#4c267e)!important;
  border-color:rgba(221,209,255,.34)!important;
}
.main-nav a:hover{
  color:#fff!important;
  background:rgba(124,63,242,.24)!important;
}
.page-hero h1,
.hero:not(.home-hero) h1{
  text-wrap:balance!important;
}
.page-hero .hero-badge{
  display:none!important;
}

body.cs2-page .page-hero{
  grid-template-columns:1fr!important;
  gap:0!important;
}
.cs2-setup-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:24px!important;
  margin-top:32px!important;
  align-items:stretch!important;
}
.cs2-setup-grid > .panel{
  min-width:0!important;
  margin:0!important;
}
.cs2-setup-grid .launch-card,
.cs2-setup-grid .help-drawer{
  grid-column:span 1!important;
}
.settings-table{
  display:grid!important;
  gap:10px!important;
}
.settings-row{
  display:grid!important;
  grid-template-columns:160px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  padding:13px 0!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.settings-row:last-child{
  border-bottom:0!important;
}
.settings-row span{
  color:#d6cbf2!important;
  font-weight:800!important;
}
.settings-row code,
.command-box{
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}
.command-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.copy-btn{
  flex:0 0 auto!important;
  min-height:42px!important;
  padding:0 18px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:8px!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03))!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.copy-btn:hover{
  background:linear-gradient(135deg,#7c3ff2,#4c267e)!important;
}
.help-drawer summary{
  cursor:pointer!important;
  color:#fff!important;
  font-size:1.25rem!important;
  font-weight:900!important;
}
.help-copy{
  margin-top:18px!important;
  display:grid!important;
  gap:12px!important;
}
.help-copy p{
  margin:0!important;
}
body.cs2-page .portal-grid{
  gap:18px!important;
}
body.cs2-page .panel + .panel,
body.cs2-page .skin-desk + .panel{
  margin-top:32px!important;
}
.skin-desk{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:24px!important;
  margin-top:32px!important;
  align-items:stretch!important;
}
.skin-desk > .panel{
  margin:0!important;
}
.skin-links{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:22px!important;
}
.skin-links a,
.software-button-grid a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:0 18px!important;
  border:1px solid rgba(221,209,255,.20)!important;
  border-radius:8px!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;
  font-weight:900!important;
}
.skin-links a:hover,
.software-button-grid a:hover{
  border-color:rgba(210,194,255,.55)!important;
  background:linear-gradient(135deg,#7c3ff2,#4c267e)!important;
}

body:not(.home-page) .page-hero,
body:not(.home-page) .hero:not(.home-hero){
  display:grid!important;
  align-items:center!important;
  min-height:0!important;
  margin-top:40px!important;
}
body:not(.home-page) .wrap > .page-hero:first-child,
body:not(.home-page) .wrap > .hero:first-child{
  margin-top:0!important;
}
.recommended-tools-copy{
  max-width:980px!important;
}
.recommended-tools-copy p:not(.eyebrow){
  color:var(--cm-muted,#c9c0d9)!important;
  line-height:1.75!important;
  margin:14px 0 0!important;
}
.software-button-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:28px!important;
}

@media (max-width:1040px){
  .cs2-setup-grid,
  .skin-desk{
    grid-template-columns:1fr!important;
  }
  .software-button-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:640px){
  .settings-row{
    grid-template-columns:1fr!important;
  }
  .command-head{
    display:grid!important;
  }
  .software-button-grid{
    grid-template-columns:1fr!important;
  }
}

/* Spacing contract: cards, borders and text must keep consistent breathing room. */
:root{
  --cm-card-pad:clamp(28px,3vw,42px);
  --cm-card-gap:32px;
  --cm-inner-gap:24px;
  --cm-row-x:18px;
  --cm-row-y:14px;
}
*,*::before,*::after{
  box-sizing:border-box;
}
body:not(.home-page) .wrap{
  display:grid!important;
  gap:var(--cm-card-gap)!important;
}
body:not(.home-page) .wrap > section,
body:not(.home-page) .wrap > article{
  margin-top:0!important;
}
.page-hero,
.hero:not(.home-hero),
.panel,
.feature-panel,
.library-section,
.platform-section,
.about-hero,
.about-card,
.about-discord-panel,
.site-support-strip{
  padding:var(--cm-card-pad)!important;
}
.page-hero > :first-child,
.hero:not(.home-hero) > :first-child,
.panel > :first-child,
.feature-panel > :first-child,
.library-section > :first-child,
.platform-section > :first-child,
.about-hero > :first-child,
.about-card > :first-child,
.about-discord-panel > :first-child{
  margin-top:0!important;
}
.page-hero > :last-child,
.hero:not(.home-hero) > :last-child,
.panel > :last-child,
.feature-panel > :last-child,
.library-section > :last-child,
.platform-section > :last-child,
.about-hero > :last-child,
.about-card > :last-child,
.about-discord-panel > :last-child{
  margin-bottom:0!important;
}
.profile-grid,
.about-card-grid,
.portal-grid,
.site-grid,
.skin-desk,
.cs2-setup-grid,
.software-button-grid{
  gap:var(--cm-inner-gap)!important;
}
.settings-table{
  display:grid!important;
  gap:12px!important;
}
.settings-row{
  display:grid!important;
  grid-template-columns:minmax(120px,160px) minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  min-height:54px!important;
  padding:var(--cm-row-y) var(--cm-row-x)!important;
  border:1px solid rgba(221,209,255,.15)!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))!important;
}
.settings-row:last-child{
  border:1px solid rgba(221,209,255,.15)!important;
}
.settings-row span,
.settings-row code{
  min-width:0!important;
  padding:0!important;
}
.settings-row code{
  background:transparent!important;
  border:0!important;
  color:#fff!important;
}

body.about-page .about-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)!important;
  gap:var(--cm-inner-gap)!important;
  align-items:stretch!important;
}
body.about-page .about-intro{
  grid-row:1 / span 2!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body.about-page .about-note,
body.about-page .about-chibi-card{
  min-width:0!important;
}
body.about-page .about-note{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:24px!important;
}
body.about-page .about-chibi-card{
  border:1px solid rgba(221,209,255,.20)!important;
  border-radius:8px!important;
  background:
    linear-gradient(145deg,rgba(124,63,242,.18),rgba(255,255,255,.035)),
    radial-gradient(circle at 50% 18%,rgba(216,195,255,.16),transparent 45%)!important;
  display:grid!important;
  place-items:center!important;
  gap:14px!important;
  padding:24px!important;
  text-align:center!important;
  overflow:hidden!important;
}
body.about-page .about-chibi-card img{
  width:min(230px,80%)!important;
  max-height:250px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 22px 32px rgba(124,63,242,.34))!important;
}
body.about-page .about-chibi-card span{
  display:block!important;
  color:#cfbcff!important;
  font-size:.78rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
body.about-page .about-chibi-card strong{
  display:block!important;
  margin-top:6px!important;
  color:#fff!important;
  font-size:1.05rem!important;
}

.cs2-setup-grid .panel,
.profile-grid .panel,
.skin-desk .panel{
  min-width:0!important;
}
.skin-desk + .panel{
  margin-top:0!important;
}

@media (max-width:900px){
  body.about-page .about-hero{
    grid-template-columns:1fr!important;
  }
  body.about-page .about-intro{
    grid-row:auto!important;
  }
}
@media (max-width:640px){
  :root{
    --cm-card-pad:22px;
    --cm-card-gap:24px;
    --cm-inner-gap:18px;
  }
  .settings-row{
    grid-template-columns:1fr!important;
  }
}

/* align7: final site-wide spacing, border and panel contract. */
:root{
  --cm-page-max:min(100% - 72px,1420px);
  --cm-panel-pad:clamp(30px,3vw,46px);
  --cm-panel-pad-sm:clamp(22px,2vw,28px);
  --cm-section-gap:34px;
  --cm-grid-gap:24px;
  --cm-radius:8px;
  --cm-line-soft:rgba(220,210,255,.22);
  --cm-line-bright:rgba(236,230,255,.46);
  --cm-silver:rgba(236,238,246,.78);
  --cm-panel-bg:
    linear-gradient(180deg,rgba(18,15,25,.94),rgba(8,6,13,.97)),
    radial-gradient(circle at 0 0,rgba(143,92,255,.13),transparent 38%);
}
html{
  scroll-padding-top:88px!important;
}
body{
  background:
    radial-gradient(circle at 18% 0,rgba(126,77,255,.12),transparent 34%),
    radial-gradient(circle at 92% 8%,rgba(255,87,187,.08),transparent 28%),
    #050309!important;
}
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  padding:0 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(9,6,15,.97),rgba(5,3,9,.94))!important;
  border-bottom:1px solid rgba(202,185,255,.42)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.38),inset 0 -1px 0 rgba(142,92,255,.32)!important;
  backdrop-filter:blur(18px)!important;
}
.site-header::after{
  left:28px!important;
  right:28px!important;
}
.brand{
  width:188px!important;
  min-width:188px!important;
  max-width:188px!important;
  height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 22px!important;
  color:#f7f3ff!important;
  border:1px solid var(--cm-line-bright)!important;
  border-left:4px solid #8b55ff!important;
  border-radius:6px!important;
  background:linear-gradient(90deg,rgba(124,63,242,.22),rgba(255,255,255,.035))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 18px rgba(124,63,242,.10)!important;
  overflow:hidden!important;
}
.brand span{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.main-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:1 1 auto!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
}
.main-nav a{
  height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border-radius:7px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.main-nav a.active{
  background:linear-gradient(180deg,rgba(124,63,242,.72),rgba(72,39,122,.88))!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 18px rgba(124,63,242,.18)!important;
}
.wrap,
.site-footer,
.site-support-strip{
  width:var(--cm-page-max)!important;
  max-width:var(--cm-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body:not(.home-page) .wrap{
  padding-top:44px!important;
  padding-bottom:44px!important;
  display:grid!important;
  gap:var(--cm-section-gap)!important;
}
body:not(.home-page) .wrap > *{
  margin-top:0!important;
  margin-bottom:0!important;
}
:is(.page-hero,.hero:not(.home-hero),.panel,.feature-panel,.library-section,.platform-section,.about-hero,.about-card,.about-discord-panel,.site-support-strip){
  position:relative!important;
  padding:var(--cm-panel-pad)!important;
  border:1px solid var(--cm-line-soft)!important;
  border-radius:var(--cm-radius)!important;
  background:var(--cm-panel-bg)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 42px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
}
:is(.page-hero,.hero:not(.home-hero),.panel,.feature-panel,.library-section,.platform-section,.about-hero,.about-card,.about-discord-panel,.site-support-strip)::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--cm-silver),rgba(142,92,255,.78),rgba(235,225,255,.42),transparent);
}
:is(.page-hero,.hero:not(.home-hero),.panel,.feature-panel,.library-section,.platform-section,.about-hero,.about-card,.about-discord-panel,.site-support-strip) > :first-child{
  margin-top:0!important;
}
:is(.page-hero,.hero:not(.home-hero),.panel,.feature-panel,.library-section,.platform-section,.about-hero,.about-card,.about-discord-panel,.site-support-strip) > :last-child{
  margin-bottom:0!important;
}
:is(.portal-card,.skin-card,.crosshair-card,.friend-card,.playlist-card,.tool-card,.project-card,.support-card,.platform-card,.content-card,.video-card,.info-row,.command-card){
  position:relative!important;
  padding:var(--cm-panel-pad-sm)!important;
  border:1px solid var(--cm-line-soft)!important;
  border-radius:var(--cm-radius)!important;
  background:linear-gradient(180deg,rgba(18,15,24,.88),rgba(8,6,12,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
  overflow:hidden!important;
}
:is(.portal-card,.skin-card,.crosshair-card,.friend-card,.playlist-card,.tool-card,.project-card,.support-card,.platform-card,.content-card,.video-card,.info-row,.command-card) > :first-child{
  margin-top:0!important;
}
:is(.portal-card,.skin-card,.crosshair-card,.friend-card,.playlist-card,.tool-card,.project-card,.support-card,.platform-card,.content-card,.video-card,.info-row,.command-card) > :last-child{
  margin-bottom:0!important;
}
:is(.profile-grid,.about-card-grid,.portal-grid,.site-grid,.skin-desk,.cs2-setup-grid,.software-button-grid,.friends-grid,.friend-list,.content-grid,.support-grid,.platform-grid){
  gap:var(--cm-grid-gap)!important;
}
.section-heading,
.command-head{
  margin-bottom:24px!important;
  gap:18px!important;
}
.settings-table{
  display:grid!important;
  gap:12px!important;
}
.settings-row{
  display:grid!important;
  grid-template-columns:minmax(132px,180px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  min-height:56px!important;
  padding:14px 18px!important;
  border:1px solid rgba(221,209,255,.16)!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014))!important;
}
.settings-row span,
.settings-row code{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.settings-row span{
  color:#d8ccf5!important;
}
.settings-row code{
  color:#fff!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}
.clean-list{
  display:grid!important;
  gap:12px!important;
  list-style:none!important;
  margin:22px 0 0!important;
  padding:0!important;
}
.clean-list li{
  padding:14px 18px!important;
  border:1px solid rgba(221,209,255,.14)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.025)!important;
}
.skin-desk + .panel,
.profile-grid + .panel,
.cs2-setup-grid + .panel{
  margin-top:0!important;
}
body.about-page .about-hero{
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.52fr)!important;
  align-items:stretch!important;
}
body.about-page .about-intro{
  padding:var(--cm-panel-pad)!important;
}
body.about-page .about-chibi-card{
  min-height:100%!important;
  padding:28px!important;
  border:1px solid rgba(236,230,255,.26)!important;
}
body.about-page .about-chibi-card img{
  width:min(260px,86%)!important;
  max-height:300px!important;
}
body.friends-page .friend-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--cm-grid-gap)!important;
}
body.friends-page .friend-card{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 82px!important;
  gap:20px!important;
  align-items:center!important;
  min-height:132px!important;
  padding:24px!important;
}
body.friends-page .friend-avatar{
  width:64px!important;
  height:64px!important;
}
body.friends-page .friend-card h3,
body.friends-page .friend-card p{
  margin:0!important;
  line-height:1.42!important;
}
body.friends-page .friend-card p{
  margin-top:5px!important;
}
body.friends-page .friend-card .visit{
  justify-self:end!important;
  min-width:74px!important;
  padding:10px 13px!important;
  border-radius:6px!important;
}
.site-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  padding:28px 0 38px!important;
  border-top:1px solid rgba(220,210,255,.18)!important;
}
@media (max-width:1180px){
  :root{
    --cm-page-max:min(100% - 40px,1420px);
  }
  .main-nav{
    overflow-x:auto!important;
    justify-content:flex-start!important;
  }
  body.friends-page .friend-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:760px){
  :root{
    --cm-page-max:min(100% - 24px,1420px);
    --cm-panel-pad:24px;
    --cm-panel-pad-sm:20px;
    --cm-section-gap:24px;
    --cm-grid-gap:18px;
  }
  .site-header{
    padding:0 12px!important;
    gap:12px!important;
  }
  .site-header::after{
    left:12px!important;
    right:12px!important;
  }
  .brand{
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    padding:0 14px!important;
  }
  body.friends-page .friend-list{
    grid-template-columns:1fr!important;
  }
  body.friends-page .friend-card{
    grid-template-columns:58px minmax(0,1fr)!important;
  }
  body.friends-page .friend-card .visit{
    grid-column:2!important;
    justify-self:start!important;
  }
  .settings-row{
    grid-template-columns:1fr!important;
  }
  .site-footer{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}

/* align14: actual final spacing, border, and chrome override. Keep this block last. */
:root{
  --final-rail:min(100% - 88px,1440px);
  --final-gap:28px;
  --final-panel-pad:clamp(34px,3vw,48px);
  --final-card-pad:24px;
  --final-radius:8px;
  --final-border:rgba(226,218,255,.30);
  --final-purple:#8b5cf6;
  --final-silver:#e9e5f4;
}

body{
  background:
    radial-gradient(circle at 16% 5%,rgba(121,89,210,.20),transparent 34%),
    radial-gradient(circle at 88% 10%,rgba(148,54,115,.16),transparent 35%),
    linear-gradient(180deg,#07040d 0%,#040307 100%)!important;
}

.site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  align-items:center!important;
  gap:24px!important;
  padding:0 28px!important;
  border-bottom:1px solid rgba(202,176,255,.42)!important;
  background:rgba(5,3,10,.94)!important;
  backdrop-filter:blur(18px)!important;
}

.brand{
  width:180px!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 16px!important;
  border:1px solid rgba(218,203,255,.42)!important;
  border-left:3px solid var(--final-purple)!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,rgba(38,29,58,.9),rgba(14,10,24,.94))!important;
  overflow:visible!important;
}

.brand span{
  white-space:nowrap!important;
  overflow:visible!important;
}

.main-nav{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
}

.main-nav a{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 16px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.main-nav a.active,
.main-nav a:hover{
  color:#fff!important;
  border-color:rgba(211,190,255,.42)!important;
  background:linear-gradient(180deg,rgba(125,80,224,.92),rgba(56,35,94,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 22px rgba(139,92,246,.26)!important;
}

main,
.wrap,
.home-wrap,
.about-wrap{
  width:var(--final-rail)!important;
  max-width:var(--final-rail)!important;
  margin:0 auto!important;
  padding:48px 0!important;
  display:grid!important;
  gap:var(--final-gap)!important;
}

.content-grid,
.about-hero,
.about-card-grid,
.profile-grid,
.cs2-setup-grid,
.skin-desk,
.support-grid,
.tool-grid,
.project-grid,
.platform-grid,
.playlist-grid,
.friend-list,
.media-cards,
.portal-grid{
  display:grid!important;
  gap:var(--final-gap)!important;
  margin:0!important;
}

:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card){
  position:relative!important;
  overflow:hidden!important;
  border:1px solid var(--final-border)!important;
  border-radius:var(--final-radius)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 54%),
    linear-gradient(145deg,rgba(22,17,32,.96),rgba(7,5,12,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 48px rgba(0,0,0,.28)!important;
}

:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *){
  padding:var(--final-panel-pad)!important;
}

:is(.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card){
  padding:var(--final-card-pad)!important;
}

:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card)::before{
  content:""!important;
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  top:0!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(244,241,255,.82),rgba(139,92,246,.88),transparent)!important;
  opacity:.68!important;
  pointer-events:none!important;
}

:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card) > :first-child{
  margin-top:0!important;
}

:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card) > :last-child{
  margin-bottom:0!important;
}

.eyebrow,
.kicker,
.section-kicker{
  margin:0 0 16px!important;
  line-height:1.2!important;
}

h1{
  margin:0 0 22px!important;
  line-height:.96!important;
  letter-spacing:0!important;
}

h2{
  margin:0 0 18px!important;
  line-height:1.05!important;
}

h3{
  margin:0 0 12px!important;
  line-height:1.15!important;
}

p{
  line-height:1.65!important;
}

.actions,
.hero-actions,
.button-row,
.button-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  align-items:center!important;
  margin-top:22px!important;
}

body.home-page .home-hero{
  width:100%!important;
  min-height:640px!important;
  display:grid!important;
  grid-template-columns:minmax(460px,.48fr) minmax(0,1fr)!important;
  gap:0!important;
  padding:0!important;
  background:#08050f!important;
}

body.home-page .hero-copy{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:clamp(40px,5vw,72px)!important;
  border-right:1px solid rgba(226,218,255,.20)!important;
  background:linear-gradient(90deg,rgba(8,5,14,.96),rgba(8,5,14,.74))!important;
}

body.home-page .hero-copy h1{
  max-width:none!important;
  white-space:nowrap!important;
  font-size:clamp(4.4rem,7vw,7.6rem)!important;
}

body.home-page .hero-text{
  max-width:34rem!important;
  margin:0 0 26px!important;
  padding-left:18px!important;
  border-left:2px solid rgba(226,218,255,.46)!important;
}

body.home-page .hero-art{
  position:relative!important;
  min-height:640px!important;
  overflow:hidden!important;
}

body.home-page .hero-art img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:saturate(1.04) contrast(1.04) brightness(.72)!important;
}

body.about-page .about-hero{
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;
  grid-template-areas:"intro chibi" "note chibi"!important;
  align-items:stretch!important;
}

body.about-page .about-intro{grid-area:intro!important;}
body.about-page .about-note{grid-area:note!important;}

body.about-page .about-chibi-card{
  grid-area:chibi!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:18px!important;
}

body.about-page .about-chibi-card img,
.home-chibi-accent{
  display:block!important;
  width:min(310px,92%)!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0 auto 18px!important;
}

body.about-page .about-card-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

body.about-page .about-card-wide{
  grid-column:1 / -1!important;
}

.settings-table{
  display:grid!important;
  gap:12px!important;
  margin-top:22px!important;
}

.settings-row{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:minmax(130px,.34fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  padding:14px 18px!important;
  border:1px solid rgba(226,218,255,.22)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.035)!important;
}

.settings-row > *{
  margin:0!important;
  line-height:1.35!important;
  min-width:0!important;
}

.skin-desk{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
}

.skin-desk + .panel,
.panel + .panel,
.cs2-setup-grid + .panel,
.profile-grid + .skin-desk{
  margin-top:0!important;
}

body.friends-page .friend-list{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

body.friends-page .friend-card{
  min-height:132px!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:20px!important;
  row-gap:10px!important;
}

body.friends-page .friend-avatar{
  width:64px!important;
  height:64px!important;
  margin:0!important;
}

body.friends-page .friend-card h3,
body.friends-page .friend-card p{
  margin:0!important;
}

body.friends-page .friend-card p{
  margin-top:5px!important;
  line-height:1.42!important;
}

body.friends-page .friend-card .visit{
  justify-self:end!important;
  align-self:center!important;
}

.site-footer{
  width:var(--final-rail)!important;
  max-width:var(--final-rail)!important;
  margin:0 auto!important;
  padding:30px 0 42px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:24px!important;
  border-top:1px solid rgba(226,218,255,.20)!important;
}

@media (max-width:1180px){
  :root{
    --final-rail:min(100% - 40px,1440px);
    --final-panel-pad:32px;
  }

  .site-header{
    padding:0 20px!important;
    grid-template-columns:164px minmax(0,1fr)!important;
  }

  .brand{width:164px!important;}
  .main-nav{justify-content:flex-start!important;}

  body.home-page .home-hero,
  body.about-page .about-hero{
    grid-template-columns:1fr!important;
  }

  body.about-page .about-hero{
    grid-template-areas:"intro" "chibi" "note"!important;
  }

  body.friends-page .friend-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .skin-desk{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:760px){
  :root{
    --final-rail:min(100% - 24px,1440px);
    --final-gap:20px;
    --final-panel-pad:24px;
    --final-card-pad:20px;
  }

  .site-header{
    min-height:auto!important;
    padding:10px 12px!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .brand{
    width:150px!important;
    height:42px!important;
  }

  .main-nav{
    width:100%!important;
    min-height:42px!important;
  }

  .main-nav a{
    min-height:36px!important;
    padding:0 12px!important;
  }

  body.home-page .home-hero{
    min-height:560px!important;
  }

  body.home-page .hero-copy{
    padding:28px!important;
    border-right:0!important;
  }

  body.home-page .hero-copy h1{
    white-space:normal!important;
    font-size:clamp(3.2rem,17vw,5.4rem)!important;
  }

  body.about-page .about-card-grid,
  body.friends-page .friend-list{
    grid-template-columns:1fr!important;
  }

  body.friends-page .friend-card{
    grid-template-columns:58px minmax(0,1fr)!important;
  }

  body.friends-page .friend-card .visit{
    grid-column:2!important;
    justify-self:start!important;
  }

  .settings-row{
    grid-template-columns:1fr!important;
  }

  .site-support-strip,
  .site-footer{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}

/* align13: true final override. Keep this as the last block. */
:root{
  --final-rail:min(100% - 88px,1440px);
  --final-gap:28px;
  --final-panel-pad:clamp(34px,3vw,48px);
  --final-card-pad:24px;
  --final-radius:8px;
  --final-border:rgba(226,218,255,.30);
  --final-purple:#8b5cf6;
  --final-silver:#f4f1ff;
}

body{
  background:
    radial-gradient(circle at 16% 0%,rgba(116,73,214,.18),transparent 28rem),
    radial-gradient(circle at 92% 8%,rgba(147,51,112,.14),transparent 26rem),
    linear-gradient(180deg,#08050f,#040208 60%,#020105)!important;
}

.site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  align-items:center!important;
  gap:24px!important;
  padding:0 28px!important;
  border-bottom:1px solid rgba(202,176,255,.42)!important;
  background:rgba(5,3,10,.94)!important;
  backdrop-filter:blur(18px)!important;
}

.brand{
  width:180px!important;
  height:42px!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 16px!important;
  border:1px solid rgba(218,203,255,.42)!important;
  border-left:3px solid var(--final-purple)!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,rgba(38,29,58,.9),rgba(14,10,24,.94))!important;
  overflow:visible!important;
}

.brand span{
  white-space:nowrap!important;
  overflow:visible!important;
}

.main-nav{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
}

.main-nav a{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 16px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  white-space:nowrap!important;
  line-height:1!important;
}

.main-nav a.active,
.main-nav a:hover{
  color:#fff!important;
  border-color:rgba(211,190,255,.42)!important;
  background:linear-gradient(180deg,rgba(125,80,224,.92),rgba(56,35,94,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 22px rgba(139,92,246,.26)!important;
}

main,
.wrap,
.home-wrap,
.about-wrap{
  width:var(--final-rail)!important;
  max-width:var(--final-rail)!important;
  margin:0 auto!important;
  padding:48px 0!important;
  display:grid!important;
  gap:var(--final-gap)!important;
}

.content-grid,
.about-hero,
.about-card-grid,
.profile-grid,
.cs2-setup-grid,
.skin-desk,
.support-grid,
.tool-grid,
.project-grid,
.platform-grid,
.playlist-grid,
.friend-list,
.media-cards,
.portal-grid{
  display:grid!important;
  gap:var(--final-gap)!important;
  margin:0!important;
}

:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card){
  position:relative!important;
  overflow:hidden!important;
  border:1px solid var(--final-border)!important;
  border-radius:var(--final-radius)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 52%),
    linear-gradient(145deg,rgba(22,17,32,.96),rgba(7,5,12,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 48px rgba(0,0,0,.28)!important;
}

:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *){
  padding:var(--final-panel-pad)!important;
}

:is(.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card){
  padding:var(--final-card-pad)!important;
}

:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card)::before{
  content:""!important;
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  top:0!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(244,241,255,.82),rgba(139,92,246,.88),transparent)!important;
  opacity:.68!important;
  pointer-events:none!important;
}

:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card) > :first-child{
  margin-top:0!important;
}

:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card) > :last-child{
  margin-bottom:0!important;
}

.eyebrow,
.kicker,
.section-kicker{
  margin:0 0 16px!important;
  line-height:1.2!important;
}

h1{
  margin:0 0 22px!important;
  line-height:.96!important;
  letter-spacing:0!important;
}

h2{
  margin:0 0 18px!important;
  line-height:1.05!important;
}

h3{
  margin:0 0 12px!important;
  line-height:1.15!important;
}

p{
  line-height:1.65!important;
}

body.home-page .home-hero{
  width:100%!important;
  min-height:640px!important;
  display:grid!important;
  grid-template-columns:minmax(460px,.48fr) minmax(0,1fr)!important;
  gap:0!important;
  padding:0!important;
  background:#08050f!important;
}

body.home-page .hero-copy{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:clamp(40px,5vw,72px)!important;
  border-right:1px solid rgba(226,218,255,.2)!important;
  background:linear-gradient(90deg,rgba(8,5,14,.96),rgba(8,5,14,.74))!important;
}

body.home-page .hero-copy h1{
  max-width:none!important;
  white-space:nowrap!important;
  font-size:clamp(4.4rem,7vw,7.6rem)!important;
}

body.home-page .hero-text{
  max-width:34rem!important;
  margin:0 0 26px!important;
  padding-left:18px!important;
  border-left:2px solid rgba(226,218,255,.46)!important;
}

body.home-page .hero-art{
  position:relative!important;
  min-height:640px!important;
  overflow:hidden!important;
}

body.home-page .hero-art img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:saturate(1.04) contrast(1.04) brightness(.72)!important;
}

body.about-page .about-hero{
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;
  grid-template-areas:"intro chibi" "note chibi"!important;
  align-items:stretch!important;
}

body.about-page .about-intro{grid-area:intro!important;}
body.about-page .about-note{grid-area:note!important;}

body.about-page .about-chibi-card{
  grid-area:chibi!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:18px!important;
}

body.about-page .about-chibi-card img,
.home-chibi-accent{
  display:block!important;
  width:min(310px,92%)!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0 auto 18px!important;
}

body.about-page .about-card-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

body.about-page .about-card-wide{
  grid-column:1 / -1!important;
}

.settings-table{
  display:grid!important;
  gap:12px!important;
  margin-top:22px!important;
}

.settings-row{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:minmax(130px,.34fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  padding:14px 18px!important;
  border:1px solid rgba(226,218,255,.22)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.035)!important;
}

.settings-row > *{
  margin:0!important;
  line-height:1.35!important;
  min-width:0!important;
}

.skin-desk{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
}

.skin-desk + .panel,
.panel + .panel,
.cs2-setup-grid + .panel,
.profile-grid + .skin-desk{
  margin-top:0!important;
}

body.friends-page .friend-list{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

body.friends-page .friend-card{
  min-height:132px!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:20px!important;
  row-gap:10px!important;
}

body.friends-page .friend-avatar{
  width:64px!important;
  height:64px!important;
  margin:0!important;
}

body.friends-page .friend-card h3,
body.friends-page .friend-card p{
  margin:0!important;
}

body.friends-page .friend-card p{
  margin-top:5px!important;
  line-height:1.42!important;
}

body.friends-page .friend-card .visit{
  justify-self:end!important;
  align-self:center!important;
}

.site-footer{
  width:var(--final-rail)!important;
  max-width:var(--final-rail)!important;
  margin:0 auto!important;
  padding:30px 0 42px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:24px!important;
  border-top:1px solid rgba(226,218,255,.2)!important;
}

@media (max-width:1180px){
  :root{
    --final-rail:min(100% - 40px,1440px);
    --final-panel-pad:32px;
  }

  body.home-page .home-hero{
    grid-template-columns:1fr!important;
  }

  body.home-page .hero-copy{
    border-right:0!important;
    border-bottom:1px solid rgba(226,218,255,.2)!important;
  }

  body.home-page .hero-art{
    min-height:440px!important;
  }

  body.about-page .about-hero{
    grid-template-columns:1fr!important;
    grid-template-areas:"intro" "chibi" "note"!important;
  }

  body.friends-page .friend-list,
  body.about-page .about-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .skin-desk{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:760px){
  :root{
    --final-rail:min(100% - 24px,1440px);
    --final-gap:20px;
    --final-panel-pad:24px;
    --final-card-pad:20px;
  }

  .site-header{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:10px 12px!important;
  }

  .brand{
    width:152px!important;
  }

  .main-nav{
    justify-content:flex-start!important;
  }

  body.home-page .hero-copy h1{
    white-space:normal!important;
    font-size:clamp(3.4rem,17vw,5.2rem)!important;
  }

  body.friends-page .friend-list,
  body.about-page .about-card-grid{
    grid-template-columns:1fr!important;
  }

  body.friends-page .friend-card{
    grid-template-columns:58px minmax(0,1fr)!important;
  }

  body.friends-page .friend-card .visit{
    grid-column:2!important;
    justify-self:start!important;
  }

  .settings-row{
    grid-template-columns:1fr!important;
  }

  .site-footer{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
}

/* align12: final shared chrome, spacing, and border system. */
:root{
  --cat-rail:min(100% - 88px,1440px);
  --cat-page-top:48px;
  --cat-gap:28px;
  --cat-panel-pad:clamp(34px,3.1vw,48px);
  --cat-card-pad:24px;
  --cat-radius:8px;
  --cat-border:rgba(226,218,255,.28);
  --cat-border-strong:rgba(239,234,255,.54);
  --cat-text:#f7f3ff;
  --cat-muted:#cfc5e4;
  --cat-purple:#8b5cf6;
  --cat-purple-soft:#c8a8ff;
  --cat-silver:#f4f1ff;
  --cat-bg:#05030a;
}

*,*::before,*::after{
  box-sizing:border-box;
}

body{
  color:var(--cat-text)!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(103,62,210,.18),transparent 26rem),
    radial-gradient(circle at 90% 6%,rgba(148,41,99,.12),transparent 25rem),
    linear-gradient(180deg,#08050f 0%,#05030a 46%,#030207 100%)!important;
}

.site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  width:100%!important;
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  align-items:center!important;
  gap:24px!important;
  padding:0 28px!important;
  border-bottom:1px solid rgba(202,176,255,.42)!important;
  background:rgba(5,3,10,.92)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.35)!important;
}

.brand{
  width:180px!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 16px!important;
  border:1px solid rgba(204,188,255,.42)!important;
  border-left:3px solid var(--cat-purple)!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,rgba(37,27,57,.82),rgba(15,10,24,.92))!important;
  color:var(--cat-silver)!important;
  text-decoration:none!important;
  letter-spacing:.03em!important;
  overflow:visible!important;
}

.brand span{
  display:block!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

.main-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}

.main-nav::-webkit-scrollbar{
  display:none!important;
}

.main-nav a{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 16px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  color:#d8cee9!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  line-height:1!important;
}

.main-nav a.active,
.main-nav a:hover{
  color:#fff!important;
  border-color:rgba(211,190,255,.42)!important;
  background:linear-gradient(180deg,rgba(118,73,214,.88),rgba(57,35,94,.9))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 20px rgba(139,92,246,.24)!important;
}

main,
.wrap,
.home-wrap,
.about-wrap{
  width:var(--cat-rail)!important;
  max-width:var(--cat-rail)!important;
  margin:0 auto!important;
  padding:var(--cat-page-top) 0!important;
  display:grid!important;
  gap:var(--cat-gap)!important;
}

body.home-page main{
  width:var(--cat-rail)!important;
  max-width:var(--cat-rail)!important;
}

.content-grid,
.about-hero,
.about-card-grid,
.profile-grid,
.cs2-setup-grid,
.skin-desk,
.support-grid,
.tool-grid,
.project-grid,
.platform-grid,
.playlist-grid,
.friend-list,
.media-cards{
  display:grid!important;
  gap:var(--cat-gap)!important;
  margin:0!important;
}

:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card){
  position:relative!important;
  overflow:hidden!important;
  border:1px solid var(--cat-border)!important;
  border-radius:var(--cat-radius)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 52%),
    linear-gradient(145deg,rgba(22,17,32,.96),rgba(7,5,12,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 18px 48px rgba(0,0,0,.28)!important;
}

:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *){
  padding:var(--cat-panel-pad)!important;
}

:is(.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card){
  padding:var(--cat-card-pad)!important;
}

:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card)::before{
  content:""!important;
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  top:0!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(244,241,255,.82),rgba(139,92,246,.88),transparent)!important;
  opacity:.68!important;
  pointer-events:none!important;
}

:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card) > :first-child{
  margin-top:0!important;
}

:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card) > :last-child{
  margin-bottom:0!important;
}

.eyebrow,
.kicker,
.section-kicker{
  margin:0 0 16px!important;
  color:#d7c8ff!important;
  font-size:.78rem!important;
  line-height:1.2!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}

h1,h2,h3,p{
  overflow-wrap:anywhere;
}

h1{
  margin:0 0 22px!important;
  max-width:100%!important;
  line-height:.96!important;
  letter-spacing:0!important;
}

h2{
  margin:0 0 18px!important;
  line-height:1.05!important;
}

h3{
  margin:0 0 12px!important;
  line-height:1.15!important;
}

p{
  line-height:1.65!important;
}

.button,
button,
.main-nav a,
.visit,
.hero-actions a,
.direction-links a,
.section-heading a{
  border-radius:6px!important;
}

body.home-page .home-hero{
  width:100%!important;
  max-width:100%!important;
  min-height:640px!important;
  display:grid!important;
  grid-template-columns:minmax(430px,.48fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:0!important;
  padding:0!important;
  background:#08050f!important;
}

body.home-page .hero-copy{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:clamp(40px,5vw,72px)!important;
  border-right:1px solid rgba(226,218,255,.2)!important;
  background:
    radial-gradient(circle at 0% 30%,rgba(139,92,246,.22),transparent 22rem),
    linear-gradient(90deg,rgba(8,5,14,.96),rgba(8,5,14,.74))!important;
}

body.home-page .hero-copy h1{
  font-size:clamp(4.2rem,7vw,7.6rem)!important;
  max-width:none!important;
  white-space:nowrap!important;
  text-shadow:0 0 34px rgba(139,92,246,.32)!important;
}

body.home-page .hero-text{
  max-width:34rem!important;
  margin:0 0 26px!important;
  padding-left:18px!important;
  border-left:2px solid rgba(226,218,255,.46)!important;
  color:#f4efff!important;
  font-size:1.08rem!important;
  font-weight:700!important;
}

body.home-page .hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin:0 0 28px!important;
}

body.home-page .stream-status{
  width:min(100%,380px)!important;
  margin:0!important;
  padding:18px 20px!important;
  border:1px solid rgba(216,200,255,.34)!important;
  border-left:4px solid var(--cat-purple)!important;
  border-radius:8px!important;
  background:rgba(7,5,13,.82)!important;
}

body.home-page .hero-art{
  position:relative!important;
  min-height:640px!important;
  overflow:hidden!important;
}

body.home-page .hero-art img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:saturate(1.04) contrast(1.04) brightness(.72)!important;
}

body.home-page .hero-art::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(8,5,14,.72),rgba(8,5,14,.08) 34%,rgba(8,5,14,.32)),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.18))!important;
  pointer-events:none!important;
}

body.about-page .about-hero{
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;
  grid-template-areas:"intro chibi" "note chibi"!important;
  align-items:stretch!important;
}

body.about-page .about-intro{
  grid-area:intro!important;
}

body.about-page .about-note{
  grid-area:note!important;
}

body.about-page .about-chibi-card{
  grid-area:chibi!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:18px!important;
  background:
    radial-gradient(circle at 50% 28%,rgba(139,92,246,.34),transparent 14rem),
    linear-gradient(145deg,rgba(42,25,70,.92),rgba(8,6,12,.98))!important;
}

body.about-page .about-chibi-card img,
.home-chibi-accent{
  display:block!important;
  width:min(310px,92%)!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0 auto 18px!important;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.5)) drop-shadow(0 0 20px rgba(139,92,246,.34))!important;
}

body.about-page .about-card-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

body.about-page .about-card-wide{
  grid-column:1 / -1!important;
}

.settings-table{
  display:grid!important;
  gap:12px!important;
  margin-top:22px!important;
}

.settings-row{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:minmax(130px,.34fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  padding:14px 18px!important;
  border:1px solid rgba(226,218,255,.22)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.035)!important;
}

.settings-row span,
.settings-row code,
.settings-row strong{
  margin:0!important;
  line-height:1.35!important;
  min-width:0!important;
}

.skin-desk{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
}

.skin-desk + .panel,
.panel + .panel,
.cs2-setup-grid + .panel,
.profile-grid + .skin-desk{
  margin-top:0!important;
}

body.friends-page .friend-list{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

body.friends-page .friend-card{
  min-height:132px!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:20px!important;
  row-gap:10px!important;
}

body.friends-page .friend-avatar{
  width:64px!important;
  height:64px!important;
  margin:0!important;
  border:1px solid rgba(244,241,255,.28)!important;
}

body.friends-page .friend-card h3,
body.friends-page .friend-card p{
  margin:0!important;
}

body.friends-page .friend-card p{
  margin-top:5px!important;
  line-height:1.42!important;
}

body.friends-page .friend-card .visit{
  justify-self:end!important;
  align-self:center!important;
}

.site-support-strip{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
}

.site-footer{
  width:var(--cat-rail)!important;
  max-width:var(--cat-rail)!important;
  margin:0 auto!important;
  padding:30px 0 42px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:24px!important;
  border-top:1px solid rgba(226,218,255,.2)!important;
}

@media (max-width:1180px){
  :root{
    --cat-rail:min(100% - 40px,1440px);
    --cat-panel-pad:32px;
  }

  body.home-page .home-hero{
    grid-template-columns:1fr!important;
  }

  body.home-page .hero-copy{
    border-right:0!important;
    border-bottom:1px solid rgba(226,218,255,.2)!important;
  }

  body.home-page .hero-art{
    min-height:440px!important;
  }

  body.about-page .about-hero{
    grid-template-columns:1fr!important;
    grid-template-areas:"intro" "chibi" "note"!important;
  }

  body.friends-page .friend-list,
  body.about-page .about-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .skin-desk{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:760px){
  :root{
    --cat-rail:min(100% - 24px,1440px);
    --cat-page-top:28px;
    --cat-gap:20px;
    --cat-panel-pad:24px;
    --cat-card-pad:20px;
  }

  .site-header{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:10px 12px!important;
  }

  .brand{
    width:152px!important;
  }

  .main-nav{
    justify-content:flex-start!important;
  }

  body.home-page .hero-copy h1{
    white-space:normal!important;
    font-size:clamp(3.4rem,17vw,5.2rem)!important;
  }

  body.friends-page .friend-list,
  body.about-page .about-card-grid{
    grid-template-columns:1fr!important;
  }

  body.friends-page .friend-card{
    grid-template-columns:58px minmax(0,1fr)!important;
  }

  body.friends-page .friend-card .visit{
    grid-column:2!important;
    justify-self:start!important;
  }

  .settings-row{
    grid-template-columns:1fr!important;
  }

  .site-support-strip,
  .site-footer{
    grid-template-columns:1fr!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
}

/* align11: final border, padding and panel rhythm contract. */
*,
*::before,
*::after{
  box-sizing:border-box!important;
}

:root{
  --cm-rail:min(100% - 88px,1440px);
  --cm-page-top:48px;
  --cm-section-gap:28px;
  --cm-panel-pad:42px;
  --cm-card-pad:24px;
  --cm-radius:8px;
  --cm-line:rgba(226,218,255,.28);
  --cm-line-bright:rgba(245,240,255,.52);
  --cm-purple-glow:rgba(139,92,246,.34);
  --cm-soft-text:#d8d0e8;
}

body{
  color:#f8f5ff!important;
  overflow-x:hidden!important;
}

.site-header{
  position:sticky!important;
  top:0!important;
  z-index:999!important;
  width:100%!important;
  min-height:64px!important;
  padding:0 36px!important;
  display:grid!important;
  grid-template-columns:176px minmax(0,1fr)!important;
  gap:28px!important;
  align-items:center!important;
  background:rgba(7,5,12,.92)!important;
  border:0!important;
  border-bottom:1px solid rgba(194,174,255,.55)!important;
}

.brand{
  width:176px!important;
  height:44px!important;
}

.main-nav{
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding:0!important;
}

.main-nav a{
  min-height:40px!important;
  padding:0 16px!important;
  border-radius:7px!important;
}

.wrap,
.home-wrap,
.about-wrap,
.site-footer,
.site-support-strip,
body.home-page .home-hero{
  width:var(--cm-rail)!important;
  max-width:var(--cm-rail)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.wrap,
.home-wrap,
.about-wrap{
  padding-top:var(--cm-page-top)!important;
  padding-bottom:var(--cm-page-top)!important;
  display:grid!important;
  gap:var(--cm-section-gap)!important;
}

.wrap > *,
.home-wrap > *,
.about-wrap > *,
main > *{
  margin-top:0!important;
  margin-bottom:0!important;
}

.home-grid,
.content-grid,
.profile-grid,
.about-hero,
.about-card-grid,
.portal-grid,
.site-grid,
.skin-desk,
.cs2-setup-grid,
.software-button-grid,
.friends-grid,
.friend-list,
.support-grid,
.platform-grid,
.tool-grid,
.project-grid,
.game-roadmap,
.games-next-grid,
.media-cards{
  gap:var(--cm-section-gap)!important;
}

:is(.page-hero,.hero:not(.home-hero),.panel,.feature-panel,.library-section,.platform-section,.stream-panel,.support-hero,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.skin-desk > *,.cs2-setup-grid > *,.support-card,.tool-card,.project-card,.skin-card,.crosshair-card,.friend-card,.playlist-card,.platform-card,.content-card,.video-card,.info-row,.command-card,.mini-panel,.media-card){
  position:relative!important;
  padding:var(--cm-panel-pad)!important;
  border:1px solid var(--cm-line)!important;
  border-radius:var(--cm-radius)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.028),transparent 34%),
    linear-gradient(135deg,rgba(17,13,27,.98),rgba(8,6,12,.99))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 44px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
}

:is(.page-hero,.hero:not(.home-hero),.support-hero,.about-intro,.spotlight-panel){
  background:
    radial-gradient(circle at 0 0,rgba(160,145,215,.24),transparent 18rem),
    linear-gradient(135deg,rgba(41,31,72,.78),rgba(35,14,24,.58) 52%,rgba(9,7,13,.98))!important;
}

:is(.page-hero,.hero:not(.home-hero),.panel,.feature-panel,.library-section,.platform-section,.stream-panel,.support-hero,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.skin-desk > *,.cs2-setup-grid > *,.support-card,.tool-card,.project-card,.skin-card,.crosshair-card,.friend-card,.playlist-card,.platform-card,.content-card,.video-card,.info-row,.command-card,.mini-panel,.media-card)::before{
  content:""!important;
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(244,240,255,.72),rgba(139,92,246,.7),transparent)!important;
  pointer-events:none!important;
}

:is(.page-hero,.hero:not(.home-hero),.panel,.feature-panel,.library-section,.platform-section,.stream-panel,.support-hero,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.skin-desk > *,.cs2-setup-grid > *,.support-card,.tool-card,.project-card,.skin-card,.crosshair-card,.friend-card,.playlist-card,.platform-card,.content-card,.video-card,.info-row,.command-card,.mini-panel,.media-card) > :first-child{
  margin-top:0!important;
}

:is(.page-hero,.hero:not(.home-hero),.panel,.feature-panel,.library-section,.platform-section,.stream-panel,.support-hero,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.skin-desk > *,.cs2-setup-grid > *,.support-card,.tool-card,.project-card,.skin-card,.crosshair-card,.friend-card,.playlist-card,.platform-card,.content-card,.video-card,.info-row,.command-card,.mini-panel,.media-card) > :last-child{
  margin-bottom:0!important;
}

:is(.support-card,.tool-card,.project-card,.skin-card,.crosshair-card,.friend-card,.playlist-card,.platform-card,.content-card,.video-card,.info-row,.command-card,.mini-panel,.media-card){
  padding:var(--cm-card-pad)!important;
}

.eyebrow{
  margin:0 0 18px!important;
}

h1,h2,h3,p{
  margin-left:0!important;
  margin-right:0!important;
}

p{
  max-width:72ch!important;
}

.page-hero p,
.about-intro .lead,
.support-hero p{
  max-width:58ch!important;
}

.actions,
.hero-actions,
.skin-links,
.site-support-actions,
.command-head{
  gap:12px!important;
}

.settings-table,
.clean-list{
  margin-top:24px!important;
}

.settings-row{
  min-height:58px!important;
  padding:16px 20px!important;
  border-radius:7px!important;
  display:grid!important;
  grid-template-columns:minmax(132px,190px) minmax(0,1fr)!important;
  gap:24px!important;
  align-items:center!important;
}

.settings-row > *{
  margin:0!important;
  padding:0!important;
}

.command-box{
  margin:22px 0 0!important;
  padding:20px!important;
  border-radius:7px!important;
  overflow:auto!important;
}

.rule-note{
  margin-top:18px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(226,218,255,.16)!important;
}

body.home-page .home-hero{
  min-height:620px!important;
  padding:64px!important;
  display:grid!important;
  grid-template-columns:minmax(0,560px) minmax(0,1fr)!important;
  align-items:center!important;
}

body.home-page .home-hero h1{
  max-width:100%!important;
  font-size:clamp(5rem,9vw,8rem)!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

body.home-page .hero-copy{
  max-width:560px!important;
}

body.home-page .hero-art{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
}

body.home-page .hero-art img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

body.home-page .hero-copy{
  position:relative!important;
  z-index:2!important;
}

body.home-page .home-hero::before{
  left:24px!important;
  right:24px!important;
  background:linear-gradient(90deg,transparent,rgba(244,240,255,.82),rgba(139,92,246,.76),transparent)!important;
}

body.home-page .home-hero::after{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  border:1px solid rgba(226,218,255,.22)!important;
  border-radius:6px!important;
  background:linear-gradient(90deg,rgba(5,4,9,.8),rgba(5,4,9,.44) 42%,rgba(5,4,9,.74))!important;
  pointer-events:none!important;
  z-index:1!important;
}

body.about-page .about-hero{
  grid-template-columns:minmax(0,1fr) minmax(320px,420px)!important;
  grid-template-areas:"intro chibi" "note chibi"!important;
}

body.about-page .about-chibi-card{
  display:flex!important;
  min-height:100%!important;
}

body.about-page .about-card-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

body.friends-page .friend-list{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

body.friends-page .friend-card{
  min-height:136px!important;
  grid-template-columns:70px minmax(0,1fr) auto!important;
}

.skin-desk{
  align-items:stretch!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.skin-desk + .panel{
  margin-top:var(--cm-section-gap)!important;
}

.site-support-strip{
  margin-top:var(--cm-section-gap)!important;
}

@media (max-width:1180px){
  :root{
    --cm-rail:min(100% - 40px,1440px);
    --cm-panel-pad:32px;
  }
  .main-nav{
    justify-content:flex-start!important;
  }
  body.home-page .home-hero{
    grid-template-columns:1fr!important;
  }
  body.about-page .about-hero{
    grid-template-columns:1fr!important;
    grid-template-areas:"intro" "chibi" "note"!important;
  }
  body.friends-page .friend-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:760px){
  :root{
    --cm-rail:min(100% - 24px,1440px);
    --cm-page-top:28px;
    --cm-section-gap:20px;
    --cm-panel-pad:24px;
    --cm-card-pad:20px;
  }
  .site-header{
    grid-template-columns:1fr!important;
    padding:10px 12px!important;
    gap:10px!important;
  }
  .main-nav{
    justify-content:flex-start!important;
  }
  body.home-page .home-hero{
    min-height:560px!important;
    padding:28px!important;
  }
  body.home-page .home-hero h1{
    font-size:clamp(3.6rem,17vw,5.4rem)!important;
  }
  body.friends-page .friend-list,
  body.about-page .about-card-grid,
  .skin-desk{
    grid-template-columns:1fr!important;
  }
  body.friends-page .friend-card{
    grid-template-columns:62px minmax(0,1fr)!important;
  }
  body.friends-page .friend-card .visit{
    grid-column:2!important;
    justify-self:start!important;
  }
  .settings-row{
    grid-template-columns:1fr!important;
  }
}

/* align8: one visual contract for every page panel, card, border and inset. */
:root{
  --cm-rail:min(100% - 72px,1420px);
  --cm-inset:clamp(28px,3.1vw,48px);
  --cm-card-inset:24px;
  --cm-gap:28px;
  --cm-card-gap:18px;
  --cm-radius2:8px;
  --cm-border:rgba(226,218,255,.28);
  --cm-border-hot:rgba(145,92,255,.48);
  --cm-silver-line:rgba(238,239,247,.64);
  --cm-panel-fill:linear-gradient(180deg,rgba(18,15,25,.92),rgba(8,6,12,.98));
  --cm-panel-glow:0 20px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}

body{
  background:
    radial-gradient(circle at 10% 0%,rgba(126,83,255,.18),transparent 28rem),
    radial-gradient(circle at 92% 8%,rgba(150,30,94,.14),transparent 30rem),
    linear-gradient(180deg,#09060e 0%,#060509 52%,#040306 100%)!important;
}

.site-header{
  height:64px!important;
  min-height:64px!important;
  padding:0 28px!important;
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  border-bottom:1px solid var(--cm-border-hot)!important;
  background:rgba(5,4,9,.86)!important;
  backdrop-filter:blur(18px)!important;
  position:sticky!important;
  top:0!important;
  z-index:50!important;
}
.brand{
  height:42px!important;
  width:188px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid var(--cm-border-hot)!important;
  border-left:4px solid #8b55ff!important;
  border-radius:6px!important;
  background:linear-gradient(90deg,rgba(136,83,255,.24),rgba(255,255,255,.035))!important;
}
.main-nav{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
}
.main-nav a{
  min-height:40px!important;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
}
.main-nav a.active{
  border:1px solid rgba(214,198,255,.22)!important;
  background:linear-gradient(180deg,#8151eb,#563091)!important;
  color:#fff!important;
}

.wrap,
.site-footer,
.site-support-strip{
  width:var(--cm-rail)!important;
  max-width:var(--cm-rail)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body:not(.home-page) .wrap{
  display:grid!important;
  gap:var(--cm-gap)!important;
  padding-top:48px!important;
  padding-bottom:48px!important;
}
body:not(.home-page) .wrap > *{
  margin:0!important;
}

.page-hero,
.hero:not(.home-hero),
.panel,
.feature-panel,
.library-section,
.platform-section,
.about-hero,
.about-card,
.about-discord-panel,
.site-support-strip,
.stream-panel,
.skin-desk > *,
.cs2-setup-grid > *,
.support-hero{
  position:relative!important;
  padding:var(--cm-inset)!important;
  border:1px solid var(--cm-border)!important;
  border-radius:var(--cm-radius2)!important;
  background:var(--cm-panel-fill)!important;
  box-shadow:var(--cm-panel-glow)!important;
  overflow:hidden!important;
}
.page-hero::before,
.hero:not(.home-hero)::before,
.panel::before,
.feature-panel::before,
.library-section::before,
.platform-section::before,
.about-hero::before,
.about-card::before,
.about-discord-panel::before,
.site-support-strip::before,
.stream-panel::before,
.skin-desk > *::before,
.cs2-setup-grid > *::before,
.support-hero::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--cm-silver-line),#8d5cff,rgba(236,230,255,.46),transparent);
  pointer-events:none;
}
.page-hero > :first-child,
.hero:not(.home-hero) > :first-child,
.panel > :first-child,
.feature-panel > :first-child,
.library-section > :first-child,
.platform-section > :first-child,
.about-hero > :first-child,
.about-card > :first-child,
.about-discord-panel > :first-child,
.site-support-strip > :first-child,
.stream-panel > :first-child,
.skin-desk > * > :first-child,
.cs2-setup-grid > * > :first-child,
.support-hero > :first-child{
  margin-top:0!important;
}
.page-hero > :last-child,
.hero:not(.home-hero) > :last-child,
.panel > :last-child,
.feature-panel > :last-child,
.library-section > :last-child,
.platform-section > :last-child,
.about-hero > :last-child,
.about-card > :last-child,
.about-discord-panel > :last-child,
.site-support-strip > :last-child,
.stream-panel > :last-child,
.skin-desk > * > :last-child,
.cs2-setup-grid > * > :last-child,
.support-hero > :last-child{
  margin-bottom:0!important;
}

.portal-card,
.skin-card,
.crosshair-card,
.friend-card,
.playlist-card,
.tool-card,
.project-card,
.support-card,
.platform-card,
.content-card,
.video-card,
.info-row,
.command-card,
.mini-panel{
  padding:var(--cm-card-inset)!important;
  border:1px solid rgba(226,218,255,.22)!important;
  border-radius:var(--cm-radius2)!important;
  background:linear-gradient(180deg,rgba(20,16,27,.90),rgba(8,6,12,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}

.profile-grid,
.about-card-grid,
.portal-grid,
.site-grid,
.skin-desk,
.cs2-setup-grid,
.software-button-grid,
.friends-grid,
.friend-list,
.content-grid,
.support-grid,
.platform-grid,
.tool-grid,
.project-grid{
  gap:var(--cm-gap)!important;
}

.settings-table,
.clean-list{
  display:grid!important;
  gap:12px!important;
  margin-top:22px!important;
}
.settings-row{
  min-height:58px!important;
  padding:14px 18px!important;
  display:grid!important;
  grid-template-columns:minmax(130px,190px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:20px!important;
  border:1px solid rgba(226,218,255,.18)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.035)!important;
}
.settings-row span,
.settings-row code{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  line-height:1.45!important;
}
.clean-list{
  list-style:none!important;
  padding:0!important;
}
.clean-list li{
  padding:14px 18px!important;
  border:1px solid rgba(226,218,255,.16)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.025)!important;
}

body.about-page .about-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.62fr)!important;
  grid-template-areas:"intro note" "intro chibi"!important;
  gap:var(--cm-gap)!important;
  align-items:stretch!important;
}
body.about-page .about-intro{
  grid-area:intro!important;
  padding:var(--cm-inset)!important;
  border:1px solid rgba(226,218,255,.22)!important;
  border-radius:var(--cm-radius2)!important;
  background:linear-gradient(135deg,rgba(83,54,143,.54),rgba(12,8,20,.84) 45%,rgba(12,8,18,.96))!important;
}
body.about-page .about-note{
  grid-area:note!important;
  padding:var(--cm-card-inset)!important;
  border:1px solid rgba(226,218,255,.22)!important;
  border-radius:var(--cm-radius2)!important;
  background:linear-gradient(135deg,rgba(82,55,122,.34),rgba(28,10,27,.76))!important;
}
body.about-page .about-chibi-card{
  grid-area:chibi!important;
  min-height:310px!important;
  padding:var(--cm-card-inset)!important;
  border:1px solid rgba(226,218,255,.24)!important;
  border-radius:var(--cm-radius2)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  background:
    radial-gradient(circle at 50% 36%,rgba(147,94,255,.34),transparent 10rem),
    linear-gradient(145deg,rgba(34,18,58,.90),rgba(9,6,13,.96))!important;
}
body.about-page .about-chibi-card img{
  width:min(265px,88%)!important;
  height:auto!important;
  max-height:270px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.42)) drop-shadow(0 0 16px rgba(156,92,255,.28))!important;
}
body.about-page .about-card-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--cm-gap)!important;
}
body.about-page .about-card-wide{
  grid-column:1 / -1!important;
}

body.friends-page .friend-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--cm-gap)!important;
}
body.friends-page .friend-card{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) auto!important;
  gap:20px!important;
  align-items:center!important;
  min-height:128px!important;
}
body.friends-page .friend-card h3,
body.friends-page .friend-card p{
  margin:0!important;
}
body.friends-page .friend-card p{
  margin-top:5px!important;
  line-height:1.42!important;
}
body.friends-page .friend-avatar{
  width:64px!important;
  height:64px!important;
}

.site-footer{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:24px!important;
  padding:30px 0 42px!important;
  border-top:1px solid rgba(226,218,255,.18)!important;
}

@media (max-width:1180px){
  :root{--cm-rail:min(100% - 40px,1420px);}
  .main-nav{overflow-x:auto!important;justify-content:flex-start!important;}
  body.about-page .about-hero{grid-template-columns:1fr!important;grid-template-areas:"intro" "note" "chibi"!important;}
  body.friends-page .friend-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  :root{
    --cm-rail:min(100% - 24px,1420px);
    --cm-inset:24px;
    --cm-card-inset:20px;
    --cm-gap:20px;
  }
  .site-header{padding:0 12px!important;gap:12px!important;}
  .brand{width:150px!important;min-width:150px!important;padding:0 14px!important;}
  body:not(.home-page) .wrap{padding-top:28px!important;padding-bottom:34px!important;}
  body.friends-page .friend-list{grid-template-columns:1fr!important;}
  body.friends-page .friend-card{grid-template-columns:58px minmax(0,1fr)!important;}
  body.friends-page .friend-card .visit{grid-column:2!important;justify-self:start!important;}
  body.about-page .about-card-grid{grid-template-columns:1fr!important;}
  .settings-row{grid-template-columns:1fr!important;}
}

/* align9: final spacing lock. All active pages share the same rail, inset and clean chrome edge. */
:root{
  --cm-rail:min(100% - 72px,1420px);
  --cm-page-top:48px;
  --cm-stack:28px;
  --cm-inset:40px;
  --cm-card-inset:24px;
  --cm-radius:8px;
  --cm-line:rgba(226,218,255,.28);
  --cm-line-bright:rgba(236,230,255,.58);
  --cm-purple:#8b5cf6;
  --cm-purple-soft:rgba(139,92,246,.22);
  --cm-panel:linear-gradient(180deg,rgba(18,15,25,.94),rgba(7,6,11,.98));
  --cm-card:linear-gradient(180deg,rgba(20,17,28,.92),rgba(9,7,13,.97));
}

html{
  scroll-padding-top:84px;
}

body{
  overflow-x:hidden!important;
}

.site-header{
  height:64px!important;
  min-height:64px!important;
  padding:0 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  background:rgba(5,4,9,.9)!important;
  border-bottom:1px solid rgba(139,92,246,.56)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}

.brand{
  height:42px!important;
  width:188px!important;
  flex:0 0 188px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border:1px solid rgba(226,218,255,.34)!important;
  border-left:4px solid var(--cm-purple)!important;
  border-radius:6px!important;
  background:linear-gradient(90deg,rgba(139,92,246,.26),rgba(255,255,255,.04))!important;
}

.main-nav{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}

.main-nav a{
  min-height:40px!important;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
  line-height:1!important;
}

.main-nav a.active{
  background:linear-gradient(180deg,#8857ef,#55308f)!important;
  color:#fff!important;
  border:1px solid rgba(236,230,255,.24)!important;
}

.wrap,
.site-footer,
.site-support-strip{
  width:var(--cm-rail)!important;
  max-width:var(--cm-rail)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body:not(.home-page) .wrap{
  padding:var(--cm-page-top) 0!important;
  display:grid!important;
  gap:var(--cm-stack)!important;
}

body:not(.home-page) .wrap > *{
  margin:0!important;
}

.page-hero,
.hero:not(.home-hero),
.panel,
.feature-panel,
.library-section,
.platform-section,
.stream-panel,
.support-hero,
.about-hero,
.about-card,
.about-discord-panel,
.site-support-strip,
.skin-desk > *,
.cs2-setup-grid > *{
  position:relative!important;
  padding:var(--cm-inset)!important;
  border:1px solid var(--cm-line)!important;
  border-radius:var(--cm-radius)!important;
  background:var(--cm-panel)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.07)!important;
  overflow:hidden!important;
}

.page-hero::before,
.hero:not(.home-hero)::before,
.panel::before,
.feature-panel::before,
.library-section::before,
.platform-section::before,
.stream-panel::before,
.support-hero::before,
.about-hero::before,
.about-card::before,
.about-discord-panel::before,
.site-support-strip::before,
.skin-desk > *::before,
.cs2-setup-grid > *::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,var(--cm-line-bright),var(--cm-purple),rgba(236,230,255,.45),transparent)!important;
  pointer-events:none!important;
}

.page-hero > :first-child,
.hero:not(.home-hero) > :first-child,
.panel > :first-child,
.feature-panel > :first-child,
.library-section > :first-child,
.platform-section > :first-child,
.stream-panel > :first-child,
.support-hero > :first-child,
.about-hero > :first-child,
.about-card > :first-child,
.about-discord-panel > :first-child,
.site-support-strip > :first-child,
.skin-desk > * > :first-child,
.cs2-setup-grid > * > :first-child{
  margin-top:0!important;
}

.page-hero > :last-child,
.hero:not(.home-hero) > :last-child,
.panel > :last-child,
.feature-panel > :last-child,
.library-section > :last-child,
.platform-section > :last-child,
.stream-panel > :last-child,
.support-hero > :last-child,
.about-hero > :last-child,
.about-card > :last-child,
.about-discord-panel > :last-child,
.site-support-strip > :last-child,
.skin-desk > * > :last-child,
.cs2-setup-grid > * > :last-child{
  margin-bottom:0!important;
}

.portal-card,
.skin-card,
.crosshair-card,
.friend-card,
.playlist-card,
.tool-card,
.project-card,
.support-card,
.platform-card,
.content-card,
.video-card,
.info-row,
.command-card,
.mini-panel{
  padding:var(--cm-card-inset)!important;
  border:1px solid rgba(226,218,255,.22)!important;
  border-radius:var(--cm-radius)!important;
  background:var(--cm-card)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}

.profile-grid,
.about-card-grid,
.portal-grid,
.site-grid,
.skin-desk,
.cs2-setup-grid,
.software-button-grid,
.friends-grid,
.friend-list,
.content-grid,
.support-grid,
.platform-grid,
.tool-grid,
.project-grid,
.game-roadmap,
.games-next-grid{
  gap:var(--cm-stack)!important;
}

.settings-table{
  display:grid!important;
  gap:12px!important;
  margin-top:22px!important;
}

.settings-row{
  min-height:58px!important;
  padding:14px 18px!important;
  display:grid!important;
  grid-template-columns:minmax(130px,190px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:20px!important;
  border:1px solid rgba(226,218,255,.18)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.035)!important;
}

.settings-row span,
.settings-row code{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1.45!important;
  background:transparent!important;
  border:0!important;
  min-width:0!important;
}

.clean-list{
  display:grid!important;
  gap:12px!important;
  margin:22px 0 0!important;
  padding:0!important;
  list-style:none!important;
}

.clean-list li{
  padding:14px 18px!important;
  border:1px solid rgba(226,218,255,.16)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.025)!important;
}

body.about-page .about-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)!important;
  grid-template-areas:"intro chibi" "intro note"!important;
  gap:var(--cm-stack)!important;
  align-items:stretch!important;
}

body.about-page .about-intro,
body.about-page .about-note,
body.about-page .about-chibi-card{
  padding:var(--cm-inset)!important;
  border:1px solid rgba(226,218,255,.22)!important;
  border-radius:var(--cm-radius)!important;
  background:linear-gradient(145deg,rgba(43,26,70,.82),rgba(8,6,12,.96))!important;
}

body.about-page .about-intro{grid-area:intro!important;}
body.about-page .about-note{grid-area:note!important;}
body.about-page .about-chibi-card{
  grid-area:chibi!important;
  min-height:300px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  background:
    radial-gradient(circle at 50% 34%,rgba(139,92,246,.34),transparent 10rem),
    linear-gradient(145deg,rgba(42,24,72,.90),rgba(8,6,12,.96))!important;
}

body.about-page .about-chibi-card img{
  width:min(260px,86%)!important;
  max-height:260px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.48)) drop-shadow(0 0 18px rgba(139,92,246,.34))!important;
}

body.about-page .about-card-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--cm-stack)!important;
}

body.about-page .about-card-wide{
  grid-column:1 / -1!important;
}

body.friends-page .friend-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--cm-stack)!important;
}

body.friends-page .friend-card{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) auto!important;
  gap:20px!important;
  align-items:center!important;
  min-height:128px!important;
}

body.friends-page .friend-avatar{
  width:64px!important;
  height:64px!important;
  margin:0!important;
}

body.friends-page .friend-card h3,
body.friends-page .friend-card p{
  margin:0!important;
}

body.friends-page .friend-card p{
  margin-top:5px!important;
  line-height:1.42!important;
}

body.friends-page .friend-card .visit{
  justify-self:end!important;
}

.skin-desk + .panel,
.cs2-setup-grid + .panel,
.profile-grid + .skin-desk{
  margin-top:0!important;
}

.site-footer{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:24px!important;
  padding:30px 0 42px!important;
  border-top:1px solid rgba(226,218,255,.18)!important;
}

@media (max-width:1180px){
  :root{
    --cm-rail:min(100% - 40px,1420px);
    --cm-inset:32px;
  }
  .main-nav{
    overflow-x:auto!important;
    justify-content:flex-start!important;
  }
  body.about-page .about-hero{
    grid-template-columns:1fr!important;
    grid-template-areas:"intro" "chibi" "note"!important;
  }
  body.friends-page .friend-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:760px){
  :root{
    --cm-rail:min(100% - 24px,1420px);
    --cm-page-top:28px;
    --cm-stack:20px;
    --cm-inset:24px;
    --cm-card-inset:20px;
  }
  .site-header{
    padding:0 12px!important;
    gap:12px!important;
  }
  .brand{
    width:150px!important;
    flex-basis:150px!important;
    padding:0 14px!important;
  }
  body.about-page .about-card-grid,
  body.friends-page .friend-list{
    grid-template-columns:1fr!important;
  }
  body.friends-page .friend-card{
    grid-template-columns:58px minmax(0,1fr)!important;
  }
  body.friends-page .friend-card .visit{
    grid-column:2!important;
    justify-self:start!important;
  }
  .settings-row{
    grid-template-columns:1fr!important;
  }
}

/* align10: single spacing and chrome contract across the whole active site. */
:root{
  --cm-rail:min(100% - 72px,1420px);
  --cm-page-top:48px;
  --cm-stack:28px;
  --cm-inset:42px;
  --cm-card-inset:24px;
  --cm-radius:8px;
  --cm-border:rgba(231,225,255,.26);
  --cm-border-strong:rgba(231,225,255,.42);
  --cm-glow:rgba(139,92,246,.34);
  --cm-purple:#8b5cf6;
  --cm-purple-dark:#4c1d95;
  --cm-silver:#f4f0ff;
  --cm-muted:#d3cae8;
  --cm-bg:#07050c;
  --cm-card-bg:linear-gradient(180deg,rgba(18,15,26,.98),rgba(9,7,13,.99));
  --cm-panel-bg:
    radial-gradient(circle at 0 0,rgba(142,126,190,.22),transparent 18rem),
    linear-gradient(135deg,rgba(38,28,67,.72),rgba(28,10,20,.56) 48%,rgba(9,7,13,.98));
}

html{
  scroll-padding-top:92px!important;
}

body{
  background:
    radial-gradient(circle at 8% 0,rgba(98,70,180,.18),transparent 30rem),
    radial-gradient(circle at 94% 8%,rgba(156,63,125,.12),transparent 28rem),
    linear-gradient(180deg,#07050c 0,#08060e 54%,#050407 100%)!important;
}

.site-header{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  width:100%!important;
  min-height:64px!important;
  padding:0 36px!important;
  display:grid!important;
  grid-template-columns:174px minmax(0,1fr)!important;
  align-items:center!important;
  gap:28px!important;
  background:rgba(7,5,12,.86)!important;
  border:0!important;
  border-bottom:1px solid rgba(181,145,255,.42)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.05) inset!important;
  backdrop-filter:blur(18px)!important;
}

.site-header::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(192,175,255,.92),rgba(139,92,246,.72),transparent)!important;
  pointer-events:none!important;
}

.brand{
  width:174px!important;
  height:44px!important;
  padding:0 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border:1px solid rgba(216,205,255,.34)!important;
  border-left:3px solid var(--cm-purple)!important;
  border-radius:6px!important;
  background:linear-gradient(135deg,rgba(70,48,114,.52),rgba(13,9,20,.88))!important;
  color:var(--cm-silver)!important;
  font-size:1.05rem!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-shadow:0 0 14px rgba(216,205,255,.2)!important;
}

.main-nav{
  min-width:0!important;
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}

.main-nav::-webkit-scrollbar{display:none!important;}

.main-nav a{
  min-height:40px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#d8d0e9!important;
  font-size:.95rem!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
}

.main-nav a:hover{
  border-color:rgba(216,205,255,.22)!important;
  background:rgba(255,255,255,.05)!important;
  color:#fff!important;
}

.main-nav a.active{
  border-color:rgba(221,214,254,.42)!important;
  background:linear-gradient(135deg,#7c3aed,#4c1d95)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 20px rgba(139,92,246,.26)!important;
}

.wrap,
.home-wrap,
.about-wrap,
.site-footer,
.site-support-strip{
  width:var(--cm-rail)!important;
  max-width:var(--cm-rail)!important;
  margin-inline:auto!important;
}

.wrap,
.home-wrap,
.about-wrap{
  padding:var(--cm-page-top) 0!important;
  display:grid!important;
  gap:var(--cm-stack)!important;
}

.home-wrap > *,
.wrap > *,
.about-wrap > *{
  margin-top:0!important;
  margin-bottom:0!important;
}

.home-grid,
.profile-grid,
.about-hero,
.about-card-grid,
.portal-grid,
.site-grid,
.skin-desk,
.cs2-setup-grid,
.software-button-grid,
.friends-grid,
.friend-list,
.content-grid,
.support-grid,
.platform-grid,
.tool-grid,
.project-grid,
.game-roadmap,
.games-next-grid,
.support-links,
.playlist-grid{
  gap:var(--cm-stack)!important;
}

.page-hero,
.hero:not(.home-hero),
.panel,
.feature-panel,
.library-section,
.platform-section,
.stream-panel,
.support-hero,
.about-intro,
.about-note,
.about-chibi-card,
.about-card,
.about-discord-panel,
.site-support-strip,
.skin-desk > *,
.cs2-setup-grid > *,
.support-card,
.tool-card,
.project-card,
.skin-card,
.crosshair-card,
.friend-card,
.playlist-card,
.platform-card,
.content-card,
.video-card,
.info-row,
.command-card,
.mini-panel{
  position:relative!important;
  padding:var(--cm-inset)!important;
  border:1px solid var(--cm-border)!important;
  border-radius:var(--cm-radius)!important;
  background:var(--cm-card-bg)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 46px rgba(0,0,0,.24)!important;
  overflow:hidden!important;
}

.page-hero,
.hero:not(.home-hero),
.support-hero,
.about-intro,
.spotlight-panel{
  background:var(--cm-panel-bg)!important;
}

.page-hero::before,
.hero:not(.home-hero)::before,
.panel::before,
.feature-panel::before,
.library-section::before,
.platform-section::before,
.stream-panel::before,
.support-hero::before,
.about-intro::before,
.about-note::before,
.about-chibi-card::before,
.about-card::before,
.about-discord-panel::before,
.site-support-strip::before,
.skin-desk > *::before,
.cs2-setup-grid > *::before,
.support-card::before,
.tool-card::before,
.project-card::before,
.skin-card::before,
.crosshair-card::before,
.friend-card::before,
.playlist-card::before,
.platform-card::before,
.content-card::before,
.video-card::before,
.info-row::before,
.command-card::before,
.mini-panel::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,rgba(226,218,255,.72),rgba(139,92,246,.72),transparent)!important;
  opacity:.78!important;
  pointer-events:none!important;
}

.page-hero > :first-child,
.hero:not(.home-hero) > :first-child,
.panel > :first-child,
.feature-panel > :first-child,
.library-section > :first-child,
.platform-section > :first-child,
.stream-panel > :first-child,
.support-hero > :first-child,
.about-intro > :first-child,
.about-note > :first-child,
.about-chibi-card > :first-child,
.about-card > :first-child,
.about-discord-panel > :first-child,
.site-support-strip > :first-child,
.skin-desk > * > :first-child,
.cs2-setup-grid > * > :first-child,
.support-card > :first-child,
.tool-card > :first-child,
.project-card > :first-child,
.skin-card > :first-child,
.crosshair-card > :first-child,
.friend-card > :first-child,
.playlist-card > :first-child,
.platform-card > :first-child,
.content-card > :first-child,
.video-card > :first-child,
.info-row > :first-child,
.command-card > :first-child,
.mini-panel > :first-child{
  margin-top:0!important;
}

.page-hero > :last-child,
.hero:not(.home-hero) > :last-child,
.panel > :last-child,
.feature-panel > :last-child,
.library-section > :last-child,
.platform-section > :last-child,
.stream-panel > :last-child,
.support-hero > :last-child,
.about-intro > :last-child,
.about-note > :last-child,
.about-chibi-card > :last-child,
.about-card > :last-child,
.about-discord-panel > :last-child,
.site-support-strip > :last-child,
.skin-desk > * > :last-child,
.cs2-setup-grid > * > :last-child,
.support-card > :last-child,
.tool-card > :last-child,
.project-card > :last-child,
.skin-card > :last-child,
.crosshair-card > :last-child,
.friend-card > :last-child,
.playlist-card > :last-child,
.platform-card > :last-child,
.content-card > :last-child,
.video-card > :last-child,
.info-row > :last-child,
.command-card > :last-child,
.mini-panel > :last-child{
  margin-bottom:0!important;
}

.portal-card,
.support-card,
.tool-card,
.project-card,
.skin-card,
.crosshair-card,
.friend-card,
.playlist-card,
.platform-card,
.content-card,
.video-card,
.info-row,
.command-card,
.mini-panel{
  padding:var(--cm-card-inset)!important;
}

.eyebrow{
  margin:0 0 18px!important;
  color:#d8caff!important;
  font-size:.76rem!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

h1,h2,h3,p,ul,ol{
  max-width:100%;
}

h1{
  line-height:.96!important;
  letter-spacing:0!important;
}

h2,h3{
  line-height:1.12!important;
  letter-spacing:0!important;
}

p,li{
  color:var(--cm-muted)!important;
  line-height:1.62!important;
}

.actions,
.hero-actions,
.skin-links,
.site-support-actions,
.share-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:24px!important;
}

.button,
.btn,
.skin-links a,
.copy-btn,
.site-support-actions a,
.site-support-actions button,
button{
  min-height:42px!important;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(226,218,255,.24)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  font-weight:850!important;
  line-height:1!important;
}

.button.primary,
.btn.primary,
.site-support-actions .primary,
.skin-links a:first-child{
  background:linear-gradient(135deg,#8b5cf6,#6d36cc)!important;
  border-color:rgba(226,218,255,.46)!important;
}

.settings-table{
  display:grid!important;
  gap:12px!important;
  margin-top:24px!important;
}

.settings-row{
  min-height:58px!important;
  padding:16px 18px!important;
  display:grid!important;
  grid-template-columns:minmax(140px,200px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:22px!important;
  border:1px solid rgba(226,218,255,.18)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.035)!important;
}

.settings-row span,
.settings-row code{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}

.settings-row span{
  color:#dcd3ff!important;
  font-weight:850!important;
}

.settings-row code{
  color:#fff!important;
  font-family:inherit!important;
  font-size:1rem!important;
  font-weight:850!important;
}

.clean-list{
  display:grid!important;
  gap:12px!important;
  margin:24px 0 0!important;
  padding:0!important;
  list-style:none!important;
}

.clean-list li{
  padding:16px 18px!important;
  border:1px solid rgba(226,218,255,.16)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.025)!important;
}

body.home-page .home-hero{
  width:var(--cm-rail)!important;
  min-height:620px!important;
  margin-inline:auto!important;
  padding:64px!important;
  border:1px solid var(--cm-border-strong)!important;
  border-radius:var(--cm-radius)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 24px 70px rgba(0,0,0,.42)!important;
}

body.home-page .home-hero h1{
  font-size:clamp(4.8rem,10vw,8.8rem)!important;
  max-width:9ch!important;
}

body.home-page .home-hero .lead,
body.home-page .home-hero p{
  max-width:47ch!important;
}

body.about-page .about-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)!important;
  grid-template-areas:"intro chibi" "note chibi"!important;
  gap:var(--cm-stack)!important;
  align-items:stretch!important;
}

body.about-page .about-intro{grid-area:intro!important;}
body.about-page .about-note{grid-area:note!important;}
body.about-page .about-chibi-card{
  grid-area:chibi!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:18px!important;
  background:
    radial-gradient(circle at 50% 34%,rgba(139,92,246,.34),transparent 12rem),
    linear-gradient(145deg,rgba(44,28,75,.92),rgba(8,6,12,.98))!important;
}

body.about-page .about-chibi-card img{
  width:min(320px,92%)!important;
  max-height:340px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 20px 28px rgba(0,0,0,.48)) drop-shadow(0 0 22px rgba(139,92,246,.38))!important;
}

body.about-page .about-chibi-card span{
  display:block!important;
  margin:0 0 8px!important;
  color:#d8caff!important;
  font-size:.78rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}

body.about-page .about-chibi-card strong{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:1.15rem!important;
  line-height:1.35!important;
}

body.about-page .about-card-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--cm-stack)!important;
}

body.about-page .about-card-wide,
body.about-page .about-discord-panel{
  grid-column:1 / -1!important;
}

body.friends-page .friend-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--cm-stack)!important;
}

body.friends-page .friend-card{
  min-height:132px!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
}

body.friends-page .friend-avatar{
  width:64px!important;
  height:64px!important;
  margin:0!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 0 22px rgba(139,92,246,.26)!important;
}

body.friends-page .friend-card h3,
body.friends-page .friend-card p{
  margin:0!important;
}

body.friends-page .friend-card p{
  margin-top:6px!important;
  line-height:1.45!important;
}

body.friends-page .friend-card .visit{
  justify-self:end!important;
  min-height:40px!important;
}

.skin-desk{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
}

.skin-desk + .panel,
.cs2-setup-grid + .panel,
.profile-grid + .skin-desk,
.panel + .panel{
  margin-top:0!important;
}

.site-support-strip{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
}

.site-footer{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:24px!important;
  padding:30px 0 42px!important;
  border-top:1px solid rgba(226,218,255,.18)!important;
}

@media (max-width:1180px){
  :root{
    --cm-rail:min(100% - 40px,1420px);
    --cm-inset:32px;
  }
  .site-header{
    padding:0 20px!important;
    grid-template-columns:164px minmax(0,1fr)!important;
  }
  .brand{
    width:164px!important;
  }
  .main-nav{
    justify-content:flex-start!important;
  }
  body.about-page .about-hero{
    grid-template-columns:1fr!important;
    grid-template-areas:"intro" "chibi" "note"!important;
  }
  body.friends-page .friend-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .skin-desk{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:760px){
  :root{
    --cm-rail:min(100% - 24px,1420px);
    --cm-page-top:28px;
    --cm-stack:20px;
    --cm-inset:24px;
    --cm-card-inset:20px;
  }
  .site-header{
    min-height:auto!important;
    padding:10px 12px!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .brand{
    width:150px!important;
    height:42px!important;
  }
  .main-nav{
    width:100%!important;
    min-height:42px!important;
  }
  .main-nav a{
    min-height:36px!important;
    padding:0 12px!important;
  }
  body.home-page .home-hero{
    min-height:560px!important;
    padding:28px!important;
  }
  body.home-page .home-hero h1{
    font-size:clamp(3.2rem,17vw,5.4rem)!important;
  }
  body.about-page .about-card-grid,
  body.friends-page .friend-list{
    grid-template-columns:1fr!important;
  }
  body.friends-page .friend-card{
    grid-template-columns:58px minmax(0,1fr)!important;
  }
  body.friends-page .friend-card .visit{
    grid-column:2!important;
    justify-self:start!important;
  }
  .settings-row{
    grid-template-columns:1fr!important;
  }
  .site-support-strip{
    grid-template-columns:1fr!important;
  }
  .site-footer{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}

/* align15: literal end-of-file override for consistent borders, spacing, and chrome. */
:root{
  --final-rail:min(100% - 88px,1440px);
  --final-gap:28px;
  --final-panel-pad:clamp(34px,3vw,48px);
  --final-card-pad:24px;
  --final-radius:8px;
  --final-border:rgba(226,218,255,.30);
  --final-purple:#8b5cf6;
}
body{background:radial-gradient(circle at 16% 5%,rgba(121,89,210,.20),transparent 34%),radial-gradient(circle at 88% 10%,rgba(148,54,115,.16),transparent 35%),linear-gradient(180deg,#07040d 0%,#040307 100%)!important;}
.site-header{position:sticky!important;top:0!important;z-index:1000!important;min-height:64px!important;display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;align-items:center!important;gap:24px!important;padding:0 28px!important;border-bottom:1px solid rgba(202,176,255,.42)!important;background:rgba(5,3,10,.94)!important;backdrop-filter:blur(18px)!important;}
.brand{width:180px!important;height:42px!important;display:flex!important;align-items:center!important;padding:0 16px!important;border:1px solid rgba(218,203,255,.42)!important;border-left:3px solid var(--final-purple)!important;border-radius:6px!important;background:linear-gradient(180deg,rgba(38,29,58,.9),rgba(14,10,24,.94))!important;overflow:visible!important;}
.brand span{white-space:nowrap!important;overflow:visible!important;}
.main-nav{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;}
.main-nav a{min-height:42px!important;display:inline-flex!important;align-items:center!important;padding:0 16px!important;border:1px solid transparent!important;border-radius:6px!important;line-height:1!important;white-space:nowrap!important;}
.main-nav a.active,.main-nav a:hover{color:#fff!important;border-color:rgba(211,190,255,.42)!important;background:linear-gradient(180deg,rgba(125,80,224,.92),rgba(56,35,94,.94))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 22px rgba(139,92,246,.26)!important;}
main,.wrap,.home-wrap,.about-wrap{width:var(--final-rail)!important;max-width:var(--final-rail)!important;margin:0 auto!important;padding:48px 0!important;display:grid!important;gap:var(--final-gap)!important;}
.content-grid,.about-hero,.about-card-grid,.profile-grid,.cs2-setup-grid,.skin-desk,.support-grid,.tool-grid,.project-grid,.platform-grid,.playlist-grid,.friend-list,.media-cards,.portal-grid{display:grid!important;gap:var(--final-gap)!important;margin:0!important;}
:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card){position:relative!important;overflow:hidden!important;border:1px solid var(--final-border)!important;border-radius:var(--final-radius)!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 54%),linear-gradient(145deg,rgba(22,17,32,.96),rgba(7,5,12,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 48px rgba(0,0,0,.28)!important;}
:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *){padding:var(--final-panel-pad)!important;}
:is(.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card){padding:var(--final-card-pad)!important;}
:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card)::before{content:""!important;position:absolute!important;left:24px!important;right:24px!important;top:0!important;height:2px!important;border-radius:999px!important;background:linear-gradient(90deg,transparent,rgba(244,241,255,.82),rgba(139,92,246,.88),transparent)!important;opacity:.68!important;pointer-events:none!important;}
:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card)>:first-child{margin-top:0!important;}
:is(.hero-shell,.home-hero,.page-hero,.feature-panel,.platform-section,.panel,.stream-panel,.library-section,.about-intro,.about-note,.about-chibi-card,.about-card,.site-support-strip,.support-hero,.skin-desk > *,.cs2-setup-grid > *,.profile-grid > *,.support-card,.tool-card,.project-card,.playlist-card,.friend-card,.media-card,.content-card,.video-card,.platform-card,.skin-card,.crosshair-card,.command-card,.mini-panel,.live-card,.info-card)>:last-child{margin-bottom:0!important;}
.eyebrow,.kicker,.section-kicker{margin:0 0 16px!important;line-height:1.2!important;}h1{margin:0 0 22px!important;line-height:.96!important;letter-spacing:0!important;}h2{margin:0 0 18px!important;line-height:1.05!important;}h3{margin:0 0 12px!important;line-height:1.15!important;}p{line-height:1.65!important;}
.actions,.hero-actions,.button-row,.button-list{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important;margin-top:22px!important;}
body.home-page .home-hero{width:100%!important;min-height:640px!important;display:grid!important;grid-template-columns:minmax(460px,.48fr) minmax(0,1fr)!important;gap:0!important;padding:0!important;background:#08050f!important;}
body.home-page .hero-copy{position:relative!important;z-index:2!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:clamp(40px,5vw,72px)!important;border-right:1px solid rgba(226,218,255,.20)!important;background:linear-gradient(90deg,rgba(8,5,14,.96),rgba(8,5,14,.74))!important;}
body.home-page .hero-copy h1{max-width:none!important;white-space:nowrap!important;font-size:clamp(4.4rem,7vw,7.6rem)!important;}body.home-page .hero-text{max-width:34rem!important;margin:0 0 26px!important;padding-left:18px!important;border-left:2px solid rgba(226,218,255,.46)!important;}body.home-page .hero-art{position:relative!important;min-height:640px!important;overflow:hidden!important;}body.home-page .hero-art img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(1.04) contrast(1.04) brightness(.72)!important;}
body.about-page .about-hero{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;grid-template-areas:"intro chibi" "note chibi"!important;align-items:stretch!important;}body.about-page .about-intro{grid-area:intro!important;}body.about-page .about-note{grid-area:note!important;}body.about-page .about-chibi-card{grid-area:chibi!important;min-height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:18px!important;}body.about-page .about-chibi-card img,.home-chibi-accent{display:block!important;width:min(310px,92%)!important;height:auto!important;object-fit:contain!important;margin:0 auto 18px!important;}body.about-page .about-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}body.about-page .about-card-wide{grid-column:1 / -1!important;}
.settings-table{display:grid!important;gap:12px!important;margin-top:22px!important;}.settings-row{min-height:58px!important;display:grid!important;grid-template-columns:minmax(130px,.34fr) minmax(0,1fr)!important;align-items:center!important;gap:18px!important;padding:14px 18px!important;border:1px solid rgba(226,218,255,.22)!important;border-radius:7px!important;background:rgba(255,255,255,.035)!important;}.settings-row>*{margin:0!important;line-height:1.35!important;min-width:0!important;}
.skin-desk{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;}.skin-desk+.panel,.panel+.panel,.cs2-setup-grid+.panel,.profile-grid+.skin-desk{margin-top:0!important;}
body.friends-page .friend-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;}body.friends-page .friend-card{min-height:132px!important;display:grid!important;grid-template-columns:72px minmax(0,1fr) auto!important;align-items:center!important;column-gap:20px!important;row-gap:10px!important;}body.friends-page .friend-avatar{width:64px!important;height:64px!important;margin:0!important;}body.friends-page .friend-card h3,body.friends-page .friend-card p{margin:0!important;}body.friends-page .friend-card p{margin-top:5px!important;line-height:1.42!important;}body.friends-page .friend-card .visit{justify-self:end!important;align-self:center!important;}
.site-footer{width:var(--final-rail)!important;max-width:var(--final-rail)!important;margin:0 auto!important;padding:30px 0 42px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:24px!important;border-top:1px solid rgba(226,218,255,.20)!important;}
@media (max-width:1180px){:root{--final-rail:min(100% - 40px,1440px);--final-panel-pad:32px;}.site-header{padding:0 20px!important;grid-template-columns:164px minmax(0,1fr)!important;}.brand{width:164px!important;}.main-nav{justify-content:flex-start!important;}body.home-page .home-hero,body.about-page .about-hero{grid-template-columns:1fr!important;}body.about-page .about-hero{grid-template-areas:"intro" "chibi" "note"!important;}body.friends-page .friend-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.skin-desk{grid-template-columns:1fr!important;}}
@media (max-width:760px){:root{--final-rail:min(100% - 24px,1440px);--final-gap:20px;--final-panel-pad:24px;--final-card-pad:20px;}.site-header{min-height:auto!important;padding:10px 12px!important;grid-template-columns:1fr!important;gap:10px!important;}.brand{width:150px!important;height:42px!important;}.main-nav{width:100%!important;min-height:42px!important;}.main-nav a{min-height:36px!important;padding:0 12px!important;}body.home-page .home-hero{min-height:560px!important;}body.home-page .hero-copy{padding:28px!important;border-right:0!important;}body.home-page .hero-copy h1{white-space:normal!important;font-size:clamp(3.2rem,17vw,5.4rem)!important;}body.about-page .about-card-grid,body.friends-page .friend-list{grid-template-columns:1fr!important;}body.friends-page .friend-card{grid-template-columns:58px minmax(0,1fr)!important;}body.friends-page .friend-card .visit{grid-column:2!important;justify-self:start!important;}.settings-row{grid-template-columns:1fr!important;}.site-support-strip,.site-footer{align-items:flex-start!important;flex-direction:column!important;}}