#like-io-game-hub.has-duo-v6 .likeio-section-nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
  padding: 6px;
}

#like-io-game-hub.has-duo-v6 .likeio-section-nav > .tab {
  width: 100%;
  min-width: 0;
  justify-content: flex-start;
}

.likeio-duo-tab { position: relative; }
.likeio-duo-tab-count {
  display: grid;
  place-items: center;
  min-width: 21px;
  height: 21px;
  margin-left: auto;
  padding: 0 6px;
  border-radius: 10px;
  color: #071117;
  background: #ffb21c;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}
.likeio-duo-tab-count[hidden] { display: none; }

.likeio-duo-mark {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 30px;
  flex: 0 0 38px;
}
.likeio-duo-mark::before,
.likeio-duo-mark::after {
  content: '';
  position: absolute;
  top: 5px;
  width: 20px;
  height: 20px;
  border: 2px solid currentColor;
  border-radius: 50%;
  background: #0b1620;
  box-shadow: 0 0 12px color-mix(in srgb, currentColor 46%, transparent);
}
.likeio-duo-mark::before { left: 1px; color: #26d9f2; }
.likeio-duo-mark::after { right: 1px; color: #ffb21c; }

.likeio-duo-panel {
  display: block;
  width: 100%;
  padding: 0;
  color: #eef7fb;
}
.likeio-duo-panel[hidden] { display: none !important; }
.likeio-duo-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 90px;
  padding: 18px 2px;
  border-bottom: 1px solid #263947;
}
.likeio-duo-title { display: flex; align-items: center; gap: 14px; min-width: 0; }
.likeio-duo-title h2 { margin: 1px 0 3px; font-size: clamp(22px, 2vw, 30px); line-height: 1.05; letter-spacing: 0; }
.likeio-duo-title p:last-child { margin: 0; color: #9fb1be; font-size: 13px; }
.likeio-duo-heading-mark {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  border: 1px solid #315365;
  border-radius: 8px;
  background: #0b1720;
}
.likeio-duo-heading .eyebrow,
.likeio-duo-section .eyebrow,
.likeio-duo-roster .eyebrow,
.likeio-duo-empty .eyebrow,
.likeio-duo-gate .eyebrow,
.likeio-duo-benefits .eyebrow { margin: 0; color: #59def2; font-size: 10px; font-weight: 900; letter-spacing: 0; }
.likeio-duo-refresh { width: 38px; min-height: 38px; padding: 0; font-size: 19px; }

.likeio-duo-feedback {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid #315365;
  border-radius: 6px;
  color: #cbe8f1;
  background: #0d1a23;
  font-size: 13px;
}
.likeio-duo-feedback[data-kind='success'] { border-color: #247853; color: #8ff0bd; }
.likeio-duo-feedback[data-kind='error'] { border-color: #914256; color: #ffacbc; }
.likeio-duo-content { display: grid; gap: 16px; padding: 16px 0 4px; }
.likeio-duo-panel.is-loading .likeio-duo-content { opacity: .62; pointer-events: none; }

.likeio-duo-roster,
.likeio-duo-section,
.likeio-duo-empty,
.likeio-duo-gate,
.likeio-duo-error {
  overflow: hidden;
  border: 1px solid #263b49;
  border-radius: 8px;
  background: #0a151e;
}
.likeio-duo-roster { border-top-color: var(--squad-color); }
.likeio-duo-roster > header,
.likeio-duo-section > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px;
  border-bottom: 1px solid #233641;
  background: #0d1a24;
}
.likeio-duo-roster > header > div { display: flex; align-items: center; gap: 13px; min-width: 0; }
.likeio-duo-roster > header h3,
.likeio-duo-section > header h3 { margin: 2px 0 4px; font-size: 18px; line-height: 1.15; letter-spacing: 0; }
.likeio-duo-roster > header p:last-child,
.likeio-duo-section > header p:last-child { margin: 0; color: #93a8b5; font-size: 12px; }
.likeio-duo-roster > header > i {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  margin-top: 5px;
  border: 2px solid #e5f6fa;
  border-radius: 50%;
  background: var(--squad-color);
  box-shadow: 0 0 12px var(--squad-color);
}
.likeio-duo-section > header > span {
  flex: 0 0 auto;
  padding: 5px 8px;
  border: 1px solid #345063;
  border-radius: 5px;
  color: #c7dce5;
  background: #101f2a;
  font-size: 11px;
  font-weight: 800;
}

.likeio-duo-members { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.likeio-duo-member,
.likeio-duo-open-slot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 86px;
  padding: 15px 18px;
  border-bottom: 1px solid #22343f;
}
.likeio-duo-member + .likeio-duo-member,
.likeio-duo-open-slot { border-left: 1px solid #22343f; }
.likeio-duo-member-main,
.likeio-duo-invite-main { display: flex; align-items: center; gap: 12px; min-width: 0; }
.likeio-duo-member-main > span:last-child,
.likeio-duo-invite-main > span:last-child { display: grid; min-width: 0; }
.likeio-duo-member small,
.likeio-duo-invite small { color: var(--squad-color, #59def2); font-size: 9px; font-weight: 900; }
.likeio-duo-member strong,
.likeio-duo-invite strong { overflow: hidden; color: #f7fbfd; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.likeio-duo-member b,
.likeio-duo-invite b { overflow: hidden; color: #8499a7; font-size: 11px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.likeio-duo-avatar {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  overflow: hidden;
  border: 2px solid var(--squad-color, #315365);
  border-radius: 50%;
  color: #dff7fb;
  background: #142631;
  font-size: 12px;
  font-weight: 900;
}
.likeio-duo-avatar img { width: 100%; height: 100%; object-fit: cover; }
.likeio-duo-member-state,
.likeio-duo-live-state { display: inline-flex; align-items: center; gap: 6px; color: #8ff0bd; font-size: 10px; font-weight: 800; white-space: nowrap; }
.likeio-duo-member-state i,
.likeio-duo-live-state i,
.likeio-duo-roster > footer > span i { width: 7px; height: 7px; border-radius: 50%; background: #31e981; box-shadow: 0 0 8px #31e981; }
.likeio-duo-open-slot { justify-content: center; color: #6f8491; border-style: dashed; }
.likeio-duo-open-slot span { font-size: 24px; }
.likeio-duo-open-slot strong { font-size: 13px; }
.likeio-duo-roster > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 18px;
  background: #0d1a24;
}
.likeio-duo-roster > footer > span { display: inline-flex; align-items: center; gap: 7px; color: #a8bbc5; font-size: 11px; font-weight: 800; }
.likeio-duo-timing { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 9px 18px; border-bottom: 1px solid #22343f; color: #a7bac5; background: #09131a; font-size: 11px; }
.likeio-duo-timing span { display: inline-flex; gap: 4px; }
.likeio-duo-timing b { color: #f5cf70; }

.likeio-duo-mode { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 14px; }
.likeio-duo-mode > button {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 3px 12px;
  min-height: 82px;
  padding: 13px;
  border: 1px solid #2b414f;
  border-radius: 7px;
  color: #dce9ee;
  background: #0d1a23;
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}
.likeio-duo-mode > button:hover { transform: translateY(-1px); border-color: #4f778a; }
.likeio-duo-mode > button.is-active { border-color: #26d9f2; background: #10232d; box-shadow: inset 3px 0 #26d9f2; }
.likeio-duo-mode > button strong { align-self: end; font-size: 14px; }
.likeio-duo-mode > button small { align-self: start; color: #8ca1ae; font-size: 11px; line-height: 1.35; }
.likeio-duo-mode-icon { position: relative; grid-row: 1 / 3; width: 52px; height: 42px; }
.likeio-duo-mode-icon i { position: absolute; top: 8px; width: 28px; height: 28px; border: 2px solid #26d9f2; border-radius: 50%; background: #0a151e; }
.likeio-duo-mode-icon i:first-child { left: 1px; }
.likeio-duo-mode-icon i:last-child { right: 1px; border-color: #ffb21c; }
.likeio-duo-mode-icon.is-fusion i:first-child { left: 9px; }
.likeio-duo-mode-icon.is-fusion i:last-child { right: 9px; }

.likeio-duo-tree-section { --branch-accent: #26d9f2; }
.likeio-duo-tree-section > header { border-top: 2px solid var(--branch-accent); }
.likeio-duo-power-summary {
  display: grid;
  grid-template-columns: minmax(180px, .75fr) minmax(220px, 1.4fr) minmax(280px, 1fr);
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
  border-bottom: 1px solid #223640;
  background: #09141c;
}
.likeio-duo-power-summary > span { display: grid; gap: 2px; }
.likeio-duo-power-summary small { color: #8297a4; font-size: 9px; font-weight: 900; }
.likeio-duo-power-summary strong { color: #f7fbfd; font-size: 22px; line-height: 1; }
.likeio-duo-power-summary > div,
.likeio-duo-node-progress { height: 7px; overflow: hidden; border-radius: 3px; background: #182a35; }
.likeio-duo-power-summary > div i,
.likeio-duo-node-progress i { display: block; width: var(--duo-tree-progress, var(--node-progress, 0%)); height: 100%; background: var(--branch-accent); box-shadow: 0 0 10px color-mix(in srgb, var(--branch-accent) 70%, transparent); }
.likeio-duo-power-summary ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; margin: 0; padding: 0; list-style: none; }
.likeio-duo-power-summary li { display: grid; gap: 2px; min-width: 0; color: #8196a3; font-size: 9px; text-align: right; }
.likeio-duo-power-summary li b { overflow: hidden; color: #d9e9ee; font-size: 11px; text-overflow: ellipsis; }
.likeio-duo-tree-notice { display: flex; align-items: center; gap: 12px; padding: 10px 18px; border-bottom: 1px solid #223640; color: #9bafba; background: #0d1b24; font-size: 11px; }
.likeio-duo-tree-notice strong { flex: 0 0 auto; padding: 4px 7px; border: 1px solid #b17b18; border-radius: 4px; color: #ffd36e; background: #251b09; font-size: 9px; text-transform: uppercase; }
.likeio-duo-branches { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 14px; }
.likeio-duo-branch { display: grid; grid-template-columns: 48px minmax(0, 1fr); grid-template-rows: 1fr auto; gap: 10px 12px; min-width: 0; min-height: 188px; padding: 14px; border: 1px solid #2b414e; border-top: 2px solid var(--branch-accent); border-radius: 7px; background: #0c1922; }
.likeio-duo-branch-code { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--branch-accent); border-radius: 6px; color: var(--branch-accent); background: #09141c; font-size: 12px; font-weight: 900; }
.likeio-duo-branch > div { min-width: 0; }
.likeio-duo-branch h4 { margin: 0 0 4px; color: #f3f8fa; font-size: 16px; }
.likeio-duo-branch p { margin: 0 0 6px; color: #9bb0bb; font-size: 11px; line-height: 1.45; }
.likeio-duo-branch small { color: #d2a954; font-size: 10px; line-height: 1.35; }
.likeio-duo-branch > .btn,
.likeio-duo-branch-lock { grid-column: 1 / -1; align-self: end; width: 100%; }
.likeio-duo-branch > .btn { border-color: var(--branch-accent); color: #eef9fb; background: color-mix(in srgb, var(--branch-accent) 22%, #0c1922); }
.likeio-duo-branch-lock { padding: 8px; color: #8196a3; font-size: 10px; text-align: center; }
.likeio-duo-tree-wallet { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; padding: 10px 18px; border-bottom: 1px solid #223640; color: #91a6b1; background: #08131a; font-size: 10px; }
.likeio-duo-tree-wallet span:last-child { margin-left: auto; color: #d5b965; }
.likeio-duo-tree-wallet b { color: #f0f7f9; }
.likeio-duo-skill-path { display: grid; padding: 0 14px 14px; counter-reset: duo-node; }
.likeio-duo-skill-node {
  position: relative;
  display: grid;
  grid-template-columns: 44px minmax(220px, 1fr) minmax(250px, .8fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 112px;
  padding: 13px;
  border: 1px solid #263b48;
  border-top: 0;
  background: #0b1821;
}
.likeio-duo-skill-node:first-child { border-top: 1px solid #263b48; border-radius: 7px 7px 0 0; }
.likeio-duo-skill-node:last-child { border-radius: 0 0 7px 7px; }
.likeio-duo-skill-node.is-marked { z-index: 1; border-color: #ffb21c; background: #171b1d; box-shadow: inset 3px 0 #ffb21c; }
.likeio-duo-skill-node.is-complete { background: #0b1d19; }
.likeio-duo-skill-node.is-locked { opacity: .58; }
.likeio-duo-node-index { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--branch-accent); border-radius: 50%; color: var(--branch-accent); background: #071219; font-size: 11px; font-weight: 900; }
.likeio-duo-node-copy { display: grid; gap: 7px; min-width: 0; }
.likeio-duo-node-copy > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.likeio-duo-node-copy h4 { margin: 0; color: #f0f7f9; font-size: 14px; }
.likeio-duo-node-copy b { flex: 0 0 auto; color: var(--branch-accent); font-size: 10px; }
.likeio-duo-node-copy p { margin: 0; color: #8fa5b0; font-size: 10px; line-height: 1.4; }
.likeio-duo-node-next { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; padding-left: 12px; border-left: 1px solid #29404d; }
.likeio-duo-node-next > span { display: grid; gap: 2px; min-width: 0; }
.likeio-duo-node-next small { color: #718895; font-size: 8px; font-weight: 900; }
.likeio-duo-node-next b { color: #eef6f8; font-size: 11px; }
.likeio-duo-node-next em { color: #d3ad52; font-size: 9px; font-style: normal; }
.likeio-duo-skill-actions { display: grid; justify-items: stretch; gap: 5px; width: 152px; flex: 0 0 152px; }
.likeio-duo-skill-actions .btn { width: 100%; min-height: 30px; height: auto; padding-block: 5px; white-space: normal; }
.likeio-duo-skill-actions .is-marked { border-color: #ffb21c; color: #ffd575; background: #271c09; }
.likeio-duo-marked-label,
.likeio-duo-skill-state { color: #d5b965; font-size: 9px; text-align: center; }

.likeio-duo-build-section form { padding: 14px; }
.likeio-duo-build-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.likeio-duo-build-slot {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 9px;
  border: 1px solid #273c49;
  border-radius: 6px;
  background: #0d1a23;
}
.likeio-duo-build-slot > span:last-child { display: grid; gap: 4px; min-width: 0; }
.likeio-duo-build-slot small { color: #7f95a2; font-size: 9px; font-weight: 900; }
.likeio-duo-build-slot select { width: 100%; min-width: 0; height: 30px; font-size: 11px; }
.likeio-duo-build-preview {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border: 1px solid #3a5667;
  border-radius: 6px;
  color: #59def2;
  background: #09131a;
}
.likeio-duo-build-preview img { width: 100%; height: 100%; object-fit: contain; }
.likeio-duo-build-preview.is-missing::after { content: '?'; font-weight: 900; }
.likeio-duo-build-section form > footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #223640; }
.likeio-duo-buffs { display: flex; flex-wrap: wrap; gap: 5px; }
.likeio-duo-buffs span { padding: 4px 7px; border: 1px solid #275f50; border-radius: 4px; color: #91eab9; background: #0d211c; font-size: 10px; font-weight: 700; }
.likeio-duo-leader-lock { padding: 7px 9px; border: 1px solid #425260; border-radius: 5px; color: #aebdc5; background: #101b23; font-size: 10px; font-weight: 800; }

.likeio-duo-invites,
.likeio-duo-outgoing { display: grid; }
.likeio-duo-invite,
.likeio-duo-outgoing article { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 70px; padding: 12px 16px; border-bottom: 1px solid #223640; }
.likeio-duo-invite:last-child,
.likeio-duo-outgoing article:last-child { border-bottom: 0; }
.likeio-duo-invite-actions { display: flex; gap: 7px; }
.likeio-duo-outgoing article > span:nth-child(2) { display: grid; flex: 1; min-width: 0; }
.likeio-duo-outgoing article > b { color: #ffcf68; font-size: 10px; }
.likeio-duo-outgoing article small { color: #8095a2; }

.likeio-duo-search { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px; padding: 14px; }
.likeio-duo-search > label { display: grid; gap: 5px; color: #8ca1ad; font-size: 10px; font-weight: 800; }
.likeio-duo-search > label > div { display: flex; align-items: center; height: 40px; border: 1px solid #344c5a; border-radius: 6px; background: #08131b; }
.likeio-duo-search > label > div > span { padding-left: 12px; color: #59def2; }
.likeio-duo-search input { width: 100%; min-width: 0; height: 100%; padding: 0 11px 0 5px; border: 0; outline: 0; color: #eef7fa; background: transparent; }
.likeio-duo-results { position: static; z-index: 20; grid-column: 1 / -1; max-height: 320px; overflow-x: hidden; overflow-y: auto; border: 1px solid #365466; border-radius: 7px; background: #0b1821; box-shadow: 0 12px 24px #02080d80; }
.likeio-duo-results button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 0; border-bottom: 1px solid #233844; color: #e7f2f6; background: transparent; text-align: left; cursor: pointer; }
.likeio-duo-results button:hover { background: #142732; }
.likeio-duo-results button:disabled { opacity: .5; cursor: not-allowed; }
.likeio-duo-results button > span:last-child { display: grid; }
.likeio-duo-results p { margin: 0; padding: 13px; color: #8fa4af; font-size: 12px; }

.likeio-duo-benefits { padding: 18px 0 0; border-top: 1px solid #2a3d49; }
.likeio-duo-benefits > header { padding: 0 2px 12px; }
.likeio-duo-benefits h3 { margin: 3px 0 0; font-size: 18px; letter-spacing: 0; }
.likeio-duo-benefit-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #263b49; border-bottom: 1px solid #263b49; }
.likeio-duo-benefit-grid article { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 15px 12px; }
.likeio-duo-benefit-grid article + article { border-left: 1px solid #263b49; }
.likeio-duo-benefit-grid article > b { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border: 1px solid #386173; border-radius: 7px; color: #69e6f5; background: #0c1b24; font-size: 15px; }
.likeio-duo-benefit-grid article > span { display: grid; gap: 3px; min-width: 0; }
.likeio-duo-benefit-grid strong { color: #edf7fa; font-size: 12px; }
.likeio-duo-benefit-grid small { color: #879ca8; font-size: 10px; line-height: 1.35; }
.likeio-duo-benefits > footer { display: flex; flex-wrap: wrap; gap: 6px 16px; padding: 10px 2px 2px; color: #879ca8; font-size: 10px; }

.likeio-duo-empty,
.likeio-duo-gate { display: grid; grid-template-columns: 60px minmax(0, 1fr) auto; align-items: center; gap: 18px; min-height: 130px; padding: 20px; }
.likeio-duo-empty > .likeio-duo-mark,
.likeio-duo-gate > .likeio-duo-mark { justify-self: center; }
.likeio-duo-empty h3,
.likeio-duo-gate h3 { margin: 3px 0 5px; font-size: 19px; }
.likeio-duo-empty p:last-child,
.likeio-duo-gate p:last-child { margin: 0; color: #8ea3af; font-size: 12px; }
.likeio-duo-error { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; color: #ffb0bf; }

@media (max-width: 880px) {
  #like-io-game-hub.has-duo-v6 .likeio-section-nav > .tab { padding-inline: 9px; }
  #like-io-game-hub.has-duo-v6 .likeio-section-nav > .tab img,
  #like-io-game-hub.has-duo-v6 .likeio-duo-tab > .likeio-duo-mark { width: 30px; height: 26px; flex-basis: 30px; }
  #like-io-game-hub.has-duo-v6 .likeio-duo-tab > .likeio-duo-mark::before,
  #like-io-game-hub.has-duo-v6 .likeio-duo-tab > .likeio-duo-mark::after { width: 17px; height: 17px; }
  .likeio-duo-power-summary { grid-template-columns: minmax(170px, .8fr) minmax(180px, 1.2fr); }
  .likeio-duo-power-summary ul { grid-column: 1 / -1; }
  .likeio-duo-skill-node { grid-template-columns: 40px minmax(0, 1fr); }
  .likeio-duo-node-next { grid-column: 2; padding-left: 0; border-left: 0; }
  .likeio-duo-build-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .likeio-duo-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .likeio-duo-benefit-grid article:nth-child(3) { border-top: 1px solid #263b49; border-left: 0; }
  .likeio-duo-benefit-grid article:nth-child(4) { border-top: 1px solid #263b49; }
}

@media (max-width: 620px) {
  #like-io-game-hub.has-duo-v6 .likeio-section-nav { gap: 3px; padding: 4px; }
  #like-io-game-hub.has-duo-v6 .likeio-section-nav > .tab { min-height: 58px; padding: 6px; justify-content: center; }
  #like-io-game-hub.has-duo-v6 .likeio-section-nav > .tab img,
  #like-io-game-hub.has-duo-v6 .likeio-duo-tab > .likeio-duo-mark { display: none; }
  #like-io-game-hub.has-duo-v6 .likeio-section-nav > .tab span { min-width: 0; text-align: center; }
  #like-io-game-hub.has-duo-v6 .likeio-section-nav > .tab small { font-size: 7px; }
  #like-io-game-hub.has-duo-v6 .likeio-section-nav > .tab strong { display: block; overflow-wrap: anywhere; font-size: 10px; line-height: 1.15; white-space: normal; }
  .likeio-duo-tab-count { position: absolute; top: 2px; right: 2px; min-width: 17px; height: 17px; padding: 0 4px; font-size: 9px; }
  .likeio-duo-heading { min-height: 74px; padding: 12px 0; }
  .likeio-duo-heading-mark { width: 44px; height: 44px; flex-basis: 44px; }
  .likeio-duo-title { gap: 10px; }
  .likeio-duo-title h2 { font-size: 21px; }
  .likeio-duo-title p:last-child { font-size: 11px; }
  .likeio-duo-content { gap: 11px; padding-top: 11px; }
  .likeio-duo-roster > header,
  .likeio-duo-section > header { padding: 13px; }
  .likeio-duo-members { grid-template-columns: 1fr; }
  .likeio-duo-member + .likeio-duo-member,
  .likeio-duo-open-slot { border-left: 0; }
  .likeio-duo-member { min-height: 76px; padding: 12px 13px; }
  .likeio-duo-member-state { font-size: 0; }
  .likeio-duo-member-state i { width: 9px; height: 9px; }
  .likeio-duo-roster > footer { padding: 10px 13px; }
  .likeio-duo-mode { grid-template-columns: 1fr; padding: 10px; }
  .likeio-duo-power-summary { grid-template-columns: 1fr; gap: 10px; padding: 12px; }
  .likeio-duo-power-summary ul { grid-column: auto; }
  .likeio-duo-power-summary li { text-align: left; }
  .likeio-duo-tree-notice { align-items: flex-start; flex-direction: column; padding: 11px 12px; }
  .likeio-duo-branches { grid-template-columns: 1fr; padding: 10px; }
  .likeio-duo-branch { min-height: 150px; }
  .likeio-duo-tree-wallet { align-items: flex-start; flex-direction: column; padding: 10px 12px; }
  .likeio-duo-tree-wallet span:last-child { margin-left: 0; }
  .likeio-duo-skill-path { padding: 0 9px 10px; }
  .likeio-duo-skill-node { grid-template-columns: 34px minmax(0, 1fr); gap: 9px; min-height: 0; padding: 11px 9px; }
  .likeio-duo-node-index { width: 32px; height: 32px; }
  .likeio-duo-node-copy > div:first-child { align-items: flex-start; flex-direction: column; gap: 2px; }
  .likeio-duo-node-next { grid-column: 1 / -1; align-items: stretch; flex-direction: column; gap: 8px; padding-top: 9px; border-top: 1px solid #29404d; }
  .likeio-duo-skill-actions { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .likeio-duo-skill-actions > :only-child { grid-column: 1 / -1; }
  .likeio-duo-build-section form { padding: 10px; }
  .likeio-duo-build-grid { grid-template-columns: 1fr; }
  .likeio-duo-build-section form > footer { align-items: stretch; flex-direction: column; }
  .likeio-duo-build-section form > footer .btn { width: 100%; }
  .likeio-duo-invite { align-items: stretch; flex-direction: column; }
  .likeio-duo-invite-actions .btn { flex: 1; }
  .likeio-duo-search { grid-template-columns: 1fr; padding: 11px; }
  .likeio-duo-benefit-grid { grid-template-columns: 1fr; }
  .likeio-duo-benefit-grid article + article { border-top: 1px solid #263b49; border-left: 0; }
  .likeio-duo-empty,
  .likeio-duo-gate { grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 15px; }
  .likeio-duo-empty > .btn,
  .likeio-duo-gate > .btn { grid-column: 1 / -1; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .likeio-duo-mode > button { transition: none; }
}