@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  --font-display: 'Chakra Petch', 'Space Grotesk', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;
  --font-body: 'IBM Plex Sans', system-ui, sans-serif;

  --void: #040605;
  --deep: #070a09;
  --raise: #0b0f0d;

  --shell-bg: rgba(var(--season-rgb, 255, 176, 46),.018);
  --shell-ring: rgba(var(--season-rgb, 255, 176, 46),.17);
  --core-bg: rgba(7,10,9,.9);
  --core-ring: rgba(var(--season-rgb, 255, 176, 46),.08);
  --core-lift: none;

  --ink: #ede8da;
  --ink-soft: rgba(237,232,218,.76);
  --muted: #8d9188;
  --faint: rgba(237,232,218,.4);

  --amber: var(--season-accent, #ffb02e);
  --amber-hot: var(--season-hot, #ffc861);
  --amber-glow: rgba(var(--season-rgb, 255, 176, 46),.45);
  --acid: var(--amber);
  --acid-deep: var(--season-deep, #c47f12);
  --chrome: #d9cfb4;
  --steel: #5fd3ff;
  --red: #ff4b3e;
  --green: #45ff9f;

  --line: rgba(var(--season-rgb, 255, 176, 46),.13);
  --line-soft: rgba(var(--season-rgb, 255, 176, 46),.07);

  --r-shell: 3px;
  --r-core: 2px;
  --r-pill: 2px;
  --bezel: 0px;
  --bracket: 12px;

  --statusbar: 30px;
}

html { scrollbar-color: rgba(var(--season-rgb, 255, 176, 46),.35) transparent; }

body {
  font-family: var(--font-body);
  background: var(--void);
  color: var(--ink);
  padding-bottom: var(--statusbar);
  caret-color: var(--amber);
}

body::before {
  background:
    radial-gradient(70vw 50vw at 10% -12%, rgba(var(--season-rgb, 255, 176, 46),.11), transparent 62%),
    radial-gradient(46vw 38vw at 102% 26%, rgba(255,75,62,.05), transparent 64%),
    radial-gradient(60vw 40vw at 50% 115%, rgba(var(--season-rgb, 255, 176, 46),.035), transparent 70%),
    radial-gradient(130% 95% at 50% 40%, transparent 50%, rgba(0,0,0,.7) 100%),
    linear-gradient(180deg, #070908 0%, #040605 55%, #020302 100%);
}

body::after {
  opacity: 1;
  background-image:
    radial-gradient(circle, rgba(var(--season-rgb, 255, 176, 46),.35) 0 1.5px, transparent 2px),
    linear-gradient(rgba(var(--season-rgb, 255, 176, 46),.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--season-rgb, 255, 176, 46),.06) 1px, transparent 1px),
    linear-gradient(rgba(var(--season-rgb, 255, 176, 46),.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--season-rgb, 255, 176, 46),.022) 1px, transparent 1px);
  background-size: 384px 384px, 384px 384px, 384px 384px, 96px 96px, 96px 96px;
  background-position: -192px -192px, 0 0, 0 0, 0 0, 0 0;
  -webkit-mask-image: radial-gradient(ellipse 95% 75% at 50% 0%, #000 25%, rgba(0,0,0,.35) 60%, transparent 95%);
  mask-image: radial-gradient(ellipse 95% 75% at 50% 0%, #000 25%, rgba(0,0,0,.35) 60%, transparent 95%);
  z-index: 0;
}

.noise { opacity: 1; z-index: 1; background-image: none; }

.noise::after {
  content: '';
  position: fixed;
  left: 0; right: 0; top: 0;
  height: 22vh;
  background: linear-gradient(to bottom, transparent, rgba(var(--season-rgb, 255, 176, 46),.012) 60%, rgba(var(--season-hot-rgb, 255, 200, 97),.025), transparent);
  animation: crtRoll 9s linear infinite;
  will-change: transform;
}
@keyframes crtRoll { from { transform: translateY(-25vh); } to { transform: translateY(125vh); } }

::selection { background: var(--amber); color: #000; }
::-webkit-scrollbar-thumb { background: rgba(var(--season-rgb, 255, 176, 46),.3); border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: rgba(var(--season-rgb, 255, 176, 46),.55); }

a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 1px solid var(--amber);
  outline-offset: 3px;
  border-radius: 0;
  box-shadow: 0 0 0 4px rgba(var(--season-rgb, 255, 176, 46),.15);
}

.cursor-glow {
  position: fixed;
  left: 0; top: 0;
  z-index: 1;
  width: 520px; height: 520px;
  margin: -260px 0 0 -260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--season-rgb, 255, 176, 46),.075), transparent 65%);
  pointer-events: none;
  opacity: 0;
  transition: opacity .6s ease;
  will-change: transform;
}
.cursor-glow.is-on { opacity: 1; }

h1, h2, h3, h4 {
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -.01em;
  line-height: .98;
}
h1 { font-size: clamp(44px, 7vw, 98px); }
h2 { font-size: clamp(32px, 4.2vw, 60px); }
h3 { font-size: clamp(17px, 1.8vw, 22px); letter-spacing: .01em; line-height: 1.2; }

h1 em, h2 em, h3 em {
  color: var(--amber);
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  text-shadow: 0 0 22px rgba(var(--season-rgb, 255, 176, 46),.45), 0 0 2px rgba(var(--season-hot-rgb, 255, 200, 97),.8);
}

[data-glitch] { position: relative; }
[data-glitch]::before,
[data-glitch]::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  white-space: pre-line;
  pointer-events: none;
  opacity: 0;
}
[data-glitch]::before { color: var(--red); transform: translateX(-3px); mix-blend-mode: screen; }
[data-glitch]::after { color: var(--steel); transform: translateX(3px); mix-blend-mode: screen; }
[data-glitch].is-glitching::before { animation: glitchA .42s steps(2) both; }
[data-glitch].is-glitching::after { animation: glitchB .42s steps(2) both; }
[data-glitch].is-glitching { animation: glitchShake .42s steps(3) both; }
@keyframes glitchA {
  0%   { opacity: .85; clip-path: inset(8% 0 72% 0); }
  25%  { opacity: .85; clip-path: inset(55% 0 20% 0); transform: translateX(-6px); }
  50%  { opacity: .85; clip-path: inset(30% 0 48% 0); transform: translateX(4px); }
  75%  { opacity: .85; clip-path: inset(80% 0 4% 0); }
  100% { opacity: 0; }
}
@keyframes glitchB {
  0%   { opacity: .85; clip-path: inset(62% 0 14% 0); }
  25%  { opacity: .85; clip-path: inset(12% 0 70% 0); transform: translateX(6px); }
  50%  { opacity: .85; clip-path: inset(44% 0 36% 0); transform: translateX(-4px); }
  75%  { opacity: .85; clip-path: inset(2% 0 88% 0); }
  100% { opacity: 0; }
}
@keyframes glitchShake { 33% { transform: translateX(2px); } 66% { transform: translateX(-2px) skewX(-2deg); } }

.eyebrow {
  gap: 10px;
  padding: 5px 10px;
  border-radius: 0;
  background: rgba(var(--season-rgb, 255, 176, 46),.06);
  box-shadow: inset 2px 0 0 var(--amber), inset 0 0 0 1px var(--line);
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .14em;
  color: var(--amber-hot);
}
.eyebrow > span:first-child { color: var(--amber); }
.eyebrow > span:first-child::before { content: '#'; opacity: .6; }
.eyebrow > span:first-child::after { background: var(--line); }

.intro, .section-heading > p:last-child { color: var(--muted); }

.stat-label, .panel-top, .panel-footer, th, .rank-index, .rank-count,
.job-index, .live-pill, .signal, .access-badge, .sidebar-kicker,
.record-id, .roster-count, .owner-copy p, .owner-mark, footer,
.punishment-meta span, .announcement-meta span, .status, .record-status,
.ticket-card-status, .application-status, label, .hero-features span,
.bar span, .server-identity small, .record-detail-grid b, .discord-embed b,
.application-notice, .nav-overlay a::before, .text-link, .details-button,
.proof-link, .ticket-open-link, .brand small, .admin-link, .topbar nav {
  font-family: var(--font-mono);
}

.search, select, input, textarea { font-family: var(--font-mono); }

.redacted {
  padding: 0 .2em;
  background: var(--ink);
  color: transparent;
  transition: background-color .25s steps(3), color .25s steps(3);
  cursor: help;
}
.redacted:hover, .redacted:focus { background: rgba(var(--season-rgb, 255, 176, 46),.14); color: var(--amber); }

.stamp {
  display: inline-block;
  padding: 6px 12px;
  border: 2px solid var(--red);
  color: var(--red);
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  transform: rotate(-8deg);
  opacity: .82;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.4 1.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.4 1.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.stamp.is-in, .is-in .stamp { animation: stampIn .5s cubic-bezier(.2,1.6,.4,1) .35s both; }
@keyframes stampIn { from { transform: rotate(-8deg) scale(2.2); opacity: 0; } }

.term-cursor::after,
.typed-line.is-done::after {
  content: '';
  display: inline-block;
  width: .55em; height: 1.05em;
  margin-left: .15em;
  vertical-align: -.15em;
  background: var(--amber);
  box-shadow: 0 0 10px var(--amber-glow);
  animation: blink 1s steps(1) infinite;
}
@keyframes blink { 50% { opacity: 0; } }

.stat-card, .analysis-panel, .staff-card, .punishment-card, .ticket-card,
.job-card, .application-history-card, .server-panel, .session-status-card,
.public-announcement, .appeals-login, .account-panel, .applications-panel,
.rank-panel, .table-wrap, .linked-account, .application-form, .owner-section,
.admin-panel, .overview-grid article, .locked-state, .ticket-message {
  border-radius: var(--r-shell);
  background: rgba(7,10,9,.82);
  box-shadow: inset 0 0 0 1px var(--line), 0 18px 50px rgba(0,0,0,.45);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.stat-card::before, .analysis-panel::before, .staff-card::before,
.punishment-card::before, .ticket-card::before, .job-card::before,
.application-history-card::before, .server-panel::before,
.session-status-card::before, .public-announcement::before,
.appeals-login::before, .account-panel::before, .applications-panel::before,
.rank-panel::before, .table-wrap::before, .linked-account::before,
.application-form::before, .owner-section::before, .admin-panel::before,
.overview-grid article::before, .locked-state::before, .ticket-message::before {
  inset: 0;
  border-radius: inherit;
  box-shadow: none;
  --b: var(--amber);
  background:
    linear-gradient(var(--b), var(--b)) top left / var(--bracket) 1px,
    linear-gradient(var(--b), var(--b)) top left / 1px var(--bracket),
    linear-gradient(var(--b), var(--b)) top right / var(--bracket) 1px,
    linear-gradient(var(--b), var(--b)) top right / 1px var(--bracket),
    linear-gradient(var(--b), var(--b)) bottom left / var(--bracket) 1px,
    linear-gradient(var(--b), var(--b)) bottom left / 1px var(--bracket),
    linear-gradient(var(--b), var(--b)) bottom right / var(--bracket) 1px,
    linear-gradient(var(--b), var(--b)) bottom right / 1px var(--bracket);
  background-repeat: no-repeat;
  opacity: .7;
  transition: opacity .35s var(--ease), background-size .45s var(--ease);
}

.stat-card, .job-card, .staff-card, .punishment-card, .public-announcement,
.ticket-card, .rank-panel, .application-history-card, .overview-grid article {
  overflow: hidden;
  transition: transform .45s var(--ease), box-shadow .45s var(--ease);
}
.stat-card:hover, .job-card:hover, .staff-card:hover, .punishment-card:hover,
.public-announcement:hover, .ticket-card:hover, .application-history-card:hover,
.overview-grid article:hover {
  transform: translateY(-3px);
  box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.32), 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.06), 0 24px 60px rgba(0,0,0,.55), 0 0 40px -12px var(--amber-glow);
}
.stat-card:hover::before, .job-card:hover::before, .staff-card:hover::before,
.punishment-card:hover::before, .public-announcement:hover::before,
.ticket-card:hover::before, .application-history-card:hover::before,
.overview-grid article:hover::before { --bracket: 26px; opacity: 1; }

.stat-card::after, .job-card::after, .punishment-card::after,
.public-announcement::after, .ticket-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(100deg, transparent 30%, rgba(var(--season-rgb, 255, 176, 46),.09) 48%, rgba(var(--season-hot-rgb, 255, 200, 97),.14) 50%, transparent 52%);
  transform: translateX(-110%);
  pointer-events: none;
}
.stat-card:hover::after, .job-card:hover::after, .punishment-card:hover::after,
.public-announcement:hover::after, .ticket-card:hover::after {
  transform: translateX(110%);
  transition: transform .9s var(--ease-out);
}

.topbar {
  width: min(1400px, calc(100% - 28px));
  margin-top: 14px;
  padding: 8px 8px 8px 16px;
  border-radius: var(--r-shell);
  background: rgba(4,6,5,.78);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
  box-shadow: inset 0 0 0 1px var(--line), inset 0 -1px 0 rgba(var(--season-rgb, 255, 176, 46),.35), 0 18px 50px rgba(0,0,0,.6);
}
.topbar::before {
  content: '';
  position: absolute;
  left: 16px; right: 16px; top: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--amber), transparent);
  opacity: .6;
  animation: topScan 6s ease-in-out infinite alternate;
}
@keyframes topScan { from { transform: scaleX(.2); } to { transform: scaleX(1); } }
.topbar.is-lifted { background: rgba(4,6,5,.92); }

.brand img { filter: sepia(1) saturate(3) hue-rotate(-8deg) brightness(1.1); }
.brand:hover img { filter: sepia(1) saturate(5) hue-rotate(-12deg) brightness(1.4) drop-shadow(0 0 8px var(--amber-glow)); }
.brand strong { font-family: var(--font-display); font-size: 16px; font-weight: 700; letter-spacing: .06em; }
.brand strong span { color: var(--amber); text-shadow: 0 0 12px var(--amber-glow); }
.brand small { letter-spacing: .3em; color: var(--muted); }

.topbar nav { gap: 0; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.topbar nav a { padding: 9px 16px; border-radius: 0; }
.topbar nav a::before, .topbar nav a::after {
  position: absolute;
  top: 50%;
  margin-top: -.62em;
  color: var(--amber);
  opacity: 0;
  transition: opacity .2s, transform .3s var(--ease);
}
.topbar nav a::before { content: '['; left: 4px; transform: translateX(4px); }
.topbar nav a::after,
.topbar nav a.active::after { content: ']'; right: 4px; left: auto; bottom: auto; width: auto; height: auto; margin-left: 0; border-radius: 0; background: none; transform: translateX(-4px); }
.topbar nav a:hover { color: var(--ink); background: rgba(var(--season-rgb, 255, 176, 46),.05); }
.topbar nav a:hover::before, .topbar nav a:hover::after,
.topbar nav a.active::before, .topbar nav a.active::after { opacity: 1; transform: none; }
.topbar nav a.active { color: var(--amber); background: rgba(var(--season-rgb, 255, 176, 46),.08); box-shadow: none; text-shadow: 0 0 10px var(--amber-glow); }

.live-pill {
  border-radius: 0;
  background: rgba(69,255,159,.06);
  box-shadow: inset 0 0 0 1px rgba(69,255,159,.25);
  color: var(--green);
  letter-spacing: .14em;
}
.live-pill i, .online-dot {
  border-radius: 0;
  background: var(--green);
  box-shadow: 0 0 8px var(--green);
  animation: blink 1.2s steps(1) infinite;
}

.admin-link {
  border-radius: 0;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.4);
  color: var(--amber);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 10.5px;
}
.admin-link:hover { background: var(--amber); color: #000; box-shadow: 0 0 24px -4px var(--amber-glow); }
.admin-link.active { background: var(--amber); color: #000; }

.nav-toggle { border-radius: 0; background: transparent; box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.4); }
.nav-toggle i { background: var(--amber); border-radius: 0; }

.nav-overlay { background: rgba(3,4,4,.94); }
.nav-overlay a {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: 0;
  border-bottom-color: var(--line);
}
.nav-overlay a::before { color: var(--amber); }
.nav-overlay a.active { color: var(--amber); }

.button, .admin-button, .appeal-button, .application-open {
  border-radius: 0;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.4);
  color: var(--amber);
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}
.button.primary, .admin-button:not(.secondary), .appeal-button {
  background: var(--amber);
  color: #050505;
  box-shadow: none;
  text-shadow: none;
}
.button > span, .admin-button > span, .appeal-button > span, .text-link > span { border-radius: 0; }
.button.primary > span, .admin-button:not(.secondary) > span, .appeal-button > span { background: rgba(0,0,0,.14); color: #050505; }
.button:not(.primary) > span, .admin-button.secondary > span { background: rgba(var(--season-rgb, 255, 176, 46),.1); }

.button:hover, .admin-button:not(:disabled):hover, .appeal-button:hover, .application-open:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 0 0 1px var(--amber);
  filter: drop-shadow(0 0 14px rgba(var(--season-rgb, 255, 176, 46),.45));
}
.button.primary:hover, .admin-button:not(.secondary):not(:disabled):hover, .appeal-button:hover {
  background: var(--amber-hot);
  box-shadow: none;
  animation: btnJitter .3s steps(2) 1;
}
@keyframes btnJitter { 33% { transform: translate(-1px,-2px); } 66% { transform: translate(1px,-2px); } }
.button:active, .admin-button:not(:disabled):active, .appeal-button:active { transform: scale(.97); filter: none; }

.admin-button.secondary, .button:not(.primary) { background: transparent; color: var(--amber); box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.4); }
.admin-button.secondary:hover, .button:not(.primary):hover { background: rgba(var(--season-rgb, 255, 176, 46),.1); box-shadow: inset 0 0 0 1px var(--amber); }

.text-link { text-transform: uppercase; letter-spacing: .1em; font-size: 11px; color: var(--amber); }
.text-link > span { background: transparent; box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.4); }
.text-link:hover { color: var(--amber-hot); text-shadow: 0 0 10px var(--amber-glow); }
.text-link:hover > span { background: var(--amber); color: #000; }

.details-button, .proof-link, .ticket-open-link, .ticket-file {
  border-radius: 0;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.3);
  color: var(--amber);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 10.5px;
}
.details-button:hover, .proof-link:hover, .ticket-open-link:hover, .ticket-file:hover { background: var(--amber); color: #000; }

.hero { min-height: min(80vh, 780px); }

.term-line {
  margin: 0 0 22px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--green);
  text-shadow: 0 0 8px rgba(69,255,159,.5);
  min-height: 1.6em;
}
.term-line b { color: var(--amber); font-weight: 500; }

.hero-features span {
  border-radius: 0;
  background: rgba(var(--season-rgb, 255, 176, 46),.04);
  box-shadow: inset 0 0 0 1px var(--line);
  color: var(--ink-soft);
}
.hero-features i { color: var(--amber); }

.hero-orbit .orbit { display: none; }
.radar {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background:
    repeating-radial-gradient(circle, transparent 0 calc(16.66% - 1px), rgba(var(--season-rgb, 255, 176, 46),.18) calc(16.66% - 1px) 16.66%),
    linear-gradient(transparent calc(50% - .5px), rgba(var(--season-rgb, 255, 176, 46),.18) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)),
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(var(--season-rgb, 255, 176, 46),.18) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)),
    radial-gradient(circle, rgba(var(--season-rgb, 255, 176, 46),.06), rgba(0,0,0,.4) 70%);
  box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.35), 0 0 80px -20px var(--amber-glow), inset 0 0 60px rgba(0,0,0,.8);
}
.radar::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(var(--season-rgb, 255, 176, 46),.55), rgba(var(--season-rgb, 255, 176, 46),.12) 40deg, transparent 90deg);
  -webkit-mask-image: radial-gradient(circle, #000 69%, transparent 70%);
  mask-image: radial-gradient(circle, #000 69%, transparent 70%);
  animation: spin 4.2s linear infinite;
  will-change: transform;
}
.radar::after {
  content: '';
  position: absolute;
  inset: -14px;
  border-radius: 50%;
  border: 1px dashed rgba(var(--season-rgb, 255, 176, 46),.25);
  animation: spin 60s linear infinite reverse;
}
.radar .blip {
  position: absolute;
  width: 8px; height: 8px;
  margin: -4px 0 0 -4px;
  border-radius: 50%;
  background: var(--red);
  box-shadow: 0 0 12px 2px rgba(255,75,62,.7);
  animation: blipPing 4.2s linear infinite;
  animation-delay: var(--delay, 0s);
}
.radar .blip.friendly { background: var(--green); box-shadow: 0 0 12px 2px rgba(69,255,159,.6); }
@keyframes blipPing {
  0%, 100% { opacity: 0; transform: scale(.6); }
  4% { opacity: 1; transform: scale(1.4); }
  40% { opacity: .5; transform: scale(1); }
  70% { opacity: 0; }
}

.orbit-core {
  z-index: 2;
  width: 34%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(10,13,12,.95) 55%, rgba(var(--season-rgb, 255, 176, 46),.15));
  box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.5), 0 0 40px -6px var(--amber-glow);
}
.orbit-core img { filter: sepia(1) saturate(4) hue-rotate(-10deg) brightness(1.2) drop-shadow(0 0 10px var(--amber-glow)); }

.signal {
  z-index: 3;
  border-radius: 0;
  background: rgba(4,6,5,.88);
  box-shadow: inset 2px 0 0 var(--amber), inset 0 0 0 1px var(--line);
  color: var(--amber-hot);
}
.signal-c { top: 72%; right: -6%; color: var(--red); box-shadow: inset 2px 0 0 var(--red), inset 0 0 0 1px rgba(255,75,62,.3); }

.stat-card .stat-label { color: var(--muted); }
.stat-card .stat-label::before { content: '> '; color: var(--amber); }
.stat-card strong {
  font-family: var(--font-mono);
  font-weight: 500;
  letter-spacing: -.04em;
  color: var(--ink);
}
.stat-card.accent strong {
  color: var(--amber);
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  text-shadow: 0 0 24px rgba(var(--season-rgb, 255, 176, 46),.5);
}
.stat-card small { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .04em; }

.stats-grid .stat-card strong::after,
.analytics-summary .stat-card strong::after {
  content: '';
  display: block;
  height: 2px;
  margin-top: 16px;
  background: linear-gradient(90deg, var(--amber) var(--fill, 62%), rgba(var(--season-rgb, 255, 176, 46),.12) var(--fill, 62%));
  animation: loadBar 1.6s var(--ease-out) both .3s;
  transform-origin: left;
}
@keyframes loadBar { from { transform: scaleX(0); } }

.chart { border-bottom-color: var(--line); }
.bar {
  border-radius: 0;
  background: linear-gradient(to top, rgba(var(--season-rgb, 255, 176, 46),.06), rgba(var(--season-rgb, 255, 176, 46),.28));
  box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.25);
}
.bar:hover { background: linear-gradient(to top, rgba(var(--season-rgb, 255, 176, 46),.15), rgba(var(--season-rgb, 255, 176, 46),.5)); }
.bar.current {
  background: repeating-linear-gradient(to top, var(--amber) 0 3px, rgba(var(--season-rgb, 255, 176, 46),.55) 3px 5px);
  box-shadow: 0 0 30px -4px var(--amber-glow);
}
.bar.current span { color: var(--amber); }
.legend-dot { border-radius: 0; }

.server-icon, .owner-avatar, .session-status-icon { border-radius: 0; background: rgba(var(--season-rgb, 255, 176, 46),.05); box-shadow: inset 0 0 0 1px var(--line); }
.server-icon img, .owner-avatar img { border-radius: 0; }
.server-metrics > div { border-radius: 0; background: rgba(var(--season-rgb, 255, 176, 46),.03); box-shadow: inset 0 0 0 1px var(--line-soft), inset 2px 0 0 var(--amber); }
.server-metrics strong { font-family: var(--font-mono); font-weight: 500; color: var(--amber); }

.session-status-icon i { border-radius: 0; }
.session-status-card strong { font-family: var(--font-display); text-transform: uppercase; letter-spacing: .04em; }
.session-status-card.online i, .session-status-card.active i { background: var(--green); box-shadow: 0 0 20px 3px rgba(69,255,159,.5); animation: blink 1.2s steps(1) infinite; }
.session-status-card.online strong, .session-status-card.active strong { color: var(--green); }
.session-status-card.offline i, .session-status-card.closed i { background: var(--red); box-shadow: 0 0 20px 3px rgba(255,75,62,.45); }
.session-status-card.offline strong, .session-status-card.closed strong { color: var(--red); }

.announcement-meta { border-bottom-color: var(--line); }
.announcement-meta strong { font-family: var(--font-display); text-transform: uppercase; letter-spacing: .04em; }
.announcement-meta span { border-radius: 0; background: rgba(var(--season-rgb, 255, 176, 46),.08); box-shadow: inset 0 0 0 1px var(--line); color: var(--amber); }
.announcement-body a, .record-detail-grid a { color: var(--amber); }
.announcement-body pre, .announcement-body code { border-radius: 0; font-family: var(--font-mono); }
.announcement-body blockquote { border-left-color: var(--amber); }

.announcement-empty, .staff-empty, .empty-state, .empty {
  border-radius: 0;
  background: repeating-linear-gradient(-45deg, rgba(var(--season-rgb, 255, 176, 46),.025) 0 10px, transparent 10px 20px);
  box-shadow: inset 0 0 0 1px var(--line-soft);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
}

.search, select { border-radius: 0; background-color: rgba(var(--season-rgb, 255, 176, 46),.03); box-shadow: inset 0 0 0 1px var(--line); }
.search:focus-within { background: rgba(var(--season-rgb, 255, 176, 46),.06); box-shadow: inset 0 0 0 1px var(--amber), 0 0 24px -8px var(--amber-glow); }
.search svg, .search span { color: var(--amber); }
select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%23ffb02e' stroke-width='1.4'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E"); }

table { font-family: var(--font-mono); }
th { color: var(--amber); border-bottom-color: rgba(var(--season-rgb, 255, 176, 46),.3); background: rgba(var(--season-rgb, 255, 176, 46),.04); }
td { border-bottom-color: var(--line-soft); font-size: 12.5px; }
tbody tr { position: relative; }
tbody tr:hover { background: rgba(var(--season-rgb, 255, 176, 46),.05); box-shadow: inset 2px 0 0 var(--amber); }
.id { font-family: var(--font-mono); color: var(--amber); }

.status, .record-status, .ticket-card-status, .application-status, .access-badge {
  border-radius: 0;
  background: rgba(var(--season-rgb, 255, 176, 46),.08);
  box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.3);
  color: var(--amber);
}
.status::before { border-radius: 0; animation: blink 1.4s steps(1) infinite; }
.status.removed, .application-status.rejected, .record-status.removed { background: rgba(255,75,62,.08); box-shadow: inset 0 0 0 1px rgba(255,75,62,.35); color: var(--red); }
.status.removed::before { animation: none; }
.application-status.pending { background: rgba(255,209,102,.07); box-shadow: inset 0 0 0 1px rgba(255,209,102,.3); color: #ffd166; }
.application-status.accepted, .status.accepted { background: rgba(69,255,159,.07); box-shadow: inset 0 0 0 1px rgba(69,255,159,.3); color: var(--green); }

.roster-count, .rank-count { border-radius: 0; background: rgba(var(--season-rgb, 255, 176, 46),.06); box-shadow: inset 0 0 0 1px var(--line); color: var(--amber); }
.rank-panel-header { border-bottom-color: var(--line); }
.rank-index { color: var(--amber); }
.staff-card { border-radius: var(--r-shell); }
.staff-card img { border-radius: 0; box-shadow: 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.4); filter: grayscale(1) sepia(.5) contrast(1.1); }
.staff-card:hover img { filter: none; box-shadow: 0 0 0 1px var(--amber), 0 0 16px -2px var(--amber-glow); }
.staff-card strong { font-family: var(--font-display); text-transform: uppercase; letter-spacing: .03em; }
.staff-card .staff-rank { color: var(--amber); font-family: var(--font-mono); }
.staff-card .staff-also { opacity: .72; font-size: .92em; line-height: 1.35; }

.owner-section { overflow: hidden; }
.owner-copy h2 { font-family: var(--font-display); }
.owner-copy p strong { color: var(--amber); }
.owner-mark { border-radius: 0; background: rgba(var(--season-rgb, 255, 176, 46),.04); box-shadow: inset 0 0 0 1px var(--line); text-transform: uppercase; }
.owner-section .stamp { position: absolute; top: 18px; right: 22px; }

footer {
  position: relative;
  border-top: 0;
  color: var(--muted);
}
footer::before {
  content: '';
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 6px;
  background: repeating-linear-gradient(-45deg, var(--amber) 0 10px, #000 10px 20px);
  opacity: .75;
}
footer a { color: var(--amber); }
footer a:hover { color: var(--amber-hot); text-shadow: 0 0 10px var(--amber-glow); }

.admin-panel-mark {
  border-radius: 0;
  background: rgba(var(--season-rgb, 255, 176, 46),.08);
  box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.4), 0 0 24px -6px var(--amber-glow);
  color: var(--amber);
  animation: blink 2.4s steps(1) infinite;
}
.account-header { border-bottom-color: var(--line); }
.account-header img { border-radius: 0; box-shadow: 0 0 0 1px var(--amber); }
.linked-account strong { font-family: var(--font-mono); color: var(--amber); }
.punishment-meta span { border-radius: 0; background: rgba(var(--season-rgb, 255, 176, 46),.04); box-shadow: inset 0 0 0 1px var(--line); }
.punishment-actions { border-top-color: var(--line); }
.appeal-result { border-radius: 0; color: var(--steel); }
.job-index { color: var(--amber); }
.application-history-card strong, .ticket-card-header a { font-family: var(--font-display); text-transform: uppercase; letter-spacing: .03em; }

label { color: var(--amber); letter-spacing: .14em; }
label::before { content: none; }
input:not([type="file"]):not([type="checkbox"]):not([type="radio"]), textarea {
  border-radius: 0;
  background: rgba(0,0,0,.45);
  box-shadow: inset 0 0 0 1px var(--line), inset 2px 0 0 rgba(var(--season-rgb, 255, 176, 46),.5);
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: .01em;
}
input:not([type="file"]):not([type="checkbox"]):not([type="radio"]):focus, textarea:focus {
  background: rgba(var(--season-rgb, 255, 176, 46),.04);
  box-shadow: inset 0 0 0 1px var(--amber), inset 3px 0 0 var(--amber), 0 0 26px -8px var(--amber-glow);
}
.search input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.search input:not([type="file"]):not([type="checkbox"]):not([type="radio"]):focus { padding: 0; background: transparent; box-shadow: none; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--amber); }
input[type="file"]::file-selector-button { border-radius: 0; background: transparent; box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.4); color: var(--amber); font-family: var(--font-mono); text-transform: uppercase; }
input[type="file"]::file-selector-button:hover { background: var(--amber); color: #000; }

.form-message { border-radius: 0; background: rgba(255,75,62,.08); box-shadow: inset 2px 0 0 var(--red), inset 0 0 0 1px rgba(255,75,62,.25); font-family: var(--font-mono); }
.form-message::before { content: '! ERROR // '; font-weight: 700; }

.application-notice {
  bottom: calc(var(--statusbar) + 22px);
  border-radius: 0;
  background: rgba(4,6,5,.95);
  box-shadow: inset 0 0 0 1px var(--line), inset 3px 0 0 var(--amber), 0 22px 60px rgba(0,0,0,.6);
}
.application-notice.sent { color: var(--green); }

.ticket-message { border-left: 0; }
.ticket-message strong { font-family: var(--font-mono); color: var(--amber); }
.discord-embed { border-radius: 0; border-left-color: var(--amber); background: rgba(0,0,0,.45); }
.ticket-image { border-radius: 0; }

dialog {
  border-radius: 0;
  background: rgba(5,7,6,.97);
  box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.35), 0 0 0 1px rgba(0,0,0,.6), 0 40px 110px rgba(0,0,0,.75), 0 0 80px -30px var(--amber-glow);
}
dialog::before {
  content: '// SECURE CHANNEL // SITE-47';
  display: block;
  padding: 8px 14px;
  background: var(--amber);
  color: #000;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
}
dialog[open] { animation: dialogIn .45s steps(6) both; }
@keyframes dialogIn {
  0% { opacity: 0; clip-path: inset(50% 0 50% 0); }
  60% { opacity: 1; clip-path: inset(0 0 0 0); }
  70% { opacity: .4; }
  100% { opacity: 1; clip-path: inset(0 0 0 0); }
}
dialog form { border-radius: 0; background: transparent; box-shadow: none; }
.dialog-close { border-radius: 0; background: transparent; box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.4); color: var(--amber); }
.dialog-close:hover { background: var(--red); color: #000; box-shadow: none; }

.s95-motion .is-in { animation: powerOn .7s steps(1) both; animation-delay: var(--reveal-delay, 0ms); }
@keyframes powerOn {
  0% { opacity: 0; }
  12% { opacity: .9; }
  20% { opacity: .2; }
  32% { opacity: 1; }
  44% { opacity: .55; }
  56%, 100% { opacity: 1; }
}

.staff-card, .public-announcement, .punishment-card, .ticket-card,
.application-history-card, .rank-panel, .job-card {
  animation-name: cardScanIn;
  animation-duration: .6s;
}
@keyframes cardScanIn {
  from { opacity: 0; clip-path: inset(0 100% 0 0); }
  to { opacity: 1; clip-path: inset(0 0 0 0); }
}

.boot {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  align-content: center;
  padding: 0 clamp(16px, 10vw, 160px);
  background: #030403;
  font-family: var(--font-mono);
  font-size: clamp(10px, 1.15vw, 13.5px);
  color: var(--amber);
  text-shadow: 0 0 8px var(--amber-glow);
  cursor: pointer;
  overflow: hidden;
}
.boot::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 30% 45%, rgba(var(--season-rgb, 255, 176, 46),.07), transparent 60%);
  pointer-events: none;
}
.boot::after {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(to bottom, transparent 0 2px, rgba(0,0,0,.35) 2px 3px);
  pointer-events: none;
}
.boot-inner { position: relative; display: grid; gap: 6px; max-width: 680px; transform-origin: center; animation: bootOn .8s cubic-bezier(.2,.7,.2,1) both; }
@keyframes bootOn {
  0% { transform: scale(0, .004); filter: brightness(6); opacity: 1; }
  40% { transform: scale(1, .004); filter: brightness(4); }
  100% { transform: scale(1, 1); filter: brightness(1); }
}
.boot-head { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; opacity: 0; animation: bootFade .6s ease .8s forwards; }
.boot-head strong { display: block; font-family: var(--font-display); font-size: clamp(16px, 2.2vw, 24px); letter-spacing: .08em; }
.boot-head span { color: var(--muted); font-size: 10px; letter-spacing: .22em; text-shadow: none; }
.boot-logo { width: 56px; filter: sepia(1) saturate(4) hue-rotate(-10deg) brightness(1.2) drop-shadow(0 0 12px rgba(var(--season-rgb, 255, 176, 46),.5)); animation: bootLogo 2.4s ease-in-out .8s infinite; }
@keyframes bootFade { to { opacity: 1; } }
@keyframes bootLogo { 50% { filter: sepia(1) saturate(4) hue-rotate(-10deg) brightness(1.6) drop-shadow(0 0 22px rgba(var(--season-rgb, 255, 176, 46),.8)); } }
.boot-lines { display: grid; gap: 5px; min-height: calc(8 * 1.6em); }
.boot-line { opacity: 0; white-space: pre; overflow: hidden; text-overflow: clip; }
.boot-line.is-on { opacity: 1; }
.boot-line .ok { color: var(--green); }
.boot-line .warn { color: var(--red); }
.boot-meter { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 6px 14px; margin-top: 18px; max-width: 560px; }
.boot-meter-label { grid-column: 1 / -1; color: var(--muted); font-size: 10px; letter-spacing: .22em; text-shadow: none; }
.boot-progress { height: 4px; background: rgba(var(--season-rgb, 255, 176, 46),.15); overflow: hidden; }
.boot-progress i { display: block; height: 100%; width: 0; background: var(--amber); box-shadow: 0 0 14px var(--amber); transition: width .35s ease-out; }
.boot-pct { min-width: 4ch; text-align: right; font-variant-numeric: tabular-nums; }
.boot-granted {
  position: relative;
  justify-self: start;
  margin-top: 22px;
  padding: 8px 16px;
  border: 2px solid var(--green);
  color: var(--green);
  font-family: var(--font-display);
  font-size: clamp(20px, 3.4vw, 34px);
  font-weight: 700;
  letter-spacing: .14em;
  text-shadow: 0 0 18px rgba(74,222,128,.6);
  box-shadow: 0 0 30px rgba(74,222,128,.2), inset 0 0 20px rgba(74,222,128,.12);
  opacity: 0;
  transform: scale(1.6) rotate(-4deg);
}
.boot.is-granted .boot-granted { animation: bootStamp .5s cubic-bezier(.2,1.4,.4,1) forwards, bootFlash .25s steps(2) .5s 3; }
@keyframes bootStamp { to { opacity: 1; transform: scale(1) rotate(-2deg); } }
@keyframes bootFlash { 50% { opacity: .35; } }
.boot-skip { margin-top: 20px; color: var(--muted); font-size: 10px; letter-spacing: .2em; text-shadow: none; animation: bootFade .6s ease 1.4s backwards; }
.boot.is-done { animation: crtOff .75s ease-in forwards; }
@keyframes crtOff {
  0% { transform: scale(1, 1); filter: brightness(1); }
  50% { transform: scale(1, .006); filter: brightness(3); }
  80% { transform: scale(.1, .006); filter: brightness(5); opacity: 1; }
  100% { transform: scale(0, .006); filter: brightness(6); opacity: 0; }
}

.page-wipe {
  position: fixed;
  inset: 0;
  z-index: 190;
  pointer-events: none;
  background:
    repeating-linear-gradient(to bottom, transparent 0 2px, rgba(0,0,0,.4) 2px 3px),
    #040605;
  transform: scaleY(0);
  transform-origin: top;
}
.page-wipe::after {
  content: 'ACCESSING //';
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .3em;
  color: var(--amber);
}
html.is-leaving .page-wipe { transform: scaleY(1); transition: transform .28s cubic-bezier(.7,0,.3,1); }
html.is-entering .page-wipe { transform: scaleY(1); transform-origin: bottom; animation: wipeOut .5s cubic-bezier(.7,0,.3,1) .05s forwards; }
@keyframes wipeOut { to { transform: scaleY(0); } }

.statusbar {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 70;
  display: flex;
  align-items: center;
  height: var(--statusbar);
  background: rgba(3,4,4,.94);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(var(--season-rgb, 255, 176, 46),.3);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted);
  white-space: nowrap;
}
.statusbar > span { display: flex; align-items: center; gap: 8px; height: 100%; padding: 0 14px; border-right: 1px solid var(--line); flex-shrink: 0; }
.statusbar .sb-brand { background: var(--amber); color: #000; font-weight: 700; border: 0; }
.statusbar .sb-ok i { width: 6px; height: 6px; background: var(--green); box-shadow: 0 0 8px var(--green); animation: blink 1.2s steps(1) infinite; }
.statusbar .sb-clock { color: var(--amber); }
.statusbar .sb-ticker { flex: 1; min-width: 0; overflow: hidden; border-right: 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.statusbar .sb-track { display: inline-flex; gap: 48px; padding-left: 100%; animation: ticker 48s linear infinite; }
.statusbar .sb-track b { color: var(--amber); font-weight: 500; }
.statusbar .sb-track em { color: var(--red); font-style: normal; }
@keyframes ticker { to { transform: translateX(-100%); } }

.admin-page .admin-heading h1, .admin-page .admin-panel h2, .admin-page .workspace-header h2,
.admin-page .section-heading-row h3, .admin-page .locked-state h3, .admin-page .application-dialog h2 {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -.01em;
  text-transform: uppercase;
}
.admin-page .admin-heading h1 em {
  color: var(--amber);
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  text-shadow: 0 0 22px rgba(var(--season-rgb, 255, 176, 46),.45), 0 0 2px rgba(var(--season-hot-rgb, 255, 200, 97),.8);
}
.admin-page .admin-heading { border-bottom-color: var(--line); }
.admin-page .admin-button, .moderation-page .admin-button { font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .08em; font-size: 12px; }
.admin-page .admin-button:not(.secondary) { box-shadow: none; }
.admin-page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.admin-page select, .admin-page textarea { font-family: var(--font-mono); font-size: 13px; }
.admin-page input:not([type="checkbox"]):not([type="radio"]):focus,
.admin-page select:focus, .admin-page textarea:focus { box-shadow: inset 0 0 0 1px var(--amber), 0 0 24px -8px var(--amber-glow); }

.admin-page .admin-sidebar, .admin-page .workspace-header,
.moderation-page .moderation-panel {
  border-radius: var(--r-shell) !important;
}
.admin-page .admin-nav, .moderation-page .shift-btn, .moderation-page .search-form button,
.moderation-page .search-form input, .moderation-page .tab, .moderation-page [class*="pill"] {
  border-radius: 0 !important;
}
.admin-page .admin-nav { font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .08em; font-size: 11.5px; }
.admin-page .admin-nav.active { color: var(--amber) !important; box-shadow: inset 2px 0 0 var(--amber) !important; background: rgba(var(--season-rgb, 255, 176, 46),.08) !important; }
.admin-page .admin-nav span { color: var(--amber); }
.overview-grid article span { font-family: var(--font-mono); color: var(--muted); letter-spacing: .14em; }
.overview-grid article strong { font-family: var(--font-display); color: var(--amber); text-transform: uppercase; }
.locked-state span { color: var(--red); font-family: var(--font-mono); letter-spacing: .2em; }

.moderation-page .moderation-panel { box-shadow: inset 0 0 0 1px var(--line) !important; background: rgba(7,10,9,.82) !important; }
.moderation-page .shift-btn-primary, .moderation-page .search-form button { background: var(--amber) !important; color: #000 !important; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }
.moderation-page .shift-btn-danger { background: var(--red) !important; color: #000 !important; }
.moderation-page .shift-btn-secondary { background: transparent !important; color: var(--amber) !important; box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.4) !important; }
.moderation-page .stat-value { font-family: var(--font-mono) !important; color: var(--amber); }
.moderation-page .shift-profile img { border-radius: 0 !important; box-shadow: 0 0 0 1px var(--amber); }

.auth-shell { border-radius: 0 !important; box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.35), 0 50px 120px rgba(0,0,0,.6), 0 0 90px -30px var(--amber-glow) !important; }
.auth-core { border-radius: 0 !important; background: rgba(5,7,6,.92) !important; }
.auth-seal { border-radius: 0 !important; background: rgba(var(--season-rgb, 255, 176, 46),.06) !important; box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.5), 0 0 30px -6px var(--amber-glow) !important; }
.auth-seal img { filter: sepia(1) saturate(4) hue-rotate(-10deg) brightness(1.2) !important; }
.auth-discord { border-radius: 0 !important; background: var(--amber) !important; color: #000 !important; font-family: var(--font-mono) !important; text-transform: uppercase; letter-spacing: .08em; }
.auth-discord:hover { background: var(--amber-hot) !important; box-shadow: 0 0 40px -6px var(--amber-glow) !important; }

@media (max-width: 768px) {
  :root { --bracket: 10px; }
  .statusbar .sb-clock, .statusbar .sb-ok { display: none; }
  .signal-c { right: -8px; }
  .owner-section .stamp { position: static; justify-self: start; }
}

@media (pointer: coarse) { .cursor-glow { display: none; } }

@media (prefers-reduced-motion: reduce) {
  .noise::after, .statusbar .sb-track, .radar::before, .radar::after, .topbar::before { animation: none !important; }
  .boot, .page-wipe { display: none !important; }
  [data-glitch]::before, [data-glitch]::after { display: none; }
}

.appeal-track { position: relative; display: grid; gap: 16px; padding: 20px 22px; background: rgba(7, 10, 9, .9); box-shadow: inset 0 0 0 1px var(--line); }
.appeal-track + .appeal-track { margin-top: 12px; }
.appeal-track::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 2px; background: var(--amber); }
.appeal-track.state-decided::before { background: var(--muted); }
.appeal-track.state-decided.accepted::before { background: var(--green); }
.appeal-track-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.appeal-track-head h3 { margin: 6px 0 0; font: 600 20px var(--font-display); letter-spacing: .01em; text-transform: uppercase; overflow-wrap: anywhere; }
.appeal-state { padding: 4px 10px; box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46), .45); color: var(--amber); font: 500 11px var(--font-mono); letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.state-decided .appeal-state { color: var(--ink-soft); box-shadow: inset 0 0 0 1px rgba(237, 232, 218, .25); }
.state-decided.accepted .appeal-state { color: var(--green); box-shadow: inset 0 0 0 1px rgba(69, 255, 159, .45); }
.appeal-steps { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
.appeal-steps li { position: relative; display: grid; gap: 4px; padding-top: 14px; color: var(--muted); }
.appeal-steps li::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: rgba(237, 232, 218, .1); }
.appeal-steps li.done::before { background: rgba(var(--season-rgb, 255, 176, 46), .55); }
.appeal-steps li.current::before { background: var(--amber); box-shadow: 0 0 14px rgba(var(--season-rgb, 255, 176, 46), .6); }
.appeal-steps li.done, .appeal-steps li.current { color: var(--ink); }
.appeal-steps b { font: 600 12px var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.appeal-steps small { font-size: 11.5px; color: var(--muted); }
.appeal-outcome { padding: 12px 14px; background: rgba(var(--season-rgb, 255, 176, 46), .05); box-shadow: inset 2px 0 0 var(--amber); }
.accepted .appeal-outcome { background: rgba(69, 255, 159, .06); box-shadow: inset 2px 0 0 var(--green); }
.appeal-outcome p { margin: 6px 0 0; color: var(--ink-soft); white-space: pre-wrap; }
.appeal-track-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; color: var(--muted); font-size: 13px; }
@media (max-width: 560px) {
  .appeal-steps { grid-auto-flow: row; }
  .appeal-track-head { flex-direction: column; }
}

.session-history { grid-column: 1 / -1; display: grid; gap: 14px; margin-top: 18px; padding: 18px 20px; background: rgba(7, 10, 9, .9); box-shadow: inset 0 0 0 1px var(--line); }
.session-history.hidden { display: none; }
.session-history-head { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.session-history-head strong { color: var(--amber); font: 700 24px var(--font-display); }
.session-history-head strong small { color: var(--muted); font: 500 11px var(--font-mono); letter-spacing: .12em; }
.session-history-head > small { margin-left: auto; color: var(--muted); font: 500 11px var(--font-mono); letter-spacing: .06em; }
.session-history-rows { display: grid; gap: 6px; }
.session-history-row { display: grid; grid-template-columns: 92px minmax(0, 1fr) 52px; align-items: center; gap: 12px; color: var(--muted); font: 500 11px var(--font-mono); letter-spacing: .06em; text-transform: uppercase; }
.session-history-row b { color: var(--ink-soft); font-weight: 500; text-align: right; }
.session-bar { display: flex; height: 14px; overflow: hidden; background: rgba(237, 232, 218, .05); box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46), .1); }
.session-bar i { display: block; height: 100%; }
.seg-online { background: var(--green); box-shadow: 0 0 10px rgba(69, 255, 159, .35); }
.seg-voting { background: var(--amber); }
.seg-offline { background: rgba(255, 75, 62, .7); }
.seg-unknown { background: transparent; }
.session-legend { display: flex; gap: 16px; flex-wrap: wrap; color: var(--muted); font: 500 10.5px var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.session-legend span { display: inline-flex; align-items: center; gap: 6px; background: none; box-shadow: none; }
.session-legend span::before { content: ''; width: 10px; height: 10px; }
.session-legend .seg-online::before { background: var(--green); }
.session-legend .seg-voting::before { background: var(--amber); }
.session-legend .seg-offline::before { background: rgba(255, 75, 62, .7); }
.session-legend .seg-unknown::before { box-shadow: inset 0 0 0 1px rgba(237, 232, 218, .3); }
@media (max-width: 560px) {
  .session-history-row { grid-template-columns: 70px minmax(0, 1fr) 44px; gap: 8px; }
  .session-history-head > small { margin-left: 0; }
}

.notify-panel { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.notify-panel.hidden { display: none; }
.notify-panel > div { display: grid; gap: 4px; min-width: 0; flex: 1 1 260px; }
.notify-panel small { color: var(--muted); }
.notify-panel.is-on strong { color: var(--green); }

.form-description { margin: -6px 0 6px; color: var(--muted); font-size: 14px; line-height: 1.7; white-space: pre-wrap; }
.form-description:empty { display: none; }
.question-list { display: grid; gap: 14px; }
.question { display: grid; gap: 10px; margin: 0; padding: 18px 20px; border: 0; background: rgba(var(--season-rgb, 255, 176, 46),.025); box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.14); min-width: 0; }
.question legend { float: left; width: 100%; padding: 0; color: var(--ink); font-family: var(--font-display); font-size: 15px; font-weight: 600; letter-spacing: .02em; text-transform: none; }
.question legend + * { clear: both; }
.question .required { margin-left: 6px; color: var(--red); }
.question-help { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.question-foot { display: flex; justify-content: space-between; gap: 12px; color: var(--faint); font-family: var(--font-mono); font-size: 11px; }
.question-foot:has(.question-hint:empty):not(:has(.char-count)) { display: none; }
.question-error { margin: 0; color: var(--red); font-size: 12.5px; }
.question-error:empty { display: none; }
.question.has-error { box-shadow: inset 0 0 0 1px rgba(255,75,62,.55); }
.question select { width: 100%; padding: 13px 15px; border: 0; background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 1px var(--shell-ring); color: var(--ink); font: inherit; }
.question select option { background: #0b0f0d; }
.option-list { display: grid; gap: 8px; }
.option { display: flex; align-items: center; gap: 12px; padding: 11px 14px; background: rgba(255,255,255,.025); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); color: var(--ink-soft); font-family: var(--font-body); font-size: 14px; letter-spacing: 0; text-transform: none; cursor: pointer; transition: box-shadow .15s ease, background-color .15s ease; }
.option:hover { box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.35); }
.option:has(input:checked) { background: rgba(var(--season-rgb, 255, 176, 46),.08); box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.6); color: var(--ink); }
.scale-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.scale-label { color: var(--muted); font-size: 12px; text-transform: none; letter-spacing: 0; font-family: var(--font-body); }
.scale-steps { display: flex; gap: 6px; flex-wrap: wrap; }
.scale-step { display: grid; place-items: center; gap: 4px; width: 42px; padding: 8px 0; background: rgba(255,255,255,.025); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); cursor: pointer; }
.scale-step span { color: var(--ink); font-family: var(--font-mono); font-size: 13px; letter-spacing: 0; }
.scale-step:has(input:checked) { background: rgba(var(--season-rgb, 255, 176, 46),.12); box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.6); }
.job-card .job-meta { color: var(--faint); font-family: var(--font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.job-card.is-closed { opacity: .6; }

button.text-link { appearance: none; margin: 0; padding: 0; border: 0; background: none; color: var(--amber); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
button.text-link:hover, button.text-link:focus-visible { color: var(--amber-hot); background: none; }

.join-gate { display: grid; gap: 14px; padding: 22px; background: rgba(var(--season-rgb, 255, 176, 46),.04); box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.3); }
.join-gate h3 { margin: 0; font-family: var(--font-display); font-size: 20px; color: var(--ink); }
.join-gate > p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.join-list { display: grid; gap: 8px; }
.join-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 12px 14px; background: rgba(255,255,255,.025); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
.join-row.joined { box-shadow: inset 0 0 0 1px rgba(69,255,159,.3); }
.join-text { display: grid; gap: 2px; }
.join-text strong { color: var(--ink); font-size: 14px; }
.join-text small { color: var(--muted); font-size: 12px; }
.join-status { color: var(--green); font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.join-status.missing { color: var(--muted); }
.join-gate [data-check-again] { justify-self: start; }

body .dd-button { min-height: 46px; padding: 12px 15px; border-radius: 0; background: rgba(var(--season-rgb, 255, 176, 46),.03); box-shadow: inset 0 0 0 1px var(--line); color: var(--ink); font-family: var(--font-mono); font-size: 13px; }
body .dd-button:hover:not(:disabled) { box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.45); }
body .dd.open .dd-button, body .dd-button:focus-visible { box-shadow: inset 0 0 0 1px var(--amber), 0 0 24px -8px var(--amber-glow, rgba(var(--season-rgb, 255, 176, 46),.5)); }
body .dd-panel { border-radius: 0; background: var(--raise); box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.35), 0 18px 40px rgba(0,0,0,.6); color: var(--ink); font-family: var(--font-mono); font-size: 13px; }
body .dd-option { border-radius: 0; }
body .dd-search { border-radius: 0; font-family: var(--font-mono); }
.question .dd-button { background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 1px var(--shell-ring); font-family: inherit; font-size: 14px; }

.form-progress { display: grid; gap: 8px; margin-bottom: 18px; color: var(--muted); font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.form-progress-bar { height: 4px; background: rgba(255,255,255,.06); }
.form-progress-bar i { display: block; height: 100%; background: var(--amber); transition: width .25s ease; }
.form-section { margin: 0 0 18px; padding: 16px 18px; background: rgba(var(--season-rgb, 255, 176, 46),.04); box-shadow: inset 3px 0 0 var(--amber), inset 0 0 0 1px var(--line); }
.form-section h3 { margin: 0 0 6px; }
.form-section p { margin: 0; color: var(--ink-soft); line-height: 1.6; white-space: pre-line; }
.form-pager { display: flex; justify-content: space-between; gap: 10px; margin-top: 18px; }
.form-pager [hidden] { display: none; }
.form-pager [data-page-next] { margin-left: auto; }

.job-deadline { display: block; margin-top: 6px; color: var(--amber); font-family: var(--font-mono); font-size: 12px; letter-spacing: .04em; }

.status-section { display: grid; gap: 18px; }
.status-overall { display: flex; align-items: center; gap: 16px; padding: 22px 24px; background: rgba(143,187,60,.08); box-shadow: inset 3px 0 0 #8fbb3c, inset 0 0 0 1px var(--line); }
.status-overall strong { display: block; font-size: 20px; }
.status-overall small { color: var(--ink-soft); }
.status-overall.degraded, .status-overall.maintenance { background: rgba(242,198,107,.08); box-shadow: inset 3px 0 0 var(--amber), inset 0 0 0 1px var(--line); }
.status-overall.outage { background: rgba(255,125,112,.08); box-shadow: inset 3px 0 0 #ff7d70, inset 0 0 0 1px var(--line); }
.status-dot { flex: none; width: 12px; height: 12px; border-radius: 50%; background: #8fbb3c; box-shadow: 0 0 12px rgba(143,187,60,.7); }
.degraded .status-dot, .maintenance .status-dot, .info .status-dot { background: var(--amber); box-shadow: 0 0 12px rgba(242,198,107,.6); }
.outage .status-dot { background: #ff7d70; box-shadow: 0 0 12px rgba(255,125,112,.6); }
.idle .status-dot, .unknown .status-dot { background: #85888a; box-shadow: none; }
.status-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.status-card { padding: 16px 18px; background: var(--shell-bg); box-shadow: inset 0 0 0 1px var(--shell-ring); }
.status-card-head { display: flex; align-items: center; gap: 10px; }
.status-card-head h3 { flex: 1; margin: 0; font-size: 15px; }
.status-label { color: var(--muted); font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.status-card.operational .status-label { color: #8fbb3c; }
.status-card.outage .status-label { color: #ff7d70; }
.status-card.maintenance .status-label, .status-card.info .status-label { color: var(--amber); }
.status-card p { margin: 8px 0 0; color: var(--ink-soft); font-size: 13px; line-height: 1.5; }
.status-queue { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.status-queue div { padding: 14px 18px; background: rgba(var(--season-rgb, 255, 176, 46),.03); box-shadow: inset 0 0 0 1px var(--line); }
.status-queue b { display: block; font-size: 22px; }
.status-queue span { color: var(--muted); font-family: var(--font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.status-history { display: grid; gap: 18px; }
.history-head { display: flex; justify-content: space-between; margin-bottom: 8px; }
.history-head span { color: var(--muted); font-family: var(--font-mono); font-size: 12px; }
.history-bars { display: grid; grid-template-columns: repeat(30, 1fr); gap: 3px; height: 34px; }
.history-bars i { border-radius: 2px; background: rgba(255,255,255,.07); }
.history-bars i.good { background: #8fbb3c; }
.history-bars i.warn { background: var(--amber); }
.history-bars i.bad { background: #ff7d70; }
.history-scale { display: flex; justify-content: space-between; margin-top: 6px; color: var(--faint); font-family: var(--font-mono); font-size: 11px; }
.live-pill { cursor: pointer; }
@media (max-width: 640px) { .status-queue { grid-template-columns: 1fr; } .history-bars { gap: 2px; } }

.application-status.withdrawn { background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); color: var(--faint, #9a9a9a); }
.iv-box { grid-column: 1 / -1; display: grid; gap: 10px; margin-top: 14px; padding: 14px 16px; background: rgba(var(--season-rgb, 255, 176, 46),.04); box-shadow: inset 0 0 0 1px rgba(var(--season-rgb, 255, 176, 46),.25); }
.iv-box.ok { background: rgba(69,255,159,.04); box-shadow: inset 0 0 0 1px rgba(69,255,159,.25); }
.iv-box.warn { background: rgba(255,75,62,.05); box-shadow: inset 0 0 0 1px rgba(255,75,62,.3); }
.iv-box p { margin: 0; }
.iv-box .eyebrow { margin: 0; }
.iv-when { font-size: 18px; font-weight: 600; }
.iv-detail b { display: inline-block; min-width: 54px; opacity: .7; font-weight: 500; }
.iv-buttons { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.iv-buttons .admin-button { padding: 10px 14px; font-size: 12px; }
.iv-withdraw { color: var(--red, #ff4b3e); }
.iv-suggest { display: grid; gap: 10px; }
.iv-suggest label { display: grid; gap: 6px; font-size: 12px; }
.iv-suggest input, .iv-suggest textarea { width: 100%; }
.application-history-card { flex-wrap: wrap; }
.application-history-card .iv-box { flex: 1 1 100%; }
.iv-box .text-link.iv-withdraw { color: var(--red, #ff4b3e); margin-left: auto; }