/* RA-UI theme: Fighter — arcade versus screen: slanted panels, heavy italic capitals with stacked outlines, health-bar progress, slashed buttons, speed-line backdrop. */
:root {
  --ra-bg: #0a0a14;
  --ra-surface-1: #15152a;
  --ra-surface-2: #1c1c38;
  --ra-surface-3: #26264a;
  --ra-border: #34346a;
  --ra-border-strong: #ffd500;
  --ra-text: #f2f2ff;
  --ra-text-bright: #ffffff;
  --ra-text-mid: #cfcfe8;
  --ra-text-dim: #a0a0c8;
  --ra-text-faint: #8080a8;
  --ra-text-muted: #8080a8;
  --ra-accent: #ff2a2a;
  --ra-accent-strong: #ff5c5c;
  --ra-accent-bg: color-mix(in srgb, #ff2a2a 15%, transparent);
  --ra-accent-border: #ff2a2a;
  --ra-ok: #3ddc84;
  --ra-ok-bg: rgba(61,220,132,0.14);
  --ra-ok-border: rgba(61,220,132,0.45);
  --ra-ok-strong: #3ddc84;
  --ra-warn: #ffd500;
  --ra-warn-bg: rgba(255,213,0,0.14);
  --ra-warn-border: rgba(255,213,0,0.45);
  --ra-warn-strong: #ffd500;
  --ra-danger: #ff4d4d;
  --ra-danger-bg: rgba(255,77,77,0.14);
  --ra-danger-border: rgba(255,77,77,0.45);
  --ra-danger-strong: #ff4d4d;
  --ra-info: #4dc3ff;
  --ra-info-bg: rgba(77,195,255,0.14);
  --ra-info-border: rgba(77,195,255,0.45);
  --ra-purple: #c77dff;
  --ra-purple-bg: rgba(199,125,255,0.14);
  --ra-purple-border: rgba(199,125,255,0.45);
  --ra-radius-sm: 0px;
  --ra-radius-md: 0px;
  --ra-radius-lg: 0px;
  --ra-motion: .1s;
  --ra-ease: cubic-bezier(.2,.9,.3,1.2);
  --ra-font-body: 'Arial Narrow','Helvetica Neue',Arial,sans-serif;
  --ra-font-display: Impact,'Arial Black',sans-serif;
  --ra-shadow-1: 4px 4px 0 rgba(0,0,0,.6);
  --ra-shadow-2: 8px 8px 0 rgba(0,0,0,.6);
  --ra-table-stripe: rgba(255,42,42,.06);
  --ra-divider: #34346a;
  --ra-hover-style: shift;
  --ra-mode: dark;
}
body.t-fighter {
  background: repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 2px, transparent 2px 38px), linear-gradient(180deg, #14142e, #0a0a14 50%), var(--ra-bg) !important;
  background-attachment: fixed !important;
  color: var(--ra-text) !important;
}
body.t-fighter .ra-card { background: var(--ra-surface-1) !important; border: 0 !important; border-left: 6px solid #ff2a2a !important; border-radius: 0 !important; box-shadow: 6px 6px 0 rgba(0,0,0,.55) !important; }
body.t-fighter .ra-btn { background: linear-gradient(180deg, #ff4d4d, #c81414) !important; border: 2px solid #111 !important; color: #fff !important; border-radius: 0 !important; box-shadow: 3px 3px 0 #000 !important; font-family: var(--ra-font-display, Impact,'Arial Black',sans-serif); font-style: italic; text-transform: uppercase; letter-spacing: .08em; padding-inline: 1.6em; }
body.t-fighter .ra-btn:active { transform: translate(3px,3px); box-shadow: 0 0 0 #000 !important; }
body.t-fighter .ra-btn.active, body.t-fighter .ra-btn-primary { background: linear-gradient(180deg, #ffe04d, #e0a800) !important; color: #111 !important; }
body.t-fighter input:not([type=color]):not([type=range]), body.t-fighter select, body.t-fighter textarea { background: #0a0a14 !important; border: 2px solid #34346a !important; border-radius: 0 !important; color: #f2f2ff !important; border-left: 5px solid #ffd500 !important; }
body.t-fighter .ra-badge, body.t-fighter .ra-pill { border: 2px solid #111 !important; border-radius: 0 !important; font-style: italic; }
body.t-fighter ::-webkit-scrollbar-thumb { background: #ff2a2a; }

/* per-role physique: quiet consumer roles (subtabs, mini actions, pills, dock panes) carry the theme's material too */
body.t-fighter .todos-subtab-btn,
body.t-fighter .dock-tab,
body.t-fighter .mini-btn,
body.t-fighter .idea-filter-pill,
body.t-fighter .cron-mini-btn,
body.t-fighter .cron-on-btn,
body.t-fighter .cron-toggle-btn,
body.t-fighter .cron-confirm-btn,
body.t-fighter .cron-cancel-btn,
body.t-fighter .ibtn,
body.t-fighter .pin-btn,
body.t-fighter .sp-mini,
body.t-fighter .todo-icon-btn,
body.t-fighter .todo-done-confirm,
body.t-fighter .todo-done-cancel,
body.t-fighter .todo-restore-btn,
body.t-fighter .send-btn,
body.t-fighter .suggest-btn,
body.t-fighter .btn-reply,
body.t-fighter .hab-tick,
body.t-fighter .anl-btn,
body.t-fighter .badge {
  background: #1c1c38 !important; border: 0 !important; border-left: 4px solid #ffd500 !important; border-radius: 0 !important; box-shadow: 3px 3px 0 rgba(0,0,0,.5) !important;
}
body.t-fighter .todos-subtab-btn.active,
body.t-fighter .todos-subtab-btn[aria-selected="true"],
body.t-fighter .dock-tab.active,
body.t-fighter .anl-btn.active,
body.t-fighter .cron-on-btn,
body.t-fighter .sp-mini.on {
  background: linear-gradient(180deg, #ff4d4d, #c81414) !important; color: #fff !important; border-color: #111 !important;
}
body.t-fighter .sp-close, body.t-fighter .ra-window-btn, body.t-fighter .dock-menu-btn { border: none !important; background: none !important; box-shadow: none !important; }

/* notification-count badges stay theme-invariant alert-red (see app.css) */
body.t-fighter .tab .badge,
body.t-fighter .pin-slot .badge,
body.t-fighter .ibtn-slot .badge {
  background: #c81e1e !important;
  color: #fff !important;
  border: none !important;
}

/* ── signature layer v112: structure, chrome, ornament, ambient motion — beyond color ── */
body.t-fighter .ra-tabs { flex-wrap: wrap; }
body.t-fighter .ra-card { clip-path: polygon(16px 0, 100% 0, calc(100% - 16px) 100%, 0 100%); padding: calc(var(--ra-space-4) + 4px) calc(var(--ra-space-4) + 18px) !important; box-shadow: none !important; background-image: linear-gradient(115deg, rgba(255,42,42,.2) 0 22px, transparent 22px), linear-gradient(180deg, rgba(255,255,255,.05), transparent 40%) !important; }
body.t-fighter .ra-h, body.t-fighter h1, body.t-fighter h2 { font-family: var(--ra-font-display); font-style: italic; text-transform: uppercase; letter-spacing: .06em; font-size: 1.4em; font-weight: 400; background: linear-gradient(180deg, #fff 0%, #ffd500 55%, #ff7a00 100%); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-stroke: 1px rgba(0,0,0,.6); filter: drop-shadow(2px 2px 0 #ff2a2a); }
body.t-fighter .ra-btn { clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%); }
body.t-fighter .ra-badge, body.t-fighter .ra-pill { text-transform: uppercase; font-weight: 800; letter-spacing: .1em; }
body.t-fighter .ra-progress { height: 20px; background: #26264a; border: 2px solid #000; border-radius: 0; transform: skewX(-18deg); box-shadow: 0 0 0 2px #ffd500; overflow: hidden; }
body.t-fighter .ra-progress-fill { background: linear-gradient(180deg, rgba(255,255,255,.6) 0 18%, transparent 18%), linear-gradient(90deg, #ffd500, #ff7a00 60%, #ff2a2a) !important; border-radius: 0; }
body.t-fighter .ra-tab { clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%); background: #26264a; border: 0; margin-right: -2px; padding-inline: 20px; font-family: var(--ra-font-display); font-style: italic; text-transform: uppercase; letter-spacing: .06em; } body.t-fighter .ra-tab.active { background: linear-gradient(180deg, #ffe04d, #e0a800); color: #111; }
body.t-fighter .ra-table th { font-family: var(--ra-font-display); font-style: italic; text-transform: uppercase; color: #ffd500; border-bottom: 3px solid #ff2a2a; letter-spacing: .08em; font-weight: 400; }
body.t-fighter ::selection { background: #ffd500; color: #111; }
@media (max-width: 600px) { body.t-fighter .ra-card { padding: var(--ra-space-2) calc(var(--ra-space-2) + 8px) !important; border-left-width: 4px !important; } body.t-fighter .ra-tabs { flex-wrap: wrap; } }

/* ── tab-bar layer v114: the dashboard's main nav (#tabs / .tab) — shape, container, active marker, hover; works in left/right rail, top and bottom ── */
body.t-fighter #tabs { gap: 0; padding: 4px !important; }
body.t-fighter .tab { border-radius: 0 !important; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); background: #26264a !important; }
body.t-fighter .tab.active { background: linear-gradient(180deg, #ffe04d, #e0a800) !important; color: #111 !important; }
body.t-fighter .tab.active .tab-icon { filter: brightness(0); }

/* side-rail guard (v124): rails are ~52px wide - no slanted clips / full pills, tracking off, ellipsis */
body.t-fighter.nav-left .tab, body.t-fighter.nav-right .tab {  }
body.t-fighter.nav-left .tab-label, body.t-fighter.nav-right .tab-label { letter-spacing: 0 !important; text-transform: none !important; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }

/* label-fit guard: wide letter-spacing/uppercase must not truncate or overlap names in the horizontal bottom/split bars (and the <=880px fallback); rails/top keep their own spacing */
body.t-fighter.nav-bottom .tab, body.t-fighter.nav-split #tabs .tab { letter-spacing: .01em !important; }
@media (max-width: 880px) { body.t-fighter .tab { letter-spacing: .01em !important; } }
body.t-fighter .tab-label { min-width: 0; }

/* ── content layer v117: typography + list-UI skin (row anatomy / section headers / chips / check button / toolbar) — row=slant head=heavy chip=tag check=square bar=panel panel=topline ── */
:root { --ra-font-body: 'Arial Narrow', 'Helvetica Neue', Arial, sans-serif; --ra-font-display: Impact, 'Arial Black', sans-serif; }
body.t-fighter .todo-row.ra-card::before, body.t-fighter .todo-row.ra-card::after { content: none !important; display: none !important; }
body.t-fighter .todo-row.ra-card { transform: none !important; clip-path: none !important; outline: 0 !important; -webkit-mask: none !important; mask: none !important; margin-block: 0 !important; backdrop-filter: none !important; background-image: none !important; filter: none !important; padding: 8px 12px !important; border-width: 0 !important; border-style: solid !important; }
body.t-fighter .todo-row.ra-card { background: var(--ra-surface-1) !important; border: 0 !important; border-radius: 0 !important; clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%) !important; box-shadow: inset 5px 0 0 var(--g, var(--ra-accent)) !important; margin-bottom: 4px !important; padding-left: 20px !important; padding-right: 18px !important; }
body.t-fighter .todo-row.ra-card:hover { background-color: color-mix(in srgb, var(--ra-accent) 14%, var(--ra-surface-1)) !important; }
body.t-fighter .todo-sec-count { border-top: 4px solid var(--ra-text) !important; color: var(--ra-text-bright, var(--ra-text)) !important; font-weight: 900 !important; letter-spacing: .06em !important; padding-top: 4px !important; margin-top: 12px; font-size: 1.25em !important; }
body.t-fighter .cell > h4, body.t-fighter .cell-span > h4 { border-top: 4px solid var(--ra-text) !important; color: var(--ra-text-bright, var(--ra-text)) !important; font-weight: 900 !important; letter-spacing: .06em !important; padding-top: 4px !important; margin-top: 12px; font-size: 1.25em !important; }
body.t-fighter .todo-tag-chip, body.t-fighter .todo-badge { border-radius: 0 !important; clip-path: polygon(8px 0, 100% 0, 100% 100%, 8px 100%, 0 50%); padding-left: 14px !important; background: color-mix(in srgb, var(--ra-accent) 22%, var(--ra-surface-2)) !important; border: 0 !important; }
body.t-fighter .todo-row-check .todo-icon-btn { border-radius: 0 !important; }
body.t-fighter #tab-todos .tdb { background: var(--ra-surface-1) !important; border: 2px solid var(--ra-border-strong) !important; margin: 6px 10px !important; box-shadow: 3px 3px 0 var(--ra-border-strong) !important; }
body.t-fighter .proj-card, body.t-fighter .win-card, body.t-fighter .hab-card, body.t-fighter .hab-cat-card, body.t-fighter .hab-active-card, body.t-fighter .hab-record-card, body.t-fighter .topic-card, body.t-fighter .pin-mirror-card, body.t-fighter .hot-card, body.t-fighter .alert-card, body.t-fighter .usage-detail-card, body.t-fighter .trig-journal-card, body.t-fighter .cu-account-card, body.t-fighter .codex-account-card { background: var(--ra-surface-1) !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-radius: 0 !important; clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%) !important; box-shadow: inset 5px 0 0 var(--g, var(--ra-accent)) !important }
body.t-fighter .proj-card:hover, body.t-fighter .win-card:hover, body.t-fighter .hab-card:hover, body.t-fighter .hab-cat-card:hover, body.t-fighter .hab-active-card:hover, body.t-fighter .hab-record-card:hover, body.t-fighter .topic-card:hover, body.t-fighter .pin-mirror-card:hover, body.t-fighter .hot-card:hover, body.t-fighter .alert-card:hover, body.t-fighter .usage-detail-card:hover, body.t-fighter .trig-journal-card:hover, body.t-fighter .cu-account-card:hover, body.t-fighter .codex-account-card:hover { background-color: color-mix(in srgb, var(--ra-accent) 14%, var(--ra-surface-1)) !important }
body.t-fighter .cell, body.t-fighter .cell-span { border-top: 2px solid var(--ra-accent) !important; }
/* cursor:begin fighter: pointer_h + hand_closed + text bar, Kenney Cursor Pack (CC0), recoloured from the swatch; chunky blunt arrow, clenched fist for clickable things. Off with html[data-ra-cursor="off"]. */
html:not([data-ra-cursor="off"]) body { cursor: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs/%3E%3Cg%3E%3Cpath stroke='none' fill='rgb(6,6,13)' d='M20.1 4 Q21.75 4 22.9 5.15 L22.95 5.2 Q24.1 6.35 24.1 8 24.1 9.65 22.95 10.8 L21.15 12.6 26.85 18.3 26.85 18.35 Q28 19.5 28 21.15 L28 21.2 Q28 22.85 26.8 24 L23.9 26.85 Q22.75 28 21.1 28 19.45 28 18.3 26.85 L18.25 26.85 12.6 21.2 10.8 22.95 10.8 23 Q9.6 24.1 8 24.1 L7.95 24.1 Q6.3 24.1 5.15 22.9 4 21.75 4 20.1 L4 8 Q4 6.35 5.15 5.2 L5.2 5.15 Q6.35 4 8 4 L20.1 4 M25.4 22.6 Q26 22 26 21.15 26 20.3 25.45 19.75 L18.35 12.65 21.55 9.4 Q22.1 8.8 22.1 8 22.1 7.15 21.5 6.6 20.9 6 20.1 6 L8 6 Q7.15 6 6.6 6.6 6 7.15 6 8 L6 20.1 Q6 20.9 6.6 21.5 7.15 22.1 8 22.1 8.8 22.1 9.4 21.55 L12.65 18.4 19.7 25.45 Q20.25 26 21.1 26 21.9 26 22.5 25.45 L25.4 22.6'/%3E%3Cpath stroke='none' fill='rgb(255,215,215)' d='M25.4 22.6 L22.5 25.45 Q21.9 26 21.1 26 20.25 26 19.7 25.45 L12.65 18.4 9.4 21.55 Q8.8 22.1 8 22.1 7.15 22.1 6.6 21.5 6 20.9 6 20.1 L6 8 Q6 7.15 6.6 6.6 7.15 6 8 6 L20.1 6 Q20.9 6 21.5 6.6 22.1 7.15 22.1 8 22.1 8.8 21.55 9.4 L18.35 12.65 25.45 19.75 Q26 20.3 26 21.15 26 22 25.4 22.6'/%3E%3C/g%3E%3C/svg%3E") 6 6, auto; }
html:not([data-ra-cursor="off"]) :is(a[href], button, summary, select, [role="button"], [role="tab"], .ra-btn, .ra-tab, label[for], input[type="checkbox"], input[type="radio"], input[type="range"], [onclick]):not(:disabled):not([aria-disabled="true"]) { cursor: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs/%3E%3Cg%3E%3Cpath stroke='none' fill='rgb(6,6,13)' d='M27.9 19.3 L27.85 19.4 27.2 21.2 27.1 21.45 26.7 22.2 26.5 22.55 Q24.5 26.2 18.7 27.1 L18.6 27.1 Q10.75 28.35 7.75 23.35 L6.5 21.75 Q2.5 19.95 3.3 15.7 L3.3 15.8 Q3.35 15.05 3.65 14.45 4.05 13.7 4.85 13.45 L5.2 13.1 5.45 12.7 Q4.45 9.15 6.35 7.8 6.8 7.3 7.5 6.95 L7.55 6.9 Q9.65 5.65 11.4 6.15 12.45 4.55 15 4.35 17.05 4.2 18.35 5 19.3 4.5 20.65 4.35 L20.7 4.35 Q25.25 3.95 26.2 8.5 L26.25 8.75 Q26.4 10.7 27 12.15 L27.05 12.3 Q28.35 15.05 28.15 18 L27.9 19.3 M20.85 6.35 Q19.35 6.5 18.7 7.35 L18.45 7.55 18.15 7.55 17.9 7.35 Q17.05 6.2 15.15 6.35 13 6.5 12.7 8.35 L12.55 8.65 12.25 8.75 11.9 8.65 Q10.45 7.5 8.5 8.65 L7.75 9.2 Q6.6 10.25 7.7 13.2 L7.7 13.45 7.55 13.7 7.35 13.85 Q6.2 14.15 5.5 15.2 L5.5 15.25 Q5.3 15.6 5.25 16.05 4.75 18.9 7.6 20 L7.7 20.05 7.9 20.2 Q8.5 21.25 9.25 22 L9.35 22.1 Q11.8 26.2 18.35 25.1 L18.4 25.1 Q23.2 24.35 24.85 21.35 L24.9 21.3 25.35 20.45 25.95 18.8 Q26.5 16.65 25.8 14.5 L25.15 12.9 Q24.45 11.2 24.25 8.9 23.65 6.1 20.85 6.35'/%3E%3Cpath stroke='none' fill='rgb(255,68,68)' d='M20.85 6.35 Q23.65 6.1 24.25 8.9 24.45 11.2 25.15 12.9 L25.8 14.5 Q26.5 16.65 25.95 18.8 L25.35 20.45 24.9 21.3 24.85 21.35 Q23.2 24.35 18.4 25.1 L18.35 25.1 Q11.8 26.2 9.35 22.1 L9.25 22 Q8.5 21.25 7.9 20.2 L7.7 20.05 7.6 20 Q4.75 18.9 5.25 16.05 5.3 15.6 5.5 15.25 L5.5 15.2 Q6.2 14.15 7.35 13.85 L7.55 13.7 7.7 13.45 7.7 13.2 Q6.6 10.25 7.75 9.2 L8.5 8.65 Q10.45 7.5 11.9 8.65 L12.25 8.75 12.55 8.65 12.7 8.35 Q13 6.5 15.15 6.35 17.05 6.2 17.9 7.35 L18.15 7.55 18.45 7.55 18.7 7.35 Q19.35 6.5 20.85 6.35'/%3E%3C/g%3E%3C/svg%3E") 15 16, pointer; }
html:not([data-ra-cursor="off"]) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]), textarea, [contenteditable="true"]) { cursor: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs/%3E%3Cg%3E%3Cpath stroke='none' fill='rgb(6,6,13)' d='M19 2 Q20.2 2 21.15 2.9 22 3.8 22 5 L22 7 Q22 8.2 21.15 9.15 L20 9.85 20 22.15 21.15 22.9 Q22 23.8 22 25 L22 27 Q22 28.2 21.15 29.15 20.2 30 19 30 L13 30 Q11.8 30 10.9 29.15 10 28.2 10 27 L10 25 Q10 23.8 10.9 22.9 11.4 22.35 12 22.15 L12 9.85 Q11.4 9.65 10.9 9.15 10 8.2 10 7 L10 5 Q10 3.8 10.9 2.9 11.8 2 13 2 L19 2 M13 4 Q12.6 4 12.3 4.3 12 4.6 12 5 L12 7 Q12 7.4 12.3 7.7 L13 8 14 8 14 24 13 24 Q12.6 24 12.3 24.3 12 24.6 12 25 L12 27 Q12 27.4 12.3 27.7 L13 28 19 28 19.7 27.7 20 27 20 25 19.7 24.3 Q19.4 24 19 24 L18 24 18 8.05 18.05 8 19 8 19.7 7.7 20 7 20 5 19.7 4.3 Q19.4 4 19 4 L13 4'/%3E%3Cpath stroke='none' fill='rgb(255,215,215)' d='M13 4 L19 4 Q19.4 4 19.7 4.3 L20 5 20 7 19.7 7.7 19 8 18.05 8 18 8.05 18 24 19 24 Q19.4 24 19.7 24.3 L20 25 20 27 19.7 27.7 19 28 13 28 12.3 27.7 Q12 27.4 12 27 L12 25 Q12 24.6 12.3 24.3 12.6 24 13 24 L14 24 14 8 13 8 12.3 7.7 Q12 7.4 12 7 L12 5 Q12 4.6 12.3 4.3 12.6 4 13 4'/%3E%3C/g%3E%3C/svg%3E") 16 16, text; }
/* cursor:end */
/* motifs:begin SVG motif slots for fighter (scripts/theme-gen/motifs_old.py): divider, empty state, loader, bullet; token-tinted masks that follow Settings > Theme > Theme intensity (--t-int; 0 hides them) */
body.t-fighter hr, body.t-fighter .ra-hr { border: 0; height: 14px; margin: 10px 0; background: var(--ra-warn); opacity: calc(.8 * var(--t-int, 1)); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 14' width='28' height='14'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Cpolygon points='0,14 6,0 10,0 4,14'/%3E%3Cpolygon points='9,14 15,0 19,0 13,14'/%3E%3Cpolygon points='18,14 24,0 28,0 22,14'/%3E%3C/g%3E%3C/svg%3E") center / auto 100% repeat-x; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 14' width='28' height='14'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Cpolygon points='0,14 6,0 10,0 4,14'/%3E%3Cpolygon points='9,14 15,0 19,0 13,14'/%3E%3Cpolygon points='18,14 24,0 28,0 22,14'/%3E%3C/g%3E%3C/svg%3E") center / auto 100% repeat-x; }
body.t-fighter .ra-empty::before { content: ''; display: block; width: 96px; height: 72px; margin: 0 auto 6px; background: var(--ra-accent); opacity: calc(.6 * var(--t-int, 1)); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72' width='96' height='72'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Cpolygon points='48.0,0.8 54.2,19.1 71.8,6.4 64.6,24.5 88.0,21.4 69.8,33.5 91.6,41.0 68.0,43.3 81.3,59.1 59.9,50.8 60.4,69.8 48.0,53.6 35.6,69.8 36.1,50.8 14.7,59.1 28.0,43.3 4.4,41.0 26.2,33.5 8.0,21.4 31.4,24.5 24.2,6.4 41.8,19.1'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72' width='96' height='72'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Cpolygon points='48.0,0.8 54.2,19.1 71.8,6.4 64.6,24.5 88.0,21.4 69.8,33.5 91.6,41.0 68.0,43.3 81.3,59.1 59.9,50.8 60.4,69.8 48.0,53.6 35.6,69.8 36.1,50.8 14.7,59.1 28.0,43.3 4.4,41.0 26.2,33.5 8.0,21.4 31.4,24.5 24.2,6.4 41.8,19.1'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; }
body.t-fighter .ra-busy::after { width: 1.15em; height: 1.15em; border: 0 !important; border-radius: 0 !important; background: currentColor; opacity: var(--t-int, 1); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Cpath d='M14 1 L4 14 H10 L8 23 L20 9 H13 Z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Cpath d='M14 1 L4 14 H10 L8 23 L20 9 H13 Z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; }
body.t-fighter .ra-list > li::before, body.t-fighter ul.ra-bullets > li::before { content: ''; display: inline-block; width: .9em; height: .9em; margin-right: .5em; vertical-align: -.12em; background: var(--ra-accent); opacity: var(--t-int, 1); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16' width='12' height='16'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Cpolygon points='0,1 4,1 11,8 4,15 0,15 7,8'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16' width='12' height='16'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Cpolygon points='0,1 4,1 11,8 4,15 0,15 7,8'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; }
html[data-t-int="0"] body.t-fighter :is(hr, .ra-hr, .ra-empty::before, .ra-busy::after, .ra-list > li::before, ul.ra-bullets > li::before) { display: none !important; }
/* motifs:end */
/* extras:begin */
/* hover and focus: a hit-flash on what you point at (yellow glow, red underline); keyboard focus is a yellow frame (instant, the dashboard kills transitions) */
body.t-fighter :is(.ra-btn, .tab, .todos-subtab-btn, .ra-pill, .ibtn, .mini-btn):hover:not(:disabled) { color: #fff; box-shadow: 0 0 12px color-mix(in srgb, var(--ra-warn) 55%, transparent), inset 0 -3px 0 var(--ra-accent); }
body.t-fighter :is(.ra-card, .todo-row, .proj-card, .win-card, .hab-card, .hab-cat-card, .topic-card, .goal-mission-row, .hot-card, .pin-mirror-card, .codex-account-card):hover { box-shadow: 0 0 18px color-mix(in srgb, var(--ra-accent) 30%, transparent), inset 3px 0 0 var(--ra-warn); }
body.t-fighter :is(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 2px solid var(--ra-warn); outline-offset: 2px; box-shadow: 0 0 10px color-mix(in srgb, var(--ra-warn) 50%, transparent); }
/* extras:end */