/* RA-UI theme: Arcade — neon deep-blue (ported from the Gademy Jira board's
   "Arcade Neon" palette, rollout step 3). Cyan accent, magenta-blue backdrop. */
:root {
  --ra-bg: #0a0f24;
  --ra-backdrop: radial-gradient(circle at 18% -10%, #1b2a6e 0%, #0a0f24 55%, #05070f 100%);
  --ra-surface-1: #10162e;
  --ra-surface-2: #161d3a;
  --ra-surface-3: #1d2647;
  --ra-border: #2b3766;
  --ra-border-strong: #3d4c8a;
  --ra-divider: #1a2140;
  --ra-text: #e8ecff;
  --ra-text-bright: #ffffff;
  --ra-text-mid: #b6c0e8;
  --ra-text-dim: #8b97c9;
  --ra-text-faint: #6b76a5;
  --ra-text-muted: #4d5680;
  --ra-accent: #36e0ff;
  --ra-accent-strong: #0ea5e9;
  --ra-accent-bg: #0c2a44;
  --ra-accent-border: #1e6ea0;
  --ra-ok: #34d399;      --ra-ok-strong: #10b981;     --ra-ok-bg: #06301f;     --ra-ok-border: #0e5a3c;
  --ra-warn: #fbbf24;    --ra-warn-strong: #f59e0b;   --ra-warn-bg: #2d2206;   --ra-warn-border: #6e5210;
  --ra-danger: #fb7185;  --ra-danger-strong: #f43f5e; --ra-danger-bg: #33101a; --ra-danger-border: #7a2438;
  --ra-info: #5cf2ff;    --ra-info-bg: #0c2a44;   --ra-info-border: #1e6ea0;
  --ra-purple: #de44b7;  --ra-purple-bg: #2a0a24; --ra-purple-border: #6e1456;
  --ra-radius-sm: 8px;
  --ra-radius-md: 14px;
  --ra-radius-lg: 18px;
  --ra-shadow-1: 0 6px 24px rgba(0, 0, 0, .5);
  --ra-shadow-2: 0 18px 60px rgba(0, 0, 0, .55), 0 0 18px rgba(54, 224, 255, .25);
  --ra-table-stripe: rgba(255, 255, 255, .025);
  --ra-hover-style: glow;
  --ra-mode: dark;
}
/* ambient backdrop drift (round-1 signature moment) */
body.t-arcade {
  background: var(--ra-backdrop);
  background-size: 220% 220%;
  animation: ra-drift calc(var(--ra-motion, .15s) * 100) ease-in-out infinite;
}
/* patterned scrollbar thumb (v36) */
body.t-arcade ::-webkit-scrollbar-thumb { background: repeating-linear-gradient(135deg, #36e0ff 0 3px, #ff2ea6 3px 6px); border: 2px solid transparent; background-clip: content-box; }

/* ── signature layer v112: structure, chrome, ornament, ambient motion — beyond color ── */
body.t-arcade::after { content: ""; position: fixed; inset: 0; z-index: 4; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(0,0,0,.22) 0 1px, transparent 1px 3px), radial-gradient(ellipse at center, transparent 55%, rgba(0,0,0,.55) 100%); }
body.t-arcade .ra-card { border-radius: 4px !important; position: relative; background: linear-gradient(var(--ra-surface-1), var(--ra-surface-1)) padding-box !important; border: 2px solid #36e0ff !important; box-shadow: 0 0 14px rgba(54,224,255,.45), inset 0 0 20px rgba(54,224,255,.08) !important; }
body.t-arcade .ra-card::before { content: "\25b8 CREDIT 01"; position: absolute; top: -9px; right: 12px; font-size: 9px; letter-spacing: .2em; padding: 0 6px; background: var(--ra-bg); color: #ff3da6; }
body.t-arcade .ra-h, body.t-arcade h1, body.t-arcade h2 { text-transform: uppercase; letter-spacing: .24em; color: #ffe14d !important; text-shadow: 0 0 8px rgba(255,225,77,.8), 2px 2px 0 #ff3da6; animation: ra-arc-flicker 3s steps(1) infinite; }
@keyframes ra-arc-flicker { 0%,92%,96% { opacity: 1; } 94%,98% { opacity: .55; } }
body.t-arcade .ra-btn { border-radius: 999px !important; border: 3px solid #000 !important; background: radial-gradient(circle at 35% 30%, #ff7ac6, #ff2d95 55%, #c4106a) !important; color: #fff !important; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; box-shadow: 0 5px 0 #7a0a40, 0 7px 10px rgba(0,0,0,.5) !important; }
body.t-arcade .ra-btn:active { transform: translateY(4px); box-shadow: 0 1px 0 #7a0a40 !important; }
body.t-arcade .ra-btn.active, body.t-arcade .ra-btn-primary { background: radial-gradient(circle at 35% 30%, #fff48a, #ffd400 55%, #c49a00) !important; color: #000 !important; box-shadow: 0 5px 0 #7a6200, 0 7px 10px rgba(0,0,0,.5) !important; }
body.t-arcade .ra-progress { height: 18px; background: #000; border: 2px solid #36e0ff; border-radius: 3px; padding: 2px; }
body.t-arcade .ra-progress-fill { background: repeating-linear-gradient(90deg, #36e0ff 0 10px, transparent 10px 13px) !important; border-radius: 0; box-shadow: 0 0 10px #36e0ff; }
body.t-arcade .ra-tab.active { text-shadow: 0 0 10px #36e0ff; border-bottom: 3px solid #36e0ff; }
@media (prefers-reduced-motion: reduce) { body.t-arcade .ra-h { animation: none; } }

/* ── 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-arcade #tabs { background: #0a0f24 !important; border: 0 !important; border-top: 2px solid #36e0ff !important; box-shadow: 0 -6px 18px rgba(54,224,255,.35) !important; padding: 4px !important; gap: 4px; }
body.t-arcade .tab { border-radius: 6px !important; color: #3a6a8a !important; border: 2px solid transparent !important; text-transform: uppercase; letter-spacing: .1em; }
body.t-arcade .tab.active { color: #fff !important; border-color: #36e0ff !important; background: rgba(54,224,255,.14) !important; box-shadow: 0 0 14px rgba(54,224,255,.8), inset 0 0 10px rgba(54,224,255,.3) !important; text-shadow: 0 0 8px #36e0ff; animation: ra-arc-flicker 3s steps(1) infinite; }
body.t-arcade .tab.active .tab-icon { filter: drop-shadow(0 0 6px #ff3da6); }

/* side-rail guard (v124): rails are ~52px wide - no slanted clips / full pills, tracking off, ellipsis */
body.t-arcade.nav-left .tab, body.t-arcade.nav-right .tab {  }
body.t-arcade.nav-left .tab-label, body.t-arcade.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-arcade.nav-bottom .tab, body.t-arcade.nav-split #tabs .tab { letter-spacing: .01em !important; }
@media (max-width: 880px) { body.t-arcade .tab { letter-spacing: .01em !important; } }
body.t-arcade .tab-label { min-width: 0; }

/* ── content layer v117: typography + list-UI skin (row anatomy / section headers / chips / check button / toolbar) — row=neon head=glow chip=led check=diamond bar=float panel=brackets ── */
:root { --ra-font-body: Menlo, 'Courier New', monospace; --ra-font-display: Impact, 'Arial Black', sans-serif; }
body.t-arcade .todo-row.ra-card::before, body.t-arcade .todo-row.ra-card::after { content: none !important; display: none !important; }
body.t-arcade .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-arcade .todo-row.ra-card { background: color-mix(in srgb, var(--ra-bg) 70%, transparent) !important; border: 1px solid var(--ra-accent) !important; border-radius: 2px !important; margin-bottom: 6px !important;
  box-shadow: 0 0 9px color-mix(in srgb, var(--ra-accent) 55%, transparent), inset 0 0 14px color-mix(in srgb, var(--ra-accent) 14%, transparent) !important; }
body.t-arcade .todo-row.ra-card:hover { box-shadow: 0 0 18px color-mix(in srgb, var(--ra-accent) 80%, transparent), inset 0 0 20px color-mix(in srgb, var(--ra-accent) 24%, transparent) !important; }
body.t-arcade .todo-sec-count { color: var(--ra-accent) !important; text-shadow: 0 0 8px var(--ra-accent) !important; letter-spacing: .3em !important; font-weight: 700 !important; margin-top: 10px; }
body.t-arcade .todo-sec-count::after { content: ""; flex: 1; height: 1px; margin-left: 10px; background: linear-gradient(90deg, var(--ra-accent), transparent); box-shadow: 0 0 8px var(--ra-accent); order: 5; }
body.t-arcade .cell > h4, body.t-arcade .cell-span > h4 { color: var(--ra-accent) !important; text-shadow: 0 0 8px var(--ra-accent) !important; letter-spacing: .3em !important; font-weight: 700 !important; margin-top: 10px; }
body.t-arcade .cell > h4, body.t-arcade .cell-span > h4::after { content: ""; flex: 1; height: 1px; margin-left: 10px; background: linear-gradient(90deg, var(--ra-accent), transparent); box-shadow: 0 0 8px var(--ra-accent); order: 5; }
body.t-arcade .todo-tag-chip, body.t-arcade .todo-badge { border-radius: 0 !important; border: 0 !important; background: var(--ra-accent) !important; color: #000 !important; font-weight: 800 !important; text-transform: uppercase !important; padding: 0 5px !important; }
body.t-arcade .todo-row-check .todo-icon-btn { border-radius: 2px !important; transform: rotate(45deg) scale(.85) !important; }
body.t-arcade .todo-row-check .todo-icon-btn > * { display: inline-block; transform: rotate(-45deg); }
body.t-arcade #tab-todos .tdb { margin: 8px 12px !important; border-radius: 22px !important; background: color-mix(in srgb, var(--ra-surface-1) 85%, transparent) !important; backdrop-filter: blur(10px); border: 1px solid var(--ra-border) !important; box-shadow: 0 6px 20px color-mix(in srgb, #000 22%, transparent) !important; }
body.t-arcade .cell > h4, body.t-arcade .cell-span > h4 { display: flex; align-items: center; }
body.t-arcade .proj-card, body.t-arcade .win-card, body.t-arcade .hab-card, body.t-arcade .hab-cat-card, body.t-arcade .hab-active-card, body.t-arcade .hab-record-card, body.t-arcade .topic-card, body.t-arcade .pin-mirror-card, body.t-arcade .hot-card, body.t-arcade .alert-card, body.t-arcade .usage-detail-card, body.t-arcade .trig-journal-card, body.t-arcade .cu-account-card, body.t-arcade .codex-account-card { background: color-mix(in srgb, var(--ra-bg) 70%, transparent) !important; border-top: 1px solid var(--ra-accent) !important; border-right: 1px solid var(--ra-accent) !important; border-bottom: 1px solid var(--ra-accent) !important; border-radius: 2px !important; box-shadow: 0 0 9px color-mix(in srgb, var(--ra-accent) 55%, transparent), inset 0 0 14px color-mix(in srgb, var(--ra-accent) 14%, transparent) !important }
body.t-arcade .proj-card:hover, body.t-arcade .win-card:hover, body.t-arcade .hab-card:hover, body.t-arcade .hab-cat-card:hover, body.t-arcade .hab-active-card:hover, body.t-arcade .hab-record-card:hover, body.t-arcade .topic-card:hover, body.t-arcade .pin-mirror-card:hover, body.t-arcade .hot-card:hover, body.t-arcade .alert-card:hover, body.t-arcade .usage-detail-card:hover, body.t-arcade .trig-journal-card:hover, body.t-arcade .cu-account-card:hover, body.t-arcade .codex-account-card:hover { box-shadow: 0 0 18px color-mix(in srgb, var(--ra-accent) 80%, transparent), inset 0 0 20px color-mix(in srgb, var(--ra-accent) 24%, transparent) !important }
body.t-arcade .goal-mission-row, body.t-arcade .portfolio-row, body.t-arcade .money-topic-row, body.t-arcade .money-trend-row, body.t-arcade .hab-detail-row, body.t-arcade .hab-goal-row, body.t-arcade .hab-promo-row, body.t-arcade .hab-wd-row, body.t-arcade .ai-list-row, body.t-arcade .ai-account-row, body.t-arcade .mac-control-row, body.t-arcade .mac-control-process-row, body.t-arcade .cx-model-row, body.t-arcade .trig-sensor-row, body.t-arcade .ctx-row, body.t-arcade .hero-item { background: transparent !important; border-radius: 1px !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ra-accent) 70%, transparent), 0 0 6px color-mix(in srgb, var(--ra-accent) 35%, transparent) !important; margin-bottom: 4px; }
body.t-arcade .cell, body.t-arcade .cell-span { background-image: linear-gradient(var(--ra-accent), var(--ra-accent)), linear-gradient(var(--ra-accent), var(--ra-accent)), linear-gradient(var(--ra-accent), var(--ra-accent)), linear-gradient(var(--ra-accent), var(--ra-accent)), linear-gradient(var(--ra-accent), var(--ra-accent)), linear-gradient(var(--ra-accent), var(--ra-accent)), linear-gradient(var(--ra-accent), var(--ra-accent)), linear-gradient(var(--ra-accent), var(--ra-accent)) !important; background-size: 14px 2px, 2px 14px, 14px 2px, 2px 14px, 14px 2px, 2px 14px, 14px 2px, 2px 14px !important; background-position: 0 0, 0 0, 100% 0, 100% 0, 0 100%, 0 100%, 100% 100%, 100% 100% !important; background-repeat: no-repeat !important; }
/* inactive-control text guard (v136): role text must stay readable on the role surface */
body.t-arcade .todos-subtab-btn:not(.active):not(.on):not([aria-selected="true"]) { color: #f2f2f2 !important; }
body.t-arcade .idea-filter-pill:not(.active):not(.on):not([aria-selected="true"]) { color: #f2f2f2 !important; }
body.t-arcade .mini-btn:not(.active):not(.on):not([aria-selected="true"]) { color: #f2f2f2 !important; }
body.t-arcade .dock-tab:not(.active):not(.on):not([aria-selected="true"]) { color: #f2f2f2 !important; }
body.t-arcade .anl-btn:not(.active):not(.on):not([aria-selected="true"]) { color: #f2f2f2 !important; }
body.t-arcade .cron-mini-btn:not(.active):not(.on):not([aria-selected="true"]) { color: #f2f2f2 !important; }
body.t-arcade .sp-mini:not(.active):not(.on):not([aria-selected="true"]) { color: #f2f2f2 !important; }
/* motifs:begin SVG motif slots for arcade (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-arcade hr, body.t-arcade .ra-hr { border: 0; height: 8px; margin: 10px 0; background: var(--ra-text); 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 24 8' width='24' height='8' shape-rendering='crispEdges'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Crect x='0' y='2' width='4' height='4'/%3E%3Crect x='8' y='3' width='2' height='2'/%3E%3Crect x='14' y='3' width='2' height='2'/%3E%3Crect x='20' y='3' width='2' height='2'/%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 24 8' width='24' height='8' shape-rendering='crispEdges'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Crect x='0' y='2' width='4' height='4'/%3E%3Crect x='8' y='3' width='2' height='2'/%3E%3Crect x='14' y='3' width='2' height='2'/%3E%3Crect x='20' y='3' width='2' height='2'/%3E%3C/g%3E%3C/svg%3E") center / auto 100% repeat-x; }
body.t-arcade .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 11 8' width='11' height='8' shape-rendering='crispEdges'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='8' y='0' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='5' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='2' y='3' width='1' height='1'/%3E%3Crect x='4' y='3' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='6' y='3' width='1' height='1'/%3E%3Crect x='8' y='3' width='1' height='1'/%3E%3Crect x='9' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='1' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='3' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='8' y='4' width='1' height='1'/%3E%3Crect x='9' y='4' width='1' height='1'/%3E%3Crect x='10' y='4' width='1' height='1'/%3E%3Crect x='0' y='5' width='1' height='1'/%3E%3Crect x='2' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='4' y='5' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='8' y='5' width='1' height='1'/%3E%3Crect x='10' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='8' y='6' width='1' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='4' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='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 11 8' width='11' height='8' shape-rendering='crispEdges'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='8' y='0' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='5' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='2' y='3' width='1' height='1'/%3E%3Crect x='4' y='3' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='6' y='3' width='1' height='1'/%3E%3Crect x='8' y='3' width='1' height='1'/%3E%3Crect x='9' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='1' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='3' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='8' y='4' width='1' height='1'/%3E%3Crect x='9' y='4' width='1' height='1'/%3E%3Crect x='10' y='4' width='1' height='1'/%3E%3Crect x='0' y='5' width='1' height='1'/%3E%3Crect x='2' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='4' y='5' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='8' y='5' width='1' height='1'/%3E%3Crect x='10' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='8' y='6' width='1' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='4' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; }
body.t-arcade .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 10 10' width='10' height='10' shape-rendering='crispEdges'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='5' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='2' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='4' y='1' width='1' height='1'/%3E%3Crect x='5' y='1' width='1' height='1'/%3E%3Crect x='6' y='1' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='5' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='0' y='3' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='2' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='4' y='3' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='6' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='8' y='3' width='1' height='1'/%3E%3Crect x='9' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='1' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='3' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='8' y='4' width='1' height='1'/%3E%3Crect x='9' y='4' width='1' height='1'/%3E%3Crect x='0' y='5' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='2' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='4' y='5' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='8' y='5' width='1' height='1'/%3E%3Crect x='9' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='1' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='8' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='1' y='7' width='1' height='1'/%3E%3Crect x='2' y='7' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='4' y='7' width='1' height='1'/%3E%3Crect x='5' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3Crect x='8' y='7' width='1' height='1'/%3E%3Crect x='2' y='8' width='1' height='1'/%3E%3Crect x='3' y='8' width='1' height='1'/%3E%3Crect x='4' y='8' width='1' height='1'/%3E%3Crect x='5' y='8' width='1' height='1'/%3E%3Crect x='6' y='8' width='1' height='1'/%3E%3Crect x='7' y='8' width='1' height='1'/%3E%3Crect x='3' y='9' width='1' height='1'/%3E%3Crect x='4' y='9' width='1' height='1'/%3E%3Crect x='5' y='9' width='1' height='1'/%3E%3Crect x='6' y='9' width='1' height='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 10 10' width='10' height='10' shape-rendering='crispEdges'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='5' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='2' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='4' y='1' width='1' height='1'/%3E%3Crect x='5' y='1' width='1' height='1'/%3E%3Crect x='6' y='1' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='5' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='0' y='3' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='2' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='4' y='3' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='6' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='8' y='3' width='1' height='1'/%3E%3Crect x='9' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='1' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='3' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='8' y='4' width='1' height='1'/%3E%3Crect x='9' y='4' width='1' height='1'/%3E%3Crect x='0' y='5' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='2' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='4' y='5' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='8' y='5' width='1' height='1'/%3E%3Crect x='9' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='1' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='8' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='1' y='7' width='1' height='1'/%3E%3Crect x='2' y='7' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='4' y='7' width='1' height='1'/%3E%3Crect x='5' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3Crect x='8' y='7' width='1' height='1'/%3E%3Crect x='2' y='8' width='1' height='1'/%3E%3Crect x='3' y='8' width='1' height='1'/%3E%3Crect x='4' y='8' width='1' height='1'/%3E%3Crect x='5' y='8' width='1' height='1'/%3E%3Crect x='6' y='8' width='1' height='1'/%3E%3Crect x='7' y='8' width='1' height='1'/%3E%3Crect x='3' y='9' width='1' height='1'/%3E%3Crect x='4' y='9' width='1' height='1'/%3E%3Crect x='5' y='9' width='1' height='1'/%3E%3Crect x='6' y='9' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; }
body.t-arcade .ra-list > li::before, body.t-arcade 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 8 8' width='8' height='8' shape-rendering='crispEdges'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='0' y='1' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='2' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='0' y='3' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='2' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='4' y='3' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='6' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='1' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='3' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='0' y='5' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='2' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='4' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='1' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='0' y='7' width='1' height='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 8 8' width='8' height='8' shape-rendering='crispEdges'%3E%3Cg fill='black' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='0' y='1' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='2' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='0' y='3' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='2' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='4' y='3' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='6' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='1' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='3' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='0' y='5' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='2' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='4' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='1' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='0' y='7' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; }
html[data-t-int="0"] body.t-arcade :is(hr, .ra-hr, .ra-empty::before, .ra-busy::after, .ra-list > li::before, ul.ra-bullets > li::before) { display: none !important; }
/* motifs:end */
/* cursor:begin arcade: px_0088 + px_0137 + text bar, Kenney Cursor Pack (CC0), recoloured from the swatch; chunky pixel arrow and pixel pointing hand, the menu pointer of a cabinet (Kenney Cursor Pixel Pack). 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' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L22 4L22 6L4 6ZM4 6L22 6L22 8L4 8ZM4 8L20 8L20 10L4 10ZM4 10L18 10L18 12L4 12ZM4 12L20 12L20 14L4 14ZM4 14L22 14L22 16L4 16ZM4 16L24 16L24 18L4 18ZM4 18L10 18L10 20L4 20ZM12 18L26 18L26 20L12 20ZM4 20L8 20L8 22L4 22ZM14 20L28 20L28 22L14 22ZM16 22L28 22L28 24L16 24ZM18 24L26 24L26 26L18 26ZM20 26L24 26L24 28L20 28Z' fill='rgb(218,249,255)'/%3E%3Cpath d='M2 0L24 0L24 2L2 2ZM0 2L26 2L26 4L0 4ZM0 4L4 4L4 6L0 6ZM22 4L26 4L26 6L22 6ZM0 6L4 6L4 8L0 8ZM22 6L26 6L26 8L22 8ZM0 8L4 8L4 10L0 10ZM20 8L26 8L26 10L20 10ZM0 10L4 10L4 12L0 12ZM18 10L24 10L24 12L18 12ZM0 12L4 12L4 14L0 14ZM20 12L26 12L26 14L20 14ZM0 14L4 14L4 16L0 16ZM22 14L28 14L28 16L22 16ZM0 16L4 16L4 18L0 18ZM24 16L30 16L30 18L24 18ZM0 18L4 18L4 20L0 20ZM10 18L12 18L12 20L10 20ZM26 18L32 18L32 20L26 20ZM0 20L4 20L4 22L0 22ZM8 20L14 20L14 22L8 22ZM28 20L32 20L32 22L28 22ZM0 22L16 22L16 24L0 24ZM28 22L32 22L32 24L28 24ZM2 24L10 24L10 26L2 26ZM12 24L18 24L18 26L12 26ZM26 24L32 24L32 26L26 26ZM14 26L20 26L20 28L14 28ZM24 26L30 26L30 28L24 28ZM16 28L28 28L28 30L16 30ZM18 30L26 30L26 32L18 32Z' fill='rgb(6,10,23)'/%3E%3C/svg%3E") 2 2, 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' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4L14 4L14 6L10 6ZM10 6L14 6L14 8L10 8ZM10 8L14 8L14 10L10 10ZM10 10L14 10L14 12L10 12ZM16 10L20 10L20 12L16 12ZM10 12L26 12L26 14L10 14ZM4 14L8 14L8 16L4 16ZM10 14L28 14L28 16L10 16ZM4 16L28 16L28 18L4 18ZM6 18L28 18L28 20L6 20ZM8 20L28 20L28 22L8 22ZM10 22L26 22L26 24L10 24ZM10 24L26 24L26 26L10 26ZM12 26L24 26L24 28L12 28Z' fill='rgb(78,228,255)'/%3E%3Cpath d='M8 0L16 0L16 2L8 2ZM6 2L18 2L18 4L6 4ZM6 4L10 4L10 6L6 6ZM14 4L18 4L18 6L14 6ZM6 6L10 6L10 8L6 8ZM14 6L22 6L22 8L14 8ZM6 8L10 8L10 10L6 10ZM14 8L28 8L28 10L14 10ZM2 10L10 10L10 12L2 12ZM14 10L16 10L16 12L14 12ZM20 10L30 10L30 12L20 12ZM0 12L10 12L10 14L0 14ZM26 12L32 12L32 14L26 14ZM0 14L4 14L4 16L0 16ZM8 14L10 14L10 16L8 16ZM28 14L32 14L32 16L28 16ZM0 16L4 16L4 18L0 18ZM28 16L32 16L32 18L28 18ZM0 18L6 18L6 20L0 20ZM28 18L32 18L32 20L28 20ZM2 20L8 20L8 22L2 22ZM28 20L32 20L32 22L28 22ZM4 22L10 22L10 24L4 24ZM26 22L32 22L32 24L26 24ZM6 24L10 24L10 26L6 26ZM26 24L30 24L30 26L26 26ZM6 26L12 26L12 28L6 28ZM24 26L30 26L30 28L24 28ZM8 28L28 28L28 30L8 30ZM10 30L26 30L26 32L10 32Z' fill='rgb(6,10,23)'/%3E%3C/svg%3E") 12 0, 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,10,23)' 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(218,249,255)' 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 */
/* extras:begin */
/* hover and focus: cabinet buttons light up cyan with a magenta underline; keyboard focus is a stepped magenta frame (instant, the dashboard kills transitions) */
body.t-arcade :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-accent) 55%, transparent), inset 0 -2px 0 var(--ra-purple); }
body.t-arcade :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 20px color-mix(in srgb, var(--ra-accent) 28%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ra-purple) 70%, transparent); }
body.t-arcade :is(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 2px dashed var(--ra-purple); outline-offset: 2px; box-shadow: 0 0 10px color-mix(in srgb, var(--ra-purple) 50%, transparent); }
/* extras:end */