:root{--font-jp: "Barlow", "DotGothic16", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace, "DotGothic16";--font-display: "Anton", var(--font-jp);--void: var(--bg);--line-soft: var(--line);--ink: var(--bone);--ink-muted: var(--muted);--ink-faint: var(--dim);--accent: var(--amber);--accent-soft: var(--amber);--danger: var(--axis);--warn: var(--amber);--good: var(--allies);--team-allies: var(--allies);--team-axis: var(--axis);--team-spectator: var(--muted);--hairline: 1px;--radius: 2px}*{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;background:var(--void);color:var(--ink);font-family:var(--font-jp);text-rendering:optimizeLegibility}::selection{background:var(--accent);color:var(--void)}a{color:inherit}button,input,select,textarea{font-family:var(--font-jp)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.text-accent{color:var(--accent-soft)}.text-danger{color:var(--danger)}.hud-panel{position:relative;background:var(--surface);border:var(--hairline) solid var(--line);border-radius:var(--radius)}button,a{transition:color .15s ease,border-color .15s ease,background-color .15s ease,opacity .15s ease}.fade-in{animation:fade-in .35s ease-out both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}