:root{color-scheme:dark;font:16px/1.6 system-ui,sans-serif;color:#f5f0d9;background:#061b13}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 20%,#12563d66,transparent 55%)}main{max-width:1020px;margin:auto;padding:30px 24px 70px}header,.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}a{color:#e4c876;overflow-wrap:anywhere}h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.15;margin:16px 0}h2{font-size:1.6rem;line-height:1.3}p{color:#b8c9be}.eyebrow{color:#e4c876;letter-spacing:.16em;font-size:.8rem;font-weight:750;margin-top:40px}section,details{border:1px solid #3e5947;border-radius:20px;padding:28px;margin:24px 0;background:#0c281dd9}label{display:grid;gap:7px;font-weight:650;margin:18px 0}input,select{font:inherit;background:#061b13;color:#f5f0d9;border:1px solid #56745e;border-radius:10px;min-height:48px;padding:10px 14px;width:100%}button,.button{display:inline-block;border:1px solid #d5b55d;border-radius:12px;background:#e5c56c;color:#102218;padding:12px 20px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}.secondary,.tabs button{background:transparent;color:#e4c876}.tabs{display:flex;gap:12px;flex-wrap:wrap}.tabs [aria-pressed=true]{background:#e5c56c;color:#102218}.check{display:flex;align-items:flex-start;font-weight:400;gap:12px}.check input{width:20px;height:20px;min-height:20px;flex-shrink:0}.honey{position:absolute;left:-10000px}.steps{display:flex;gap:10px;flex-wrap:wrap}.steps span{padding:8px 12px;border:1px solid #56745e;border-radius:8px}.artwork{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}.artwork img{width:220px;height:125px;object-fit:contain;background:#06160f;border-radius:8px}#art-downloads a{display:inline-block;margin:10px 20px 0 0}.fine{font-size:.85rem}#status{min-height:26px}#status.error{color:#ffb9a7}footer{margin-top:35px}summary{cursor:pointer} :focus-visible{outline:3px solid #fff;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){main{padding:22px 16px}section,details{padding:20px}button,.button{max-width:100%}}


/* Mastermind public-site boxed navigation — 2026-10-15 */
.header nav[aria-label="Main navigation"] {
  gap: 8px;
  flex-wrap: wrap;
}
.header nav[aria-label="Main navigation"] > a,
.rs-related > a,
nav[aria-label="App features"] > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid #58735d;
  border-radius: 11px;
  background: #102c20;
  color: #f5f0d9;
  font-weight: 650;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}
.header nav[aria-label="Main navigation"] > a:hover,
.rs-related > a:hover,
nav[aria-label="App features"] > a:hover {
  background: #1c4432;
  border-color: #e6c574;
  color: #fff4d3;
  text-decoration: none;
}
.mm-details > header > a,
main > header > a:not(.brand),
.studio-back,
.studio-account > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 11px 18px;
  border: 1px solid #58735d;
  border-radius: 12px;
  background: #102c20;
  color: #f5f0d9;
  font-weight: 650;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;
}
.studio-tools {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  align-items: stretch;
  gap: 12px;
}
.studio-tools > a,
.studio-tools > button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  padding: 14px 16px;
  border: 1px solid #58735d;
  border-radius: 14px;
  background: #102c20;
  color: #f5f0d9;
  font: inherit;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}
.studio-tools > [aria-current="page"] {
  background: #e6c574;
  color: #112218;
  border-color: #e6c574;
}
.studio-tools > :is(a,button):hover,
.mm-details > header > a:hover,
main > header > a:not(.brand):hover {
  background: #1c4432;
  border-color: #e6c574;
  color: #fff4d3;
  text-decoration: none;
}
.studio-tools > [aria-current="page"]:hover {
  background: #ebcf8c;
  color: #112218;
}
.studio-tools > :is(a,button):focus-visible,
.header nav > a:focus-visible,
.mm-details > header > a:focus-visible,
main > header > a:not(.brand):focus-visible {
  outline: 3px solid #f4d37c;
  outline-offset: 4px;
}
@media (max-width: 760px) {
  .studio-tools { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .studio-tools > a,.studio-tools > button { min-height: 64px; padding: 12px 10px; }
  main > header { flex-wrap: wrap; gap: 14px; }
}
.mm-details > header { flex-wrap: wrap; align-items: center; }
.mm-details > header > a,
main > header > a:not(.brand) { box-sizing: border-box; max-width: 100%; overflow-wrap: anywhere; }
.mm-details { overflow-wrap: anywhere; }