:root{color-scheme:dark;--bg:#071116;--panel:#0d1c23;--line:#24434d;--text:#dcebef;--muted:#8daab2;--accent:#75e7c3;--warn:#ffc875}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#12323a 0,#071116 46%);color:var(--text);font:15px/1.5 system-ui,sans-serif}.training-shell{max-width:1440px;margin:auto;padding:12px}.training-nav{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.08em}.training-nav a{color:var(--accent);text-decoration:none}.workstation{padding:18px 0}.case-header{display:flex;justify-content:space-between;gap:20px;border:1px solid var(--line);background:rgba(13,28,35,.9);padding:20px;border-radius:10px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.12em}.muted{color:var(--muted)}.small{font-size:12px}.case-state{align-self:flex-start;border:1px solid var(--accent);color:var(--accent);padding:5px 9px;border-radius:999px;font-size:11px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.65fr);gap:14px;margin-top:14px}.case-column,.context-column{display:grid;gap:14px;align-content:start}.console-panel{border:1px solid var(--line);background:rgba(13,28,35,.88);padding:16px;border-radius:9px}.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border-bottom:1px solid var(--line);margin-bottom:12px}.panel-heading h2{font-size:16px;margin:0 0 8px}.panel-heading span{color:var(--muted);font-size:12px}.evidence-grid{display:grid;gap:8px}.evidence-item,.entity-item{display:grid;grid-template-columns:minmax(100px,.35fr) minmax(0,1fr);gap:10px;padding:9px;border:1px solid var(--line);border-radius:6px;background:#0a171d}.evidence-item span:last-child,.entity-item span:last-child{overflow-wrap:anywhere}.timeline{list-style:none;padding:0;margin:0;display:grid;gap:8px}.timeline li{border-left:2px solid var(--accent);padding:7px 10px;background:#0a171d}.timeline time{color:var(--accent);font-size:12px;display:block}.entity-list{display:grid;gap:8px}.evidence-actions{display:flex;flex-wrap:wrap;gap:7px}.evidence-actions button,.secondary-action,.primary-action{border:1px solid var(--line);border-radius:6px;padding:10px 12px;background:#132a33;color:var(--text);cursor:pointer}.evidence-actions button:hover,.secondary-action:hover{border-color:var(--accent)}.primary-action{background:#12604f;border-color:var(--accent);font-weight:700}.decision-panel{margin-top:14px}.decision-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.decision-grid label{display:grid;gap:5px;color:var(--muted);font-size:12px}.decision-grid select{min-width:0;background:#08151b;border:1px solid var(--line);color:var(--text);padding:10px;border-radius:6px;font:inherit}.decision-panel .primary-action{margin-top:14px}.result{margin-top:12px;padding:10px;background:#0a171d;border-left:3px solid var(--accent)}.debrief{margin-top:14px}.next-case{margin:14px 0;width:100%}@media(max-width:760px){.training-shell{padding:8px}.training-nav{font-size:10px}.case-header{padding:14px;display:block}.case-state{display:inline-block;margin-top:10px}.workspace-grid{grid-template-columns:1fr}.decision-grid{grid-template-columns:1fr 1fr}.console-panel{padding:12px}.evidence-actions{display:grid;grid-template-columns:1fr}.evidence-actions button{width:100%;min-height:44px}}@media(max-width:360px){.decision-grid{grid-template-columns:1fr}.training-nav span{display:none}}
:root {
  --djn-bg: #081016;
  --djn-text: #f5f8fb;
  --djn-muted: #a7b4c7;
  --djn-accent: #2dd4bf;
  --djn-security: #f59e0b;
}

.djn-arcade-brand-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.55rem max(1rem, calc((100vw - 1180px) / 2));
  border-bottom: 1px solid rgba(45, 212, 191, 0.28);
  background: var(--djn-bg);
  color: var(--djn-muted);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.djn-arcade-brand-bar strong { color: var(--djn-text); }
.djn-arcade-brand-bar b { margin-left: 2px; padding: 0 3px; border: 1px solid var(--djn-accent); color: var(--djn-accent); font-size: 0.9em; }
.djn-arcade-brand-bar sup { color: var(--djn-accent); font-size: 0.7em; }
.djn-arcade-brand-bar sup { color: var(--djn-accent); font-size: 0.7em; }
.djn-arcade-brand-bar span { color: var(--djn-security); }
.djn-arcade-brand-bar a { color: var(--djn-accent); text-decoration: none; }
.djn-arcade-brand-bar a:hover,
.djn-arcade-brand-bar a:focus-visible { text-decoration: underline; }

.djn-arcade-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.2rem max(1rem, calc((100vw - 1180px) / 2)); border-top: 1px solid rgba(130, 160, 190, 0.18); background: var(--djn-bg); color: var(--djn-muted); font-size: 0.8rem; }
.djn-arcade-footer strong { color: var(--djn-text); letter-spacing: 0.12em; }
.djn-arcade-footer span { color: var(--djn-accent); }

@media (max-width: 620px) {
  .djn-arcade-brand-bar { align-items: flex-start; flex-direction: column; gap: 0.3rem; }
}