@font-face {
  font-family: 'CSN Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/csn-font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'CSN Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/csn-font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'CSN Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/csn-font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'CSN Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/csn-font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'CSN Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/csn-font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'CSN Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/csn-font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'CSN Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/csn-font-6.ttf) format('truetype');
}

/* Shared release typography and responsive polish. Fonts served locally. */
body.csn-dashboard{font-family:'CSN Inter',Inter,Arial,sans-serif;font-size:14px;line-height:1.6}
body.csn-dashboard :is(button,input,select,textarea){font-family:'CSN Inter',Inter,Arial,sans-serif}
body.csn-dashboard :is(h1,h2,h3),body#home.csn-dashboard .hero h1{font-family:'CSN Barlow',Arial,sans-serif!important;font-weight:700;letter-spacing:.015em;line-height:1.08}
body.csn-dashboard :is(p,li){line-height:1.7}
.csn-sidebar .csn-brand strong{font-family:'CSN Inter',Arial,sans-serif!important;font-size:17px!important;letter-spacing:-.8px!important}
.csn-sidebar .csn-brand strong em{font:inherit!important;letter-spacing:inherit!important}
.csn-sidebar .csn-links a{font-size:12px;min-height:42px}
body.csn-dashboard :is(.glass-button,.btn,.outline-link){font-weight:650;letter-spacing:.04em;transition:background .18s,border-color .18s,transform .18s}
.csn-beta-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:6px 10px;border:1px solid #d9b66c70;border-radius:4px;color:#e4c681;font-size:9px;font-weight:750;letter-spacing:.1em;text-decoration:none}
body#home main>.csn-testing-notice,body#home main>.csn-release-section{grid-column:1/-1}
.csn-release-section{margin:32px 0 0;padding:28px;border:1px solid #a6ed7625;border-radius:8px;background:linear-gradient(130deg,#101d16,#09120f)}
.csn-release-heading h2{font-size:clamp(25px,3vw,36px);margin:10px 0}.csn-release-heading p{color:#b3c2b7;margin:0 0 22px}
.csn-release-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.csn-release-grid article{padding:20px;border:1px solid #ffffff12;border-radius:6px;background:#07100d70}.csn-release-grid h3,.csn-release-faq h3{font-size:24px;margin:12px 0}
.csn-release-tag{font-size:9px;color:#d9b66c;letter-spacing:.12em;font-weight:700}.csn-release-grid ul{padding-left:18px;margin:0;color:#b8c8bd;font-size:12px}
.csn-release-faq{margin-top:24px}.csn-release-faq details{border-top:1px solid #ffffff16;padding:13px 0}.csn-release-faq summary{cursor:pointer;font-weight:600;font-size:13px}.csn-release-faq p{font-size:13px;color:#b8c8bd;max-width:850px;margin:10px 0 0}
.csn-skins-quickstart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.csn-skins-quickstart>div{display:flex;align-items:center;gap:12px;padding:16px;background:#101c16;border:1px solid #a6ed7625;border-radius:6px}.csn-skins-quickstart b{color:#a6ed76;font-size:21px}.csn-skins-quickstart span{font-size:11px;color:#b8c8bd}.csn-skins-quickstart strong{display:block;color:#edf4ee;font-size:11px;letter-spacing:.06em}
.csn-copy-server{display:block;width:100%;margin:8px 0;min-height:40px;padding:9px;border:1px solid #a6ed7640;border-radius:5px;background:#14231a;color:#d5efc9;font-size:10px;font-weight:650;cursor:pointer}.csn-copy-server:disabled{opacity:.5;cursor:default}
.csn-copy-feedback{font-size:11px;color:#c7dfa9;overflow-wrap:anywhere}.csn-status-retry{display:block;margin:12px 0;padding:10px 14px;border:1px solid #a6ed7640;background:#0e1c15;color:#d7eacb;border-radius:5px;cursor:pointer;font-size:11px}.csn-status-retry:disabled{opacity:.5}
.csn-server-telemetry{flex-wrap:wrap;gap:8px}.csn-server-telemetry span{overflow-wrap:anywhere}
body#home .live-server-card{flex-wrap:wrap}body#home .live-server-card>.csn-copy-server,body#home .live-server-card>.csn-copy-feedback{flex-basis:100%}
@media(max-width:1100px){.csn-topbar{gap:10px}.csn-beta-badge{font-size:8px;padding:5px 7px}.csn-topstats{gap:5px}}
@media(max-width:800px){.csn-topbar .csn-topstats{display:none}.csn-topbar .csn-active-region{flex-shrink:0}.csn-topbar .csn-search{min-width:0}.csn-release-section{padding:20px}.csn-release-grid{grid-template-columns:1fr}.csn-skins-quickstart{grid-template-columns:1fr}.csn-mode-copy .glass-button{width:100%;justify-content:center}.csn-server-telemetry{font-size:10px}.csn-sidebar{overscroll-behavior:contain}}
@media(max-width:560px){.csn-topbar .csn-search{display:none}.csn-topbar .csn-beta-badge{margin-left:auto}.csn-release-section{padding:17px}.csn-release-grid article{padding:16px}.csn-dashboard .connection-actions{display:flex;flex-direction:column;align-items:stretch}.csn-dashboard .connection-actions>*{width:100%;white-space:normal}.csn-dashboard .toolbar{flex-wrap:wrap}.csn-dashboard .toolbar input,.csn-dashboard .toolbar select{min-width:0;max-width:100%}.csn-dashboard .csn-guide-tabs{display:flex;overflow-x:auto;max-width:100%}.csn-dashboard .csn-guide-tabs button{flex:0 0 auto;min-height:44px}.csn-dashboard .preview.panel{margin-top:16px}}

.csn-sidebar .csn-links a svg{width:23px;height:23px;flex:0 0 23px;stroke:currentColor;stroke-width:1.65;fill:none;transition:color .18s,filter .18s,transform .18s}
.csn-sidebar .csn-links .csn-icon-fill{fill:currentColor;fill-opacity:.07;stroke:none}
.csn-sidebar .csn-links a:hover svg{color:#b6f58f;filter:drop-shadow(0 0 5px #a6ed7640);transform:translateY(-1px)}
.csn-sidebar .csn-links a[aria-current=page] svg{color:#c6ff9f;filter:drop-shadow(0 0 5px #a6ed7640)}
.csn-sidebar .csn-links a[aria-current=page] .csn-icon-fill{fill-opacity:.18}

body#home .live-server-card>.csn-card-action{width:100%;flex-basis:100%;min-height:36px;display:flex;justify-content:center;padding:8px;font-size:10px;margin-top:4px}body#home .live-server-card>.csn-copy-server{margin:0}body#home .live-server-card>.csn-copy-feedback:empty{display:none}

/* The hero grows with its heading and controls, including at desktop zoom. */
body#home.csn-dashboard .hero{height:auto!important;min-height:345px;padding-bottom:42px!important;overflow:hidden}
body#home.csn-dashboard .hero-content{min-width:0}
body#home.csn-dashboard .hero-ctas{position:relative;flex-wrap:wrap;margin-bottom:0}
body.csn-dashboard .community-section{padding:26px 28px!important;gap:20px;box-sizing:border-box}
body.csn-dashboard footer{padding:28px!important;gap:20px;box-sizing:border-box}
body.csn-dashboard .footer-brand{gap:12px}
.csn-sidebar .csn-links a{min-height:46px;gap:12px!important}
.csn-sidebar .csn-links a svg{width:30px;height:30px;flex:0 0 30px;padding:4px;box-sizing:border-box;border-radius:7px;background:#ffffff06;color:#d8e5dc;stroke-width:1.8}
.csn-sidebar .csn-links a svg[data-icon=skin]{color:#b0ed7c;background:linear-gradient(135deg,#a6ed7617,#d9b66c12)}
.csn-sidebar .csn-links a svg[data-icon=cup]{color:#dfc481}
.csn-sidebar .csn-links a svg[data-icon=shield]{color:#9cdbb9}
.csn-sidebar .csn-links a:hover svg{background:#a6ed761b;color:#c6ff9f}
.csn-sidebar .csn-links a[aria-current=page] svg{background:linear-gradient(135deg,#c6ff9f,#8dd95a);color:#0c1710;box-shadow:0 0 13px #a6ed7620;filter:none}
.csn-sidebar .csn-links a[aria-current=page] svg path[stroke="#0c1710"]{stroke:#b8f28c}
.csn-sidebar .csn-links a[aria-current=page] svg path[fill="#0c1710"]{fill:#b8f28c}
@media(max-width:560px){body#home.csn-dashboard .hero{min-height:0;padding-bottom:30px!important}body.csn-dashboard .community-section,body.csn-dashboard footer{padding:22px 20px!important}.csn-dashboard .community-section{align-items:flex-start;flex-wrap:wrap}.csn-dashboard .community-section .outline-link{width:100%;justify-content:center}}

.csn-sidebar .csn-links a{min-height:42px}.csn-sidebar .csn-region-switch{gap:6px;padding:10px 8px;font-size:8.5px}.csn-sidebar .csn-region-switch span{white-space:nowrap}.csn-sidebar .csn-region-switch img{width:25px;flex:0 0 25px}

/* Metallic CSN navigation, adapted from the owner's visual direction. */
.csn-sidebar .csn-links{gap:0}.csn-sidebar .csn-nav-group{gap:6px}
.csn-sidebar .csn-links a{border:1px solid #548c6c45!important;border-radius:8px!important;background:linear-gradient(120deg,#10221a80,#06100d80);min-height:51px;padding:7px 9px!important;gap:10px!important;box-shadow:inset 0 1px #c4ffd708;color:#b7c9c0}
.csn-sidebar .csn-links a>span{flex:1;min-width:0;font-size:11px;font-weight:600;line-height:1.35}
.csn-sidebar .csn-links a::after{content:"›";position:static;display:block;font:22px/1 Arial,sans-serif;color:#668d7b;opacity:1;background:none;width:auto;height:auto;margin-left:auto}
.csn-sidebar .csn-links a svg{width:36px;height:36px;flex:0 0 36px;padding:5px;border:1px solid #80c59440;border-radius:7px;background:radial-gradient(ellipse at 25% 10%,#38604499,#06110d 80%)!important;box-shadow:inset 0 1px #e3ffee30,0 2px 5px #0008;filter:none!important;color:inherit}
.csn-sidebar .csn-links a:hover{background:linear-gradient(100deg,#28492e80,#0d1c13);border-color:#a6ed7680!important}
.csn-sidebar .csn-links a:hover svg{transform:translateY(-1px);border-color:#a6ed7680}
.csn-sidebar .csn-links a[aria-current=page]{border:1px solid #b2fa88!important;background:linear-gradient(110deg,#26492cbb,#102515)!important;box-shadow:inset 0 0 16px #a6ed7619,0 0 10px #a6ed7628;color:#efffe6!important}
.csn-sidebar .csn-links a[aria-current=page] svg{color:inherit;background:radial-gradient(ellipse at 25% 10%,#47774a,#07170d 80%)!important;box-shadow:inset 0 1px #e3ffee60,0 0 9px #a6ed7640;border-color:#a6ed7690}
.csn-sidebar .csn-links a[aria-current=page]::after{color:#b8ff94}
.csn-sidebar .csn-nav-heading{display:flex;align-items:center;gap:10px;letter-spacing:.2em;margin-top:10px;margin-bottom:7px}
.csn-sidebar .csn-nav-heading::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#7db48b50,transparent)}
.csn-sidebar .csn-network{border-color:#a6ed7655;background:radial-gradient(ellipse at right bottom,#47773c25,transparent 70%),#0b1810}
.csn-sidebar .csn-discord{border-color:#65957660;background:linear-gradient(110deg,#10231a,#08100d)}
.csn-sidebar .csn-discord svg{width:32px;height:32px;flex:0 0 32px}
@media(min-width:1101px){body.csn-dashboard{padding-left:270px}.csn-sidebar{width:270px;padding-inline:16px}.csn-topbar{left:270px}.csn-sidebar .csn-links a>span{font-size:12px}.csn-sidebar .csn-region-switch{font-size:9px}}
@media(min-width:801px) and (max-width:1100px){body.csn-dashboard{padding-left:245px}.csn-sidebar{width:245px;padding-inline:14px}.csn-topbar{left:245px}.csn-topbar .csn-topstats{display:none}}
@media(max-width:800px){.csn-sidebar{width:270px}.csn-sidebar .csn-links a>span{font-size:12px}}