/* Original companion gallery; scoped so other page layouts keep their styles. */
html[data-ds-theme] .select-goons-page.selection-original[data-v-62fc5e80] {
  box-sizing:border-box;
  min-height:100vh;
  padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(112px + env(safe-area-inset-bottom,0px));
  color:var(--ds-text,#171717);
}
html[data-ds-theme="white-yellow"] .select-goons-page.selection-original[data-v-62fc5e80] { background:linear-gradient(180deg,#fff0b8 0,#fff8df 160px,var(--ds-bg,#f5f6fa) 320px,var(--ds-bg,#f5f6fa) 100%)!important; }
html[data-ds-theme] .selection-original.select-goons-page .level-section {
  --gallery-photo-height:calc((min(100vw - 24px,524px) - 66px) / 4.14);
  box-sizing:border-box;
  max-width:524px;
  margin:0 auto 16px;
  padding:12px 12px 18px;
  overflow:hidden;
  border:1px solid #ffffffcc;
  border-radius:16px;
  background:color-mix(in srgb,var(--ds-surface,#fff) 74%,transparent);
  box-shadow:0 5px 18px #1a233309;
}
html[data-ds-theme] .selection-original.select-goons-page .level-heading { display:flex;align-items:center;gap:8px;min-height:24px;margin:0 0 10px; }
html[data-ds-theme] .selection-original.select-goons-page .level-mark { flex:0 0 3px;width:3px;height:19px;margin:0;border:0;border-radius:2px;background:var(--ds-accent,#edbe20);transform:none;filter:none; }
html[data-ds-theme] .selection-original.select-goons-page .level-mark::before,
html[data-ds-theme] .selection-original.select-goons-page .level-mark::after { content:none; }
html[data-ds-theme] .selection-original.select-goons-page .level-title { min-width:0;flex:1;color:var(--ds-text,#171717);font-size:17px;font-weight:750;line-height:24px;letter-spacing:0; }
html[data-ds-theme] .selection-original.select-goons-page .goon-swiper { display:block;width:100%;height:calc(var(--gallery-rows) * (var(--gallery-photo-height) + 50px) + (var(--gallery-rows) - 1) * 12px);overflow:hidden; }
html[data-ds-theme] .selection-original.select-goons-page .goon-swiper-item { display:block;box-sizing:border-box;width:100%;height:100%;padding:0;overflow:hidden; }
html[data-ds-theme] .selection-original.select-goons-page .goon-grid { display:grid;box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px 10px;padding:0 10px; }
html[data-ds-theme] .selection-original.select-goons-page .goon-card { position:relative;display:block;box-sizing:border-box;min-width:0;height:auto;margin:0;padding:0;overflow:hidden;border:0;border-radius:6px;background:var(--ds-surface,#fff);box-shadow:none;cursor:pointer; }
html[data-ds-theme] .selection-original.select-goons-page .goon-card:active { transform:scale(.98); }
html[data-ds-theme] .selection-original.select-goons-page .goon-card:focus-visible { outline:2px solid var(--ds-accent,#edbe20);outline-offset:-2px; }
html[data-ds-theme] .selection-original.select-goons-page .goon-photo { position:relative;display:block;box-sizing:border-box;width:100%;height:var(--gallery-photo-height);margin:0;overflow:hidden;border:0;border-radius:0;aspect-ratio:auto;background:var(--ds-soft,#e8ebf0);transform:none;box-shadow:none; }
html[data-ds-theme] .selection-original.select-goons-page .goon-photo::before,
html[data-ds-theme] .selection-original.select-goons-page .goon-photo::after { content:none; }
html[data-ds-theme] .selection-original.select-goons-page .goon-avatar { display:block;width:100%;height:100%;border:0;border-radius:0;object-fit:cover;transform:none; }
html[data-ds-theme] .selection-original.select-goons-page .goon-name-strip { display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:22px;margin:0;padding:0 4px;border:0;border-radius:0;background:#c7c9c7;color:#222; }
html[data-ds-theme] .selection-original.select-goons-page .goon-name-text { display:block;min-width:0;width:100%;overflow:hidden;color:inherit;font-size:12px;font-weight:600;line-height:22px;text-align:center;text-overflow:ellipsis;white-space:nowrap; }
html[data-ds-theme] .selection-original.select-goons-page button.voice-bar { display:flex;align-items:center;gap:5px;box-sizing:border-box;width:100%;max-width:none;height:28px;margin:0;padding:0 5px;appearance:none;border:0;border-top:3px solid #d0e8ff;border-radius:0;background:#4098f5;color:#fff;box-shadow:none;font-family:inherit;line-height:1;cursor:pointer; }
html[data-ds-theme] .selection-original.select-goons-page button.voice-bar.female { border-top-color:#f9d8f1;background:#e55acc;color:#fff; }
html[data-ds-theme] .selection-original.select-goons-page button.voice-bar::after { border:0; }
html[data-ds-theme] .selection-original.select-goons-page button.voice-bar.muted { border-top-color:#dfe3e9;background:#a5adb9;color:#fff;opacity:1;cursor:default; }
html[data-ds-theme] .selection-original.select-goons-page .voice-play { display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 14px;width:14px;height:14px;border:1px solid #fffffff0;border-radius:50%;background:transparent;color:#fff; }
html[data-ds-theme] .selection-original.select-goons-page .voice-play-icon { width:0;height:0;margin-left:2px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:4px solid #fff; }
html[data-ds-theme] .selection-original.select-goons-page .voice-play-icon.pause { width:5px;height:7px;margin:0;border:0;background:linear-gradient(90deg,#fff 0 2px,transparent 2px 3px,#fff 3px 5px); }
html[data-ds-theme] .selection-original.select-goons-page .voice-wave { display:flex;align-items:center;justify-content:center;min-width:0;flex:1;height:18px;gap:2px;overflow:hidden; }
html[data-ds-theme] .selection-original.select-goons-page .voice-wave-line { flex:0 0 2px;width:2px;height:5px;border-radius:1px;background:#fffffff0;opacity:1; }
html[data-ds-theme] .selection-original.select-goons-page .voice-wave-line:nth-child(2n) { height:9px; }
html[data-ds-theme] .selection-original.select-goons-page .voice-wave-line:nth-child(3n) { height:13px; }
html[data-ds-theme] .selection-original.select-goons-page .voice-wave-line:nth-child(4n) { height:7px; }
html[data-ds-theme] .selection-original.select-goons-page .voice-duration { flex:0 0 auto;color:inherit;font-size:10px;line-height:1;white-space:nowrap; }
html[data-ds-theme] .selection-original.select-goons-page .voice-bar.muted .voice-play,
html[data-ds-theme] .selection-original.select-goons-page .voice-bar.muted .voice-wave { display:none; }
html[data-ds-theme] .selection-original.select-goons-page .voice-bar.muted { justify-content:center; }
html[data-ds-theme] .selection-original.select-goons-page .page-progress { display:flex;justify-content:center;padding-top:16px; }
html[data-ds-theme] .selection-original.select-goons-page .page-progress-track { width:50px;height:4px;overflow:hidden;border-radius:3px;background:#efeff1; }
html[data-ds-theme] .selection-original.select-goons-page .page-progress-thumb { height:100%;border-radius:3px;background:#c8c8cc;transition:transform .26s ease; }
html[data-ds-theme] .selection-original.select-goons-page .more-row { display:flex;justify-content:center;margin-top:14px; }
html[data-ds-theme] .selection-original.select-goons-page .more-button { height:32px;padding:0 14px;border:0;border-radius:18px;background:#080808;color:#fff;font-size:12px; }
html[data-ds-theme] .selection-original.select-goons-page .selection-more-row { display:flex;justify-content:center;max-width:524px;margin:16px auto 0;padding:0; }
html[data-ds-theme] .selection-original.select-goons-page .selection-more-button { display:inline-flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;width:132px;height:40px;margin:0;padding:0 16px;appearance:none;border:0;border-radius:18px;background:#050505;color:#fff;font-family:inherit;font-size:16px;font-weight:500;line-height:1;cursor:pointer; }
html[data-ds-theme] .selection-original.select-goons-page .selection-more-button::after { border:0; }
html[data-ds-theme] .selection-original.select-goons-page .selection-more-arrow { width:7px;height:7px;border-top:1.5px solid #aaa;border-right:1.5px solid #aaa;transform:rotate(45deg); }
html[data-ds-theme] .selection-original.select-goons-page .selection-empty { display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:200px;max-width:524px;margin:0 auto;padding:24px;border:0;border-radius:16px;background:var(--ds-surface,#fff);color:var(--ds-muted,#8c929d);font-size:14px;box-shadow:none; }
html[data-ds-theme] .selection-original.select-goons-page .selection-reset { display:block;margin:12px auto;padding:0 16px;border:0;border-radius:16px;background:var(--ds-text,#171717);color:var(--ds-surface,#fff);font-size:13px;line-height:32px; }
html[data-ds-dark="true"] .selection-original.select-goons-page .level-section { border-color:#ffffff12;background:var(--ds-surface,#201c2b);box-shadow:0 5px 18px #0002; }
html[data-ds-dark="true"] .selection-original.select-goons-page .goon-name-strip { background:#45444b;color:#f8f8fa; }
html[data-ds-dark="true"] .selection-original.select-goons-page .page-progress-track { background:#ffffff12; }
html[data-ds-dark="true"] .selection-original.select-goons-page .page-progress-thumb { background:#ffffff70; }
html[data-ds-dark="true"] .selection-original.select-goons-page .selection-more-button { border:1px solid #ffffff25;background:#08080a;color:#fff; }
@media(max-width:360px){html[data-ds-theme] .selection-original.select-goons-page .voice-bar{gap:3px;padding-left:4px;padding-right:4px}html[data-ds-theme] .selection-original.select-goons-page .voice-wave{gap:1px}html[data-ds-theme] .selection-original.select-goons-page .voice-duration{font-size:9px}}
@media(prefers-reduced-motion:reduce){html[data-ds-theme] .selection-original.select-goons-page .page-progress-thumb{transition:none}html[data-ds-theme] .selection-original.select-goons-page .voice-bar.playing .voice-wave-line{animation:none}}