:root {
  --page: #05070d;
  --surface: #08111b;
  --surface-2: #0b1824;
  --surface-3: #102235;
  --border: #164a67;
  --border-soft: #123247;
  --text: #e8f3ff;
  --muted: #7fa5bd;
  --cyan: #36d9ff;
  --magenta: #ff2fbd;
  --violet: #a957ff;
  --control: #0a1621;
  --success: #78f5c5;
  --error: #ff8f9f;
  --gold: #ffd05a;
}

* { box-sizing: border-box; }
html { color-scheme: dark; background: var(--page); }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background:
    radial-gradient(circle at 50% -10%, rgba(168, 61, 255, .16), transparent 38%),
    linear-gradient(180deg, #07101a 0%, var(--page) 42%, #03050a 100%);
  color: var(--text);
  font: 14px/1.5 "Segoe UI", Tahoma, Arial, sans-serif;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(54,217,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(54,217,255,.025) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(to bottom, black, transparent 80%);
}

a { color: var(--cyan); text-decoration: none; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}

.network-strip {
  position: fixed;
  z-index: 50;
  top: 0;
  right: 0;
  padding: 5px 9px;
  border-left: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: #07101a;
  color: var(--muted);
  font: 700 10px/1 Consolas, monospace;
  letter-spacing: .14em;
}
html[data-busy] .network-strip { color: var(--cyan); }

.site-frame { max-width: 1480px; margin: 0 auto; padding: 14px 14px 28px; position: relative; }
.mast {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid var(--border);
  border-bottom-color: var(--magenta);
  background: linear-gradient(90deg, #07111b 0%, #09101a 48%, #12091a 100%);
  padding: 10px 16px;
}
.brand-lockup { display: inline-flex; align-items: center; gap: 12px; color: var(--text); }
.brand-kanji { color: var(--magenta); font: 800 33px/1 Georgia, serif; letter-spacing: -4px; }
.brand { display: block; margin: 0; font: 800 22px/1.05 Consolas, monospace; letter-spacing: .18em; color: #f5f7fb; }
.brand-sub { display: block; margin-top: 4px; color: var(--cyan); font: 700 9px/1 Consolas, monospace; letter-spacing: .17em; }
.mast-meta { color: var(--muted); font: 11px/1.4 Consolas, monospace; text-transform: uppercase; text-align: right; }

.shell { display: grid; grid-template-columns: 220px minmax(0, 1fr) 240px; gap: 12px; margin-top: 12px; }
.shell-public { max-width: 1120px; margin: 12px auto 0; }
.sidebar, .content { min-width: 0; }
.panel {
  border: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(9,21,32,.98), rgba(5,12,20,.98));
  margin-bottom: 12px;
}
.panel > h2, .panel > h3, .section-title {
  margin: 0;
  padding: 9px 11px;
  border-bottom: 1px solid var(--border);
  border-left: 3px solid var(--magenta);
  background: #091723;
  color: #f1f7ff;
  font: 700 13px/1.3 Consolas, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.pad { padding: 12px; }

.nav-list { display: grid; gap: 4px; }
.nav-link {
  display: block;
  padding: 8px 9px;
  border: 1px solid transparent;
  color: #cfe5f3;
  font: 600 12px/1.25 Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.nav-group { margin: 11px 0 5px; color: var(--magenta); font: 700 10px/1 Consolas, monospace; text-transform: uppercase; letter-spacing: .12em; }

.stat { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--border-soft); }
.stat:last-child { border-bottom: 0; }
.stat span { color: var(--muted); }
.stat b { text-align: right; color: #f2f7fb; }

button, .button, input, select { font: inherit; }
button, .button {
  display: inline-block;
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid #246183;
  border-radius: 2px;
  background: var(--control);
  color: var(--text);
  cursor: pointer;
  text-decoration: none;
  font-weight: 700;
}
button.primary, .button.primary { border-color: var(--magenta); background: #1c0c20; color: #fff; }
button:disabled { cursor: not-allowed; opacity: .6; }
input, select {
  width: 100%;
  min-height: 38px;
  padding: 7px 9px;
  margin: 4px 0 11px;
  border: 1px solid var(--border);
  border-radius: 2px;
  background: #050c13;
  color: var(--text);
}
input:focus, select:focus { border-color: var(--cyan); }
label { color: #a9c8da; font: 700 11px/1.2 Consolas, monospace; text-transform: uppercase; letter-spacing: .06em; }
.inline-form { display: inline; }
.button-row { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }

.flash { padding: 10px 12px; border: 1px solid var(--border); background: #0b1621; margin-bottom: 12px; }
.flash.error { border-color: #8a3848; color: var(--error); }
.flash.ok { border-color: #27684f; color: var(--success); }

.table-wrap { overflow-x: auto; }
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { padding: 8px; border-bottom: 1px solid var(--border-soft); text-align: left; vertical-align: top; }
.table th { color: var(--cyan); font: 700 11px/1.25 Consolas, monospace; text-transform: uppercase; letter-spacing: .04em; }
.table tr:last-child td { border-bottom: 0; }

.grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.card { border: 1px solid var(--border-soft); background: #09141e; padding: 11px; }
.card h3 { margin: 0 0 7px; font: 700 13px Consolas, monospace; color: #eef7ff; }
.tag { display: inline-block; padding: 3px 7px; margin: 2px 3px 2px 0; border: 1px solid #285671; color: #c9e9fa; font-size: 11px; }
.muted { color: var(--muted); }
.mono { font: 12px/1.4 Consolas, "Courier New", monospace; }

.landing-hero {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-top-color: var(--magenta);
  border-bottom-color: var(--cyan);
  background: #060b12;
}
.landing-art {
  position: absolute;
  inset: 0;
  background: url('/static/landing-hero.webp') center/cover no-repeat;
}
.landing-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(3,7,12,.97) 0%, rgba(3,7,12,.82) 43%, rgba(3,7,12,.38) 72%, rgba(3,7,12,.65) 100%);
}
.landing-copy {
  position: relative;
  z-index: 2;
  width: min(620px, 100%);
  padding: 76px 48px 48px;
}
.landing-mark { color: var(--magenta); font: 900 72px/.9 Georgia, serif; letter-spacing: -8px; }
.landing-copy .kicker { margin-top: 12px; color: var(--cyan); font: 700 11px Consolas, monospace; letter-spacing: .18em; }
.landing-copy h2 { max-width: 560px; margin: 18px 0 12px; font: 800 clamp(34px, 6vw, 66px)/.98 "Segoe UI", sans-serif; letter-spacing: -.04em; }
.landing-copy p { max-width: 560px; margin: 0 0 22px; color: #b7ccda; font-size: 15px; }
.landing-actions .button { min-width: 132px; text-align: center; }
.landing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.auth-panel { max-width: 520px; margin: 54px auto 0; }

.footer { padding: 18px 6px 0; color: #58758a; text-align: center; font: 10px/1.4 Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; }

@media (max-width: 980px) {
  .shell { grid-template-columns: 190px minmax(0,1fr); }
  .sidebar-right { display: none; }
  .landing-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .shell { grid-template-columns: 1fr; }
  .content { order: 1; }
  .sidebar-left { order: 2; }
  .sidebar-right { display: block; order: 3; }
  .landing-copy { padding: 54px 24px 32px; }
  .landing-shade { background: linear-gradient(90deg, rgba(3,7,12,.96), rgba(3,7,12,.76)); }
  .mast { align-items: flex-start; flex-direction: column; }
  .mast-meta { text-align: left; }
  .grid-3 { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .grid-2 { grid-template-columns: 1fr; }
  .site-frame { padding: 8px; }
  .landing-hero { min-height: 500px; }
  .landing-mark { font-size: 56px; }
}

/* Alpha 2 gameplay systems */
.progression-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
.cert-card {
  border: 1px solid var(--border);
  border-left: 3px solid var(--cyan);
  background: linear-gradient(135deg, rgba(13,28,41,.96), rgba(12,12,26,.96));
  padding: 12px;
  margin-bottom: 14px;
}
.cert-card h3 { margin: 0 0 8px; color: #fff; font: 700 13px Consolas, monospace; text-transform: uppercase; }
.cert-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; margin-bottom: 10px; }
.cert-grid span { border: 1px solid var(--border-soft); padding: 7px; color: #b9d6e7; font: 11px Consolas, monospace; }

.tree-stack { display: grid; gap: 14px; }
.skill-tree {
  border: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(7,17,27,.98), rgba(5,10,18,.98));
}
.skill-tree > header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 11px 12px;
  border-bottom: 1px solid var(--border-soft);
}
.skill-tree > header h3 { margin: 2px 0 0; color: #fff; font: 700 14px Consolas, monospace; }
.skill-tree > header p { max-width: 520px; margin: 0; color: var(--muted); font-size: 12px; text-align: right; }
.tree-lane {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(170px, 1fr);
  gap: 10px;
  padding: 12px;
  overflow-x: auto;
}
.tree-node {
  position: relative;
  min-height: 138px;
  padding: 12px;
  border: 1px solid var(--border-soft);
  background: #07121c;
}
.tree-node::after {
  content: "";
  position: absolute;
  top: 28px;
  right: -11px;
  width: 10px;
  border-top: 1px solid #244d66;
}
.tree-node:last-child::after { display: none; }
.tree-node h4 { margin: 7px 0 6px; color: #f3f9ff; font: 700 12px Consolas, monospace; }
.tree-node p { margin: 0 0 10px; color: var(--muted); font-size: 11px; }
.tree-node.locked { opacity: .58; }
.tree-node.ready { border-color: var(--magenta); background: #100d1c; }
.tree-node.learned { border-color: #247f77; background: #071b1c; }
.node-tier { color: var(--cyan); font: 800 10px Consolas, monospace; letter-spacing: .13em; }

.mission-grid, .market-grid, .inventory-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 10px;
}
.kage-card {
  border: 1px solid var(--magenta);
  background: linear-gradient(145deg, rgba(30,11,35,.95), rgba(7,22,31,.98));
  padding: 14px;
}
.kage-card h3 { margin: 3px 0 7px; font: 800 22px "Segoe UI", sans-serif; }
.village-hero > h2 { border-left-color: var(--cyan); }

.battle-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) 96px minmax(0,1fr);
  gap: 12px;
  align-items: stretch;
  margin-bottom: 12px;
}
.combatant-card {
  border: 1px solid var(--border);
  background: linear-gradient(145deg, #091824, #071019);
  padding: 13px;
}
.enemy-card { border-color: #63324e; background: linear-gradient(145deg, #180b16, #0c1019); }
.combatant-name { margin-bottom: 12px; color: #fff; font: 800 17px Consolas, monospace; text-transform: uppercase; }
.battle-vs { display: grid; place-content: center; text-align: center; border: 1px solid var(--border-soft); background: #060b12; }
.battle-vs span { color: var(--muted); font: 9px Consolas, monospace; letter-spacing: .15em; }
.battle-vs b { color: var(--magenta); font: 900 30px/1 Consolas, monospace; }
.battle-vs em { margin-top: 7px; color: var(--cyan); font: normal 10px Consolas, monospace; text-transform: uppercase; }
.meter-label { display: flex; justify-content: space-between; margin: 8px 0 3px; color: #a9c6d8; font: 10px Consolas, monospace; }
.meter { height: 9px; overflow: hidden; border: 1px solid #49313d; background: #14070e; }
.meter i { display: block; height: 100%; background: linear-gradient(90deg,#ff386b,#ff2fbd); }
.meter.cyan { border-color: #174b61; background: #06141b; }
.meter.cyan i { background: linear-gradient(90deg,#1bb7e5,#55e8ff); }
.meter.violet { border-color: #432664; background: #10081a; }
.meter.violet i { background: linear-gradient(90deg,#7341e9,#b55dff); }
.meter.enemy i { background: linear-gradient(90deg,#f14657,#ff7c49); }

.battle-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(190px,1fr));
  gap: 8px;
  margin: 12px 0;
}
.tech-action button { width: 100%; min-height: 62px; text-align: left; }
.tech-action button b { display: block; color: #fff; font: 700 12px Consolas, monospace; }
.tech-action button span { display: block; margin-top: 4px; color: var(--muted); font: 10px Consolas, monospace; }
.battle-utility { padding-top: 9px; border-top: 1px solid var(--border-soft); }
.enemy-meta {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 10px;
  margin-top: 10px;
  color: var(--muted);
  font: 10px/1.35 Consolas, monospace;
}
.enemy-meta b { color: #ffd3df; text-transform: uppercase; }
.status-rack {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 0;
  margin: 8px 0 2px;
}
.status-rack:empty { display: none; }
.status-chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  border: 1px solid var(--border);
  background: #07131c;
  color: #b9d7e7;
  font: 800 9px/1 Consolas, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.status-chip.player { border-color: #1e6f79; color: var(--cyan); }
.status-chip.enemy { border-color: #783851; color: #ff9fbd; }
.combat-log { max-height: 360px; overflow-y: auto; padding: 9px 12px; background: #040a10; font: 11px/1.55 Consolas, monospace; }
.log-line { display: grid; grid-template-columns: 34px 1fr; gap: 8px; padding: 4px 0; border-bottom: 1px solid #0d2736; color: #a9c4d4; }
.log-line span { color: #4d7890; }
.log-line.player { color: var(--cyan); }
.log-line.enemy { color: #ff9aab; }
.log-line.status { color: var(--gold); }
.log-line.system { color: var(--success); }


@media (max-width: 760px) {
  .cert-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .battle-grid { grid-template-columns: 1fr; }
  .battle-vs { min-height: 58px; }
  .skill-tree > header { display: block; }
  .skill-tree > header p { margin-top: 7px; text-align: left; }
}


.travel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
  gap: 9px;
  margin-top: 12px;
}
.travel-card { min-height: 118px; }
.travel-card h3 { margin: 6px 0 12px; }
.system-matrix {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 9px;
}
.system-matrix .card { text-align: center; }
.system-matrix b { display: block; color: var(--cyan); font: 900 28px/1 Consolas, monospace; }
.system-matrix span { display: block; margin-top: 6px; color: var(--muted); font: 10px Consolas, monospace; text-transform: uppercase; letter-spacing: .08em; }
@media (max-width: 760px) {
  .system-matrix { grid-template-columns: repeat(2,minmax(0,1fr)); }
}


.admin-matrix { margin-bottom: 14px; }
.compact-check {
  width: auto;
  min-height: auto;
  margin: 8px 5px 12px 0;
  accent-color: var(--magenta);
}
.panel form > .grid-3 { margin-bottom: 4px; }


/* Lore matrices */
.lore-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
}
.lore-card, .bloodline-card {
  position: relative;
  overflow: hidden;
  min-height: 190px;
  border-color: #214e67;
  background:
    linear-gradient(145deg, rgba(10,24,36,.98), rgba(12,9,24,.98));
}
.lore-card::before, .bloodline-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg,var(--magenta),var(--cyan));
}
.lore-card h3, .bloodline-card h3 {
  margin-top: 5px;
  font-size: 17px;
}
.lore-card p, .bloodline-card p {
  color: #9eb9ca;
  min-height: 58px;
}
.lore-village {
  margin-top: 10px;
  color: var(--cyan);
  font: 800 10px/1 Consolas, monospace;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.bloodline-bonuses {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 10px;
}
@media (max-width: 1100px) {
  .lore-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .lore-grid { grid-template-columns: 1fr; }
}


.combo-guide {
  margin: 10px 0 4px;
  border: 1px solid var(--border-soft);
  background: #050d14;
}
.combo-guide summary {
  cursor: pointer;
  padding: 8px 10px;
  color: var(--cyan);
  font: 800 10px/1.2 Consolas, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.combo-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 6px;
  padding: 0 10px 10px;
}
.combo-grid span {
  border: 1px solid #17374a;
  padding: 7px 8px;
  color: #91afc1;
  font: 10px/1.35 Consolas, monospace;
}
.combo-grid b {
  display: block;
  margin-bottom: 2px;
  color: var(--magenta);
}
@media (max-width: 760px) {
  .combo-grid { grid-template-columns: 1fr; }
}


.continuation {
  margin-top: 12px;
  padding: 10px;
  border: 1px solid #25485c;
  background: #06121b;
}
.continuation.active {
  border-color: #7b285f;
  background: linear-gradient(145deg,#13091a,#07121b);
}
.continuation b,
.continuation span {
  display: block;
}
.continuation b {
  margin: 4px 0 2px;
  color: #f6fbff;
  font: 800 12px Consolas, monospace;
}
.continuation span {
  margin-bottom: 8px;
  color: var(--muted);
  font-size: 10px;
}
.continuation .button {
  width: 100%;
  text-align: center;
}
.tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}


.home-command {
  background:
    linear-gradient(90deg, rgba(5,12,20,.98), rgba(9,14,28,.93));
}
.home-intro {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 14px;
}
.home-intro h3 {
  margin: 3px 0;
  color: #fff;
  font: 900 24px/1.1 "Segoe UI", sans-serif;
}
.home-intro p {
  margin: 0;
  color: var(--muted);
  font: 10px Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.home-live-grid {
  display: grid;
  grid-template-columns: minmax(0,2fr) minmax(260px,1fr);
  gap: 12px;
}
.home-log {
  max-height: 330px;
  overflow-y: auto;
  background: #040a10;
  padding: 9px 12px;
}
.home-log-line {
  display: grid;
  grid-template-columns: 34px minmax(90px,140px) 1fr;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px solid #0d2736;
  color: #9ab6c7;
  font: 10px/1.4 Consolas, monospace;
}
.home-log-line span { color: #49768d; }
.home-log-line b { color: #d5e9f5; }
.home-log-line em { font-style: normal; }
.home-log-line.player em { color: var(--cyan); }
.home-log-line.enemy em { color: #ff9aab; }
.home-log-line.status em { color: var(--gold); }
.home-log-line.system em { color: var(--success); }
.home-log-empty { padding: 18px; color: var(--muted); font: 11px Consolas, monospace; }
.mission-rail { padding: 8px 10px 0; }
.mission-rail-item {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 6px;
  border-bottom: 1px solid var(--border-soft);
}
.mission-rail-item b,
.mission-rail-item span { display: block; }
.mission-rail-item b { color: #eef8ff; font: 800 11px Consolas, monospace; }
.mission-rail-item span { margin-top: 2px; color: var(--muted); font: 9px Consolas, monospace; text-transform: uppercase; }
.mission-rail-item strong { color: var(--magenta); font: 800 9px Consolas, monospace; white-space: nowrap; }
@media (max-width: 900px) {
  .home-live-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .home-intro { align-items: start; flex-direction: column; }
  .home-log-line { grid-template-columns: 28px 1fr; }
  .home-log-line em { grid-column: 1 / -1; }
}


/* Campaign operation states */
.mission-card.locked {
  opacity: .64;
  border-style: dashed;
  background: linear-gradient(145deg, rgba(6,13,20,.96), rgba(12,10,18,.96));
}
.mission-card.locked h3 { color: #9eb0bc; }
.mission-card.locked .tag { border-color: #563a56; color: #c8a9c6; }


/* Technique combat loadout */
.loadout-state { margin-bottom: 10px; }
.loadout-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 9px;
}
.loadout-slot {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px;
  align-items: end;
  padding: 10px;
  border: 1px solid var(--border-soft);
  background: linear-gradient(145deg, rgba(7,18,28,.98), rgba(10,8,18,.98));
}
.loadout-slot > div { grid-column: 1 / -1; }
.loadout-slot > div span {
  display: block;
  color: var(--magenta);
  font: 800 9px/1 Consolas, monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.loadout-slot > div b {
  display: block;
  margin-top: 5px;
  color: #f2f8ff;
  font: 700 12px Consolas, monospace;
}
.loadout-slot select { margin: 0; min-width: 0; }
.loadout-slot button { min-height: 38px; }
@media (max-width: 900px) {
  .loadout-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .loadout-grid { grid-template-columns: 1fr; }
}


/* Field conditioning */
.training-lead {
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid var(--border);
  border-left: 3px solid var(--cyan);
  background: linear-gradient(135deg, rgba(7,22,32,.96), rgba(12,8,20,.96));
}
.training-lead h3 { margin: 0 0 5px; color: #fff; font: 800 14px Consolas, monospace; text-transform: uppercase; }
.training-lead p { margin: 0; color: var(--muted); }
.training-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 9px;
  margin-bottom: 12px;
}
.training-card { min-height: 210px; }
.training-card h3 { margin-top: 7px; font-size: 15px; }
.training-card p { min-height: 52px; color: var(--muted); }
.training-value { display: flex; gap: 6px; align-items: baseline; margin: 10px 0; }
.training-value b { color: var(--cyan); font: 900 32px/1 Consolas, monospace; }
.training-value span { color: var(--muted); font: 700 12px Consolas, monospace; }
.training-card form, .training-card .tag { margin-top: 10px; }
.training-readout { margin: 14px 0; }
@media (max-width: 1100px) {
  .training-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .training-grid { grid-template-columns: 1fr; }
}


/* State-driven combat presentation */
.battle-panel {
  --affinity: var(--cyan);
  --affinity-soft: rgba(54,217,255,.09);
}
.battle-panel[data-affinity="light"] { --affinity: #f5ecb6; --affinity-soft: rgba(245,236,182,.09); }
.battle-panel[data-affinity="shadow"] { --affinity: #b45cff; --affinity-soft: rgba(180,92,255,.10); }
.battle-panel[data-affinity="psychic"] { --affinity: #ff63d0; --affinity-soft: rgba(255,99,208,.09); }
.battle-panel[data-affinity="kinetic"] { --affinity: #ff9f5a; --affinity-soft: rgba(255,159,90,.09); }
.battle-panel[data-affinity="metal"] { --affinity: #aebdca; --affinity-soft: rgba(174,189,202,.09); }
.battle-panel[data-affinity="electric"] { --affinity: #5ee8ff; --affinity-soft: rgba(94,232,255,.11); }
.battle-panel[data-affinity="wind"] { --affinity: #7ff0c9; --affinity-soft: rgba(127,240,201,.09); }
.battle-panel[data-affinity="lunar"] { --affinity: #d9c5ff; --affinity-soft: rgba(217,197,255,.10); }

.battle-panel > h2 {
  border-left-color: var(--affinity);
}
.battle-panel .enemy-card {
  border-top-color: var(--affinity);
  background:
    linear-gradient(145deg, var(--affinity-soft), rgba(24,11,22,.84) 34%, rgba(8,14,22,.98));
}
.battle-panel .enemy-meta b:first-of-type { color: var(--affinity); }




/* Village campaign command */
.standing-track {
  margin-bottom: 12px;
  padding: 10px;
  border: 1px solid var(--border-soft);
  background: #061019;
}
.standing-track > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  font: 700 10px Consolas, monospace;
  text-transform: uppercase;
}
.standing-track b { color: var(--cyan); }
.standing-meter {
  height: 8px;
  margin-top: 7px;
  overflow: hidden;
  border: 1px solid #174b61;
  background: #040b11;
}
.standing-meter i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg,var(--magenta),var(--cyan));
}
.campaign-lane {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 9px;
}
.campaign-step {
  position: relative;
  min-height: 215px;
  padding: 12px;
  border: 1px solid var(--border-soft);
  background: linear-gradient(145deg,#081622,#080c16);
}
.campaign-step::after {
  content: "";
  position: absolute;
  top: 30px;
  right: -10px;
  width: 9px;
  border-top: 1px solid #27556f;
}
.campaign-step:last-child::after { display: none; }
.campaign-step.ready { border-color: var(--magenta); }
.campaign-step.cleared { border-color: #2b8172; background: linear-gradient(145deg,#071a1a,#081019); }
.campaign-step.locked { opacity: .58; }
.campaign-rank { color: var(--cyan); font: 800 9px Consolas, monospace; letter-spacing: .1em; text-transform: uppercase; }
.campaign-step h3 { margin: 7px 0; color: #fff; font: 700 13px Consolas, monospace; }
.campaign-step p { min-height: 76px; margin: 0 0 9px; color: var(--muted); font-size: 11px; }
.campaign-reward { margin-bottom: 9px; color: #b9d7e7; font: 10px/1.4 Consolas, monospace; }
@media (max-width: 1050px) {
  .campaign-lane { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .campaign-step:nth-child(2)::after { display: none; }
}
@media (max-width: 620px) {
  .campaign-lane { grid-template-columns: 1fr; }
  .campaign-step::after { display: none; }
}


/* Masthead tools */
.mast-tools {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 760px) {
  .mast-tools { width: 100%; justify-content: space-between; }
}


/* Cipher Vault */
.vault-summary { margin-bottom: 12px; }
.vault-summary .card {
  min-height: 118px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.vault-summary .card > b {
  display: block;
  margin: 7px 0 3px;
  color: var(--cyan);
  font: 900 28px/1 Consolas, monospace;
}
.vault-summary .card > span { color: var(--muted); font-size: 11px; }
.vault-controls { margin-top: 12px; }
.vault-action { min-height: 220px; }
.vault-action h3 { margin-top: 0; color: #fff; font: 800 15px Consolas, monospace; }
.vault-action p { min-height: 44px; color: var(--muted); }


.combo-route-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 10px;
}
.combo-card {
  border: 1px solid var(--border-soft);
  background: linear-gradient(145deg,#08141e,#0b0c17);
  padding: 12px;
}
.combo-card h3 { margin: 4px 0 10px; font: 800 13px Consolas, monospace; }
.combo-card p { margin: 7px 0; color: #9eb9ca; font-size: 11px; }
.combo-card.online {
  border-color: #237b70;
  background: linear-gradient(145deg,#071a1a,#0b1119);
}
.combo-card.online .kicker { color: var(--success); }
.combo-card.partial { opacity: .76; }


.tuning-guide {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
}
.tuning-guide .card {
  min-height: 145px;
  border-top: 2px solid var(--border);
}
.tuning-guide .card:nth-child(1) { border-top-color: #ff6f66; }
.tuning-guide .card:nth-child(2) { border-top-color: #65d8ff; }
.tuning-guide .card:nth-child(3) { border-top-color: #b86cff; }
.tuning-guide h3 { margin-top: 5px; }
.tuning-guide p { color: #9eb9ca; font-size: 11px; }
.tuning-row {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--border-soft);
}
.tuning-assault { border-color: #8a4540; color: #ff9c92; }
.tuning-ward { border-color: #2e6d85; color: #8fe7ff; }
.tuning-flux { border-color: #654191; color: #d1a3ff; }
@media (max-width: 760px) {
  .tuning-guide { grid-template-columns: 1fr; }
}


/* Village contracts */
.contract-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}
.contract-head strong {
  display: block;
  margin-top: 3px;
  color: var(--cyan);
  font: 900 34px/1 Consolas, monospace;
}
.contract-active {
  border: 1px solid var(--magenta);
  background: linear-gradient(135deg, rgba(31,10,36,.92), rgba(6,23,31,.98));
  padding: 14px;
}
.contract-active h3 {
  margin: 5px 0 7px;
  color: #fff;
  font: 800 17px Consolas, monospace;
}
.contract-progress {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 4px;
  color: #a8c6d7;
  font: 10px Consolas, monospace;
  text-transform: uppercase;
}
.contract-grid, .requisition-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(225px,1fr));
  gap: 10px;
}
.contract-card, .requisition-card {
  min-height: 205px;
}
.contract-card p, .requisition-card p {
  min-height: 54px;
  color: #9eb9ca;
}
.requisition-card {
  border-top: 2px solid #237b70;
}
@media (max-width: 620px) {
  .contract-head { align-items: flex-start; flex-direction: column; }
}


.craft-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
  gap: 10px;
}
.craft-card {
  min-height: 210px;
  border-top: 2px solid var(--gold);
  background: linear-gradient(145deg,#10131a,#0b1018);
}
.craft-card h3 { margin-top: 5px; }
.craft-card p { min-height: 56px; color: #a8bac5; }


/* Operative records */
.operative-title {
  margin: -1px 0 0;
  padding: 6px 10px;
  border-bottom: 1px solid var(--border-soft);
  background: linear-gradient(90deg,rgba(255,47,189,.11),rgba(54,217,255,.05));
  color: var(--gold);
  font: 800 10px/1 Consolas, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.record-current {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 12px;
  margin-bottom: 12px;
  border: 1px solid var(--border);
  background: #07121c;
}
.record-current span { color: var(--muted); font: 10px Consolas, monospace; text-transform: uppercase; }
.record-current b { color: var(--gold); font: 800 13px Consolas, monospace; margin-right: auto; }
.record-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(210px,1fr));
  gap: 10px;
}
.record-card {
  min-height: 165px;
  border: 1px solid var(--border-soft);
  background: #07121c;
  padding: 12px;
}
.record-card h3 { margin: 5px 0 7px; }
.record-card p { min-height: 48px; color: #9eb9ca; font-size: 11px; }
.record-card.unlocked { border-color: #27745f; background: linear-gradient(145deg,#071817,#08121a); }
.record-card.unlocked .kicker { color: var(--success); }
.record-card.locked { opacity: .58; }


.kage-briefing {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--magenta);
  background: linear-gradient(135deg,rgba(26,10,31,.96),rgba(6,20,29,.98));
  padding: 14px;
}
.kage-briefing::after {
  content: "";
  position: absolute;
  right: -30px;
  top: -54px;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(54,217,255,.12);
  transform: rotate(45deg);
}
.kage-briefing h3 { margin: 4px 0 8px; font: 900 20px Consolas, monospace; }
.kage-briefing p { max-width: 900px; color: #c3d5df; }
.kage-briefing.complete { border-color: #2a7a65; }
.kage-briefing.rank-locked, .kage-briefing.chain-locked { border-color: #5d4b72; }


/* Village squads */
.squad-summary {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.squad-summary .card {
  text-align: center;
}
.squad-summary .card b {
  display: block;
  color: var(--cyan);
  font: 900 24px/1 Consolas, monospace;
}
.squad-summary .card span {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font: 9px Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.squad-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 10px;
}
.squad-card {
  min-height: 150px;
  border-top: 2px solid #3b8ba5;
}
.squad-command {
  border-color: #285d70;
}
@media (max-width: 760px) {
  .squad-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
}


.squad-treasury {
  display: grid;
  grid-template-columns: minmax(180px,1fr) minmax(220px,1fr) minmax(220px,1fr);
  gap: 10px;
  align-items: end;
  margin: 0 0 12px;
  padding: 10px;
  border: 1px solid var(--border-soft);
  background: #07121c;
}
.squad-treasury form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px;
  align-items: end;
}
.squad-treasury input { min-width: 0; }
@media (max-width: 820px) {
  .squad-treasury { grid-template-columns: 1fr; }
}


.squad-supply-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 10px;
  margin: 0 0 12px;
}
.squad-supply-card {
  min-height: 215px;
  border-top: 2px solid var(--gold);
}
.squad-supply-card p {
  min-height: 52px;
  color: #9eb9ca;
}


.local-services {
  margin-bottom: 12px;
}
.local-operation-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
  gap: 10px;
}
.local-op-card {
  min-height: 225px;
  border-top: 2px solid #3b8ba5;
}
.local-op-card p {
  min-height: 58px;
  color: #9eb9ca;
}


.squad-milestone-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(230px,1fr));
  gap: 10px;
  margin: 0 0 12px;
}
.squad-milestone-card {
  min-height: 260px;
  border-top: 2px solid #6e5f9c;
}
.squad-milestone-card .kicker {
  color: #c3a8ff;
}


.squad-ledger {
  display: grid;
  gap: 6px;
  margin: 8px 0 14px;
}
.squad-ledger-line {
  display: grid;
  grid-template-columns: 140px 130px minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 8px 9px;
  border: 1px solid var(--border-soft);
  background: #061019;
  font: 10px Consolas, monospace;
}
.squad-ledger-line span { color: var(--muted); }
.squad-ledger-line b { color: var(--cyan); }
.squad-ledger-line em { color: #b9ccd8; font-style: normal; }
.squad-ledger-line strong { color: var(--gold); font-size: 10px; }
@media (max-width: 760px) {
  .squad-ledger-line {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}


.exploration-track {
  margin: 10px 0 14px;
}
.exploration-track > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 5px;
  color: #a8c6d7;
  font: 10px Consolas, monospace;
  text-transform: uppercase;
}
.travel-card.unvisited {
  border-style: dashed;
  opacity: .72;
}
.travel-card.discovered {
  border-color: #285d70;
}


.local-service-card {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px;
  border: 1px solid var(--border);
  border-left: 2px solid var(--gold);
  background: linear-gradient(135deg,#0b121a,#0a0d14);
}
.local-service-card > div:first-child { min-width: 0; flex: 1; }
.local-service-card b { display: block; margin: 4px 0; color: #eef8ff; font: 800 13px Consolas, monospace; }
.local-service-card p { margin: 0; color: #9eb9ca; font-size: 11px; }
@media (max-width: 680px) {
  .local-service-card { align-items: flex-start; flex-direction: column; }
}


.squad-milestone-card.coordination {
  border-top: 2px solid var(--magenta);
  background: linear-gradient(145deg,rgba(25,9,31,.88),#08131b);
}
.squad-milestone-card.coordination .kicker {
  color: #ff80d4;
}
.squad-milestone-card.aggregate {
  border-top: 2px solid #3b8ba5;
}


.operation-record-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 10px;
}
.operation-record {
  min-height: 190px;
  padding: 12px;
  border: 1px solid var(--border-soft);
  background: #08121a;
}
.operation-record h3 {
  margin: 5px 0 9px;
  font: 800 13px Consolas, monospace;
}
.operation-record.cleared {
  border-top: 2px solid var(--success);
}
.operation-record.uncleared {
  opacity: .7;
  border-top: 2px solid #4a5060;
}


.squad-milestone-card.joint {
  border-top: 2px solid var(--gold);
  background: linear-gradient(145deg,rgba(34,27,8,.72),#08131b);
}
.squad-milestone-card.joint .kicker {
  color: var(--gold);
}


.arena-ladder {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.arena-ladder > article {
  min-height: 180px;
  padding: 12px;
  border: 1px solid var(--border-soft);
  background: #08121a;
}
.arena-division { border-top: 2px solid var(--magenta) !important; }
.arena-opponent { border-top: 2px solid var(--cyan) !important; }
.arena-reward { border-top: 2px solid var(--gold) !important; }
.arena-ladder h3 { margin: 5px 0 9px; font: 800 14px Consolas, monospace; }
.arena-entry {
  padding-top: 12px;
  border-top: 1px solid var(--border-soft);
}
@media (max-width: 760px) {
  .arena-ladder { grid-template-columns: 1fr; }
}


/* Squad readiness */
.squad-readiness {
  margin: 12px 0;
  padding: 14px;
  border: 1px solid #2a6577;
  background: linear-gradient(145deg,rgba(5,20,28,.98),rgba(10,12,23,.98));
}
.squad-readiness h3 {
  margin: 5px 0 10px;
  color: #fff;
  font: 900 16px Consolas, monospace;
}
.squad-readiness .table-wrap {
  margin: 10px 0;
}
.squad-readiness.empty {
  border-color: var(--border-soft);
  background: #08111a;
}


.operation-intel {
  margin: 10px 0;
  padding: 12px;
  border: 1px solid #4a3b68;
  background: linear-gradient(135deg,rgba(17,10,28,.96),rgba(7,17,25,.98));
}
.operation-intel .stat {
  display: inline-flex;
  min-width: 150px;
  margin-right: 10px;
}
.operation-intel p {
  margin: 9px 0 0;
  color: #adc3d0;
  font-size: 11px;
}


/* Holo Lab */
.holo-lab {
  margin-top: 12px;
  border-color: #375d77;
  background: linear-gradient(145deg,rgba(5,19,28,.98),rgba(11,12,25,.98));
}
.holo-lab h3 {
  margin: 5px 0 7px;
  font: 900 16px Consolas, monospace;
}
.holo-lab-form {
  display: grid;
  grid-template-columns: repeat(2,minmax(150px,1fr)) auto;
  gap: 10px;
  align-items: end;
  margin-top: 12px;
}
.holo-lab-form label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font: 10px Consolas, monospace;
  text-transform: uppercase;
}
@media (max-width: 700px) {
  .holo-lab-form { grid-template-columns: 1fr; }
}


/* Operation Mastery */
.mission-mastery {
  margin: 10px 0;
  padding: 10px 11px;
  border: 1px solid #6b4b86;
  background: linear-gradient(135deg,rgba(42,18,55,.84),rgba(8,17,27,.96));
}
.mission-mastery .kicker { color: #d4a8ff; }
.mission-mastery p { margin: 5px 0 8px; color: #c2b4cf; font-size: 11px; }
.mission-mastery.earned {
  border-color: #2a7a65;
  background: linear-gradient(135deg,rgba(7,35,30,.88),rgba(8,17,27,.96));
}
.mission-mastery.earned .kicker { color: var(--success); }


.operation-record-mastery {
  margin-top: 9px;
  padding: 8px 9px;
  border: 1px solid #654191;
  background: rgba(52,22,74,.34);
  display: grid;
  gap: 4px;
}
.operation-record-mastery span {
  color: #d1a3ff;
  font: 800 9px Consolas, monospace;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.operation-record-mastery b {
  color: #c8b9d4;
  font: 600 10px/1.4 Consolas, monospace;
}
.operation-record-mastery.earned {
  border-color: #2a7a65;
  background: rgba(8,54,44,.3);
}
.operation-record-mastery.earned span { color: var(--success); }


/* Holo Lab Recursion rehearsal */
.holo-lab-controls {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin-top: 10px;
}
.holo-blueprint-form {
  border-color: #654191;
  background: linear-gradient(145deg,rgba(44,19,61,.55),rgba(7,17,27,.96));
}
.practice-mastery {
  margin-top: 10px;
  padding: 9px 10px;
  border: 1px dashed #8b5fb0;
  background: rgba(56,26,74,.28);
  display: grid;
  gap: 4px;
}
.practice-mastery span {
  color: #d6abff;
  font: 800 9px Consolas, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.practice-mastery b {
  color: #d7c8df;
  font: 700 10px/1.45 Consolas, monospace;
}
.practice-mastery em {
  color: var(--muted);
  font: 10px/1.4 Consolas, monospace;
}
@media (max-width: 760px) {
  .holo-lab-controls { grid-template-columns: 1fr; }
}


.live-mastery {
  margin-top: 10px;
  padding: 9px 10px;
  border: 1px solid #2a7a65;
  background: rgba(8,54,44,.28);
  display: grid;
  gap: 4px;
}
.live-mastery span,
.practice-mastery span {
  font: 800 9px Consolas, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.live-mastery span { color: var(--success); }
.live-mastery b,
.practice-mastery b { color: #d7e1e6; font: 700 10px/1.45 Consolas, monospace; }
.live-mastery em,
.practice-mastery em { color: var(--muted); font: 10px/1.4 Consolas, monospace; }
.live-mastery.failed,
.practice-mastery.failed {
  border-color: #8a4540;
  background: rgba(70,20,20,.28);
}
.live-mastery.failed span,
.practice-mastery.failed span { color: #ff9c92; }
.live-mastery.earned {
  border-color: #836b28;
  background: rgba(71,57,15,.25);
}
.live-mastery.earned span { color: var(--gold); }


.squad-milestone-card.joint_mastery {
  border-color: #654191;
  background: linear-gradient(145deg,rgba(43,20,58,.64),rgba(7,17,27,.96));
}
.squad-milestone-card.joint_mastery .kicker { color: #d1a3ff; }
.squad-milestone-card.joint_mastery .stat b { color: #dfd0eb; }


/* TOKYO-RIVALS SHARED DEVICE SHELL */
:root{
  --page:#02050a;
  --surface:#06131d;
  --surface-2:#081a26;
  --surface-3:#0b2230;
  --border:#1d6077;
  --border-soft:#153b4b;
  --text:#edfaff;
  --muted:#7e9eae;
  --cyan:#43e7ff;
  --magenta:#ff3dc8;
  --violet:#a95cff;
  --control:#07141d;
}
.mast,.panel,.card,.cert-card,.skill-tree,.landing-hero,input,select,button,.button{
  border-radius:0;
}
.mast,.panel,.card,.cert-card,.skill-tree,.landing-hero{
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
}
.mast{
  border-color:#1d6077;
  border-bottom-color:var(--magenta);
  background:linear-gradient(90deg,#040b12 0%,#07131d 56%,#1a0a1c 100%);
}
.panel{
  border-color:#1d6077;
  background:linear-gradient(180deg,rgba(7,20,30,.98),rgba(3,10,16,.98));
}
.panel > h2,.panel > h3,.section-title{
  border-bottom-color:#19485a;
  border-left-color:var(--magenta);
  background:#071822;
}
.card{
  border-color:#153f50;
  background:linear-gradient(160deg,#07151f,#050d14);
}
button,.button{
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));
  border-color:#24657b;
  background:linear-gradient(180deg,#0e2a38,#071822);
}
button.primary,.button.primary{
  border-color:#37cfe9;
  background:linear-gradient(180deg,#0c4256,#082a39);
}
input,select{
  border-color:#21576a;
  background:#030a10;
}
.auth-panel{
  border-top-color:var(--cyan);
  border-bottom-color:var(--magenta);
}
.nav-group{color:var(--magenta)}
.nav-link{border-left:2px solid transparent}
.network-strip{border-color:#1d6077;background:#030a10;color:#8fb3c2}


/* TOKYO-RIVALS SHARED GRADIENT LAYER */
.brand{
  background:linear-gradient(90deg,#f7fbff 0%,#43e7ff 40%,#a95cff 72%,#ff3dc8 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.mast{
  background:
    radial-gradient(circle at 92% 0,rgba(255,61,200,.16),transparent 32%),
    linear-gradient(90deg,#040b12 0%,#071723 58%,#19091b 100%);
}
.panel{
  background:
    radial-gradient(circle at 100% 0,rgba(169,92,255,.07),transparent 34%),
    linear-gradient(135deg,rgba(67,231,255,.03),transparent 42%),
    linear-gradient(180deg,rgba(7,20,30,.99),rgba(3,10,16,.99));
}
.panel > h2,.panel > h3,.section-title{
  background:
    linear-gradient(90deg,rgba(67,231,255,.08) 0%,rgba(169,92,255,.05) 55%,rgba(255,61,200,.06) 100%),
    #071822;
}
button.primary,.button.primary{
  border-color:#57dff8;
  background:linear-gradient(120deg,#0b4558 0%,#123d61 55%,#57246e 100%);
}
.card{
  background:
    linear-gradient(135deg,rgba(67,231,255,.04),transparent 45%),
    linear-gradient(160deg,#07151f,#050d14);
}


/* TOKYO-RIVALS SHARED GRADIENT HIERARCHY */
.panel > h2,.panel > h3,.section-title{
  background:
    linear-gradient(90deg,rgba(67,231,255,.10) 0%,rgba(169,92,255,.055) 54%,rgba(255,61,200,.07) 100%),
    #071822;
}
.stat b{
  background:linear-gradient(180deg,#f7fdff 0%,#a8dff0 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.card h3{
  background:linear-gradient(90deg,#f5fbff,#a8efff 58%,#d9b2ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.nav-link[aria-current="page"]{
  background:linear-gradient(90deg,rgba(67,231,255,.09),rgba(169,92,255,.055),rgba(255,61,200,.045));
  border-left-color:var(--cyan);
}
.flash.ok{
  background:linear-gradient(90deg,rgba(65,220,185,.10),rgba(67,231,255,.04));
}
.flash.error{
  background:linear-gradient(90deg,rgba(255,96,125,.11),rgba(255,61,200,.045));
}


/* TOKYO-RIVALS ADMIN OPERATIONS */
.admin-console{display:grid;gap:14px}
.admin-hero{
 display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px;
 border:1px solid #24657b;border-bottom-color:#ff3dc8;
 background:radial-gradient(circle at 90% 0,rgba(255,61,200,.16),transparent 34%),linear-gradient(120deg,#06131c,#0a2634 58%,#241025);
 clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
}
.admin-hero h2{font-size:28px;margin:4px 0}
.admin-jump{display:flex;gap:6px;overflow-x:auto;padding:6px 0}
.admin-jump a{white-space:nowrap;padding:9px 12px;border:1px solid #24576b;background:#06131c;color:#a9dce9;text-decoration:none;font:700 10px/1 Consolas,monospace}
.admin-section{scroll-margin-top:16px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.section-head h3{margin:3px 0 0;font-size:20px}
.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.admin-stats.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-stats article{padding:12px;border:1px solid #204b5d;background:linear-gradient(145deg,rgba(67,231,255,.05),transparent 50%),#050d14}
.admin-stats span{display:block;color:#7e9eae;font:700 9px/1.2 Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}
.admin-stats b{display:block;margin-top:6px;font-size:24px}
.admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.table-wrap{overflow-x:auto}
.legacy-admin{margin-top:14px;padding:12px;border:1px dashed #584164;background:rgba(169,92,255,.04)}
@media(max-width:760px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-stats.compact{grid-template-columns:1fr}.admin-hero{flex-direction:column}}
@media(max-width:420px){.admin-stats{grid-template-columns:1fr}}


/* TOKYO-RIVALS ADMIN CONTROL REFINEMENT */
.admin-jump{position:sticky;top:0;z-index:8;background:rgba(3,10,16,.96);border-bottom:1px solid #173c4c}
.admin-control{display:grid;gap:10px;margin:14px 0;padding:12px;border:1px solid #204b5d;background:linear-gradient(135deg,rgba(67,231,255,.035),transparent 48%),#040c12}
.admin-control label{display:grid;gap:6px;font:700 9px/1.2 Consolas,monospace;text-transform:uppercase;letter-spacing:.07em;color:#83afbf}
.admin-control select{width:100%;min-height:42px;background:#06131c;color:#e8f6fa;border:1px solid #28586a;padding:8px}
.admin-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.admin-action-grid button,.admin-control>button{min-height:42px}
.danger-zone{border-color:#713447;background:linear-gradient(135deg,rgba(255,96,125,.07),transparent 48%),#10080d}
.danger-zone .danger{border-color:#b14a64;background:linear-gradient(120deg,#42121f,#702039)}
.admin-section table{min-width:620px}
.admin-section th{position:sticky;top:0;background:#071822}
.admin-section tbody tr:nth-child(even){background:rgba(67,231,255,.025)}
.admin-section td,.admin-section th{padding:9px 10px;vertical-align:top}
@media(max-width:760px){.admin-action-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.admin-action-grid{grid-template-columns:1fr}.admin-jump{position:static}}


/* TOKYO-RIVALS ADMIN ANALYTICS */
.admin-analytics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.admin-analytics>article{padding:12px;border:1px solid #204b5d;background:#040c12}
.admin-analytics>article.wide{grid-column:1/-1}
.admin-analytics .admin-stats{grid-template-columns:repeat(2,1fr)}
.admin-analytics .admin-stats>div{padding:10px;border:1px solid #173b4a}
.admin-analytics .admin-stats span{display:block;color:#7e9eae;font:700 8px Consolas,monospace;text-transform:uppercase}
.admin-analytics .admin-stats b{display:block;margin-top:5px;font-size:18px}
@media(max-width:760px){.admin-analytics{grid-template-columns:1fr}.admin-analytics>article.wide{grid-column:auto}}


/* TOKYO-RIVALS BUG TRIAGE */
.bug-queue{display:grid;gap:10px}
.bug-ticket{padding:13px;border:1px solid #28586a;background:linear-gradient(135deg,rgba(67,231,255,.035),transparent 45%),#040c12}
.bug-ticket.priority-high{border-left:3px solid #ffb45e}
.bug-ticket.priority-urgent{border-left:3px solid #ff607d;background:linear-gradient(90deg,rgba(255,96,125,.07),transparent 45%),#08070b}
.bug-ticket h4{margin:7px 0 4px;font-size:15px}.bug-ticket header p{margin:0;color:var(--muted);font-size:11px}
.bug-ticket dl{display:grid;grid-template-columns:110px 1fr;gap:6px 10px}.bug-ticket dt{font:700 9px Consolas,monospace;color:#7e9eae;text-transform:uppercase}.bug-ticket dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.bug-triage{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.bug-triage label:nth-of-type(3){grid-column:1/-1}.bug-triage button{grid-column:1/-1}
.bug-triage textarea{min-height:72px;resize:vertical}
@media(max-width:620px){.bug-triage{grid-template-columns:1fr}.bug-triage label:nth-of-type(3),.bug-triage button{grid-column:auto}.bug-ticket dl{grid-template-columns:1fr}}


/* TOKYO-RIVALS ADMIN CONSOLE V2 */
.admin-console{display:grid;gap:14px;max-width:1500px;margin:0 auto}
.admin-console *{animation:none!important;transition:none!important}
.admin-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px;border:1px solid #244c5d;background:#07131a}
.admin-hero-copy{max-width:760px}.admin-hero h2{margin:2px 0 7px;font-size:30px}.admin-hero p{margin:0;color:#99b1bc}
.admin-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.admin-commandbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.admin-commandbar article{min-height:86px;padding:12px;border:1px solid #264f60;background:#061118}
.admin-commandbar span,.admin-commandbar small{display:block;color:#7996a3;font:700 9px/1.3 Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}
.admin-commandbar b{display:block;margin:6px 0 5px;font-size:20px;color:#e9f5f8}.admin-commandbar small{text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
.admin-jump{display:flex;gap:5px;padding:6px;border:1px solid #1f4656;background:#040d12;overflow-x:auto;position:sticky;top:0;z-index:7}
.admin-jump a{flex:0 0 auto;padding:9px 11px;border:1px solid transparent;color:#96bdca;text-decoration:none;font:800 9px/1 Consolas,monospace;text-transform:uppercase;letter-spacing:.07em}
.admin-jump a:hover,.admin-jump a:focus{border-color:#3a7185;background:#091a22;color:#effbff}
.admin-section{scroll-margin-top:60px}.admin-section>.pad{padding:16px}.admin-section-note{max-width:900px;margin:2px 0 12px;color:#8fa9b4}
.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.admin-stats article{padding:12px;border:1px solid #234a5a;background:#050e14}.admin-stats span{display:block;color:#7695a1;font:800 8px/1.25 Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}
.admin-stats b{display:block;margin:6px 0 2px;font-size:22px;color:#edf8fa}.admin-stats small{color:#728b96;font-size:9px}
.admin-stats.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-stats.compact.economy{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-quicklinks,.admin-attention-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.admin-quicklinks a,.admin-attention-grid article{padding:12px;border:1px solid #234a5a;background:#061118;text-decoration:none}
.admin-quicklinks b,.admin-attention-grid b{display:block;color:#eaf7fa}.admin-quicklinks small{display:block;margin-top:4px;color:#7896a2}
.admin-attention-grid span{display:block;color:#7896a2;font:800 8px Consolas,monospace;text-transform:uppercase}.admin-attention-grid b{font-size:24px;margin:5px 0}
.admin-attention-grid p{min-height:44px;color:#9bb0b8;font-size:11px}.admin-attention-grid a{color:#9ed8e7;font-size:10px}
.admin-control{display:grid;gap:10px;margin:12px 0;padding:12px;border:1px solid #234a5a;background:#040c11}.admin-control.compact-control{margin:0 0 10px}
.admin-control label{display:grid;gap:6px;color:#7896a2;font:800 8px Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}
.admin-control select,.admin-control textarea,.admin-control input{width:100%;background:#07131a;color:#eef8fa;border:1px solid #2b5869;padding:9px}
.admin-control button{min-height:42px}.admin-control small{color:#839aa4}.admin-danger{border-color:#633943}
.admin-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.admin-action-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-table{max-height:440px;overflow:auto;border:1px solid #1d3f4d}.admin-table table{min-width:760px}
.admin-section table{width:100%;border-collapse:collapse}.admin-section th{position:sticky;top:0;background:#07171f;color:#89adba;text-align:left;font:800 8px Consolas,monospace;text-transform:uppercase;letter-spacing:.06em;z-index:1}
.admin-section td,.admin-section th{padding:9px 10px;border-bottom:1px solid #163541;vertical-align:top}.admin-section tbody tr:nth-child(even){background:#061118}
.admin-world-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:10px}.admin-world-grid>article{padding:12px;border:1px solid #234a5a;background:#050e14}.admin-world-grid h4{margin:0 0 10px}
.admin-analytics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.admin-analytics>article{padding:12px;border:1px solid #234a5a;background:#050e14}.admin-analytics>article.wide{grid-column:1/-1}
.admin-safety{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-safety>div{padding:12px;border:1px solid #234a5a;background:#050e14}
.admin-safety span{display:block;color:#7896a2;font:800 8px Consolas,monospace;text-transform:uppercase}.admin-safety b{display:block;margin:6px 0;color:#edf8fa;overflow-wrap:anywhere}.admin-safety p{margin:0;color:#8fa6b0}
.admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.bug-queue{display:grid;gap:10px}.bug-ticket{padding:12px;border:1px solid #264d5d;background:#050e14}.bug-ticket header h4{margin:7px 0 4px}.bug-ticket header p{margin:0;color:#829ba6}
.bug-ticket.priority-urgent{border-color:#7a3d48}.bug-ticket.priority-high{border-color:#755b32}.bug-triage{display:grid;grid-template-columns:180px 180px minmax(260px,1fr) auto;gap:8px;align-items:end;margin-top:10px}.bug-triage label{display:grid;gap:5px;color:#7f9eaa;font-size:9px}.bug-triage textarea{min-height:72px}
@media(max-width:1050px){.admin-commandbar,.admin-stats,.admin-quicklinks,.admin-attention-grid{grid-template-columns:repeat(2,1fr)}.admin-world-grid{grid-template-columns:1fr}.admin-analytics{grid-template-columns:repeat(2,1fr)}.bug-triage{grid-template-columns:1fr 1fr}.bug-triage label:nth-child(3),.bug-triage button{grid-column:1/-1}}
@media(max-width:700px){.admin-hero{flex-direction:column}.admin-hero-actions{justify-content:flex-start}.admin-commandbar,.admin-stats,.admin-quicklinks,.admin-attention-grid,.admin-stats.compact,.admin-stats.compact.economy,.admin-safety,.admin-analytics{grid-template-columns:1fr}.admin-action-grid,.admin-action-grid.two{grid-template-columns:1fr}.bug-triage{grid-template-columns:1fr}.bug-triage label:nth-child(3),.bug-triage button{grid-column:auto}.admin-jump{position:static}}


/* TOKYO-RIVALS LEGAL DOCUMENTS */
.legal-doc{max-width:920px;margin:0 auto;display:grid;gap:10px}
.legal-doc>header,.legal-doc>section{padding:16px;border:1px solid #234a5a;background:#061118}
.legal-doc>header{background:linear-gradient(145deg,#071722,#0c1119);border-color:#326476}
.legal-doc h2{font-size:30px;margin:4px 0 8px}.legal-doc h3{margin:0 0 8px;font-size:16px;color:#e9f6f9}
.legal-doc p,.legal-doc li{color:#9fb2ba;line-height:1.65;font-size:12px}.legal-doc strong{color:#effbff}
.legal-doc ul{margin:8px 0;padding-left:20px}.legal-doc li{margin:5px 0}
.legal-updated{font:800 9px Consolas,monospace;color:#43e7ff!important;letter-spacing:.08em;text-transform:uppercase}
.footer{display:grid!important;gap:6px!important;justify-items:center!important;text-align:center}
.footer strong{color:#a9c2ca}.footer span{color:#718e99}.footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.footer nav a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:620px){.legal-doc>header,.legal-doc>section{padding:13px}.legal-doc h2{font-size:24px}}


/* TOKYO-RIVALS STAFF STEP-UP */
.staff-unlock{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #5d4c2e;background:#151107}
.staff-unlock b{font:800 9px Consolas,monospace;letter-spacing:.1em;color:#ffcd7d}
.staff-unlock span{color:#9fb0b7;font-size:10px;flex:1}
.staff-unlock .button{margin-left:auto}
.staff-unlock.unlocked{border-color:#2f6b5d;background:#071712}.staff-unlock.unlocked b{color:#62e0b4}
@media(max-width:700px){.staff-unlock{align-items:flex-start;flex-direction:column}.staff-unlock .button{margin-left:0;width:100%}}


/* TOKYO-RIVALS STAFF DATA CENTER */
.staff-data-head{position:relative;overflow:hidden}
.staff-data-head:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(67,231,255,.05),transparent 42%,rgba(255,138,36,.04))}
.staff-data-head h2{margin:.15rem 0 .35rem}
.staff-data-head>p{max-width:760px}
.staff-data-meta{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.75rem}
.staff-data-meta span{padding:.3rem .55rem;border:1px solid rgba(108,202,224,.28);background:rgba(5,21,30,.72);font:700 .72rem/1 Consolas,monospace;letter-spacing:.06em}
.staff-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.7rem}
.staff-data-card{min-height:84px;padding:.75rem;border:1px solid rgba(111,149,163,.28);background:rgba(6,18,25,.78)}
.staff-data-card span,.staff-data-card b{display:block}
.staff-data-card span{font-size:.72rem;color:#8ea8b2}
.staff-data-card b{margin-top:.5rem;font:800 .8rem/1.2 Consolas,monospace;letter-spacing:.06em}
.staff-data-card.ready{border-color:rgba(79,220,158,.42)}
.staff-data-card.ready b{color:#69e7ad}
.staff-data-card.warn{border-color:rgba(255,176,71,.48)}
.staff-data-card.warn b{color:#ffb047}
.staff-data-card.off{border-color:rgba(127,146,155,.26)}
.staff-data-card.off b{color:#8599a2}
.staff-data-counts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin-top:.7rem}
.staff-data-counts>div{padding:.7rem;border:1px solid rgba(111,149,163,.25);background:rgba(4,15,22,.68)}
.staff-data-counts b,.staff-data-counts span{display:block}
.staff-data-counts b{font-size:1.2rem}
.staff-data-counts span{margin-top:.25rem;color:#8ca5af;font-size:.68rem}
.staff-data-note p{max-width:850px}
@media(max-width:900px){.staff-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-data-counts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.staff-data-grid,.staff-data-counts{grid-template-columns:1fr 1fr}.staff-data-card{min-height:72px}}


/* TOKYO-RIVALS STAFF PLAYER COMMAND */
.staff-player-summary{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:14px;align-items:center;overflow:hidden}
.staff-player-summary h2{margin:.15rem 0 .25rem}
.staff-player-summary>div>p:not(.eyebrow){margin:.25rem 0;color:#9bb0ba}
.staff-player-badges{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.65rem}
.player-award-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border:1px solid #536d78;background:#0a1820;color:#cce9f2;font:800 .68rem/1 Consolas,monospace;letter-spacing:.05em}
.player-award-badge.badge-gold,.player-award-badge.badge-loyalty{border-color:#c9a55e;color:#ffe7a4;background:#2c2113}
.player-award-badge.badge-cyan{border-color:#45c6dc;color:#8cf3ff;background:#0c2630}
.player-award-badge.badge-magenta{border-color:#b9509c;color:#ffb8eb;background:#2d1328}
.player-award-badge.badge-orange{border-color:#d56e2c;color:#ffb477;background:#2e1b10}
.player-award-badge.badge-green{border-color:#4ca67c;color:#91efbd;background:#10271d}
.player-award-badge.badge-violet{border-color:#8966cb;color:#ceb8ff;background:#1c1530}
.staff-player-meters{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid rgba(83,137,158,.34);background:rgba(83,137,158,.34)}
.staff-player-meters>span{padding:10px;background:#061018}
.staff-player-meters b,.staff-player-meters small{display:block}
.staff-player-meters b{font-size:1.1rem}.staff-player-meters small{margin-top:2px;color:#78909a;font-size:.68rem}
.staff-player-branch{margin:10px 0;border:1px solid rgba(67,142,169,.28);background:rgba(4,15,22,.82)}
.staff-player-branch>summary{margin:0;padding:10px 12px;color:#cce9f1;font-weight:800}
.staff-player-branch[open]>summary{border-bottom:1px solid rgba(67,142,169,.24);background:#081722}
.staff-player-branch-body{padding:10px}
.staff-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.staff-reward-grid form,.staff-inline-form{display:grid;gap:6px;padding:9px;border:1px solid rgba(81,132,150,.25);background:#07121a}
.staff-reward-grid h4{margin:0 0 2px;color:#dff8ff;font-size:.78rem}
.staff-reward-grid input,.staff-reward-grid select,.staff-inline-form input,.staff-inline-form select{width:100%;min-width:0}
.staff-inline-form{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;margin-top:8px}
.staff-inline-form button{min-height:42px}
.staff-player-footer{display:flex;justify-content:flex-end;margin:12px 0}
.staff-player-footer a{display:inline-flex;padding:8px 10px;border:1px solid rgba(82,149,174,.36);background:#071722;color:#bfe9f5;text-decoration:none}
.staff-live-observe>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.staff-live-observe h3{margin:.1rem 0}
.observe-pulse{display:inline-flex;padding:4px 7px;border:1px solid rgba(85,218,173,.42);color:#7ce6b5;background:#0c241b;font:800 .67rem/1 Consolas,monospace;letter-spacing:.07em}
.staff-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:10px;border:1px solid rgba(75,131,151,.28);background:rgba(75,131,151,.28)}
.staff-live-grid>div{padding:9px;background:#061018;overflow-wrap:anywhere}
.staff-live-grid span,.staff-live-grid b,.staff-live-grid small{display:block}
.staff-live-grid span{color:#78929d;font-size:.66rem}.staff-live-grid b{margin-top:3px;font-size:.82rem}.staff-live-grid small{margin-top:2px;color:#71858e;font-size:.64rem}
.staff-live-training{display:grid;gap:4px;margin:8px 0 0;padding:0;list-style:none}
.staff-live-training li{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid rgba(75,131,151,.22);background:#07131b}
.staff-live-training span{color:#78909a;font-size:.68rem}
@media(max-width:900px){.staff-player-summary{grid-template-columns:1fr}.staff-reward-grid{grid-template-columns:1fr 1fr}.staff-live-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.staff-reward-grid,.staff-live-grid,.staff-player-meters{grid-template-columns:1fr}.staff-inline-form{grid-template-columns:1fr}.staff-live-observe>header{align-items:flex-start;flex-direction:column}}