.mission-experience{margin:22px 0;padding:22px;border:1px solid #b8955070;border-radius:12px;background:linear-gradient(135deg,#1e2c25,#101820);line-height:1.65;color:#e6ece6}.mission-hook{font-size:clamp(21px,3vw,29px);font-weight:800;line-height:1.25;color:#f3cc86;margin-top:0}.mission-tags{display:flex;flex-wrap:wrap;gap:8px}.mission-tags span{padding:4px 10px;border:1px solid #648074;border-radius:20px;font-size:12px}.mission-block{margin:18px 0}.mission-block h3{font-size:17px;margin:10px 0}.mission-block li{margin:7px 0}.mission-note{font-size:13px;color:#b6c7bd}.mission-experience summary{cursor:pointer;font-weight:700;padding:10px 0}.mission-experience :focus-visible{outline:3px solid #f0c273;outline-offset:4px}#own-career:empty{display:none}@media(max-width:540px){.mission-experience{padding:16px}.mission-experience ol,.mission-experience ul{padding-left:23px}}

.mission-experience,.mission-block{padding-top:0}.mission-experience{padding-top:22px}#mission-close{float:right;margin-bottom:12px}#mission-title{clear:both}

#mission-content>img{max-height:250px;object-fit:cover}#mission-content>.mission-experience{margin-top:18px}


/* CMS Event/Community responsive shell, shared by public site and event booking. */
html { --cms-shell-accent:#d4b36b; --cms-shell-accent-soft:#e9d5a6; --cms-shell-bg:#0b130f; }
html[data-cms-site="portal"] { --cms-shell-accent:#84c5d7; --cms-shell-accent-soft:#d6eff5; --cms-shell-bg:#0a151d; }
.cms-viewbar {
  position:sticky; top:0; z-index:200;
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  width:100%; min-height:60px; padding:8px clamp(16px,4vw,48px);
  background:rgba(9,19,16,.97); color:#f4f1e5;
  border-bottom:1px solid color-mix(in srgb,var(--cms-shell-accent) 38%,transparent);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
}
html[data-cms-site="portal"] .cms-viewbar{background:rgba(6,16,22,.97)}
.cms-viewbar *,.cms-mobile-dock *{box-sizing:border-box}
.cms-viewbar-brand{font-size:13px;letter-spacing:.09em;line-height:1.2;font-weight:850;color:var(--cms-shell-accent-soft)}
.cms-viewbar-brand small{display:block;letter-spacing:.12em;font-size:10px;font-weight:600;color:#b9c3b9;margin-top:3px}
.cms-viewbar-controls{display:flex;align-items:center;gap:10px}
.cms-viewbar-controls label{display:flex;flex-direction:row;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:#ced5ce;min-width:0;margin:0}
.cms-viewbar select{appearance:auto;width:auto;min-width:112px;max-width:125px;padding:9px 8px;background:#18261c;color:#f5f0e2;border:1px solid #7d865f;border-radius:10px;font:600 13px/1.2 system-ui,sans-serif}
html[data-cms-site="portal"] .cms-viewbar select{background:#162a35;border-color:#618796}
.cms-viewbar .cms-menu-button{display:none;min-height:40px;border:1px solid #637861;padding:8px 12px;border-radius:10px;background:#223225;color:#f6e7c7;font:700 13px/1.2 system-ui,sans-serif}
.cms-viewbar :focus-visible,.cms-mobile-dock a:focus-visible{outline:3px solid var(--cms-shell-accent);outline-offset:3px}
.cms-mobile-dock{display:none}
html[data-cms-view="desktop"] body > header{max-width:none}
html[data-cms-view="desktop"][data-cms-site="portal"] #cards.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-cms-view="desktop"][data-cms-site="portal"] #cards .card{min-width:0}
html[data-cms-view="desktop"][data-cms-site="portal"] #cards .card > img{width:100%}
@media(min-width:1024px) {
  html[data-cms-view="desktop"][data-cms-site="community"] header nav.cms-primary-nav{flex-direction:row}
  html[data-cms-view="desktop"][data-cms-site="community"] .cms-primary-nav .links{display:flex}
}
html[data-cms-view="mobile"] body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));overflow-x:clip}
html[data-cms-view="mobile"] .cms-viewbar{min-height:58px;padding:8px 12px;gap:8px}
html[data-cms-view="mobile"] .cms-viewbar-brand{font-size:11px;letter-spacing:.045em}
html[data-cms-view="mobile"] .cms-viewbar-brand small{font-size:9px;letter-spacing:.05em}
html[data-cms-view="mobile"] .cms-viewbar-controls{gap:5px}
html[data-cms-view="mobile"] .cms-viewbar-controls label span{display:none}
html[data-cms-view="mobile"] .cms-viewbar select{min-width:85px;max-width:95px;padding:8px 3px;font-size:12px}
html[data-cms-view="mobile"] .cms-viewbar .cms-menu-button{display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:38px;padding:7px 8px}
html[data-cms-view="mobile"] body > header > nav.cms-primary-nav{display:none!important}
html[data-cms-view="mobile"] body > header > nav.cms-primary-nav.cms-menu-open{
  display:flex!important;flex-direction:column!important;align-items:stretch;
  gap:10px!important;padding:14px 16px!important;margin:0!important;
  background:rgba(10,22,18,.97);border-bottom:1px solid #66765c
}
html[data-cms-view="mobile"][data-cms-site="portal"] body > header > nav.cms-primary-nav.cms-menu-open{background:#0b1a22}
html[data-cms-view="mobile"] body > header > nav.cms-primary-nav.cms-menu-open > a{display:block;width:100%;text-align:center}
html[data-cms-view="mobile"] body > header > nav.cms-primary-nav .brand{display:none}
html[data-cms-view="mobile"] body > header > nav.cms-primary-nav.cms-menu-open .links{
  display:flex!important;flex-direction:column;gap:0;width:100%;align-items:stretch
}
html[data-cms-view="mobile"] body > header > nav.cms-primary-nav.cms-menu-open .links a{
  display:block;padding:12px 14px;border-bottom:1px solid #576b504d;font-size:15px
}
html[data-cms-view="mobile"] .cms-mobile-dock{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  position:fixed;bottom:0;left:0;right:0;z-index:300;
  min-height:69px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));
  background:rgba(8,17,12,.98);border-top:1px solid #68754b;
  box-shadow:0 -10px 28px #0007
}
html[data-cms-view="mobile"][data-cms-site="portal"] .cms-mobile-dock{background:#07141c;border-top-color:#516e7d}
html[data-cms-view="mobile"] .cms-mobile-dock a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;min-width:0;padding:5px 2px;color:#c0cbbf;
  text-decoration:none;font:650 11px/1.1 system-ui,sans-serif;border-radius:10px
}
html[data-cms-view="mobile"] .cms-mobile-dock a[aria-current="page"]{
  color:#0a160e;background:var(--cms-shell-accent);font-weight:800
}
html[data-cms-view="mobile"] .cms-mobile-dock svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round
}
html[data-cms-view="mobile"] body > header {padding:22px 16px!important;min-width:0}
html[data-cms-view="mobile"] body > header .hero{padding:25px 2px 18px!important}
html[data-cms-view="mobile"] body > header h1{font-size:clamp(27px,8vw,40px);line-height:1.14;overflow-wrap:anywhere}
html[data-cms-view="mobile"] body > main{padding:20px 14px!important;max-width:600px;margin:0 auto}
html[data-cms-view="mobile"] main .grid,
html[data-cms-view="mobile"] main .two,
html[data-cms-view="mobile"][data-cms-site="portal"] main #cards.grid{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px
}
html[data-cms-view="mobile"] main .card,
html[data-cms-view="mobile"] main .panel,
html[data-cms-view="mobile"] main .portal-help{min-width:0;border-radius:14px}
html[data-cms-view="mobile"][data-cms-site="portal"] main #cards .card{padding:16px;gap:10px}
html[data-cms-view="mobile"][data-cms-site="portal"] main #cards .card > img{width:100%;max-width:100%;height:auto}
html[data-cms-view="mobile"] main .card .body{padding:16px}
html[data-cms-view="mobile"] main .card button,
html[data-cms-view="mobile"][data-cms-site="portal"] main #cards .card button{width:100%;min-height:48px}
html[data-cms-view="mobile"] main .actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:stretch}
html[data-cms-view="mobile"] main .actions a,html[data-cms-view="mobile"] main .actions button{min-height:44px;text-align:center}
html[data-cms-view="mobile"] main .filters{display:grid;grid-template-columns:1fr;align-items:stretch;gap:4px}
html[data-cms-view="mobile"] main .filters label{min-width:0;width:100%}
html[data-cms-view="mobile"] main input,
html[data-cms-view="mobile"] main select,
html[data-cms-view="mobile"] main textarea,
html[data-cms-view="mobile"] dialog input,
html[data-cms-view="mobile"] dialog select,
html[data-cms-view="mobile"] dialog textarea {max-width:100%;font-size:16px}
html[data-cms-view="mobile"] .cms-page-tabs{display:none!important}
html[data-cms-view="mobile"] main .table-wrap,
html[data-cms-view="mobile"] main .clan-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
html[data-cms-view="mobile"] dialog{width:calc(100vw - 20px);max-width:none;max-height:calc(100dvh - 24px);padding:16px;border-radius:16px}
html[data-cms-view="mobile"] dialog::backdrop{background:#000d}
html[data-cms-view="mobile"] dialog .signup{grid-template-columns:minmax(0,1fr)}
html[data-cms-view="mobile"] dialog button{min-height:44px}
html[data-cms-view="mobile"] main .notice{margin:14px 0;padding:12px;font-size:13px}
html[data-cms-view="mobile"] footer{padding:24px 16px;margin-top:32px;overflow-wrap:anywhere}
html[data-cms-view="mobile"] #cms-lama{bottom:calc(81px + env(safe-area-inset-bottom,0px) + var(--lama-keyboard-gap,0px));right:12px}
html[data-cms-view="mobile"] #cms-lama-panel{height:min(600px,calc(var(--lama-visible-height,100dvh) - 175px))}
html[data-cms-view="mobile"] #cms-lama.lama-keyboard{bottom:calc(6px + var(--lama-keyboard-gap,0px))}
@media(max-width:360px){
 html[data-cms-view="mobile"] .cms-viewbar-brand{font-size:10px}
 html[data-cms-view="mobile"] .cms-viewbar-brand small{font-size:8px}
 html[data-cms-view="mobile"] .cms-viewbar select{min-width:80px}
 html[data-cms-view="mobile"] .cms-viewbar .cms-menu-button{min-width:54px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.cms-viewbar,.cms-mobile-dock{scroll-behavior:auto}}



/* CMS visual system 2026-10-27: public pages and booking portal, no backend changes. */
:root{
  --cms-design-gold:#e2bc70;
  --cms-design-ink:#f3f3ee;
  --cms-design-muted:#bfcbbe;
  --cms-design-line:rgba(198,181,120,.26);
  --cms-design-card:rgba(20,32,26,.98);
}
html[data-cms-site="community"] body{
  background:radial-gradient(ellipse 75vw 55vw at 5% -5%,#1c3223 0%,transparent 60%),
             radial-gradient(ellipse 80vw 60vw at 110% 15%,#1a251e 0%,transparent 56%),
             #0a110d;
  color:var(--cms-design-ink);
}
html[data-cms-site="community"] body>header{
  position:relative;
  background-position:center,center;
  background-size:cover;
  border-bottom:1px solid var(--cms-design-line);
  box-shadow:0 22px 60px #0005;
}
html[data-cms-site="community"] header .hero{
  max-width:1290px;
  margin:auto;
  padding-top:clamp(48px,6vw,94px);
  padding-bottom:clamp(44px,7vw,100px);
}
html[data-cms-site="community"] header .hero h1{
  font-weight:850;
  letter-spacing:-.045em;
  text-wrap:balance;
  text-shadow:0 3px 32px #000b;
}
html[data-cms-site="community"] header .hero>p{
  font-size:clamp(15px,1.4vw,19px);
  line-height:1.68;
  color:#e5e9de;
  text-shadow:0 2px 15px #000b;
}
html[data-cms-site="community"] header nav.cms-primary-nav{
  max-width:none;
  padding:17px max(24px,calc((100vw - 1320px)/2));
  background:#07100ccc;
  border-bottom:1px solid var(--cms-design-line);
}
html[data-cms-site="community"] header nav .brand{
  font-weight:900;
  letter-spacing:.04em;
  font-size:16px;
  color:#f4ddb2;
}
html[data-cms-site="community"] header nav .links a{
  border-radius:8px;
  padding:8px 3px;
  color:#e1e6da;
}
html[data-cms-site="community"] header nav .links a:hover,
html[data-cms-site="community"] header nav .links a:focus-visible{color:#ffe1a7;text-decoration:underline;text-underline-offset:5px}
html[data-cms-site="community"] main{
  max-width:1290px;
  padding-bottom:30px;
}
html[data-cms-site="community"] main>section{
  padding-top:clamp(38px,4.7vw,72px);
}
html[data-cms-site="community"] main h2{
  letter-spacing:-.025em;
  font-weight:800;
  line-height:1.12;
  text-wrap:balance;
}
html[data-cms-site="community"] main section>.eyebrow{
  color:#edc880;
}
html[data-cms-site="community"] .card,
html[data-cms-site="community"] .panel{
  border:1px solid var(--cms-design-line);
  background:linear-gradient(150deg,#1b2b20,#111b15 78%);
  border-radius:16px;
  box-shadow:0 12px 28px #0004;
}
html[data-cms-site="community"] .card{transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}
html[data-cms-site="community"] .card:hover{
  transform:translateY(-3px);
  border-color:#e2bc7070;
  box-shadow:0 18px 35px #0007;
}
html[data-cms-site="community"] .card img{
  display:block;
  aspect-ratio:16/9;
  border-radius:15px 15px 0 0;
}
html[data-cms-site="community"] .card .body h3{
  font-size:21px;line-height:1.25;
  text-wrap:balance;
}
html[data-cms-site="community"] .card .body p,
html[data-cms-site="community"] .panel p{
  line-height:1.65;
  color:#d4ddd1;
}
html[data-cms-site="community"] main button,
html[data-cms-site="community"] main .button,
html[data-cms-site="community"] header .button{
  border-radius:10px;
  min-height:44px;
  transition:background-color .15s,border-color .15s;
}
html[data-cms-site="community"] main button:hover,
html[data-cms-site="community"] main .button:hover{filter:brightness(1.07)}
html[data-cms-site="community"] main input,
html[data-cms-site="community"] main select,
html[data-cms-site="community"] main textarea{
  min-height:44px;
  background:#0c1710;
  border-color:#708065;
  border-radius:10px;
}
html[data-cms-site="community"] #message:not(:empty){
  border-radius:12px;
}
html[data-cms-site="community"] .cms-page-tabs{
  margin:23px 0 17px;
}
html[data-cms-site="community"] .cms-page-tabs a{
  background:#16241adf;
  font-weight:700;
}
html[data-cms-site="community"] footer{
  background:linear-gradient(#101b13,#09110c);
  border-top:1px solid var(--cms-design-line);
  color:#b9c7b8;
}
html[data-cms-site="portal"] body{
  background:radial-gradient(ellipse 900px 650px at 80% 0%,#172e39 0%,transparent 75%),#060b0e;
  color:#f0f5f5;
}
html[data-cms-site="portal"] body>header{
  background:linear-gradient(120deg,#0b161e,#132a34 72%,#081018);
  border-bottom:1px solid #365663;
  padding-top:clamp(36px,5vw,65px);
  padding-bottom:clamp(32px,4vw,56px);
}
html[data-cms-site="portal"] body>header h1{
  font-weight:850;letter-spacing:-.046em;
  text-wrap:balance;
  max-width:920px;
}
html[data-cms-site="portal"] body>header>.eyebrow{color:#b0d2df}
html[data-cms-site="portal"] body>header>div:last-child{
  margin-top:18px;
  font-size:17px;color:#d4e6ed;
}
html[data-cms-site="portal"] body>main{
  max-width:1240px;
  padding-top:clamp(24px,4vw,48px);
}
html[data-cms-site="portal"] main .intro{
  font-size:clamp(15px,1.4vw,18px);
  line-height:1.68;
  color:#d0e0e4;
}
html[data-cms-site="portal"] .card,
html[data-cms-site="portal"] .portal-help{
  background:linear-gradient(155deg,#12212a,#081319);
  border:1px solid #395b67;
  border-radius:16px;
  box-shadow:0 12px 29px #0006;
}
html[data-cms-site="portal"] #cards.grid{
  gap:20px;
  margin-top:24px;
}
html[data-cms-site="portal"] #cards .card{padding:19px;min-width:0}
html[data-cms-site="portal"] #cards .card img{max-width:100%}
html[data-cms-site="portal"] #cards .card h2{
  font-size:clamp(21px,2vw,26px);
  letter-spacing:-.025em;
  line-height:1.18;
  text-wrap:balance;
}
html[data-cms-site="portal"] #cards .card p{color:#d2e0e3;line-height:1.62}
html[data-cms-site="portal"] .notice{
  border:1px solid #456a79;
  border-left:4px solid #91c8da;
  background:#152934;
  border-radius:8px;
}
html[data-cms-site="portal"] dialog{
  background:#0b1a22;
  border:1px solid #6d9bad;
  box-shadow:0 18px 65px #000c;
}
html[data-cms-site="portal"] button,
html[data-cms-site="portal"] a.action{
  min-height:44px;border-radius:9px;
  font-weight:650;
}
html[data-cms-site="portal"] .portal-help{
  max-width:100%;
  padding:clamp(18px,3vw,30px);
}
html[data-cms-site="portal"] footer{
  border-top:1px solid #2c4651;
  background:#061016;
}
.cms-live-strip{
  display:flex;align-items:stretch;justify-content:center;
  gap:12px;max-width:1290px;
  margin:0 auto;padding:20px 24px 5px;
}
.cms-live-stat{
  flex:1;min-width:0;max-width:420px;
  display:flex;flex-direction:column;gap:5px;
  background:linear-gradient(140deg,#18281c,#101b15);
  border:1px solid var(--cms-design-line);
  border-radius:13px;
  padding:16px 18px;
}
html[data-cms-site="portal"] .cms-live-stat{
  background:linear-gradient(135deg,#142833,#0d1b22);
  border-color:#365663;
}
.cms-live-stat strong{
  color:#f2dda9;
  font:800 clamp(18px,2.2vw,27px)/1.2 system-ui,sans-serif;
  overflow-wrap:anywhere;
}
html[data-cms-site="portal"] .cms-live-stat strong{color:#b4e2ee}
.cms-live-stat span{
  color:#cbd4c6;
  font:600 12px/1.4 system-ui,sans-serif;
  letter-spacing:.02em;
}
.cms-live-strip[aria-busy="true"] .cms-live-stat strong{opacity:.7}
@media(max-width:780px){
  .cms-live-strip{padding:14px 14px 0;gap:8px}
  .cms-live-stat{padding:10px 9px;border-radius:10px}
  .cms-live-stat strong{font-size:clamp(15px,4.2vw,21px)}
  .cms-live-stat span{font-size:10px;letter-spacing:0}
}
@media(max-width:410px){
  .cms-live-strip{gap:6px;padding:10px 8px 0}
  .cms-live-stat{padding:10px 7px}
  .cms-live-stat strong{font-size:15px}
  .cms-live-stat span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 html[data-cms-site="community"] .card,
 html[data-cms-site="community"] button{transition:none}
 html[data-cms-site="community"] .card:hover{transform:none}
}



/* CMS Control App visual parity • public frontend • 2026-10-27 */
/* Palette and geometry derived from the deployed Command Center CSS. */
html[data-cms-site]{
  --cms-bg:#070606;
  --cms-bg2:#0c0a0a;
  --cms-panel:#120f0f;
  --cms-panel2:#181313;
  --cms-line:#2b1d1b;
  --cms-line2:#3d2925;
  --cms-text:#ece6e1;
  --cms-muted:#a8a09a;
  --cms-red:#b3201a;
  --cms-red-dark:#7d1410;
  --cms-red-hi:#e0342b;
  --cms-copper:#c8793a;
  --cms-copper2:#e3a063;
  --cms-ok:#3fcf7a;
  --cms-info:#52a8e0;
  --cms-control-radius:12px;
  --cms-control-font:"Segoe UI",system-ui,-apple-system,"Roboto",Arial,sans-serif;
  --cms-control-head:"Bahnschrift","Arial Narrow","Segoe UI",system-ui,sans-serif;
  --cms-shell-accent:#e3a063;
  --cms-shell-accent-soft:#f0c397;
  --cms-shell-bg:#070606;
  --cms-design-gold:#e3a063;
  --cms-design-ink:#ece6e1;
  --cms-design-muted:#a8a09a;
  --cms-design-line:#3d2925;
  --cms-design-card:#120f0f;
  color-scheme:dark;
}
html[data-cms-site] body,
html[data-cms-site="community"] body,
html[data-cms-site="portal"] body{
  background:radial-gradient(1100px 620px at 80% -12%,rgba(179,32,26,.13),transparent 72%),var(--cms-bg);
  color:var(--cms-text);
  font:15px/1.52 var(--cms-control-font);
  -webkit-font-smoothing:antialiased;
}
html[data-cms-site] body > header,
html[data-cms-site="community"] body > header,
html[data-cms-site="portal"] body > header{
  background:linear-gradient(90deg,rgba(7,6,6,.94),rgba(7,6,6,.83)),
    url("/cms-community/assets/tunnel-rats.webp") center 38% / cover no-repeat;
  border-bottom:1px solid var(--cms-line);
  box-shadow:none;
  position:relative;
}
html[data-cms-site][data-cms-page="events"] body>header{
  background-image:linear-gradient(90deg,#080606f4,#120908e0),url("/cms-community/assets/roguelike-war.webp");
}
html[data-cms-site][data-cms-page="liga"] body>header{
  background-image:linear-gradient(90deg,#080606f4,#160909df),url("/cms-community/assets/chaos-protocol.webp");
}
html[data-cms-site="portal"] body>header{
  background-image:linear-gradient(90deg,#080606f0,#140a0be8),url("/cms-community/assets/tunnel-rats.webp");
}
html[data-cms-site] h1,
html[data-cms-site] h2,
html[data-cms-site] h3,
html[data-cms-site] header .hero h1{
  color:var(--cms-text);
  font-family:var(--cms-control-head);
  letter-spacing:.01em;
  text-wrap:balance;
}
html[data-cms-site] header .hero h1,
html[data-cms-site="portal"] body>header h1{
  font-weight:800;
  text-transform:uppercase;
  line-height:1.06;
  letter-spacing:.017em;
  text-shadow:0 3px 25px #000;
}
html[data-cms-site] header .hero > p,
html[data-cms-site="portal"] body>header>div:last-child{
  color:#d2c8c2;
  text-shadow:none;
  font-size:clamp(14px,1.25vw,17px);
}
html[data-cms-site] header .hero span,
html[data-cms-site] .eyebrow,
html[data-cms-site] main section>.eyebrow,
html[data-cms-site="portal"] body>header>.eyebrow{
  color:var(--cms-copper2);
  letter-spacing:.14em;
  font-size:11px;
  text-transform:uppercase;
  font-weight:800;
}
html[data-cms-site] body > header > nav.cms-primary-nav{
  background:linear-gradient(180deg,#120d0d,#0c0a0a);
  border-color:var(--cms-line);
}
html[data-cms-site] a{color:var(--cms-copper2);}
html[data-cms-site] a:hover{color:#f3b17a;}
html[data-cms-site="community"] body > main,
html[data-cms-site="portal"] body > main{max-width:1510px;padding-left:clamp(16px,2.4vw,32px);padding-right:clamp(16px,2.4vw,32px)}
html[data-cms-site] main h2,
html[data-cms-site] main h3{font-weight:700;letter-spacing:.015em;}
html[data-cms-site] .panel,
html[data-cms-site] .card,
html[data-cms-site="portal"] .card,
html[data-cms-site="portal"] .portal-help{
  background:linear-gradient(155deg,var(--cms-panel),#0e0b0b);
  border:1px solid var(--cms-line2);
  border-radius:12px;
  box-shadow:0 10px 30px #0008;
  color:var(--cms-text);
}
html[data-cms-site] .card:hover{
  border-color:#794235;
  box-shadow:0 13px 30px #0009;
  transform:none;
}
html[data-cms-site] .card .body p,
html[data-cms-site] .panel p,
html[data-cms-site="portal"] #cards .card p,
html[data-cms-site="portal"] .portal-help p{color:#c1b8b3;}
html[data-cms-site] .card > img{border-radius:11px 11px 0 0;object-fit:cover}
html[data-cms-site] .badge,
html[data-cms-site] .mission-tags span{
  color:#f4b37d;
  background:#301914;
  border:1px solid #6a3527;
  border-radius:7px;
}
html[data-cms-site] button,
html[data-cms-site] main button,
html[data-cms-site] main .button,
html[data-cms-site] header .button,
html[data-cms-site] a.action,
html[data-cms-site] .cms-page-tabs a{
  background:linear-gradient(180deg,#8a1812,#5a100c);
  border:1px solid var(--cms-red);
  border-radius:10px;
  color:#f7f1ed;
  padding:10px 16px;
  font:700 14px/1.4 var(--cms-control-font);
  min-height:44px;
  text-decoration:none;
}
html[data-cms-site] button:hover,
html[data-cms-site] main button:hover,
html[data-cms-site] main .button:hover,
html[data-cms-site] header .button:hover,
html[data-cms-site] a.action:hover{
  background:linear-gradient(180deg,#b3201a,#711610);
  border-color:#dc4a3b;
  color:white;
  filter:none;
}
html[data-cms-site] button.secondary,
html[data-cms-site] .button.secondary,
html[data-cms-site] a.action.secondary,
html[data-cms-site] main .cms-page-tabs a{
  background:#171010;
  border:1px solid var(--cms-line2);
  color:#e0d9d4;
}
html[data-cms-site] main .cms-page-tabs a[aria-current="page"]{
  background:linear-gradient(90deg,#7f140f,#3d0e0b);
  color:white;
  border-color:var(--cms-red);
  box-shadow:inset 3px 0 0 var(--cms-copper);
}
html[data-cms-site] .secondary:hover{background:#271615;}
html[data-cms-site] input,
html[data-cms-site] select,
html[data-cms-site] textarea,
html[data-cms-site] main input,
html[data-cms-site] main select,
html[data-cms-site] main textarea,
html[data-cms-site="portal"] .signup input:not([type=checkbox]),
html[data-cms-site="portal"] .signup select{
  background:#0a0808;
  color:var(--cms-text);
  border:1px solid var(--cms-line2);
  border-radius:10px;
  min-height:44px;
  padding:10px 12px;
  font:16px/1.4 var(--cms-control-font);
}
html[data-cms-site] input:focus-visible,
html[data-cms-site] select:focus-visible,
html[data-cms-site] textarea:focus-visible,
html[data-cms-site] button:focus-visible,
html[data-cms-site] a:focus-visible{outline:2px solid var(--cms-copper2);outline-offset:2px}
html[data-cms-site] input::placeholder,
html[data-cms-site] textarea::placeholder{color:#8b7f78}
html[data-cms-site] input[type=checkbox]{min-height:0;width:auto;accent-color:var(--cms-red-hi)}
html[data-cms-site] table{background:#130f0f;color:var(--cms-text)}
html[data-cms-site] th,
html[data-cms-site] td{border-color:var(--cms-line2);}
html[data-cms-site] th{background:#1b1110;color:var(--cms-copper2)}
html[data-cms-site] dialog{
  background:var(--cms-panel);
  color:var(--cms-text);
  border:1px solid #784438;
  border-radius:12px;
  box-shadow:0 24px 65px #000d;
}
html[data-cms-site] .notice,
html[data-cms-site] #message:not(:empty){
  background:#221411;
  border:1px solid #70402e;
  border-left:3px solid var(--cms-copper);
  border-radius:9px;
  color:#decabf;
}
html[data-cms-site] .mission-experience{
  background:#130e0e;
  border:1px solid var(--cms-line2);
  color:#e0d7d1;
}
html[data-cms-site] .mission-hook{color:var(--cms-copper2)}
html[data-cms-site] .cms-viewbar{
  background:linear-gradient(180deg,#120d0d,#0c0a0a);
  color:var(--cms-text);
  border-bottom:1px solid var(--cms-line);
  min-height:68px;
  box-shadow:none;
}
html[data-cms-site] .cms-viewbar-brand{
  font:700 19px/1.05 var(--cms-control-head);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--cms-text);
}
html[data-cms-site] .cms-viewbar-brand small{
  margin-top:5px;
  font:700 10px/1 var(--cms-control-font);
  letter-spacing:.18em;
  color:var(--cms-copper2);
}
html[data-cms-site] .cms-viewbar-controls label{color:var(--cms-muted);}
html[data-cms-site] .cms-viewbar select{
  border:1px solid var(--cms-line2);
  background:#0a0808;
  color:var(--cms-text);
  border-radius:10px;
  box-shadow:none;
  min-height:42px;
}
html[data-cms-site] .cms-viewbar .cms-menu-button{
  border:1px solid var(--cms-line2);
  background:#171010;
  color:var(--cms-text);
  border-radius:10px;
}
html[data-cms-site] .cms-mobile-dock{
  background:#0c0909;
  border-top:1px solid var(--cms-line2);
  box-shadow:0 -8px 32px #0009;
}
html[data-cms-site] .cms-mobile-dock a{
  color:var(--cms-muted);
  font-size:11px;
  padding:7px 2px;
  border-radius:0;
  background:transparent;
}
html[data-cms-site] .cms-mobile-dock a[aria-current="page"]{
  color:var(--cms-red-hi);
  background:transparent;
  box-shadow:inset 0 2px 0 var(--cms-red-hi);
}
html[data-cms-site] .cms-mobile-dock svg{width:21px;height:21px}
html[data-cms-site] .cms-live-stat{
  background:#120f0f;
  border:1px solid var(--cms-line2);
  box-shadow:0 8px 21px #0006;
}
html[data-cms-site] .cms-live-stat strong{color:var(--cms-copper2)}
html[data-cms-site] .cms-live-stat span{color:var(--cms-muted)}
html[data-cms-site] footer{background:#0c0909;border-color:var(--cms-line);color:var(--cms-muted)}
html[data-cms-site] .cms-app-sidebar{
  display:none;
  width:248px;
  position:fixed;
  top:0;
  left:0;
  height:100dvh;
  z-index:410;
  overflow-y:auto;
  padding:18px 12px 16px;
  flex-direction:column;
  gap:16px;
  background:linear-gradient(180deg,#0d0a0a,#0a0808 55%,#1a0a08);
  border-right:1px solid var(--cms-line);
  box-shadow:10px 0 35px #0006;
}
html[data-cms-site] .cms-sidebar-brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  padding:10px 8px 13px;
  border-bottom:1px solid var(--cms-line);
}
html[data-cms-site] .cms-sidebar-brand img{
  width:47px;height:47px;flex:0 0 47px;border-radius:12px;
  border:1px solid #69392e;object-fit:cover
}
html[data-cms-site] .cms-sidebar-brand-text{display:flex;flex-direction:column;gap:3px}
html[data-cms-site] .cms-sidebar-brand strong{
  font:800 17px/1.2 var(--cms-control-head);
  color:#f3e4de;
  letter-spacing:.06em;
}
html[data-cms-site] .cms-sidebar-brand small{
  font:750 10px/1.25 var(--cms-control-font);
  color:var(--cms-copper2);
  letter-spacing:.12em;
}
html[data-cms-site] .cms-sidebar-heading{
  margin:9px 13px 1px;
  color:var(--cms-copper2);
  font:700 11px/1.5 var(--cms-control-font);
  letter-spacing:.12em;
  text-transform:uppercase;
}
html[data-cms-site] .cms-app-sidebar nav{
  display:flex!important;flex-direction:column!important;
  padding:0!important;margin:0!important;gap:4px!important;
  background:transparent!important;border:0!important;
}
html[data-cms-site] .cms-app-sidebar .cms-sidebar-link{
  display:flex;align-items:center;gap:12px;
  min-height:46px;padding:9px 13px;
  font:650 14px/1.3 var(--cms-control-font);
  color:var(--cms-text);border:1px solid transparent;
  border-radius:10px;text-decoration:none;
}
html[data-cms-site] .cms-app-sidebar .cms-sidebar-link svg{
  width:19px;height:19px;flex:0 0 19px;fill:none;
  stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  color:var(--cms-muted);
}
html[data-cms-site] .cms-app-sidebar .cms-sidebar-link:hover{background:#181313;}
html[data-cms-site] .cms-app-sidebar .cms-sidebar-link[aria-current="page"]{
  background:linear-gradient(90deg,#7f140f,#3d0e0b);
  border-color:var(--cms-red);
  box-shadow:inset 3px 0 0 var(--cms-copper);
  color:#fff;
}
html[data-cms-site] .cms-app-sidebar .cms-sidebar-link[aria-current="page"] svg{color:#ffd0bc}
html[data-cms-site] .cms-sidebar-foot{
  margin-top:auto;padding:15px 8px 2px;
  border-top:1px solid var(--cms-line);
  font:650 11px/1.65 var(--cms-control-font);
  color:var(--cms-muted);
}
html[data-cms-view="desktop"][data-cms-site] body{padding-left:248px}
html[data-cms-view="desktop"][data-cms-site] .cms-app-sidebar{display:flex}
html[data-cms-view="desktop"][data-cms-site] body>header>nav.cms-primary-nav{display:none!important}
html[data-cms-view="desktop"][data-cms-site] .cms-viewbar{
  top:0;
  padding-left:clamp(18px,2.1vw,30px);
  padding-right:clamp(18px,2.1vw,30px);
  position:sticky;
  z-index:300;
}
html[data-cms-view="desktop"][data-cms-site] header .hero{
  max-width:none;
  padding:clamp(36px,5vw,72px) clamp(24px,3vw,48px);
}
html[data-cms-view="desktop"][data-cms-site="portal"] body>header{
  padding:clamp(36px,5vw,70px) clamp(24px,3vw,48px);
}
html[data-cms-view="desktop"][data-cms-site] main .grid{
  gap:17px;
}
html[data-cms-view="desktop"][data-cms-site] #catalog.grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
html[data-cms-view="desktop"][data-cms-site] #cards.grid{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
}
html[data-cms-view="mobile"][data-cms-site] body{padding-left:0}
html[data-cms-view="mobile"][data-cms-site] .cms-app-sidebar{display:none!important}
html[data-cms-view="mobile"][data-cms-site] .cms-mobile-dock{grid-template-columns:repeat(5,minmax(0,1fr))}
html[data-cms-view="mobile"][data-cms-site] .cms-viewbar{min-height:56px;padding:7px 11px}
html[data-cms-view="mobile"][data-cms-site] .cms-viewbar-brand{font-size:13px;letter-spacing:.05em}
html[data-cms-view="mobile"][data-cms-site] .cms-viewbar-brand small{font-size:9px;letter-spacing:.06em}
html[data-cms-view="mobile"][data-cms-site] .cms-viewbar select{min-width:83px;max-width:93px}
html[data-cms-view="mobile"][data-cms-site] body>header .hero,
html[data-cms-view="mobile"][data-cms-site="portal"] body>header{
  padding:31px 16px!important;
}
html[data-cms-view="mobile"][data-cms-site] body>header .hero h1{font-size:clamp(29px,8vw,45px)}
html[data-cms-view="mobile"][data-cms-site] main .card,
html[data-cms-view="mobile"][data-cms-site] main .panel{
  padding-left:0;
  padding-right:0;
  overflow:hidden;
}
html[data-cms-view="mobile"][data-cms-site] main .panel{
  padding:17px;
}
html[data-cms-view="mobile"][data-cms-site] main .card .body{padding:16px}
html[data-cms-view="mobile"][data-cms-site] #cards .card{padding:16px}
html[data-cms-view="mobile"][data-cms-site] .cms-live-stat{border-radius:10px}
html[data-cms-view="mobile"][data-cms-site] .cms-viewbar .cms-menu-button{background:#16100f}
html[data-cms-view="mobile"][data-cms-site] body>header>nav.cms-primary-nav.cms-menu-open{
  background:#100b0b;
  border-color:var(--cms-line2)
}
html[data-cms-site] #cms-lama{
  --lama-bg:#130f0f;
  --lama-gold:#e3a063;
  --lama-line:#63372c;
}
html[data-cms-site] #cms-lama-launcher{
  background:#241310!important;
  border-color:#9a4b36!important;
}
html[data-cms-site] #cms-lama button{
  background:#3e1712;
  border:1px solid #713023;
  color:#f4ddd3;
}
@media (max-width:380px){
  html[data-cms-view="mobile"][data-cms-site] .cms-mobile-dock a{font-size:10px}
  html[data-cms-view="mobile"][data-cms-site] .cms-viewbar-brand{font-size:11px}
}
@media (prefers-reduced-motion:reduce){
  html[data-cms-site] .card,html[data-cms-site] button{transition:none}
}

/* Short control-app dashboard hero on desktop; larger touch controls on mobile. */
html[data-cms-view="desktop"][data-cms-site] body>header .hero{
  padding-top:30px;
  padding-bottom:34px;
}
html[data-cms-view="desktop"][data-cms-site] body>header .hero h1{
  font-size:clamp(36px,4.1vw,60px);
  max-width:850px;
  line-height:1.06;
}
html[data-cms-view="desktop"][data-cms-site="portal"] body>header{padding-top:38px;padding-bottom:36px}
html[data-cms-view="desktop"][data-cms-site="portal"] body>header h1{font-size:clamp(36px,4vw,59px)}
html[data-cms-view="mobile"][data-cms-site="community"] .hero .actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
html[data-cms-view="mobile"][data-cms-site="community"] .hero .actions>a,
html[data-cms-view="mobile"][data-cms-site="community"] .hero .actions>button{
  width:100%;
  font-size:12px;
  min-height:48px;
  padding:9px 6px;
  display:flex;
  align-items:center;
  justify-content:center;
}
html[data-cms-view="mobile"][data-cms-site] .cms-live-stat strong{
  font-size:clamp(17px,4vw,22px);
  overflow-wrap:normal;
}
/* The static Operations HQ homepage uses the same app shell and palette. */
html[data-cms-landing] body>header.top{display:none!important}
html[data-cms-landing] .hero{
  padding:clamp(44px,5.5vw,75px) 0 clamp(42px,5vw,70px);
  background:#100b0b;
  border-bottom:1px solid #3d2925;
}
html[data-cms-landing] .hero:after{
  background:linear-gradient(90deg,#080606f3,#130908df),url('/cms-community/assets/tunnel-rats.webp') center/cover no-repeat;
  opacity:1;
}
html[data-cms-landing] .hero h1{
  color:#ece6e1;
  font-family:"Bahnschrift","Arial Narrow","Segoe UI",system-ui,sans-serif;
  font-size:clamp(42px,5.7vw,72px);
  line-height:1.05;
  letter-spacing:.025em;
  font-weight:850;
  text-transform:uppercase;
}
html[data-cms-landing] .hero p{color:#d1c5c0;max-width:750px}
html[data-cms-landing] .eyebrow{color:#e3a063}
html[data-cms-landing] main.wrap{max-width:1510px;padding:0 clamp(16px,2.4vw,32px)}
html[data-cms-landing] .panel,
html[data-cms-landing] .metric{
  background:linear-gradient(155deg,#120f0f,#0e0b0b);
  border:1px solid #3d2925;
  border-radius:12px;
  box-shadow:0 8px 26px #0007;
}
html[data-cms-landing] .section h2{color:#ece6e1;font-family:"Bahnschrift","Segoe UI",system-ui,sans-serif}
html[data-cms-landing] .section p,
html[data-cms-landing] .muted{color:#bdb2ac}
html[data-cms-landing] .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#8a1812,#5a100c);
  border:1px solid #b3201a;
  color:#f6eeea;
  border-radius:10px;
  font:700 14px/1.35 "Segoe UI",system-ui,sans-serif;
  min-height:44px;
  padding:11px 15px;
}
html[data-cms-landing] .btn.alt{
  background:#171010;
  border-color:#3d2925;
  color:#e6dad3;
}
html[data-cms-landing] .btn:hover{background:#a81f18;color:white}
html[data-cms-landing] .pill{
  background:#291511;color:#e3a063;border-color:#68362c;
}
html[data-cms-landing] .foot{
  background:#0c0909;color:#b8a9a2;border-top:1px solid #2b1d1b;
}
html[data-cms-view="mobile"][data-cms-landing] .hero{
  padding:38px 0 40px;
}
html[data-cms-view="mobile"][data-cms-landing] .hero h1{
  font-size:clamp(35px,10vw,50px);
}
html[data-cms-view="mobile"][data-cms-landing] .hero .btn{
  font-size:13px;
}


html[data-cms-view="mobile"][data-cms-site] .cms-mobile-dock{grid-template-columns:repeat(6,minmax(0,1fr))}