.staff-access{font:600 10px system-ui;letter-spacing:.04em;white-space:nowrap;color:#f1d49a;background:linear-gradient(130deg,#5d5030,#193b3c);border:1px solid #cbb17288;border-radius:5px;padding:10px 12px;box-shadow:inset 0 0 14px #b2933915}.staff-access[data-role=GM]{color:#b8efd1;border-color:#8ac7a477;background:linear-gradient(130deg,#244f40,#14353b)}.staff-profile-badge{display:inline-block;background:#846b2c55;color:#efda9e;border:1px solid #bca36688;border-radius:4px;padding:6px 10px;font:600 11px system-ui;margin:8px 0}.staff-profile-badge[data-role=GM]{background:#26785a44;color:#a9ebc6;border-color:#71b48c88}.staff-dialog{width:940px;max-width:calc(100vw - 30px);max-height:92vh;overflow:auto;padding:36px;background:radial-gradient(ellipse at 100% 0,#5e4c2a55,transparent 60%),#0d2c34;border:1px solid #d4b77799;border-top:3px solid #c3a566;border-radius:12px}.staff-header{display:flex;gap:25px;align-items:center}.staff-crest{display:grid;place-items:center;width:85px;height:105px;flex:none;background:linear-gradient(#d2b57c,#6a512b);color:#162f2c;font:700 32px Georgia;clip-path:polygon(0 0,100% 0,95% 67%,50% 100%,5% 67%)}.staff-header small{font:600 10px system-ui;letter-spacing:.14em;color:#b4c69e}.staff-header h2{font:36px/1.2 Georgia;margin:9px 0;color:#f2ddb0}.staff-header p{font:13px/1.7 system-ui;color:#bcd0bc;margin:0}.staff-identity{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;margin:26px 0 22px;padding:14px;background:#26453b66;border:1px solid #8da77844;border-radius:5px;color:#bdd7c2}.staff-identity strong{color:#e8d4a2}.staff-reason{display:grid;gap:9px;font-size:11px;color:#bfcca9;margin-bottom:23px}.staff-reason input,.staff-grid select{padding:11px 13px;background:#0a2530;color:#eadab6;border:1px solid #91a77c66;border-radius:4px;font:13px system-ui}.staff-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.staff-grid section{padding:20px;border:1px solid #94a77644;background:#163b3a88;border-radius:8px}.staff-grid h3,.staff-history h3{font:24px Georgia;color:#eedbb2;margin:0 0 11px}.staff-grid p{font:12px/1.7 system-ui;color:#b2c7b3;min-height:43px;margin:0 0 14px}.staff-grid select{width:100%;margin-bottom:7px}.staff-action{display:block;width:100%;text-align:left;padding:12px 14px;margin-top:8px;border:1px solid #99b18a55;border-radius:4px;color:#cce6c9;background:#23483e;font:600 11px system-ui;min-height:40px}.staff-action:hover{background:#3b5d47;border-color:#d9be83}.staff-action.gold{background:#b89a5b;color:#102b2d;border-color:#dfc58e}.staff-history{margin-top:28px;border-top:1px solid #9aae7c44;padding-top:24px}.staff-history>div{display:grid;grid-template-columns:1fr auto;gap:5px 15px;padding:12px 0;border-bottom:1px solid #9aae7c25}.staff-history strong{font-size:12px;color:#d8e0bf}.staff-history span{grid-column:1;font-size:11px;color:#adc8b3}.staff-history small{grid-column:2;grid-row:1/3;font-size:10px;color:#91ada2}.staff-message{font-size:13px;color:#efd098;margin-bottom:0}
@media(max-width:800px){.staff-grid{grid-template-columns:1fr}.staff-dialog{padding:27px 22px}.staff-header{gap:15px}.staff-header h2{font-size:27px}.staff-crest{width:65px;height:80px;font-size:24px}.staff-access{font-size:9px;padding:8px}.staff-history>div{display:block}.staff-history span,.staff-history small{display:block;margin-top:5px}}

.staff-beta {
  margin: 0 0 24px;
  padding: clamp(12px, 2.4vw, 22px);
  border: 1px solid var(--arena-line, #94a77666);
  border-radius: 8px;
  background: var(--arena-surface, #163b3a);
  color: var(--arena-text, #f0e7d1);
  overflow-wrap: anywhere;
}

.staff-beta h3 {
  margin: 0 0 10px;
  font: 24px/1.2 Georgia, serif;
}

.staff-beta h4 {
  margin: 16px 0 8px;
  font: 650 14px/1.4 system-ui, sans-serif;
}

.staff-beta p,
.staff-beta small {
  margin: 6px 0;
  color: var(--arena-muted, #b2c7b3);
  font: 12px/1.55 system-ui, sans-serif;
}

.staff-beta-policy {
  display: inline-block;
  padding: 3px 8px;
  border: 1px solid var(--arena-line, #99b18a77);
  border-radius: 4px;
  color: var(--arena-highlight, #ebcb90);
  font: 650 11px/1.5 system-ui, sans-serif;
}

.staff-beta-form,
.staff-beta-issued {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin-top: 14px;
}

.staff-beta label {
  font: 650 12px/1.4 system-ui, sans-serif;
}

.staff-beta :is(input,textarea) {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  min-height: 44px;
  padding: 10px;
  border: 1px solid var(--arena-line, #99b18a77);
  border-radius: 5px;
  background: var(--arena-deep, #0a2530);
  color: var(--arena-text, #f0e7d1);
  font: 16px/1.4 system-ui, sans-serif;
}

.staff-beta textarea {
  resize: vertical;
}

.staff-beta-issued {
  padding: 12px;
  border: 1px solid var(--arena-highlight, #ebcb90);
  border-radius: 6px;
  background: var(--arena-panel, #0d2c34);
}

.staff-beta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.staff-beta .staff-action {
  box-sizing: border-box;
  width: fit-content;
  min-height: 44px;
  margin: 0;
  text-decoration: none;
}

.staff-beta .staff-action:disabled {
  opacity: .65;
  cursor: default;
}

.staff-beta-keys {
  margin: 0;
  padding: 0;
  list-style: none;
}

.staff-beta-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  border-top: 1px solid var(--arena-line, #94a77655);
}

.staff-beta-row small {
  display: block;
}

.staff-beta-archive {
  margin-top: 12px;
}

.staff-beta-archive summary {
  min-height: 44px;
  padding: 12px 0;
  cursor: pointer;
  font: 600 12px/1.4 system-ui, sans-serif;
}

.staff-beta .staff-beta-feedback:not(:empty) {
  color: var(--arena-highlight, #ebcb90);
}
