@font-face{font-family:Octin;src:url('../fonts/octin_sports_rg.ttf') format('truetype');font-display:swap}
:root{--bg:#101414;--panel:#191f1e;--ink:#f1f2e9;--muted:#acb5af;--line:#35403a;--lime:#63e4d5;--radius:8px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;background:var(--lime);color:var(--bg);padding:12px;z-index:100}.skip:focus{top:10px}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.nav-shell{border-bottom:1px solid var(--line);background:#101414f2;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.nav{height:88px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:42px;height:42px;border-radius:50%;border:1px solid #697461}.wordmark{font-weight:850;letter-spacing:-.5px;line-height:1.05;font-size:19px}.wordmark small{display:block;color:var(--muted);letter-spacing:3.6px;font-size:9px;margin-top:6px}.nav-links{display:flex;align-items:center;gap:30px}.nav-links>a{font-size:14px;color:var(--muted)}.nav-links>a[aria-current=page]{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 21px;border:1px solid var(--lime);border-radius:4px;color:var(--bg);background:var(--lime);font-weight:750;font-size:14px;cursor:pointer;transition:background .18s,transform .18s}.button:hover{background:#96f5ea;transform:translateY(-2px)}.button.secondary{background:transparent;border-color:#667164;color:var(--ink)}.button.secondary:hover{background:#ffffff0b}.nav .button{padding:10px 18px}.menu-toggle{display:none}.eyebrow{font:700 11px/1.5 'Segoe UI',sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--lime)}.eyebrow:before{content:'';width:6px;height:6px;background:var(--lime);display:inline-block;margin-right:11px;vertical-align:2px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Octin,'Arial Black',sans-serif;font-weight:400;line-height:1.06;text-transform:uppercase;letter-spacing:-1px}h1{font-size:clamp(52px,6.2vw,86px);margin:25px 0}h2{font-size:clamp(34px,4vw,52px);margin-bottom:20px}h3{font-size:24px;letter-spacing:-.4px;line-height:1.25}p{color:var(--muted)}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;padding:70px 0 64px}.hero-copy>p{max-width:490px;font-size:17px}.hero h1 span{color:var(--lime)}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.hero-note{margin:30px 0 0!important;font-size:12px!important;color:#8f9b92!important;display:flex;gap:18px}.hero-note span+span{border-left:1px solid #52604f;padding-left:18px}.hero-art{position:relative;margin:0;padding:10px;border:1px solid #61734e;border-radius:6px;transform:rotate(2deg);background:#202a20}.hero-art:before{content:'KNH / COMMUNITY';position:absolute;right:21px;top:20px;z-index:1;background:#101414df;padding:6px 10px;letter-spacing:2px;font-size:9px}.hero-art img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px;filter:saturate(.8)}.hero-art figcaption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;padding:12px 2px 2px;color:#c4d3b7}.hero-art figcaption b{color:var(--lime);font-weight:400}.ticker{border-block:1px solid var(--line);background:#161c17}.ticker .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px;font:14px Octin,sans-serif;letter-spacing:1px;color:#d6ddd1}.ticker i{color:var(--lime);font-style:normal}.section{padding:80px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head h2{margin:12px 0 0}.text-link{font-size:14px;border-bottom:1px solid #718162;padding-bottom:5px;white-space:nowrap}.text-link:hover{color:var(--lime)}.server-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.rust-card{border:1px solid #4e5a46;display:grid;grid-template-columns:150px 1fr;border-radius:var(--radius);overflow:hidden;background:linear-gradient(125deg,#252d21,#181e1a)}.rust-art{display:flex;align-items:center;justify-content:center;border-right:1px solid #4e5a46;background:#ad493c;position:relative}.rust-art img{width:92px;filter:brightness(0) invert(1);opacity:.9}.server-body{padding:30px}.tag{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--lime);margin-bottom:13px}.server-body h3{margin-bottom:12px}.server-body p{font-size:14px;max-width:400px}.specs{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.specs span{font-size:11px;padding:5px 9px;border:1px solid #4b5548;border-radius:3px;color:#ccd4c4}.server-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:28px}.server-bottom small{color:#98a58f;font-size:11px}.next-game{padding:30px;border:1px dashed #516047;border-radius:var(--radius);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#171d17}.next-game .plus{font:32px Octin;color:var(--lime);margin-bottom:18px}.next-game p{font-size:14px;max-width:330px}.next-game h3{font-size:25px}.community-band{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-top:1px solid var(--line)}.community-band p{max-width:480px}.values{display:grid;gap:0}.value{border-bottom:1px solid var(--line);padding:21px 0;display:grid;grid-template-columns:40px 1fr;gap:15px}.value:first-child{padding-top:0}.value b{font:14px Octin;color:var(--lime)}.value h3{font-size:17px;margin-bottom:5px}.value p{font-size:13px;margin:0}.discord-banner{padding:45px;background:var(--lime);color:#172016;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:70px}.discord-banner h2{font-size:38px;margin-bottom:9px}.discord-banner p{color:#38482e;margin:0}.discord-banner .button{color:var(--lime);background:#172016;border-color:#172016;white-space:nowrap}.footer{border-top:1px solid var(--line);padding:35px 0 25px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top{padding-bottom:35px}.footer-links{display:flex;gap:25px;color:var(--muted);font-size:13px}.footer-bottom{border-top:1px solid #273027;padding-top:22px;color:#899486;font-size:11px}.page-title{padding:65px 0 35px;max-width:790px}.page-title h1{font-size:64px;margin-bottom:20px}.page-title p{font-size:17px}.notice{border-left:3px solid var(--lime);padding:16px 20px;background:#1b221a;color:#bfcbb8;font-size:13px;margin:30px 0}.detail-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;margin-top:50px}.detail-layout h2{font-size:31px}.info-table{display:grid;margin:24px 0}.info-table div{border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;padding:13px 0;font-size:14px}.info-table dt{color:var(--muted)}.info-table dd{margin:0;text-align:right}.steps{padding-left:22px;color:var(--muted)}.steps li{padding:8px 0 8px 5px}.steps strong{color:var(--ink)}.faq{margin:20px 0}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:650;list-style-position:outside;margin-left:20px}details p{margin:12px 0 0 20px;font-size:14px}.owner{background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:var(--radius)}.owner h3{margin:12px 0 4px}.owner p{font-size:14px;margin-bottom:0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--lime);color:#132010;padding:12px 22px;border-radius:4px;box-shadow:0 10px 40px #0006;z-index:30;font-size:14px}.toast:empty{display:none}dialog{background:#1a211c;color:var(--ink);border:1px solid #667a50;border-radius:10px;width:min(560px,calc(100% - 32px));padding:35px}dialog::backdrop{background:#050a08bc;backdrop-filter:blur(7px)}dialog h2{font-size:34px;margin:14px 0}dialog p{font-size:14px}.dialog-close{float:right;background:transparent;border:1px solid #59664e;border-radius:4px;color:white;cursor:pointer;width:34px;height:34px}.copy-row{display:flex;align-items:center;gap:15px;border:1px solid var(--line);padding:13px;margin:22px 0}.copy-row code{font-size:18px;flex:1}.copy-row button{padding:8px 12px}dialog .button{margin-top:8px}.page-title+.section{padding-top:15px}
@media(min-width:1500px){.hero{padding-block:90px}.hero-art{max-width:510px;justify-self:end}}
@media(max-width:950px){.wrap{width:calc(100% - 44px)}.nav{gap:22px}.hero{gap:30px;padding-block:50px}.hero h1{font-size:57px}.hero-copy>p{font-size:15px}.server-grid{grid-template-columns:1fr}.rust-card{grid-template-columns:150px 1fr}.next-game{min-height:235px}.community-band{gap:35px}.ticker .wrap{font-size:12px;gap:10px}.nav-links{gap:20px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.nav{height:75px;gap:12px}.brand img{width:34px;height:34px}.wordmark{font-size:16px}.wordmark small{font-size:8px;letter-spacing:2.8px}.nav>.button{display:none}.menu-toggle{display:block;background:transparent;color:var(--ink);border:1px solid #55614e;border-radius:4px;padding:8px 12px;font-size:13px;cursor:pointer}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:#171e18;padding:24px;border-bottom:1px solid var(--line)}.nav-links.is-open{display:flex;flex-direction:column;align-items:stretch}.nav-links>a{padding:8px}.hero{grid-template-columns:1fr;gap:35px;padding-block:35px 40px}.hero h1{font-size:clamp(38px,10vw,60px);letter-spacing:-1px}.hero-copy>p{font-size:15px;max-width:420px}.hero-art{width:min(100% - 15px,440px);justify-self:center;margin:8px 0}.hero-note{margin-top:22px!important}.ticker .wrap{flex-wrap:wrap;justify-content:center;padding:18px 0;gap:10px 22px}.ticker .wrap i{display:none}.section{padding-block:50px}.section-head{align-items:flex-start;flex-direction:column;gap:15px}.rust-card{grid-template-columns:1fr}.rust-art{height:115px;border-right:0;border-bottom:1px solid #4e5a46}.rust-art img{width:70px}.server-body,.next-game{padding:24px}.server-bottom{flex-wrap:wrap}.community-band,.detail-layout{grid-template-columns:1fr;gap:30px}.discord-banner{flex-direction:column;align-items:flex-start;padding:28px;margin-bottom:45px}.discord-banner h2{font-size:32px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;gap:24px}.footer-links{flex-wrap:wrap;gap:22px}.footer-top{padding-bottom:25px}.page-title{padding-top:40px}.page-title h1{font-size:48px}.info-table div{font-size:13px}.button{gap:16px}.copy-row{gap:8px}.copy-row code{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Original live background, kept behind readable content and native dialogs. */
.site-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#101414 url('https://maps.knuckleheadservers.com/community/20261023/background-poster-34d4df4adb70567f.webp') center/cover no-repeat}
.site-background video{width:100%;height:100%;object-fit:cover;object-position:center}
.site-background::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,13,10,.87) 0%,rgba(7,14,11,.69) 48%,rgba(7,14,11,.43) 100%),linear-gradient(0deg,rgba(7,14,11,.76),transparent 65%)}
body{isolation:isolate;background:transparent}
html{background:#101414}
.motion-toggle{position:fixed;right:18px;bottom:18px;z-index:25;padding:9px 13px;border:1px solid #8b9a7c;border-radius:4px;background:#101b13ed;color:var(--ink);font-size:11px;cursor:pointer;box-shadow:0 3px 18px #0005}
.motion-toggle:hover{border-color:var(--lime);color:var(--lime)}
.footer{background:#101414d9}
@media(max-width:650px){.site-background::after{background:rgba(7,14,11,.75)}.motion-toggle{bottom:12px;right:12px}}

/* Liquid glass: the original live background remains visible through surfaces. */
:root{--panel:rgba(20,31,29,.56);--muted:#c0ccc5;--line:rgba(225,255,239,.18);--radius:22px;--glass-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.035)}
.site-background::after{background:linear-gradient(90deg,rgba(5,13,12,.62),rgba(5,13,12,.32)),linear-gradient(0deg,rgba(5,13,12,.55),transparent 70%)}
.nav-shell{background:linear-gradient(125deg,rgba(86,113,104,.23),rgba(10,23,21,.62));border-bottom:1px solid rgba(234,255,244,.23);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:0 8px 35px #0002,inset 0 1px 0 #ffffff24}
.hero-copy,.hero-art,.rust-card,.next-game,.owner,.notice,.discord-banner,dialog{background:linear-gradient(135deg,rgba(111,142,128,.22),rgba(12,28,24,.65));border:1px solid rgba(231,255,241,.24);border-radius:var(--radius);box-shadow:var(--glass-shadow);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
.hero-copy{padding:32px;position:relative}
.hero-copy h1{font-size:clamp(48px,5.3vw,76px)}
.hero-copy>p{color:#d1dcd5}
.hero-note{color:#bdcabc!important}
.hero-art{padding:12px;transform:rotate(1.5deg)}
.hero-art img{border-radius:14px;filter:none}
.hero-art:before{background:rgba(15,31,26,.62);border:1px solid #ffffff38;border-radius:30px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero-art figcaption{padding:15px 8px 5px;font-size:9px;letter-spacing:1.3px}
.ticker{background:rgba(30,51,40,.42);border-color:rgba(236,255,240,.2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff0f}
.button{border-radius:30px;border-color:rgba(222,255,166,.75);background:linear-gradient(145deg,rgba(218,255,159,.92),rgba(161,208,94,.83));box-shadow:inset 0 1px 0 #ffffffa3,0 5px 20px #0002}
.button:hover{background:linear-gradient(145deg,#c8fff9e8,#58d8cfe8);box-shadow:inset 0 1px 0 #ffffffb0,0 7px 24px #56dfd026}
.button.secondary{background:linear-gradient(135deg,#ffffff14,#ffffff05);border-color:#b0f2ec4d;box-shadow:inset 0 1px 0 #ffffff24;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.button.secondary:hover{background:#ffffff20}
.rust-art{background:linear-gradient(160deg,rgba(199,97,74,.7),rgba(114,48,37,.55));border-color:#ffffff26}
.next-game{border-style:solid}
.specs span{background:#ffffff0b;border:1px solid #b0f2ec30;border-radius:30px;color:#dde9da;box-shadow:inset 0 1px 0 #ffffff10}
.community-band{border-top:0}
.community-band>div:first-child,.values,.page-title,.detail-layout>section{padding:30px;background:linear-gradient(135deg,rgba(51,78,66,.24),rgba(9,25,20,.6));border:1px solid rgba(231,255,241,.15);border-radius:var(--radius);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%)}
.page-title{margin-block:44px 30px;padding:35px;max-width:850px}
.discord-banner{background:linear-gradient(125deg,rgba(172,219,113,.3),rgba(32,69,43,.66));color:var(--ink);border-color:#cbb4ff54}
.discord-banner p{color:#d6e6c8}
.discord-banner .button{color:#142010;background:linear-gradient(145deg,#b6f9f1eb,#65dcd3de);border-color:#b6f9f180}
.notice{border-left:3px solid #63e4d5a3;color:#d8e5d7}
.owner{padding:30px}
.footer{background:rgba(9,23,18,.58);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-color:#ffffff26}
.footer-top .brand{box-shadow:none}
.motion-toggle,.menu-toggle,.dialog-close,.copy-row{background:linear-gradient(135deg,#b3d5c522,#0c241ea8);border-color:#a6f5e93d;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff29;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
dialog{background:linear-gradient(135deg,rgba(49,78,64,.87),rgba(10,27,22,.9))}
dialog::backdrop{background:#020a075c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.toast{border:1px solid #cbb4ff80;border-radius:20px;background:rgba(190,235,135,.91);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.value:last-child{border-bottom:0;padding-bottom:0}
.hero h1,.page-title h1{text-shadow:0 3px 24px #0003}
@media(max-width:950px){.hero-copy{padding:24px}.hero-copy h1{font-size:clamp(42px,5.4vw,58px)}.community-band>div:first-child,.values,.detail-layout>section{padding:24px}}
@media(max-width:650px){
  .hero-copy{padding:23px 20px}.hero-copy h1{font-size:clamp(32px,8.6vw,50px)}
  .hero-art{width:calc(100% - 12px)}.hero-art figcaption{font-size:8px;letter-spacing:.9px;gap:8px}
  .site-background::after{background:rgba(5,15,12,.48)}
  .hero-copy,.hero-art,.rust-card,.next-game,.owner,.notice,.discord-banner,.values,.page-title,.detail-layout>section{backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%)}
  .nav-links{background:rgba(14,32,24,.96);border:1px solid #ffffff30;border-radius:0 0 22px 22px;box-shadow:0 16px 35px #0005}
  .rust-art{border-bottom-color:#ffffff26}.page-title{margin-top:24px;padding:26px 22px}
  .page-title h1{font-size:clamp(34px,9vw,48px)}.discord-banner{padding:26px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .nav-shell,.hero-copy,.hero-art,.rust-card,.next-game,.owner,.notice,.discord-banner,.community-band>div:first-child,.values,.page-title,.detail-layout>section,.footer{background-color:rgba(13,30,23,.93)}
}

/* Bound the artwork independently of its source pixel dimensions. */
.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.hero>*{min-width:0}
.hero-art{width:min(100%,360px);max-width:360px;justify-self:center;transform:none}
.hero-art img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:650px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{width:min(100%,280px);max-width:280px}}

/* Community shop. No payment flow until real products and checkout are ready. */
.shop-title{max-width:900px}
.shop-status{display:inline-block;padding:9px 14px;border:1px solid #bb9ff247;border-radius:30px;color:#e2f0d4;background:#63e4d514;font-size:12px}
.shop-section{padding-top:12px;padding-bottom:25px}
.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.shop-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:32px;background:linear-gradient(145deg,#72948735,#0c1c18b3);border:1px solid #b0f2ec3d;border-radius:var(--radius);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
.shop-featured{border-color:#c3a5ff70;background:linear-gradient(145deg,#9c85ed30,#0c1c18b8)}
.shop-icon{display:grid;place-items:center;width:64px;height:64px;color:var(--lime);background:#b8f4ee0d;border:1px solid #a6f5e938;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff29;margin-bottom:28px}
.shop-icon svg{width:34px;height:34px}
.rust-shop-icon{background:#d166421f}.rust-shop-icon img{width:36px;height:36px;object-fit:contain;filter:brightness(0) invert(1)}
.shop-card h3{font-size:26px;min-height:65px;margin-bottom:16px}
.shop-card>p{font-size:14px;margin-bottom:18px}
.shop-points{padding:0;list-style:none;margin:0 0 30px;color:#d0ddce;font-size:13px}
.shop-points li{padding:7px 0}.shop-points li:before{content:'＋';color:var(--lime);margin-right:10px}
.shop-card-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:23px;width:100%}
.availability{display:block;padding:12px 18px;border-radius:30px;border:1px solid #d6c4fa40;background:#d6c4fa0e;color:#dce8d5;text-align:center;font-weight:650;font-size:14px}
.shop-card-bottom p{font-size:11px;color:#aabca8;margin:12px 0 0;text-align:center}
.shop-help{margin-top:0;padding-bottom:70px}
.shop-help>div{padding:30px;border:1px solid #b0f2ec26;border-radius:var(--radius);background:linear-gradient(135deg,#334e423d,#09191499);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
@media(min-width:651px) and (max-width:950px){.nav{gap:18px}.nav-links{gap:16px}.nav>.button{padding:10px 12px;font-size:12px}.wordmark{font-size:16px}.wordmark small{font-size:8px;letter-spacing:2.8px}.shop-grid{gap:15px}.shop-card{padding:23px}.shop-card h3{font-size:22px}}
@media(max-width:700px){.shop-grid{grid-template-columns:minmax(0,1fr)}.shop-card h3{min-height:0}.shop-card{padding:27px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.shop-icon{margin-bottom:23px}.shop-help{padding-bottom:45px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.shop-card,.shop-help>div{background-color:#0d1e17ed}}
@media(min-width:651px) and (max-width:800px){.nav>.button{display:none}.menu-toggle{display:block;background:#b3d5c522;color:var(--ink);border:1px solid #a6f5e93d;border-radius:14px;padding:8px 12px;cursor:pointer}.nav-links{display:none;position:absolute;top:87px;left:0;right:0;padding:24px;background:#0e2018f5;border:1px solid #ffffff30;border-radius:0 0 22px 22px;box-shadow:0 16px 35px #0005}.nav-links.is-open{display:flex;flex-direction:column;align-items:stretch}.nav-links>a{padding:8px}}

/* Finishing details: glass edges, deliberate hierarchy, restrained motion. */
:root{--glass-shadow:0 22px 60px #00000032,0 2px 8px #0000001c,inset 0 1px 0 #ffffff38,inset 1px 0 0 #ffffff0a,inset 0 -1px 0 #ffffff08}
::selection{background:#63e4d5;color:#102015}
.brand img{box-shadow:0 0 0 4px #d5ffe60a,0 0 25px #56dfd019;border-color:#b0f2ec52}
.wordmark{letter-spacing:.3px}.wordmark small{font-weight:500}
.nav-links>a{position:relative;transition:color .2s;text-wrap:nowrap}
.nav-links>a:after{content:'';position:absolute;left:0;right:0;bottom:-13px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:center;transition:transform .2s;border-radius:2px;box-shadow:0 0 13px #63e4d550}
.nav-links>a:hover,.nav-links>a:focus-visible{color:#f4ffe9}
.nav-links>a[aria-current=page]:after{transform:scaleX(1)}
.hero{padding-top:58px;padding-bottom:58px}
.hero-copy{background:radial-gradient(ellipse at 0 0,#e4ffe51c,transparent 65%),linear-gradient(135deg,#40594d38,#0c1c18a6)}
.hero-copy h1{letter-spacing:-1.5px}.hero-copy h1 span{background:linear-gradient(120deg,#cbfff7,#63e4d5 55%,#b395ed);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-art{border-color:#e1fff14f;box-shadow:0 25px 65px #0005,0 0 70px #91ebc80e,inset 0 1px 0 #ffffff66;background:linear-gradient(135deg,#dbfff22e,#153c2b66)}
.hero-art picture{display:block;border-radius:14px;overflow:hidden;background:#0b1e21}
.hero-art:before{font-size:8px;letter-spacing:1.7px;right:23px;top:23px}
.hero-art figcaption{align-items:center;padding-block:16px 6px;color:#d0e1d3}
.hero-art figcaption b{border:1px solid #c7b2ff30;background:#9c85ed0c;border-radius:20px;padding:3px 8px;white-space:nowrap}
.eyebrow{font-size:10px;letter-spacing:2.1px}
.eyebrow:before{box-shadow:0 0 12px #63e4d540;border-radius:50%}
.section-head h2{max-width:760px}
.text-link{border-color:#a0f2e84d;transition:color .2s,border-color .2s}
.text-link:hover{border-color:var(--lime)}
.button>span{transition:transform .2s}.button:hover>span{transform:translate(2px,-2px)}
.rust-card,.next-game,.shop-card,.owner{transition:border-color .25s,box-shadow .25s,transform .25s}
.rust-card:focus-within,.next-game:focus-within,.shop-card:focus-within{border-color:#bca2fa8c}
.rust-art{background:radial-gradient(ellipse at 20% 0,#e7986b4d,transparent 75%),linear-gradient(160deg,#b25440b3,#6c302c99)}
.rust-art:after{content:'';position:absolute;inset:14px;border:1px solid #ffe6cf26;border-radius:12px;pointer-events:none}
.tag{letter-spacing:1.7px;font-weight:650}
.next-game .plus{display:grid;place-items:center;width:48px;height:48px;font:29px/1 'Segoe UI',sans-serif;border:1px solid #a6f5e92e;background:#dfffcd0a;border-radius:15px;box-shadow:inset 0 1px 0 #ffffff20}
.value h3{color:#eaf2e5}.value b{display:grid;place-items:center;width:29px;height:29px;border:1px solid #63e4d52e;border-radius:9px;background:#63e4d508;font-size:11px}
.value{gap:13px;grid-template-columns:34px 1fr}
.discord-banner{background:radial-gradient(ellipse at 0 0,#d9c8ff2b,transparent 65%),linear-gradient(125deg,#acdb714d,#20452ba8);box-shadow:var(--glass-shadow),0 0 70px #8e7de807}
.discord-banner h2{letter-spacing:-.6px}
.shop-featured{box-shadow:var(--glass-shadow),0 0 40px #63e4d508}
.shop-card .shop-icon{background:radial-gradient(ellipse at 0 0,#ffffff12,transparent 75%),#b8f4ee0a}
.shop-card-bottom{border-image:linear-gradient(90deg,transparent,#eaffdd45,transparent) 1}
.availability{font-size:12px;letter-spacing:.5px;color:#dce8d5;background:linear-gradient(130deg,#d6c4fa12,#d6c4fa04)}
.shop-status{border-color:#b6f9f14f;box-shadow:inset 0 1px 0 #ffffff17}
summary{transition:color .2s;padding-right:12px}
summary:hover,details[open]>summary{color:var(--lime)}
summary::marker{color:#63e4d58f;font-size:.8em}
details[open]{border-bottom-color:#63e4d547}
.footer-links a{transition:color .2s}.footer-links a:hover,.footer-utility a:hover{color:var(--lime)}
.footer-utility{display:flex;gap:24px;align-items:center}.footer-utility a{color:#cddbc3}
.reveal-pending{opacity:0;transform:translateY(16px)}
.reveal-ready{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease,border-color .25s,box-shadow .25s}
@keyframes knh-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:knh-enter .6s ease both}.hero-art{animation:knh-enter .7s .08s ease both}}
@media(hover:hover) and (pointer:fine){.rust-card:hover,.next-game:hover,.shop-card:hover{transform:translateY(-4px);border-color:#a4f4eb6b;box-shadow:0 27px 65px #0005,inset 0 1px 0 #ffffff50,0 0 30px #56dfd008}.shop-card:hover .shop-icon{border-color:#b5f6ec59}.nav-links>a:hover:after{transform:scaleX(1)}}
@media(max-width:800px){.nav-links>a:after{bottom:2px;right:auto;width:25px}.footer-utility{flex-wrap:wrap;gap:14px 22px}}
@media(max-width:650px){.hero{padding-top:28px;padding-bottom:38px}.hero-copy h1{letter-spacing:-.7px}.hero-art:before{right:20px;top:20px;font-size:7px}.hero-art figcaption{font-size:7px;letter-spacing:.7px}.section-head h2{font-size:36px}.footer-utility{font-size:10px}.ticker .wrap{font-size:11px}}
@media(prefers-reduced-motion:reduce){.reveal-pending,.reveal-ready{opacity:1;transform:none}}

/* Knucklehead brand lockup: owner artwork, not the template's generic icon. */
.brand{gap:14px;flex-shrink:0}
.brand-mark{display:block;position:relative;flex:none;width:56px;height:56px;overflow:hidden;border-radius:17px;border:1px solid #c7adff66;background:#0c2734;box-shadow:0 5px 18px #0003,0 0 22px #a382ed1a,inset 0 1px 0 #ffffff50}
.brand .brand-mark img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none}
.brand-mark:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff70,inset 0 0 0 1px #ffffff0c;pointer-events:none;background:linear-gradient(145deg,#ffffff12,transparent 45%)}
.brand-lockup{display:flex;flex-direction:column;gap:7px}
.brand-name{font:400 25px/1 Octin,'Arial Black',sans-serif;letter-spacing:.7px;color:#f4f8f0;text-shadow:0 2px 14px #0004}
.brand-subtitle{display:flex;align-items:center;gap:8px;font:650 9px/1.2 'Segoe UI',sans-serif;letter-spacing:2.3px;color:#bfcec4}
.brand-subtitle:before{content:'';width:17px;height:2px;background:linear-gradient(90deg,var(--lime),#62d4d8);border-radius:2px}
.brand:hover .brand-mark{border-color:#9df4f0c4}
.brand:hover .brand-name{color:#c2f8f1}
.footer-brand .brand-mark{width:46px;height:46px;border-radius:14px}
.footer-brand .brand-name{font-size:22px}
@media(min-width:801px) and (max-width:1050px){.nav .brand{gap:11px}.nav .brand-mark{width:46px;height:46px;border-radius:14px}.nav .brand-name{font-size:21px}.nav .brand-subtitle{font-size:8px;letter-spacing:1.5px}.nav-links{gap:18px}.nav{gap:20px}}
@media(max-width:650px){.brand{gap:10px}.brand-mark{width:45px;height:45px;border-radius:14px}.brand-name{font-size:21px;letter-spacing:.3px}.brand-subtitle{font-size:7px;letter-spacing:1.6px;gap:6px}.brand-subtitle:before{width:12px}.brand-lockup{gap:6px}.nav{gap:10px}.menu-toggle{padding:8px 10px;font-size:12px}}
@media(max-width:360px){.brand-name{font-size:18px}.brand-subtitle{font-size:6px;letter-spacing:1.3px}.brand-mark{width:40px;height:40px}.brand{gap:9px}}

/* Owner palette: turquoise light, teal glass, violet depth. */
:root{--bg:#0c151c;--panel:#1526318f;--ink:#f1f5fc;--muted:#c0ccd8;--line:#b3d8f02b;--lime:#63e4d5;--accent-purple:#b69af4}
html{background:#0c151c}
::selection{background:#b59af2;color:#101521}
.site-background::after{background:linear-gradient(105deg,rgba(5,24,30,.62),rgba(24,10,42,.34)),linear-gradient(0deg,rgba(12,10,30,.6),transparent 70%)}
.nav-shell{background:linear-gradient(110deg,#25575c45,#221b3ba8);border-color:#b6e9ee38;box-shadow:0 8px 35px #05051430,inset 0 1px 0 #e5d6ff29}
.hero-copy{background:radial-gradient(ellipse at 0 0,#72f4e41c,transparent 65%),linear-gradient(135deg,#214c563d,#21142da6)}
.hero-copy h1 span{background-image:linear-gradient(115deg,#b9fff1 0%,#63e4d5 40%,#c0a1ff 100%)}
.hero-copy>p{color:#d5e1ed}
.hero-art{background:linear-gradient(140deg,#a487e82e,#16475366);border-color:#c4b0f363;box-shadow:0 25px 65px #08051750,0 0 65px #9f76f21a,inset 0 1px 0 #e5d6ff70}
.hero-art:before{background:#1b173c94;border-color:#d6c5ff47}
.hero-art figcaption{color:#c6d8e8}.hero-art figcaption b{color:#c5a9ff}
.brand-mark{background:#1b1940;border-color:#c2a7fa70;box-shadow:0 5px 18px #0003,0 0 22px #a382ed26,inset 0 1px 0 #ffffff50}
.brand-subtitle{color:#bfccde}.brand-subtitle:before{background:linear-gradient(90deg,#63e4d5,#b69af4)}
.button{color:#0c2330;background:linear-gradient(135deg,#a3f4eaed,#59cfcbd9);border-color:#b6fff6b3;box-shadow:inset 0 1px 0 #e0fff9a3,0 5px 22px #0a1b3430}
.button:hover{background:linear-gradient(135deg,#c0fff6,#80e6e1);box-shadow:inset 0 1px 0 #ffffffb0,0 7px 26px #63e4d533}
.button.secondary{color:#e5e9fa;background:linear-gradient(135deg,#b39beb1c,#394b7d14);border-color:#cbb5ff4d}
.button.secondary:hover{background:#a58ce82e}
.ticker{background:linear-gradient(90deg,#173e485c,#30204461);border-color:#b9d6f033}
.rust-card,.next-game,.owner{background:linear-gradient(135deg,#3d69723d,#251733a6);border-color:#c0d7f038}
.values,.community-band>div:first-child,.page-title,.detail-layout>section,.shop-help>div{background:linear-gradient(135deg,#224d5745,#281a3c99);border-color:#b8c9ee2e}
.specs span{color:#d0ebe8;background:#49bfbe0d;border-color:#94e5dc3d}
.value h3{color:#edf0fc}.value p{color:#c1cada}
.value b{color:#c4acff;border-color:#b69af43d;background:#a384e814}
.discord-banner{background:radial-gradient(ellipse at 0 0,#94f7e323,transparent 60%),linear-gradient(115deg,#18606b85,#542e767d);border-color:#bca2fa63;box-shadow:var(--glass-shadow),0 0 65px #9570dc12}
.discord-banner p{color:#d5def1}.discord-banner .button{background:linear-gradient(135deg,#c4afffef,#9e83e8e8);border-color:#e0ceff99;color:#24163b}
.discord-banner .button:hover{background:linear-gradient(135deg,#e0d1ff,#b59af2)}
.shop-card{background:linear-gradient(145deg,#28555d52,#291a40b3);border-color:#c5c1f23d}
.shop-featured{background:linear-gradient(145deg,#aa85e838,#152735b8);border-color:#c3a5ff80;box-shadow:var(--glass-shadow),0 0 40px #a88afa12}
.shop-icon{color:#79eee1;border-color:#9eece94d;background:#7de9df0d}
.shop-featured .shop-icon{color:#cfb5ff;border-color:#c3a5ff59;background:#b79cf018}
.shop-points{color:#d1dae8}.shop-card-bottom p{color:#b9c3d7}
.availability{background:linear-gradient(130deg,#bb98ee1f,#70d8d00e);border-color:#cbb6f54d;color:#e3def4}
.shop-status{color:#e0d9f8;border-color:#c2a4f266;background:#9a77dc1f}
.notice{background:linear-gradient(135deg,#25505a4d,#2e1e45a6);border-left-color:#63e4d5a3;color:#d7e2ed}
.footer{background:linear-gradient(115deg,#102c3499,#211432b3);border-color:#bbbfeb33}
.footer-links,.footer-bottom{color:#b1bfd0}.footer-utility a{color:#d8d0ee}
dialog{background:linear-gradient(135deg,#264e59ed,#281d40f0);border-color:#c4a6fa80}
dialog::backdrop{background:#07071870}
.copy-row,.dialog-close,.menu-toggle{border-color:#c7b5ff47;background:linear-gradient(135deg,#78d8d319,#53377459)}
.toast{background:#94e7dfeF;border-color:#c9fff6;color:#102b34}
@media(max-width:800px){.nav-links{background:#171d32f5;border-color:#b6a1ef4d}}
@media(max-width:650px){.site-background::after{background:linear-gradient(140deg,#08212b8c,#21113280)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nav-shell,.hero-copy,.hero-art,.rust-card,.next-game,.owner,.notice,.discord-banner,.community-band>div:first-child,.values,.page-title,.detail-layout>section,.footer,.shop-card,.shop-help>div{background-color:#152233f5}}

/* Rust / Servers: cel-shaded surfaces, ink outlines, halftone and hard shadows. */
.theme-cel{--cel-ink:#080d1c;--line:#a1d9eb42;--muted:#d0deef}
.theme-cel .site-background::after{background:rgba(8,14,32,.58)}
.theme-cel .nav-shell{background:#142738f5;border-bottom:3px solid var(--cel-ink);box-shadow:0 4px 0 #080d1c7a;backdrop-filter:none;-webkit-backdrop-filter:none}
.theme-cel .page-title,.theme-cel .rust-card,.theme-cel .next-game,.theme-cel .detail-layout>section,.theme-cel .notice,.theme-cel .discord-banner,.theme-cel dialog{border:3px solid var(--cel-ink);border-radius:10px;box-shadow:7px 7px 0 var(--cel-ink);backdrop-filter:none;-webkit-backdrop-filter:none}
.theme-cel .page-title{position:relative;background-color:#183c50;background-image:radial-gradient(#7eecdf2b 1px,transparent 1px);background-size:8px 8px;border-top:6px solid #65e0d4;margin-bottom:40px}
.theme-cel .page-title h1{color:#f0f6ff;text-shadow:3px 3px 0 var(--cel-ink);letter-spacing:.2px}
.theme-cel h2{color:#e4fff8;text-shadow:2px 2px 0 var(--cel-ink)}
.theme-cel .page-title p{max-width:640px;color:#deecfa}
.theme-cel .rust-card{background:#20384e;border-top:5px solid #63e4d5}
.theme-cel .rust-art{background:#208790;border-right:3px solid var(--cel-ink)}
.theme-cel .rust-art:after{inset:13px;border:2px solid #b0fff47a;border-radius:4px}
.theme-cel .next-game{background:#34264e;border-top:5px solid #b69af4}
.theme-cel .next-game .plus{border:2px solid var(--cel-ink);border-radius:6px;background:#b69af4;color:#19152e;box-shadow:3px 3px 0 var(--cel-ink)}
.theme-cel .detail-layout>section{background:#1a3045;padding:30px}
.theme-cel .detail-layout>section+section{background:#2b2644}
.theme-cel .specs span{background:#14606c;color:#e5fff8;border:2px solid var(--cel-ink);border-radius:5px;box-shadow:2px 2px 0 var(--cel-ink);font-weight:650}
.theme-cel .button,.theme-cel .discord-banner .button{background:#63e4d5;color:#0b2637;border:2px solid var(--cel-ink);border-radius:6px;box-shadow:4px 4px 0 var(--cel-ink);transition:transform .16s,box-shadow .16s,background .16s}
.theme-cel .button.secondary{background:#b69af4;color:#201333}
.theme-cel .button:hover,.theme-cel .discord-banner .button:hover{background:#a3fff0;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--cel-ink)}
.theme-cel .notice{background:#26384e;border-left:6px solid #63e4d5;color:#deebf8;padding:18px 20px}
.theme-cel .discord-banner{background-color:#24616b;background-image:radial-gradient(#b0fff01c 1px,transparent 1px);background-size:7px 7px;border-top:5px solid #a3fff0}
.theme-cel .discord-banner p{color:#e0f1fc}
.theme-cel .tag{color:#92f5e7}.theme-cel .next-game .tag{color:#d0baff}
.theme-cel .eyebrow{color:#9ef7e9}
.theme-cel .info-table div{border-color:#74afc14f}
.theme-cel .text-link{color:#9df1e6;border-bottom:2px solid #8bdecc85}
.theme-cel details{border-color:#b49ed33d}.theme-cel details[open]{border-bottom:2px solid #b69af4}
.theme-cel summary:hover,.theme-cel details[open]>summary{color:#d6c3ff}
.theme-cel dialog{background:#202e46}
.theme-cel .copy-row,.theme-cel .dialog-close,.theme-cel .menu-toggle{background:#293b54;border:2px solid var(--cel-ink);border-radius:6px;box-shadow:2px 2px 0 var(--cel-ink);backdrop-filter:none;-webkit-backdrop-filter:none}
.theme-cel .footer{background:#12283aeb;border-top:3px solid var(--cel-ink);backdrop-filter:none;-webkit-backdrop-filter:none}
@media(hover:hover) and (pointer:fine){.theme-cel .rust-card:hover,.theme-cel .next-game:hover{border-color:var(--cel-ink);border-top-color:#a2f7e6;box-shadow:10px 10px 0 var(--cel-ink);transform:translate(-2px,-2px)}}
@media(max-width:800px){.theme-cel .nav-links{background:#202e46;border:2px solid var(--cel-ink);border-radius:0 0 8px 8px;box-shadow:4px 4px 0 var(--cel-ink)}}
@media(max-width:650px){.theme-cel .page-title,.theme-cel .rust-card,.theme-cel .next-game,.theme-cel .detail-layout>section,.theme-cel .notice,.theme-cel .discord-banner{box-shadow:4px 4px 0 var(--cel-ink)}.theme-cel .rust-art{border-right:0;border-bottom:3px solid var(--cel-ink)}.theme-cel .detail-layout>section{padding:24px}.theme-cel .page-title h1{text-shadow:2px 2px 0 var(--cel-ink)}}
.brand-servers{color:var(--lime)}
@media(min-width:801px) and (max-width:1100px){.nav .brand-name{font-size:18px;letter-spacing:.2px}.nav{gap:16px}.nav-links{gap:14px}}
@media(max-width:650px){.brand-name{font-size:17px;letter-spacing:.1px}.brand-subtitle{font-size:7px;letter-spacing:1.6px}}
@media(max-width:380px){.brand-name{font-size:14px;letter-spacing:0}.brand-mark{width:38px;height:38px}.brand{gap:8px}.brand-subtitle{font-size:6px;letter-spacing:1.2px}}
.copy-row{flex-wrap:wrap;gap:14px}
.copy-row code{flex:1 0 100%;min-width:0;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.copy-row button{margin-left:auto}
.server-address,.connect-command{overflow-wrap:anywhere;min-width:0}

/* The approved cel-shaded direction, completed across Home, Community and Shop. */
.theme-cel .hero-copy,.theme-cel .hero-art,.theme-cel .values,.theme-cel .community-band>div:first-child,.theme-cel .owner,.theme-cel .shop-card,.theme-cel .shop-help>div{background:#1b344b;border:3px solid var(--cel-ink);border-radius:10px;box-shadow:7px 7px 0 var(--cel-ink);backdrop-filter:none;-webkit-backdrop-filter:none}
.theme-cel .hero-copy{border-top:6px solid #63e4d5;background-color:#193b4d;background-image:radial-gradient(#7eecdf21 1px,transparent 1px);background-size:8px 8px}
.theme-cel .hero-copy h1{color:#f0f6ff;letter-spacing:.1px;text-shadow:3px 3px 0 var(--cel-ink)}
.theme-cel .hero-copy h1 span{background:none;color:#7cf1e1;-webkit-text-fill-color:currentColor;text-shadow:3px 3px 0 var(--cel-ink)}
.theme-cel .hero-art{background:#3a2a54;border-top:5px solid #b69af4;box-shadow:8px 8px 0 var(--cel-ink)}
.theme-cel .hero-art picture{border:2px solid var(--cel-ink);border-radius:5px}
.theme-cel .hero-art img{border-radius:0}
.theme-cel .hero-art:before{background:#211a36;border:2px solid var(--cel-ink);border-radius:5px;box-shadow:2px 2px 0 var(--cel-ink);backdrop-filter:none;-webkit-backdrop-filter:none}
.theme-cel .hero-art figcaption b{background:#443360;color:#e6d4ff;border:2px solid var(--cel-ink);border-radius:4px;box-shadow:2px 2px 0 var(--cel-ink)}
.theme-cel .hero-copy>p,.theme-cel .hero-note{color:#dae6f2!important}
.theme-cel .ticker{background:#20374b;border-block:3px solid var(--cel-ink);box-shadow:0 4px 0 #080d1c70;backdrop-filter:none;-webkit-backdrop-filter:none}
.theme-cel .values{background:#302744;border-top:5px solid #b69af4}
.theme-cel .community-band>div:first-child{background:#193e4d;border-top:5px solid #63e4d5}
.theme-cel .owner{background:#332747;border-top:5px solid #b69af4}
.theme-cel .value b{background:#7760aa;color:#fff0ff;border:2px solid var(--cel-ink);border-radius:5px;box-shadow:2px 2px 0 var(--cel-ink)}
.theme-cel .eyebrow:before{border-radius:0;box-shadow:none}
.theme-cel .brand-mark{border:2px solid var(--cel-ink);border-radius:12px;box-shadow:3px 3px 0 var(--cel-ink);background:#292140}
.theme-cel .brand-mark:after{background:none;box-shadow:inset 0 1px 0 #d1bcff70}
.theme-cel .brand-name{text-shadow:2px 2px 0 var(--cel-ink)}
.theme-cel .brand-subtitle:before{background:#b69af4}
.theme-cel .nav-links>a:after{box-shadow:none}
.theme-cel .shop-card{background:#20364d;border-top:5px solid #63e4d5}
.theme-cel .shop-featured{background:#35274e;border-top-color:#b69af4;box-shadow:7px 7px 0 var(--cel-ink)}
.theme-cel .shop-icon,.theme-cel .shop-card .shop-icon{background:#26737b;border:2px solid var(--cel-ink);border-radius:7px;box-shadow:3px 3px 0 var(--cel-ink);color:#ccfff5}
.theme-cel .shop-featured .shop-icon{background:#8667b6;color:#fff0ff}
.theme-cel .shop-status{background:#4c3768;border:2px solid var(--cel-ink);border-radius:5px;box-shadow:3px 3px 0 var(--cel-ink);color:#f0e3ff}
.theme-cel .availability{background:#34475c;border:2px solid var(--cel-ink);border-radius:5px;box-shadow:3px 3px 0 var(--cel-ink);color:#dbe4f3}
.theme-cel .shop-card-bottom{border-image:none;border-top:2px solid #a4bdd43d}
.theme-cel .shop-help>div{background:#1c3d4d;border-top:5px solid #63e4d5}
.theme-cel .shop-help>section{background:#302744;border-top:5px solid #b69af4}
.theme-cel .toast{background:#7ce8d9;color:#102638;border:2px solid var(--cel-ink);border-radius:6px;box-shadow:4px 4px 0 var(--cel-ink);backdrop-filter:none;-webkit-backdrop-filter:none}
@media(hover:hover) and (pointer:fine){.theme-cel .shop-card:hover{border-color:var(--cel-ink);border-top-color:#bba0fa;box-shadow:10px 10px 0 var(--cel-ink);transform:translate(-2px,-2px)}.theme-cel .shop-card:hover .shop-icon{border-color:var(--cel-ink)}}
@media(max-width:650px){.theme-cel .hero-copy,.theme-cel .hero-art,.theme-cel .values,.theme-cel .community-band>div:first-child,.theme-cel .owner,.theme-cel .shop-card,.theme-cel .shop-help>div{box-shadow:4px 4px 0 var(--cel-ink)}.theme-cel .hero-copy h1,.theme-cel .hero-copy h1 span{text-shadow:2px 2px 0 var(--cel-ink)}}

/* Reference-led finish: hand-inked contours and worn shaded surfaces. */
.theme-cel{--cel-ink:#060e19;--ink-wear:url('https://maps.knuckleheadservers.com/community/20261023/ink-wear-a6ecf15fbd1a5d56.svg');--ink-contours:url('https://maps.knuckleheadservers.com/community/20261023/ink-contours-3e3218eba3e46a05.svg')}
.theme-cel :is(.hero-copy,.hero-art,.rust-card,.next-game,.values,.owner,.page-title,.shop-card,.discord-banner,.detail-layout>section,.shop-help>div,.community-band>div:first-child){position:relative;isolation:isolate;border:2px solid var(--cel-ink);border-radius:12px 17px 10px 15px / 15px 11px 18px 10px;box-shadow:4px 6px 0 #040a13,1px 2px 0 2px #040a1380}
.theme-cel :is(.hero-copy,.hero-art,.rust-card,.next-game,.values,.owner,.page-title,.shop-card,.discord-banner,.detail-layout>section,.shop-help>div,.community-band>div:first-child):after{content:'';position:absolute;inset:3px;background:var(--ink-contours) center/100% 100% no-repeat;opacity:.85;pointer-events:none;z-index:2;border:0;box-shadow:none;border-radius:inherit}
.theme-cel .hero-copy,.theme-cel .page-title{background-color:#255463;background-image:var(--ink-wear),linear-gradient(116deg,#72c5c112 0 62%,#080e1926 62% 76%,#080e193d 76%);background-size:240px 180px,100% 100%}
.theme-cel .hero-copy h1,.theme-cel .page-title h1{color:#e7f5ef;text-shadow:1px 2px 0 #040a13,2px 3px 0 #040a13;-webkit-text-stroke:.35px #060e19}
.theme-cel .hero-copy h1 span{color:#78dfce;text-shadow:1px 2px 0 #040a13,2px 3px 0 #040a13}
.theme-cel h2{text-shadow:1px 2px 0 #040a13;-webkit-text-stroke:.2px #060e19}
.theme-cel .hero-art{background-color:#554271;background-image:var(--ink-wear),linear-gradient(118deg,transparent 68%,#080e192e 68%);padding:13px}
.theme-cel .hero-art picture{border:2px solid #060e19;border-radius:9px 6px 10px 7px;box-shadow:inset 2px 2px 0 #0005}
.theme-cel .hero-art:before{z-index:3;border-radius:4px 7px 3px 5px;background:#302443;box-shadow:2px 3px 0 #040a13}
.theme-cel .hero-art figcaption{padding-left:6px;padding-right:6px}
.theme-cel .rust-card{background-color:#29485b;background-image:var(--ink-wear),linear-gradient(118deg,transparent 65%,#080e1933 65% 78%,#080e1947 78%);background-size:240px 180px,100% 100%}
.theme-cel .rust-art{background-color:#31909a;background-image:var(--ink-wear),linear-gradient(114deg,transparent 65%,#050c2026 65%);border-right:2px solid #060e19}
.theme-cel .rust-art:after{inset:5px;border:0;border-radius:0;background:var(--ink-contours) center/100% 100% no-repeat;opacity:.7}
.theme-cel .next-game,.theme-cel .values,.theme-cel .owner,.theme-cel .detail-layout>section+section,.theme-cel .shop-help>section{background-color:#443755;background-image:var(--ink-wear),linear-gradient(116deg,transparent 66%,#080e1926 66% 81%,#080e193d 81%);background-size:240px 180px,100% 100%}
.theme-cel .community-band>div:first-child,.theme-cel .detail-layout>section,.theme-cel .shop-help>div{background-color:#244959;background-image:var(--ink-wear),linear-gradient(112deg,transparent 69%,#080e1933 69%);background-size:240px 180px,100% 100%}
.theme-cel .shop-card{background-color:#294b5b;background-image:var(--ink-wear),linear-gradient(115deg,transparent 67%,#080e192b 67% 80%,#080e1940 80%);background-size:240px 180px,100% 100%}
.theme-cel .shop-featured{background-color:#574170;background-image:var(--ink-wear),linear-gradient(115deg,transparent 65%,#080e1926 65% 80%,#080e1940 80%)}
.theme-cel .discord-banner{background-color:#337d83;background-image:var(--ink-wear),linear-gradient(112deg,#b4efdd0c 0 64%,#080e1926 64% 81%,#080e193d 81%);background-size:240px 180px,100% 100%}
.theme-cel .notice{background-color:#2d4557;background-image:var(--ink-wear);border:2px solid #060e19;border-left:5px solid #65cbbc;border-radius:7px 10px 5px 8px;box-shadow:3px 4px 0 #040a13}
.theme-cel .button,.theme-cel .discord-banner .button{position:relative;background-color:#74d9cc;background-image:linear-gradient(176deg,#c2fff65e 0 11%,transparent 11% 79%,#0b394c40 79%);border:2px solid #060e19;border-radius:6px 9px 5px 8px / 8px 5px 9px 5px;box-shadow:3px 4px 0 #040a13,inset 2px 2px 0 #cffff93d,inset -2px -2px 0 #09233030;color:#112938}
.theme-cel .button:after{content:'';position:absolute;inset:4px 5px;border-top:1px solid #09132280;border-right:1px solid #09132280;border-radius:3px 5px 2px 4px;pointer-events:none;clip-path:polygon(0 0,26% 0,26% 40%,70% 40%,70% 0,100% 0,100% 100%,92% 100%,92% 35%,0 35%)}
.theme-cel .button.secondary{background-color:#ad93d4;background-image:linear-gradient(176deg,#e5d2ff47 0 12%,transparent 12% 78%,#30213f40 78%);color:#241731}
.theme-cel .button:hover,.theme-cel .discord-banner .button:hover{background-color:#9aebdb;background-image:linear-gradient(176deg,#e0fff747 0 11%,transparent 11% 79%,#0b394c33 79%);box-shadow:1px 2px 0 #040a13,inset 1px 1px 0 #d9fff947}
.theme-cel .specs span,.theme-cel .availability,.theme-cel .shop-status,.theme-cel .value b,.theme-cel .next-game .plus,.theme-cel .shop-icon{border-radius:5px 8px 4px 7px;border-width:1.5px;box-shadow:2px 3px 0 #040a13;background-image:var(--ink-wear)}
.theme-cel .brand-mark{border-radius:12px 15px 10px 14px;border-width:2px;box-shadow:2px 3px 0 #040a13}
.theme-cel .nav-shell{background-color:#182f40;background-image:var(--ink-wear);border-bottom:2px solid #040a13;box-shadow:0 3px 0 #040a13b3}
.theme-cel .ticker{background-color:#243e50;background-image:var(--ink-wear);border-block-width:2px}
.theme-cel .footer{background-color:#182e3e;background-image:var(--ink-wear);border-top-width:2px}
.theme-cel dialog{background-color:#2b3c53;background-image:var(--ink-wear);border-radius:12px 17px 10px 15px}
@media(hover:hover) and (pointer:fine){.theme-cel .rust-card:hover,.theme-cel .next-game:hover,.theme-cel .shop-card:hover{border:2px solid #060e19;box-shadow:6px 8px 0 #040a13;transform:translate(-1px,-2px)}}
@media(max-width:650px){.theme-cel :is(.hero-copy,.hero-art,.rust-card,.next-game,.values,.owner,.page-title,.shop-card,.discord-banner,.detail-layout>section,.shop-help>div,.community-band>div:first-child){box-shadow:3px 4px 0 #040a13}.theme-cel .rust-art{border-right:0;border-bottom:2px solid #060e19}}

/* Keep drawn contours inside an edge band, away from captions and controls. */
.theme-cel :is(.hero-copy,.hero-art,.rust-card,.next-game,.values,.owner,.page-title,.shop-card,.discord-banner,.detail-layout>section,.shop-help>div,.community-band>div:first-child):after,.theme-cel .rust-art:after{inset:2px;background:none;border:10px solid transparent;border-image-source:var(--ink-contours);border-image-slice:25;border-image-width:10px;border-image-outset:0;border-image-repeat:stretch;opacity:.72}
.theme-cel .hero{align-items:start;gap:48px}
.theme-cel .hero-art{margin-top:0;justify-self:end;padding:15px}
.theme-cel .hero-art figcaption{display:flex;align-items:center;gap:12px;min-height:42px;padding:13px 4px 3px;line-height:1.5}
.theme-cel .hero-art figcaption>span{min-width:0;flex:1;font-size:8px;letter-spacing:.8px}
.theme-cel .hero-art figcaption>b{flex:none}
.theme-cel .server-grid{align-items:stretch;gap:24px}
.theme-cel .server-body{padding:32px;display:flex;flex-direction:column;align-items:flex-start}
.theme-cel .server-body .server-bottom{width:100%;margin-top:auto;padding-top:7px}
.theme-cel .server-body .specs{margin-bottom:24px}
.theme-cel .next-game{justify-content:flex-start;padding:32px}
.theme-cel .next-game>.text-link{margin-top:auto}
.theme-cel .next-game>.plus{margin-bottom:22px}
.theme-cel .community-band{align-items:stretch}
.theme-cel .discord-banner{padding:40px 44px;gap:28px}
.theme-cel .discord-banner>div{min-width:0;flex:1}
.theme-cel .discord-banner>.button{flex:none}
/* Bring the original dots back selectively, mixed with the shaded ink style. */
.theme-cel .hero-copy,.theme-cel .page-title{background-image:radial-gradient(#93eee126 .9px,transparent 1px),var(--ink-wear),linear-gradient(116deg,#72c5c112 0 62%,#080e1926 62% 76%,#080e193d 76%);background-size:8px 8px,240px 180px,100% 100%;background-position:2px 2px,0 0,0 0}
.theme-cel .discord-banner{background-image:radial-gradient(#b5f6eb21 .9px,transparent 1px),var(--ink-wear),linear-gradient(112deg,#b4efdd0c 0 64%,#080e1926 64% 81%,#080e193d 81%);background-size:9px 9px,240px 180px,100% 100%}
.theme-cel .shop-featured{background-image:radial-gradient(#dac2ff1c .8px,transparent 1px),var(--ink-wear),linear-gradient(115deg,transparent 65%,#080e1926 65% 80%,#080e1940 80%);background-size:9px 9px,240px 180px,100% 100%}
@media(max-width:950px){.theme-cel .hero{gap:30px}.theme-cel .server-body,.theme-cel .next-game{padding:27px}.theme-cel .discord-banner{padding:32px}}
@media(max-width:650px){.theme-cel .hero-art{justify-self:center}.theme-cel .hero-art figcaption{gap:8px;min-height:40px}.theme-cel .hero-art figcaption>span{font-size:7px;letter-spacing:.5px}.theme-cel .server-body,.theme-cel .next-game{padding:26px}.theme-cel .next-game>.text-link{margin-top:12px}.theme-cel .discord-banner{padding:28px;gap:22px}.theme-cel .discord-banner>.button{align-self:flex-start}}
.rust-brand{display:flex;flex-direction:column;align-items:center;gap:15px;padding:22px 16px}
.rust-emblem{display:block;position:relative;width:88px;height:88px;overflow:hidden;flex:none}
/* Official 1080px artwork has a 400px mark at (340,340). Crop its transparent
   canvas in layout only; keep the publisher's actual mark and colors intact. */
.theme-cel .rust-emblem img{display:block;position:absolute;left:-85%;top:-85%;width:270%;height:270%;max-width:none;object-fit:fill;filter:none;border-radius:0}
.rust-wordmark{font:400 29px/1 Octin,'Arial Black',sans-serif;letter-spacing:2px;color:#f2f1e8;text-shadow:2px 2px 0 #060e19}
.theme-cel .rust-art{background-color:#173b48}
.theme-cel .rust-shop-icon{background-color:#263747}
.rust-shop-icon .rust-emblem{width:38px;height:38px}
@media(max-width:650px){.rust-brand{flex-direction:row;gap:18px;padding:14px 24px}.rust-art .rust-emblem{width:66px;height:66px}.rust-wordmark{font-size:32px}}

/* Competitive Rust details: readable feature blocks, aligned within the panel. */
.rust-features{list-style:none;margin:28px 0;padding:0;display:grid;gap:0}
.rust-features li{padding:22px 0;border-top:1px solid #8edbd43b;min-width:0}
.rust-features .tag{color:#9af0e0;font-size:10px;letter-spacing:1.5px}
.rust-features h3{margin:8px 0;font-size:21px;line-height:1.25}
.rust-features p{margin:0;font-size:15px;line-height:1.7}
.rust-features li:nth-child(3) .tag{color:#d5b9ff}
@media(max-width:650px){.rust-features{margin:22px 0}.rust-features li{padding:18px 0}.rust-features h3{font-size:20px}}

/* Web-native animation preserves the artwork without the original GIF payload. */
.hero-media{width:100%;aspect-ratio:1}
.hero-art .hero-motion{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:inherit}
.hero-art .hero-static{display:none}
.save-data .hero-art .hero-motion{display:none}
.save-data .hero-art .hero-static{display:block}
@media(prefers-reduced-motion:reduce){.hero-art .hero-motion{display:none}.hero-art .hero-static{display:block}}