:root {
  --helm-bg: #edf3f7;
  --helm-surface: #ffffff;
  --helm-surface-2: #f5f8fa;
  --helm-ink: #08233b;
  --helm-muted: #5f7384;
  --helm-line: #cbd9e2;
  --helm-navy: #0d2032;
  --helm-navy-2: #173b58;
  --helm-accent: var(--helm-accent-custom, #54b8d0);
  --helm-accent-soft: color-mix(in srgb, var(--helm-accent) 15%, white);
  --helm-bronze: #a9793f;
  --helm-done: #dff1dc;
  --helm-done-ink: #225725;
  --helm-half: #fff1c7;
  --helm-half-ink: #6f5500;
  --helm-missed: #f8dedd;
  --helm-missed-ink: #8a2420;
  --helm-unlogged: #e7edf1;
  --helm-unlogged-ink: #52616d;
  --helm-radius: 18px;
  --helm-shadow: 0 12px 34px rgba(13, 32, 50, .09);
}

:root[data-helm-theme="warcraft"] {
  --helm-bg: #e9dfc8; --helm-surface: #fff8e9; --helm-surface-2: #f1e1bc;
  --helm-ink: #2b1c12; --helm-muted: #755735; --helm-line: #c49a58;
  --helm-navy: #281b14; --helm-navy-2: #563820; --helm-accent: #b47b2a; --helm-bronze: #7f2b24;
}
:root[data-helm-theme="halo"] {
  --helm-bg: #dce9ec; --helm-surface: #f5fcfd; --helm-surface-2: #e4f0f2;
  --helm-ink: #081d25; --helm-muted: #4e6971; --helm-line: #93b6bd;
  --helm-navy: #08161c; --helm-navy-2: #14343e; --helm-accent: #32bfd2; --helm-bronze: #6f927e;
}
:root[data-helm-theme="jet_set_radio"] {
  --helm-bg: #f4eddb; --helm-surface: #fffdf4; --helm-surface-2: #f8efd5;
  --helm-ink: #17151d; --helm-muted: #655c6e; --helm-line: #17151d;
  --helm-navy: #17151d; --helm-navy-2: #30283a; --helm-accent: #8dc71f; --helm-bronze: #ff713c;
  --helm-radius: 9px;
}
:root[data-helm-theme="mario"] {
  --helm-bg: #e9f3fb; --helm-surface: #fff; --helm-surface-2: #f7fbff;
  --helm-ink: #173a6f; --helm-muted: #5d7192; --helm-line: #a9c5e5;
  --helm-navy: #163d77; --helm-navy-2: #235eae; --helm-accent: #ed3d33; --helm-bronze: #f4ca35;
  --helm-radius: 22px;
}
:root[data-helm-theme="lord_of_the_rings"] {
  --helm-bg: #eee4ce; --helm-surface: #fff6df; --helm-surface-2: #f4e7ca;
  --helm-ink: #273428; --helm-muted: #68705b; --helm-line: #bda87a;
  --helm-navy: #273428; --helm-navy-2: #3f5944; --helm-accent: #ad823d; --helm-bronze: #6d2635;
}
:root[data-helm-theme="zelda"] {
  --helm-bg: #e7efe4; --helm-surface: #fff9e6; --helm-surface-2: #f1ead1;
  --helm-ink: #183c31; --helm-muted: #5e766c; --helm-line: #a9b995;
  --helm-navy: #183c31; --helm-navy-2: #2d654e; --helm-accent: #d4a52d; --helm-bronze: #64b9ce;
}
:root[data-helm-theme="christian"] {
  --helm-bg: #eef0f5; --helm-surface: #fffaf0; --helm-surface-2: #f4efe5;
  --helm-ink: #1c315b; --helm-muted: #68738a; --helm-line: #c8b98c;
  --helm-navy: #1c315b; --helm-navy-2: #314b78; --helm-accent: #a23d55; --helm-bronze: #c4a052;
}
:root[data-helm-theme="age_of_empires"] {
  --helm-bg: #e8dfcd; --helm-surface: #fff5dc; --helm-surface-2: #f3e6c8;
  --helm-ink: #3a2a1c; --helm-muted: #705e49; --helm-line: #b99c65;
  --helm-navy: #3a2a1c; --helm-navy-2: #5d4329; --helm-accent: #b88a3d; --helm-bronze: #224c72;
}
:root[data-helm-theme="fallout"] {
  color-scheme: dark;
  --helm-bg: #050b06; --helm-surface: #09120b; --helm-surface-2: #0e1d11;
  --helm-ink: #a8ff72; --helm-muted: #68bd55; --helm-line: #286c35;
  --helm-navy: #020603; --helm-navy-2: #0b2410; --helm-accent: #75ff55; --helm-bronze: #d8b24c;
  --helm-accent-soft: #14321a; --helm-radius: 4px; --helm-shadow: 0 0 20px rgba(76,255,87,.12);
}

/* Theme identity pass: the whole app shell changes, not only Helm sub-pages. */
:root[data-helm-theme]:not([data-helm-theme="helm_classic"]) {
  --posui-bg: var(--helm-bg);
  --posui-surface: var(--helm-surface);
  --posui-surface-soft: var(--helm-surface-2);
  --posui-line: var(--helm-line);
  --posui-line-strong: color-mix(in srgb, var(--helm-line) 72%, var(--helm-ink));
  --posui-ink: var(--helm-ink);
  --posui-muted: var(--helm-muted);
  --posui-navy-950: color-mix(in srgb, var(--helm-navy) 82%, black);
  --posui-navy-900: var(--helm-navy);
  --posui-navy-800: var(--helm-navy-2);
  --posui-blue: var(--helm-accent);
  --posui-blue-strong: color-mix(in srgb, var(--helm-accent) 78%, var(--helm-ink));
  --posui-blue-soft: color-mix(in srgb, var(--helm-accent) 14%, var(--helm-surface));
  --posui-cyan: var(--helm-accent);
  --posui-shadow-sm: var(--helm-shadow);
  --posui-shadow: var(--helm-shadow);
  --posui-radius-sm: calc(var(--helm-radius) * .7);
  --posui-radius: var(--helm-radius);
  --posui-radius-lg: calc(var(--helm-radius) + 6px);
}

:root[data-helm-theme="warcraft"] body { background-image: radial-gradient(circle at 72% 0,#f6d88a44,transparent 34rem), repeating-linear-gradient(90deg,#4b2c0a12 0 2px,transparent 2px 9px) !important; }
:root[data-helm-theme="warcraft"] :is(.helm-card,.today-task-focus,.planner-calendar-event,.posrc-launch-tile) { border-width: 2px; box-shadow: inset 0 0 0 2px #fff4ca, 0 7px 0 #68451c24; }
:root[data-helm-theme="halo"] { color-scheme: dark; --helm-bg:#061319; --helm-surface:#0b222a; --helm-surface-2:#10313a; --helm-ink:#d9fbff; --helm-muted:#8eb4bb; --helm-line:#2b6974; }
:root[data-helm-theme="halo"] body { background-image: linear-gradient(#49ddf207 1px,transparent 1px),linear-gradient(90deg,#49ddf207 1px,transparent 1px),radial-gradient(circle at 82% 0,#31e3ff22,transparent 28rem) !important; background-size:24px 24px,24px 24px,auto !important; }
:root[data-helm-theme="halo"] :is(.helm-card,.today-task-focus,.planner-calendar-event,.posrc-launch-tile) { clip-path: polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); box-shadow: 0 0 16px #36deed17; }
:root[data-helm-theme="jet_set_radio"] body { background-image: linear-gradient(135deg,#ff713c18 0 12%,transparent 12% 50%,#b7ef3b1c 50% 61%,transparent 61%),radial-gradient(circle at 83% 8%,#e8398f33,transparent 21rem) !important; }
:root[data-helm-theme="jet_set_radio"] :is(.helm-card,.today-task-focus,.planner-calendar-event,.posrc-launch-tile) { border: 3px solid #17151d !important; box-shadow: 6px 6px 0 #17151d !important; }
:root[data-helm-theme="mario"] body { background-image: radial-gradient(circle at 12% 12%,#fff 0 36px,transparent 37px),linear-gradient(#8ed7ff88,#e9f3fb 42%) !important; }
:root[data-helm-theme="mario"] :is(.helm-card,.today-task-focus,.planner-calendar-event,.posrc-launch-tile) { border: 2px solid #fff !important; box-shadow: 0 7px 0 #9bbddd,0 0 0 1px #6b96c4 !important; }
:root[data-helm-theme="lord_of_the_rings"] body { background-image: radial-gradient(ellipse at top,#fff3c855,transparent 46rem),repeating-radial-gradient(circle at 85% 20%,transparent 0 34px,#70551d0b 35px 36px) !important; }
:root[data-helm-theme="lord_of_the_rings"] :is(h1,h2,h3,.brand strong) { font-family: Georgia,"Times New Roman",serif; letter-spacing:.01em; }
:root[data-helm-theme="lord_of_the_rings"] :is(.helm-card,.today-task-focus,.planner-calendar-event,.posrc-launch-tile) { border-style: double !important; border-width: 3px !important; }
:root[data-helm-theme="zelda"] body { background-image: linear-gradient(30deg,#1f68470b 12%,transparent 12.5%,transparent 87%,#d4a52d0f 87.5%),linear-gradient(150deg,#1f68470b 12%,transparent 12.5%,transparent 87%,#d4a52d0f 87.5%) !important; background-size:52px 90px !important; }
:root[data-helm-theme="zelda"] :is(.helm-card,.today-task-focus,.planner-calendar-event,.posrc-launch-tile) { border-color:#8ca776 !important; box-shadow: inset 0 0 0 2px #d4a52d33,var(--helm-shadow) !important; }
:root[data-helm-theme="christian"] body { background-image: radial-gradient(circle at 80% -5%,#9f315a1a 0 11rem,transparent 11.2rem),radial-gradient(circle at 80% -5%,#244b9416 0 19rem,transparent 19.2rem) !important; }
:root[data-helm-theme="christian"] :is(h1,h2,h3,.brand strong) { font-family: Georgia,"Times New Roman",serif; }
:root[data-helm-theme="christian"] :is(.helm-card,.today-task-focus,.planner-calendar-event,.posrc-launch-tile) { box-shadow: inset 0 3px 0 #c4a052,var(--helm-shadow) !important; }
:root[data-helm-theme="age_of_empires"] body { background-image: linear-gradient(90deg,#7f5a2520 1px,transparent 1px),linear-gradient(#7f5a2520 1px,transparent 1px),radial-gradient(circle at 78% 0,#224c7225,transparent 32rem) !important; background-size:38px 38px,38px 38px,auto !important; }
:root[data-helm-theme="age_of_empires"] :is(.helm-card,.today-task-focus,.planner-calendar-event,.posrc-launch-tile) { border-radius:3px !important; border-width:2px !important; box-shadow: inset 0 0 0 2px #fff0c5,4px 5px 0 #71522c2e !important; }
:root[data-helm-theme="fallout"] body { font-family:"Courier New",ui-monospace,monospace; text-shadow:0 0 5px #7aff6166; background-image:repeating-linear-gradient(0deg,#0000 0 3px,#7aff610a 3px 4px),radial-gradient(circle at 75% 0,#3cff4c18,transparent 34rem) !important; }
:root[data-helm-theme="fallout"] :is(.helm-card,.today-task-focus,.planner-calendar-event,.posrc-launch-tile,.topbar) { border:1px solid #3b9949 !important; border-radius:4px !important; box-shadow:inset 0 0 18px #1cff2710,0 0 12px #30ff4220 !important; }
:root[data-helm-theme="fallout"] :is(button,input,select,textarea) { border-radius:3px !important; }

:root[data-helm-density="compact"] { --helm-radius: 13px; }
:root[data-helm-motion="none"] *, :root[data-helm-motion="none"] *::before, :root[data-helm-motion="none"] *::after {
  animation-duration: 0s !important; scroll-behavior: auto !important; transition-duration: 0s !important;
}
:root.helm-high-contrast { --helm-line: #516878; --helm-shadow: 0 0 0 2px var(--helm-line); }

.posrc-mobile-launcher { display: none; }

html.helm-v5 body { background: var(--helm-bg); color: var(--helm-ink); }
html.helm-v5 .sidebar { background: linear-gradient(180deg, var(--helm-navy), color-mix(in srgb, var(--helm-navy) 88%, black)); }
html.helm-v5 .posui-brand-mark { background: linear-gradient(145deg, var(--helm-accent), color-mix(in srgb, var(--helm-accent) 55%, var(--helm-navy))); }
html.helm-v5 .posrc-page { color: var(--helm-ink); }
html.helm-v5 .posrc-module-grid article,
html.helm-v5 .posrc-existing-links,
html.helm-v5 .posrc-status-strip article,
html.helm-v5 .posrc-routine-launch,
html.helm-v5 .posrc-quick-grid button { background: var(--helm-surface) !important; border-color: var(--helm-line) !important; }

.task-card--mission .task-card__heading h2::after,
.planner-calendar-event.is-mission > strong::after {
  content: "MISSION";
  display: inline-block;
  margin-left: .55em;
  padding: .16em .48em;
  border: 1px solid #6750a4;
  border-radius: 999px;
  background: #eee8ff;
  color: #4d3787;
  font: 800 .58rem/1.1 Inter, ui-sans-serif, sans-serif;
  letter-spacing: .08em;
  vertical-align: .2em;
}
.planner-mission-button.active { border-color:#6750a4 !important; background:#eee8ff !important; color:#4d3787 !important; }
.s07-source-card__meta .is-mission { border-color:#6750a4; background:#eee8ff; color:#4d3787; font-weight:800; }
:root[data-helm-theme="fallout"] :is(.task-card--mission .task-card__heading h2::after,.planner-calendar-event.is-mission > strong::after,.planner-mission-button.active) { border-color:#c9a6ff !important; background:#251a39 !important; color:#e7d8ff !important; text-shadow:none; }

#posrc-root[data-route^="helm-"] {
  width: min(1480px, 100%);
  padding: 26px 34px 100px;
}

.helm-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 30px;
  margin-bottom: 18px;
  border: 1px solid var(--helm-line);
  border-radius: calc(var(--helm-radius) + 4px);
  background: linear-gradient(125deg, var(--helm-surface) 55%, var(--helm-accent-soft));
  box-shadow: var(--helm-shadow);
}
.helm-page-head h1 { margin: 4px 0 6px; font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -.04em; }
.helm-page-head p:not(.eyebrow) { margin: 0; color: var(--helm-muted); max-width: 820px; line-height: 1.55; }
.helm-back {
  border: 0; background: transparent; color: var(--helm-muted); font-weight: 800; padding: 0;
}
.helm-head-actions { display: flex; gap: 8px; align-items: center; }
.helm-chip, .helm-icon-button {
  min-height: 42px; border: 1px solid var(--helm-line); border-radius: 999px;
  color: var(--helm-ink); background: var(--helm-surface); padding: 9px 13px; font-weight: 850; white-space: nowrap;
}
.helm-icon-button { width: 42px; padding: 0; }

.helm-card, .helm-empty, .helm-notice, .helm-routine-list, .helm-routine-editor,
.helm-quest-hero, .helm-toolbar, .helm-report-card {
  border: 1px solid var(--helm-line);
  border-radius: var(--helm-radius);
  background: var(--helm-surface);
  box-shadow: var(--helm-shadow);
}
.helm-card { padding: 22px; margin-bottom: 16px; }
.helm-card > h2:first-child { margin-top: 0; }
.helm-empty { padding: 30px; text-align: center; color: var(--helm-muted); }
.helm-empty strong { color: var(--helm-ink); font-size: 1.2rem; }
.helm-notice {
  display: flex; align-items: center; gap: 16px; padding: 15px 18px; margin: 0 0 16px;
  background: var(--helm-accent-soft); border-color: color-mix(in srgb, var(--helm-accent) 45%, var(--helm-line));
}
.helm-notice strong { flex: 0 0 auto; }
.helm-notice span { color: var(--helm-muted); line-height: 1.45; }
.helm-notice.warning { background: #fff4d7; border-color: #d9b652; color: #694e00; }
.helm-notice.success { background: var(--helm-done); border-color: #93bf8e; color: var(--helm-done-ink); }

.helm-section-head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 16px;
}
.helm-section-head h2, .helm-section-head p { margin: 0; }
.helm-section-head p { color: var(--helm-muted); margin-top: 4px; line-height: 1.45; }
.helm-inline-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.helm-section-head button, .helm-card button, .helm-toolbar button, .helm-sticky-actions button,
.helm-quest-card button, .helm-purchase-card button, .helm-catalogue-grid button, .helm-file-button {
  min-height: 42px; border: 0; border-radius: 11px; background: var(--helm-navy-2); color: white;
  padding: 9px 14px; font-weight: 850; cursor: pointer; text-decoration: none;
}
button.secondary { color: var(--helm-ink) !important; border: 1px solid var(--helm-line) !important; background: var(--helm-surface-2) !important; }
button.quiet, .helm-close-button { color: var(--helm-muted) !important; border: 1px solid var(--helm-line) !important; background: transparent !important; }
button.danger { color: #8a2420 !important; border: 1px solid #dfa6a2 !important; background: #fff3f2 !important; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--helm-accent) 75%, white); outline-offset: 2px;
}

.helm-help {
  display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%;
  background: var(--helm-accent-soft); color: var(--helm-ink); font-size: .72rem; font-weight: 950; cursor: help; position: relative;
}
.helm-help:hover::after, .helm-help:focus::after {
  content: attr(data-tip); position: absolute; z-index: 20; right: 0; top: 25px; width: min(300px, 70vw);
  padding: 10px 12px; border-radius: 10px; color: white; background: var(--helm-navy); box-shadow: var(--helm-shadow);
  font-weight: 650; line-height: 1.4;
}
.helm-help-text { color: var(--helm-muted); line-height: 1.5; }

.helm-routine-layout { display: grid; grid-template-columns: 315px minmax(0, 1fr); gap: 18px; align-items: start; }
.helm-routine-list { padding: 18px; position: sticky; top: 16px; }
.helm-routine-card {
  width: 100%; display: grid; grid-template-columns: 12px 1fr; gap: 12px; text-align: left;
  padding: 14px; margin-top: 9px; border: 1px solid transparent; border-radius: 13px; background: var(--helm-surface-2); color: var(--helm-ink);
}
.helm-routine-card.active { border-color: var(--helm-accent); background: var(--helm-accent-soft); }
.helm-routine-card span:last-child { display: grid; gap: 5px; min-width: 0; }
.helm-routine-card small { color: var(--helm-muted); line-height: 1.35; }
.helm-status-dot { width: 10px; height: 10px; margin-top: 5px; border-radius: 50%; background: #87949d; }
.helm-status-dot.active { background: #4fa35a; box-shadow: 0 0 0 4px #4fa35a1f; }
.helm-status-dot.trial { background: #c48c25; }
.helm-routine-editor { padding: 22px; min-width: 0; }
.helm-editor-title { display: flex; justify-content: space-between; gap: 16px; }
.helm-title-input {
  width: min(760px, 100%); border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--helm-ink);
  font-size: clamp(1.65rem, 3vw, 2.3rem); font-weight: 900; letter-spacing: -.035em; padding: 2px 0 5px;
}
.helm-title-input:focus { border-color: var(--helm-accent); outline: none; }
.helm-close-button { width: 40px; height: 40px; border-radius: 50% !important; padding: 0 !important; }
.helm-form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.helm-form-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 18px 0; }
.helm-form-grid.two { grid-template-columns: 1fr 1fr; }
.helm-form-grid label, .helm-card label, .helm-purchase-card label, .helm-catalogue-grid label {
  display: grid; gap: 6px; color: var(--helm-ink); font-weight: 800;
}
.helm-form-grid label span, .helm-card label span, .helm-purchase-card label span, .helm-catalogue-grid label span {
  font-size: .82rem; color: var(--helm-muted);
}
.helm-form-grid input, .helm-form-grid select, .helm-form-grid textarea,
.helm-card input, .helm-card select, .helm-card textarea,
.helm-purchase-card input, .helm-purchase-card select, .helm-catalogue-grid input, .helm-catalogue-grid select {
  width: 100%; min-height: 43px; border: 1px solid var(--helm-line); border-radius: 10px;
  color: var(--helm-ink); background: var(--helm-surface); padding: 9px 11px; font: inherit;
}
.helm-form-grid textarea { resize: vertical; min-height: 70px; line-height: 1.45; }
.helm-form-grid .wide { grid-column: span 2; }
.helm-form-grid .full { grid-column: 1 / -1; }
.helm-day-picker { display: flex; flex-wrap: wrap; gap: 7px; margin: 10px 0 16px; }
.helm-day-picker label { cursor: pointer; }
.helm-day-picker input { position: absolute; opacity: 0; }
.helm-day-picker span {
  display: grid; place-items: center; min-width: 52px; min-height: 40px; border: 1px solid var(--helm-line);
  border-radius: 10px; background: var(--helm-surface-2); font-weight: 850;
}
.helm-day-picker input:checked + span { color: white; background: var(--helm-navy-2); border-color: var(--helm-navy-2); }
.helm-variant-strip {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 12px 14px; margin-bottom: 20px;
  background: var(--helm-surface-2); border-radius: 12px;
}
.helm-variant-strip span { background: var(--helm-accent-soft); border-radius: 999px; padding: 5px 9px; font-size: .78rem; font-weight: 800; }
.helm-variant-strip small { width: 100%; color: var(--helm-muted); }
.helm-block-list { display: grid; gap: 10px; }
.helm-block-row {
  display: grid; grid-template-columns: 38px 100px 100px minmax(180px, 1.5fr) minmax(120px, .8fr) auto;
  align-items: start; gap: 9px; padding: 13px; border: 1px solid var(--helm-line); border-radius: 13px; background: var(--helm-surface-2);
}
.helm-block-grip {
  display: grid; place-items: center; width: 34px; height: 34px; margin-top: 22px;
  border-radius: 9px; color: var(--helm-muted); background: var(--helm-surface); font-weight: 900;
}
.helm-block-actions { display: grid; grid-template-columns: repeat(3, auto); gap: 5px; margin-top: 22px; }
.helm-block-actions button { min-height: 34px; border: 1px solid var(--helm-line); border-radius: 8px; background: var(--helm-surface); color: var(--helm-ink); padding: 5px 8px; }
.helm-block-row .full { grid-column: 2 / -1; }
.helm-sticky-actions {
  position: sticky; z-index: 5; bottom: 10px; display: flex; align-items: center; justify-content: flex-end; gap: 10px;
  margin-top: 18px; padding: 12px; border: 1px solid var(--helm-line); border-radius: 14px;
  background: color-mix(in srgb, var(--helm-surface) 92%, transparent); backdrop-filter: blur(12px); box-shadow: var(--helm-shadow);
}
.helm-sticky-actions > div, .helm-sticky-actions > span { margin-right: auto; color: var(--helm-muted); }
.helm-sticky-actions > div { display: grid; }

.helm-tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.helm-tabs button { min-height: 38px; border: 1px solid var(--helm-line); border-radius: 999px; background: var(--helm-surface); color: var(--helm-ink); padding: 7px 12px; font-weight: 800; }
.helm-tabs button.active { color: white; border-color: var(--helm-navy-2); background: var(--helm-navy-2); }
.helm-quest-hero {
  display: flex; justify-content: space-between; align-items: center; padding: 20px 22px; margin-bottom: 14px;
}
.helm-quest-hero h2 { margin: 0 0 10px; }
.helm-capacity { display: grid; grid-template-columns: repeat(auto-fit, minmax(18px, 1fr)); gap: 5px; width: min(420px, 70vw); }
.helm-capacity span { height: 9px; border-radius: 999px; background: var(--helm-line); }
.helm-capacity span.used { background: var(--helm-accent); }
.helm-capacity-form { display: flex; align-items: end; gap: 7px; }
.helm-capacity-form label { display: grid; gap: 4px; color: var(--helm-muted); font-size: .76rem; font-weight: 850; }
.helm-capacity-form input { width: 76px; min-height: 42px; border: 1px solid var(--helm-line); border-radius: 10px; padding: 8px; }
.helm-quest-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.helm-quest-card {
  border: 1px solid var(--helm-line); border-left: 5px solid var(--helm-accent); border-radius: var(--helm-radius);
  background: var(--helm-surface); padding: 20px; box-shadow: var(--helm-shadow);
}
.helm-quest-card.main { border-left-color: #586eb5; }
.helm-quest-card.epic { border-left-color: #854ca1; }
.helm-quest-card > header, .helm-achievement-card header, .helm-purchase-card header, .helm-report-card > header {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 12px;
}
.helm-quest-card > header > div, .helm-achievement-meta { display: flex; gap: 6px; flex-wrap: wrap; }
.helm-quest-card header span, .helm-achievement-meta span, .helm-rarity, .helm-priority {
  display: inline-flex; border-radius: 999px; background: var(--helm-surface-2); color: var(--helm-muted);
  padding: 5px 8px; font-size: .7rem; font-weight: 900; text-transform: uppercase; letter-spacing: .05em;
}
.helm-quest-card h2 { margin: 14px 0 8px; font-size: 1.35rem; }
.helm-hook { color: var(--helm-muted); line-height: 1.5; min-height: 66px; }
.helm-progress-line { height: 8px; border-radius: 999px; background: var(--helm-line); overflow: hidden; margin: 14px 0 7px; }
.helm-progress-line span { display: block; height: 100%; background: var(--helm-accent); }
.helm-quest-actions { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 14px; }
.helm-quest-detail { border-top: 1px solid var(--helm-line); margin-top: 16px; padding-top: 14px; }
.helm-quest-intel, .helm-quest-state-actions { display: flex; flex-wrap: wrap; gap: 7px; margin: 10px 0; }
.helm-quest-intel span { border-radius: 999px; background: var(--helm-surface-2); color: var(--helm-muted); padding: 5px 8px; font-size: .73rem; font-weight: 800; }
.helm-quest-state-actions { border-top: 1px solid var(--helm-line); padding-top: 12px; }
.helm-objective { border: 1px solid var(--helm-line); border-radius: 11px; padding: 11px; margin-top: 8px; }
.helm-objective.optional { border-style: dashed; }
.helm-objective.done { background: var(--helm-done); }
.helm-objective > button, .helm-objective li button { float: right; min-height: 30px; padding: 4px 8px; }
.helm-objective ul { clear: both; padding-left: 20px; }
.helm-objective li { padding: 5px 0; }
.helm-objective li.done { text-decoration: line-through; opacity: .75; }

.helm-achievement-summary, .helm-metric-row, .helm-report-metrics {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px;
}
.helm-achievement-summary article, .helm-metric-row article, .helm-report-metrics > div {
  display: grid; gap: 5px; padding: 16px; border: 1px solid var(--helm-line); border-radius: 14px;
  background: var(--helm-surface); box-shadow: var(--helm-shadow);
}
.helm-achievement-summary article > span, .helm-metric-row article > span, .helm-report-metrics span {
  color: var(--helm-muted); font-size: .74rem; font-weight: 900; text-transform: uppercase; letter-spacing: .06em;
}
.helm-achievement-summary strong, .helm-metric-row strong, .helm-report-metrics strong { font-size: 1.55rem; }
.helm-toolbar { display: flex; align-items: center; gap: 10px; padding: 12px; margin-bottom: 14px; }
.helm-toolbar > input { flex: 1; min-height: 42px; border: 1px solid var(--helm-line); border-radius: 10px; padding: 9px 11px; background: var(--helm-surface); }
.helm-achievement-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.helm-achievement-card {
  display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 12px; padding: 15px;
  border: 1px solid var(--helm-line); border-radius: 14px; background: var(--helm-surface); box-shadow: var(--helm-shadow);
}
.helm-achievement-card.locked { opacity: .72; }
.helm-achievement-card.disabled { filter: grayscale(.65); opacity: .55; }
.helm-achievement-card.archived { border-style: dashed; }
.helm-achievement-icon {
  display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px;
  color: white; background: #6f7d87; font-size: 1.3rem; font-weight: 950;
}
.helm-achievement-card.rare .helm-achievement-icon { background: #3478b7; }
.helm-achievement-card.epic .helm-achievement-icon { background: #8249a1; }
.helm-achievement-card.legendary .helm-achievement-icon { background: #b46c1a; }
.helm-achievement-card h3 { margin: 8px 0 5px; }
.helm-achievement-card p { color: var(--helm-muted); line-height: 1.45; margin-bottom: 8px; }
.helm-achievement-card details { grid-column: 1 / -1; border-top: 1px solid var(--helm-line); padding-top: 9px; }
.helm-achievement-card details ol { max-height: 160px; overflow: auto; padding-left: 22px; }
.helm-achievement-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.helm-achievement-actions button { min-height: 34px; padding: 5px 9px; }

.helm-insight-grid { display: grid; gap: 14px; }
.helm-insight-card {
  border: 1px solid var(--helm-line); border-left: 6px solid #6f8594; border-radius: var(--helm-radius);
  background: var(--helm-surface); padding: 22px; box-shadow: var(--helm-shadow);
}
.helm-insight-card.positive { border-left-color: #4b9360; }
.helm-insight-card.negative { border-left-color: #b14a45; }
.helm-insight-card > header { display: flex; justify-content: space-between; gap: 12px; text-transform: uppercase; font-size: .76rem; letter-spacing: .06em; }
.helm-insight-card h2 { margin: 12px 0 6px; }
.helm-insight-card > p { color: var(--helm-muted); line-height: 1.55; }
.helm-insight-measures { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 14px 0; }
.helm-insight-measures div { display: grid; gap: 3px; padding: 12px; border-radius: 11px; background: var(--helm-surface-2); }
.helm-insight-measures span { color: var(--helm-muted); font-size: .75rem; }
.helm-insight-card details, .helm-card details { margin: 12px 0; padding: 11px 13px; border-radius: 10px; background: var(--helm-surface-2); }
.helm-insight-card summary, .helm-card summary { cursor: pointer; font-weight: 850; }

.helm-report-create { grid-template-columns: 1fr 1fr auto; align-items: end; }
.helm-report-list { display: grid; gap: 14px; }
.helm-report-card { padding: 22px; }
.helm-report-card h2 { margin: 5px 0; }
.helm-lock { border-radius: 999px; background: var(--helm-surface-2); color: var(--helm-muted); padding: 6px 10px; font-size: .75rem; font-weight: 900; }
.helm-report-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 16px 0; }
.helm-report-metrics > div { box-shadow: none; }
.helm-bars { display: grid; gap: 8px; }
.helm-bars > div { display: grid; grid-template-columns: 80px minmax(0, 1fr) 36px; align-items: center; gap: 10px; }
.helm-bars i { display: block; height: 12px; border-radius: 999px; background: var(--helm-surface-2); overflow: hidden; }
.helm-bars b { display: block; height: 100%; min-width: 2px; background: #8797a2; }
.helm-bars b.done { background: #67a668; }.helm-bars b.half { background: #d6b348; }
.helm-bars b.missed { background: #c7615b; }.helm-bars b.unlogged { background: #8a98a2; }

.helm-preview { border: 1px solid var(--helm-accent); border-radius: 13px; padding: 16px; margin-top: 14px; background: var(--helm-accent-soft); }
.helm-preview > strong, .helm-preview > span { display: block; }
.helm-preview-sample { display: grid; gap: 5px; margin: 12px 0; }
.helm-preview-sample p { display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 7px 9px; border-radius: 8px; background: var(--helm-surface); }
.helm-file-button { position: relative; overflow: hidden; display: inline-flex; align-items: center; }
.helm-file-button input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.helm-table-wrap { max-width: 100%; overflow: auto; border: 1px solid var(--helm-line); border-radius: 12px; }
.helm-table-wrap table { width: 100%; border-collapse: collapse; min-width: 700px; }
.helm-table-wrap th, .helm-table-wrap td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--helm-line); vertical-align: top; }
.helm-table-wrap th { position: sticky; top: 0; background: var(--helm-surface-2); font-size: .76rem; text-transform: uppercase; letter-spacing: .05em; }
.helm-table-wrap td small { display: block; color: var(--helm-muted); margin-top: 4px; line-height: 1.35; }
.helm-fcc-table { max-height: 68vh; }
.helm-fcc-table td:first-child { min-width: 220px; }

.helm-purchase-grid, .helm-catalogue-grid, .helm-import-grid, .helm-theme-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px;
}
.helm-purchase-card, .helm-catalogue-grid > article, .helm-import-card, .helm-theme-card {
  border: 1px solid var(--helm-line); border-radius: var(--helm-radius); background: var(--helm-surface); padding: 18px; box-shadow: var(--helm-shadow);
}
.helm-purchase-card h2, .helm-import-card h2 { margin: 12px 0 7px; font-size: 1.25rem; }
.helm-purchase-card > p, .helm-import-card > p { color: var(--helm-muted); line-height: 1.45; }
.helm-purchase-card dl, .helm-import-card dl { display: grid; grid-template-columns: 85px 1fr; gap: 7px 10px; margin: 14px 0; font-size: .86rem; }
.helm-purchase-card dt, .helm-import-card dt { color: var(--helm-muted); font-weight: 800; }
.helm-purchase-card dd, .helm-import-card dd { margin: 0; line-height: 1.4; overflow-wrap: anywhere; }
.helm-purchase-card footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 14px; }
.helm-purchase-card footer a { color: var(--helm-navy-2); font-weight: 800; }
.helm-priority.p0 { color: #7d251f; background: #f9e2df; }.helm-priority.p1 { color: #715700; background: #fff2c9; }
.helm-catalogue-grid > article { display: flex; flex-direction: column; gap: 10px; }
.helm-catalogue-grid h3, .helm-catalogue-grid p { margin: 0; }
.helm-catalogue-grid p { color: var(--helm-muted); line-height: 1.45; flex: 1; }
.helm-import-card > span { color: var(--helm-muted); font-size: .76rem; font-weight: 900; text-transform: uppercase; }
.helm-import-card button { min-height: 42px; border: 0; border-radius: 10px; color: white; background: var(--helm-navy-2); padding: 9px 13px; font-weight: 850; }
.helm-definition-list { display: grid; grid-template-columns: 120px 1fr; gap: 9px 14px; }
.helm-definition-list dt { color: var(--helm-muted); font-weight: 850; }
.helm-definition-list dd { margin: 0; }

.helm-theme-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.helm-theme-card { display: grid !important; gap: 9px !important; cursor: pointer; }
.helm-theme-card > input { position: absolute; opacity: 0; pointer-events: none; }
.helm-theme-card.active, .helm-theme-card:has(input:checked) { border-color: var(--helm-accent); box-shadow: 0 0 0 3px var(--helm-accent-soft); }
.helm-theme-card strong { font-size: 1.08rem; }
.helm-theme-card small { color: var(--helm-muted); line-height: 1.4; }
.helm-theme-swatches { display: grid; grid-template-columns: repeat(4, 1fr); height: 34px; border-radius: 9px; overflow: hidden; }
.helm-theme-swatches i { display: block; }
.helm-check { grid-template-columns: auto 1fr; align-items: center; }
.helm-check input { width: 20px !important; min-height: 20px !important; }
.helm-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.helm-sound-studio { overflow: hidden; }
.helm-sound-event-tools { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(200px, 1fr); align-items: end; gap: 14px; margin: 15px 0; padding: 14px; border-radius: 13px; background: var(--helm-surface-2); }
.helm-sound-event-tools p { margin: 0; color: var(--helm-muted); }
.helm-sound-library { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.helm-sound-card { display: flex; min-width: 0; min-height: 142px; flex-direction: column; justify-content: space-between; gap: 13px; padding: 14px; border: 1px solid var(--helm-line); border-radius: 13px; background: var(--helm-surface); transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease; }
.helm-sound-card.active { border-color: var(--helm-accent); box-shadow: inset 0 0 0 2px var(--helm-accent-soft); }
.helm-sound-card > div:first-child { display: grid; grid-template-columns: auto 1fr; gap: 4px 8px; }
.helm-sound-card > div:first-child > span { grid-row: 1 / span 2; display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: var(--helm-surface-2); color: var(--helm-muted); font-size: .72rem; font-weight: 900; }
.helm-sound-card strong { align-self: center; }
.helm-sound-card small { grid-column: 2; color: var(--helm-muted); line-height: 1.35; }
.helm-sound-card > div:last-child { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.helm-sound-card button { min-height: 42px; padding: 8px 9px; }

@media (max-width: 1180px) {
  #posrc-root[data-route^="helm-"] { padding: 22px 20px 100px; }
  .helm-routine-layout { grid-template-columns: 250px minmax(0, 1fr); }
  .helm-block-row { grid-template-columns: 34px 92px 92px minmax(180px, 1fr); }
  .helm-block-row > label:nth-of-type(4) { grid-column: 2 / span 2; }
  .helm-block-actions { grid-column: 4; grid-row: 2; margin-top: 0; justify-content: end; }
  .helm-block-row .full { grid-column: 2 / -1; }
  .helm-achievement-grid, .helm-purchase-grid, .helm-catalogue-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .helm-form-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .helm-sound-library { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  #posrc-root[data-route="more"] {
    width: 100%;
    padding: 14px 12px calc(92px + env(safe-area-inset-bottom));
    background:
      radial-gradient(circle at 92% 2%, color-mix(in srgb, var(--helm-accent) 24%, transparent), transparent 17rem),
      linear-gradient(180deg, color-mix(in srgb, var(--helm-bg) 84%, var(--helm-navy)), var(--helm-bg) 24rem);
  }
  #posrc-root[data-route="more"] > :not(.posrc-mobile-launcher) { display: none !important; }
  .posrc-mobile-launcher { display: block; max-width: 620px; margin: 0 auto; }
  .posrc-mobile-launcher > header {
    margin: 0 2px 18px;
    color: var(--helm-ink);
  }
  .posrc-mobile-launcher > header .eyebrow { margin-bottom: 3px; color: var(--helm-muted); }
  .posrc-mobile-launcher > header h1 { margin: 0; font-size: 2rem; letter-spacing: -.045em; }
  .posrc-mobile-launcher > header p:last-child { margin: 4px 0 0; color: var(--helm-muted); }
  .posrc-launch-search {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    min-height: 52px;
    margin: 0 0 18px;
    padding: 0 11px;
    border: 1px solid color-mix(in srgb, var(--helm-line) 84%, var(--helm-accent));
    border-radius: 17px;
    background: color-mix(in srgb, var(--helm-surface) 95%, var(--helm-accent));
    color: var(--helm-muted);
    box-shadow: 0 8px 22px color-mix(in srgb, var(--helm-navy) 9%, transparent);
  }
  .posrc-launch-search:focus-within {
    border-color: var(--helm-accent);
    box-shadow: 0 0 0 3px var(--helm-accent-soft), 0 10px 24px color-mix(in srgb, var(--helm-navy) 10%, transparent);
  }
  .posrc-launch-search > span[aria-hidden] { font-size: 1.45rem; font-weight: 900; text-align: center; }
  .posrc-launch-search input {
    width: 100%;
    min-height: 50px !important;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    color: var(--helm-ink);
    box-shadow: none !important;
    font-size: 16px;
  }
  .posrc-launch-search input::placeholder { color: color-mix(in srgb, var(--helm-muted) 82%, transparent); }
  .posrc-launch-results { display: grid; gap: 8px; margin: -6px 0 20px; }
  .posrc-launch-results[hidden] { display: none !important; }
  .posrc-launch-results__count { margin: 0 3px 3px; color: var(--helm-muted); font-size: .75rem; font-weight: 900; }
  .posrc-launch-results > div { display: grid; gap: 7px; }
  .posrc-launch-result {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: 58px;
    padding: 9px 13px;
    border: 1px solid var(--helm-line) !important;
    border-radius: 14px !important;
    background: var(--helm-surface) !important;
    color: var(--helm-ink) !important;
    text-align: left;
    box-shadow: 0 5px 15px color-mix(in srgb, var(--helm-navy) 7%, transparent) !important;
  }
  .posrc-launch-result:active { transform: scale(.98); }
  .posrc-launch-result > span:first-child { display: grid; gap: 2px; min-width: 0; }
  .posrc-launch-result strong { font-size: .92rem; }
  .posrc-launch-result small { color: var(--helm-muted); font-size: .74rem; }
  .posrc-launch-result > span:last-child { color: var(--helm-accent); font-size: 1.65rem; }
  .posrc-launch-no-results { justify-items: center; gap: 4px !important; padding: 28px 16px; border: 1px dashed var(--helm-line); border-radius: 16px; color: var(--helm-muted); text-align: center; }
  .posrc-launch-no-results strong { color: var(--helm-ink); }
  .posrc-launch-group { margin: 0 0 20px; }
  .posrc-launch-group > h2 {
    margin: 0 4px 9px;
    color: var(--helm-muted);
    font-size: .73rem;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
  }
  .posrc-launch-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
  .posrc-launch-tile {
    position: relative;
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 8px;
    min-width: 0;
    min-height: 108px;
    padding: 12px 6px 9px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--helm-line) 88%, var(--helm-bronze)) !important;
    border-radius: 16px !important;
    background: color-mix(in srgb, var(--helm-surface) 94%, var(--helm-accent)) !important;
    color: var(--helm-ink) !important;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--helm-navy) 11%, transparent) !important;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    transition: transform 100ms ease, border-color 150ms ease, box-shadow 150ms ease;
  }
  .posrc-launch-tile:active { transform: scale(.955); box-shadow: 0 3px 9px color-mix(in srgb, var(--helm-navy) 13%, transparent) !important; }
  .posrc-launch-tile strong {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-size: .73rem;
    line-height: 1.15;
    letter-spacing: -.01em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .posrc-launch-icon {
    position: relative;
    display: grid;
    place-items: center;
    width: 55px;
    height: 55px;
    border: 2px solid color-mix(in srgb, var(--helm-bronze) 72%, #f4d49a);
    border-radius: 17px;
    background:
      radial-gradient(circle at 32% 25%, color-mix(in srgb, var(--helm-accent) 58%, white), transparent 35%),
      linear-gradient(145deg, var(--helm-navy-2), var(--helm-navy));
    color: color-mix(in srgb, var(--helm-accent) 58%, white);
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--helm-navy) 72%, transparent), 0 5px 11px rgba(8,21,33,.2);
  }
  .posrc-launch-icon svg {
    width: 30px;
    height: 30px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .posrc-launch-icon::after {
    content: "⚓";
    position: absolute;
    right: -5px;
    bottom: -5px;
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border: 1px solid color-mix(in srgb, var(--helm-bronze) 75%, white);
    border-radius: 50%;
    background: var(--helm-navy);
    color: color-mix(in srgb, var(--helm-bronze) 62%, white);
    font-size: .68rem;
    line-height: 1;
  }
  :root[data-helm-theme="warcraft"] .posrc-launch-icon { border-radius: 8px; background: linear-gradient(145deg,#6b4828,#21150e); color:#f2c96f; box-shadow: inset 0 0 0 3px #382313,0 5px 12px #2b160c55; }
  :root[data-helm-theme="warcraft"] .posrc-launch-icon::after { content:"⚒"; background:#421b17; color:#f1c36a; }
  :root[data-helm-theme="halo"] .posrc-launch-icon { clip-path: polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%); border-radius:0; border-color:#80ebf4; background:linear-gradient(145deg,#173f48,#061419); color:#8ef4f5; }
  :root[data-helm-theme="halo"] .posrc-launch-icon::after { content:"◇"; background:#071b21; color:#8ef4f5; }
  :root[data-helm-theme="jet_set_radio"] .posrc-launch-tile:nth-child(3n+1) { transform:rotate(-1deg); }
  :root[data-helm-theme="jet_set_radio"] .posrc-launch-tile:nth-child(3n) { transform:rotate(1deg); }
  :root[data-helm-theme="jet_set_radio"] .posrc-launch-icon { border:3px solid #17151d; border-radius:10px 19px 8px 17px; background:linear-gradient(145deg,#ff713c 0 48%,#8dc71f 49% 72%,#17151d 73%); color:#fff; box-shadow:4px 4px 0 #17151d; }
  :root[data-helm-theme="jet_set_radio"] .posrc-launch-icon::after { content:"✦"; background:#e8398f; color:#fff; border-color:#17151d; }
  :root[data-helm-theme="mario"] .posrc-launch-icon { border-color:#fff; border-radius:50%; background:linear-gradient(145deg,#ed3d33,#235eae); color:#fff; box-shadow:0 5px 0 #173a6f; }
  :root[data-helm-theme="mario"] .posrc-launch-icon::after { content:"★"; background:#f4ca35; color:#8c5310; border-color:#fff; }
  :root[data-helm-theme="lord_of_the_rings"] .posrc-launch-icon { border-color:#ad823d; border-radius:50% 50% 44% 44%; background:radial-gradient(circle,#56684c,#273428); color:#f0d79a; box-shadow:inset 0 0 0 3px #273428,0 0 0 1px #6d2635; }
  :root[data-helm-theme="lord_of_the_rings"] .posrc-launch-icon::after { content:"ᚱ"; background:#fff1cc; color:#3f5944; border-color:#ad823d; }
  :root[data-helm-theme="zelda"] .posrc-launch-icon { transform:rotate(2deg); border-radius:8px 20px 8px 20px; border-color:#d4a52d; background:linear-gradient(145deg,#2d654e,#183c31); color:#f8df7a; }
  :root[data-helm-theme="zelda"] .posrc-launch-icon::after { content:"△"; background:#64b9ce; color:#183c31; border-color:#f8df7a; }
  :root[data-helm-theme="christian"] .posrc-launch-icon { border-color:#c4a052; border-radius:20px 20px 10px 10px; background:linear-gradient(135deg,#1c315b 0 46%,#a23d55 47% 63%,#314b78 64%); color:#fff4cf; box-shadow:inset 0 0 0 2px #fffaf066,0 5px 11px #1c315b33; }
  :root[data-helm-theme="christian"] .posrc-launch-icon::after { content:"✠"; background:#fffaf0; color:#a23d55; border-color:#c4a052; }
  :root[data-helm-theme="age_of_empires"] .posrc-launch-icon { border-radius:6px; border-color:#b88a3d; background:linear-gradient(145deg,#705338,#2e2117); color:#f1d59d; box-shadow:inset 0 0 0 3px #3a2a1c,0 5px 0 #224c72; }
  :root[data-helm-theme="age_of_empires"] .posrc-launch-icon::after { content:"♜"; background:#224c72; color:#fff5dc; border-color:#b88a3d; }
  :root[data-helm-theme="fallout"] .posrc-launch-icon { border-radius:3px; border-color:#75ff55; background:#061009; color:#a8ff72; box-shadow:inset 0 0 13px #75ff5538,0 0 10px #75ff5530; }
  :root[data-helm-theme="fallout"] .posrc-launch-icon::after { content:"☢"; background:#0b2410; color:#d8b24c; border-color:#75ff55; }
  :root[data-helm-theme="warcraft"] .bottom-nav .posrc-more-button::before { content:"⚒"; }
  :root[data-helm-theme="halo"] .bottom-nav .posrc-more-button::before { content:"◇"; }
  :root[data-helm-theme="jet_set_radio"] .bottom-nav .posrc-more-button::before { content:"✦"; }
  :root[data-helm-theme="mario"] .bottom-nav .posrc-more-button::before { content:"★"; }
  :root[data-helm-theme="lord_of_the_rings"] .bottom-nav .posrc-more-button::before { content:"ᚱ"; }
  :root[data-helm-theme="zelda"] .bottom-nav .posrc-more-button::before { content:"△"; }
  :root[data-helm-theme="christian"] .bottom-nav .posrc-more-button::before { content:"✠"; }
  :root[data-helm-theme="age_of_empires"] .bottom-nav .posrc-more-button::before { content:"♜"; }
  :root[data-helm-theme="fallout"] .bottom-nav .posrc-more-button::before { content:"☢"; }
  #posrc-root[data-route^="helm-"] { padding: 12px 12px calc(92px + env(safe-area-inset-bottom)); }
  .helm-page-head { padding: 19px 17px; margin-bottom: 12px; }
  .helm-page-head h1 { font-size: 1.85rem; }
  .helm-page-head p:not(.eyebrow) { font-size: .88rem; }
  .helm-head-actions .helm-chip { display: none; }
  .helm-routine-layout { grid-template-columns: 1fr; }
  .helm-routine-list { position: static; padding: 14px; overflow: auto; }
  .helm-routine-list .helm-section-head { position: sticky; left: 0; }
  .helm-routine-card { display: inline-grid; width: min(280px, 82vw); vertical-align: top; margin-right: 7px; }
  .helm-routine-editor { padding: 15px; }
  .helm-form-grid, .helm-form-grid.four, .helm-form-grid.two, .helm-report-create { grid-template-columns: 1fr; }
  .helm-block-row { grid-template-columns: 30px 1fr 1fr; padding: 10px; }
  .helm-block-grip { grid-row: 1 / span 2; margin-top: 20px; }
  .helm-block-row > label:nth-of-type(3), .helm-block-row > label:nth-of-type(4), .helm-block-row .full { grid-column: 2 / -1; }
  .helm-block-actions { grid-column: 2 / -1; grid-row: auto; justify-content: stretch; grid-template-columns: repeat(3, 1fr); }
  .helm-sticky-actions { bottom: calc(69px + env(safe-area-inset-bottom)); flex-wrap: wrap; }
  .helm-sticky-actions > div, .helm-sticky-actions > span { width: 100%; margin: 0; }
  .helm-sticky-actions button { flex: 1; }
  .helm-quest-grid, .helm-achievement-grid, .helm-purchase-grid, .helm-catalogue-grid, .helm-import-grid, .helm-theme-grid, .helm-two-col { grid-template-columns: 1fr; }
  .helm-sound-event-tools { grid-template-columns: 1fr; align-items: stretch; }
  .helm-sound-library { display: flex; margin-inline: -15px; padding: 2px 15px 10px; overflow-x: auto; scroll-snap-type: x proximity; overscroll-behavior-inline: contain; }
  .helm-sound-card { width: min(285px, 82vw); flex: 0 0 min(285px, 82vw); scroll-snap-align: center; }
  .helm-achievement-summary, .helm-metric-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .helm-achievement-summary article:first-child { grid-column: 1 / -1; }
  .helm-toolbar { align-items: stretch; flex-direction: column; }
  .helm-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 2px; }
  .helm-tabs button { white-space: nowrap; }
  .helm-insight-measures, .helm-report-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .helm-quest-hero { align-items: stretch; flex-direction: column; }
  .helm-preview-sample p { flex-direction: column; }
  .helm-notice { align-items: flex-start; flex-direction: column; gap: 5px; }
}

@media (max-width: 420px) {
  .helm-achievement-summary, .helm-metric-row, .helm-insight-measures { grid-template-columns: 1fr; }
  .helm-block-row { grid-template-columns: 1fr 1fr; }
  .helm-block-grip { display: none; }
  .helm-block-row > label:nth-of-type(3), .helm-block-row > label:nth-of-type(4), .helm-block-row .full, .helm-block-actions { grid-column: 1 / -1; }
  .helm-page-head { border-radius: 15px; }
}