#noname-reference-home {
      color-scheme: light;
      --gp-paper: light-dark(#ffffff, #15171b);
      --gp-paper-soft: light-dark(#f5f6f8, #1c2026);
      --gp-ink: light-dark(#1a2430, #eef2f6);
      --gp-ink-soft: light-dark(#647180, #aab5c1);
      --gp-line: light-dark(#dce1e7, #39424d);
      --gp-blue: light-dark(#24618f, #83c4f2);
      --gp-blue-dark: light-dark(#173d5d, #a6d6f7);
      --gp-red: light-dark(#bd4d4b, #f6a3a0);
      --gp-shadow: light-dark(0 12px 30px rgba(21, 41, 59, .16), 0 12px 30px rgba(0, 0, 0, .42));
      display: block;
      color: var(--gp-ink);
      font-family: "Pretendard", "Noto Sans KR", "Malgun Gothic", sans-serif;
      font-size: 14px;
      line-height: 1.5;
    }

    #noname-reference-home * { box-sizing: border-box; }
    #noname-reference-home button,
    #noname-reference-home input { font: inherit; }

    #noname-reference-home .gp-site {
      overflow: hidden;
      background: var(--gp-paper);
      border: 1px solid var(--gp-line);
    }

    #noname-reference-home .gp-utility {
      display: flex;
      min-height: 32px;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 0 26px;
      border-bottom: 1px solid var(--gp-line);
      color: var(--gp-ink-soft);
      font-size: 11px;
      letter-spacing: .01em;
    }

    #noname-reference-home .gp-utility-left,
    #noname-reference-home .gp-utility-right,
    #noname-reference-home .gp-nav,
    #noname-reference-home .gp-quick-links,
    #noname-reference-home .gp-meta,
    #noname-reference-home .gp-auth-links {
      display: flex;
      align-items: center;
      gap: 16px;
    }

    #noname-reference-home .gp-utility-mark {
      color: var(--gp-blue-dark);
      font-size: 11px;
      font-weight: 500;
      letter-spacing: .15em;
    }

    #noname-reference-home .gp-utility a,
    #noname-reference-home .gp-quick-links a,
    #noname-reference-home .gp-footer a {
      color: inherit;
      text-decoration: none;
    }

    #noname-reference-home .gp-header {
      display: flex;
      min-height: 88px;
      align-items: center;
      gap: 26px;
      padding: 0 28px;
      background: var(--gp-paper);
    }

    #noname-reference-home .gp-logo {
      display: flex;
      min-width: 184px;
      align-items: baseline;
      gap: 8px;
      color: var(--gp-ink);
      text-decoration: none;
      white-space: nowrap;
    }

    #noname-reference-home .gp-logo-main {
      font-family: Georgia, "Times New Roman", serif;
      font-size: 25px;
      font-weight: 700;
      letter-spacing: -.08em;
    }

    #noname-reference-home .gp-logo-sub {
      color: var(--gp-ink-soft);
      font-size: 10px;
      letter-spacing: .15em;
    }

    #noname-reference-home .gp-nav {
      flex: 1;
      justify-content: center;
      gap: clamp(12px, 2.8vw, 34px);
      white-space: nowrap;
    }

    #noname-reference-home .gp-nav a {
      position: relative;
      color: var(--gp-ink);
      font-size: 14px;
      text-decoration: none;
    }

    #noname-reference-home .gp-nav a::after {
      position: absolute;
      right: 0;
      bottom: -13px;
      left: 0;
      height: 2px;
      background: var(--gp-blue);
      content: "";
      opacity: 0;
      transform: scaleX(.4);
      transition: opacity .2s ease, transform .2s ease;
    }

    #noname-reference-home .gp-nav a:hover::after,
    #noname-reference-home .gp-nav a:focus-visible::after {
      opacity: 1;
      transform: scaleX(1);
    }

    #noname-reference-home .gp-start,
    #noname-reference-home .gp-login-submit,
    #noname-reference-home .gp-guide-button {
      display: inline-flex;
      min-height: 38px;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--gp-blue-dark);
      border-radius: 2px;
      background: var(--gp-blue-dark);
      color: light-dark(#ffffff, #112332);
      cursor: pointer;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: .04em;
      padding: 0 18px;
    }

    #noname-reference-home .gp-start:hover,
    #noname-reference-home .gp-login-submit:hover,
    #noname-reference-home .gp-guide-button:hover { filter: brightness(1.06); }

    #noname-reference-home .gp-hero {
      position: relative;
      min-height: 388px;
      overflow: hidden;
      background: #1a3447;
    }

    #noname-reference-home .gp-hero-image {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 43%;
      opacity: .84;
    }

    #noname-reference-home .gp-hero-shade {
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(13, 27, 38, .93) 0%, rgba(13, 27, 38, .72) 31%, rgba(13, 27, 38, .18) 63%, rgba(13, 27, 38, .4) 100%),
        linear-gradient(0deg, rgba(5, 15, 23, .48), transparent 46%);
    }

    #noname-reference-home .gp-hero-copy {
      position: relative;
      z-index: 2;
      width: min(41%, 390px);
      padding: 72px 0 68px 50px;
      color: light-dark(#ffffff, #f7fbff);
    }

    #noname-reference-home .gp-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      color: #bed9ed;
      font-size: 11px;
      letter-spacing: .15em;
    }

    #noname-reference-home .gp-eyebrow::before {
      width: 24px;
      height: 1px;
      background: currentColor;
      content: "";
    }

    #noname-reference-home .gp-hero h1 {
      margin: 17px 0 12px;
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(31px, 4.2vw, 50px);
      font-weight: 500;
      letter-spacing: -.075em;
      line-height: 1.12;
    }

    #noname-reference-home .gp-hero-copy p {
      max-width: 305px;
      margin: 0;
      color: #d6e1e8;
      font-size: 14px;
      line-height: 1.75;
    }

    #noname-reference-home .gp-hero-note {
      display: block;
      margin-top: 25px;
      color: #acc1cf;
      font-size: 11px;
      letter-spacing: .02em;
    }

    #noname-reference-home .gp-hero-unit {
      position: absolute;
      z-index: 1;
      top: 11px;
      right: 24%;
      bottom: 11px;
      width: auto;
      height: calc(100% - 22px);
      max-width: 31%;
      object-fit: contain;
      object-position: center bottom;
      filter: drop-shadow(0 20px 20px rgba(0, 0, 0, .35));
      pointer-events: none;
    }

    #noname-reference-home .gp-login {
      position: absolute;
      z-index: 3;
      top: 30px;
      right: 28px;
      width: 250px;
      padding: 21px 20px 18px;
      border: 1px solid rgba(255, 255, 255, .72);
      background: light-dark(rgba(255, 255, 255, .97), rgba(21, 25, 30, .97));
      box-shadow: var(--gp-shadow);
    }

    #noname-reference-home .gp-login-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid var(--gp-line);
      padding-bottom: 14px;
    }

    #noname-reference-home .gp-login-title strong {
      font-size: 16px;
      font-weight: 500;
    }

    #noname-reference-home .gp-login-title span {
      color: var(--gp-ink-soft);
      font-size: 10px;
      letter-spacing: .09em;
    }

    #noname-reference-home .gp-login-fields {
      display: grid;
      gap: 8px;
      margin-top: 16px;
    }

    #noname-reference-home .gp-login-fields input {
      width: 100%;
      min-height: 38px;
      border: 1px solid var(--gp-line);
      border-radius: 1px;
      background: var(--gp-paper);
      color: var(--gp-ink);
      outline: none;
      padding: 0 11px;
      font-size: 12px;
    }

    #noname-reference-home .gp-login-fields input:focus { border-color: var(--gp-blue); }
    #noname-reference-home .gp-login-submit { width: 100%; margin-top: 2px; }

    #noname-reference-home .gp-google-login {
      display: flex;
      width: 100%;
      min-height: 34px;
      align-items: center;
      justify-content: center;
      gap: 8px;
      margin-top: 9px;
      border: 1px solid var(--gp-line);
      border-radius: 1px;
      background: var(--gp-paper);
      color: var(--gp-ink);
      cursor: pointer;
      font-size: 11px;
    }

    #noname-reference-home .gp-login-helper {
      margin: 13px 0 0;
      color: var(--gp-ink-soft);
      font-size: 11px;
      line-height: 1.6;
      text-align: center;
    }

    #noname-reference-home .gp-login [hidden] { display: none !important; }
    #noname-reference-home .gp-google-signin { display: flex; justify-content: center; min-height: 40px; margin-top: 16px; }
    #noname-reference-home .gp-login-account { margin: 16px 0 0; overflow-wrap: anywhere; font-size: 13px; text-align: center; }
    #noname-reference-home .gp-login button:disabled { cursor: wait; opacity: .6; }

    #noname-reference-home .gp-google-mark {
      display: grid;
      width: 16px;
      height: 16px;
      place-items: center;
      border: 1px solid var(--gp-line);
      border-radius: 50%;
      color: var(--gp-blue-dark);
      font-family: Arial, sans-serif;
      font-size: 10px;
      font-weight: 700;
    }

    #noname-reference-home .gp-auth-links {
      justify-content: center;
      gap: 10px;
      margin-top: 13px;
      color: var(--gp-ink-soft);
      font-size: 10px;
    }

    #noname-reference-home .gp-auth-links a { color: inherit; text-decoration: none; }
    #noname-reference-home .gp-auth-links a + a::before { margin-right: 10px; color: var(--gp-line); content: "|"; }

    #noname-reference-home .gp-hero-bottom {
      position: absolute;
      z-index: 3;
      right: 28px;
      bottom: 18px;
      left: 50px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: rgba(255, 255, 255, .74);
      font-size: 10px;
    }

    #noname-reference-home .gp-pager {
      display: inline-flex;
      align-items: center;
      gap: 9px;
    }

    #noname-reference-home .gp-pager i {
      display: block;
      width: 18px;
      height: 2px;
      background: rgba(255, 255, 255, .38);
    }

    #noname-reference-home .gp-pager i.is-current { background: #ffffff; }

    #noname-reference-home .gp-news {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      border-top: 1px solid var(--gp-line);
      background: var(--gp-paper);
    }

    #noname-reference-home .gp-news-section {
      min-height: 182px;
      padding: 23px 27px 22px;
    }

    #noname-reference-home .gp-news-section + .gp-news-section { border-left: 1px solid var(--gp-line); }

    #noname-reference-home .gp-section-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 12px;
    }

    #noname-reference-home .gp-section-heading h2 {
      margin: 0;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: -.04em;
    }

    #noname-reference-home .gp-more {
      color: var(--gp-ink-soft);
      font-size: 17px;
      line-height: 1;
      text-decoration: none;
    }

    #noname-reference-home .gp-list {
      display: grid;
      gap: 8px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    #noname-reference-home .gp-list li {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 10px;
      border-bottom: 1px solid var(--gp-line);
      padding-bottom: 7px;
    }

    #noname-reference-home .gp-list a {
      overflow: hidden;
      color: var(--gp-ink);
      text-decoration: none;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    #noname-reference-home .gp-list a:hover { color: var(--gp-blue); }
    #noname-reference-home .gp-list time { flex: 0 0 auto; color: var(--gp-ink-soft); font-size: 10px; }

    #noname-reference-home .gp-info-rail {
      display: grid;
      grid-template-columns: 1.3fr repeat(4, 1fr);
      border-top: 1px solid var(--gp-line);
      background: var(--gp-paper-soft);
    }

    #noname-reference-home .gp-info-lead {
      display: flex;
      min-height: 106px;
      align-items: center;
      gap: 18px;
      padding: 14px 27px;
      border-right: 1px solid var(--gp-line);
    }

    #noname-reference-home .gp-info-lead img {
      flex: 0 0 78px;
      width: 78px;
      height: 78px;
      object-fit: contain;
      object-position: center;
      filter: saturate(.82) contrast(.96);
    }

    #noname-reference-home .gp-info-lead strong { display: block; font-size: 14px; font-weight: 500; }
    #noname-reference-home .gp-info-lead span { display: block; margin-top: 3px; color: var(--gp-ink-soft); font-size: 11px; }

    #noname-reference-home .gp-info-link {
      display: flex;
      min-height: 106px;
      align-items: center;
      justify-content: center;
      border-right: 1px solid var(--gp-line);
      color: var(--gp-ink);
      font-size: 12px;
      text-decoration: none;
    }

    #noname-reference-home .gp-info-link:hover { background: var(--gp-paper); color: var(--gp-blue); }

    #noname-reference-home .gp-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      min-height: 53px;
      padding: 0 27px;
      color: var(--gp-ink-soft);
      font-size: 10px;
    }

    #noname-reference-home .gp-footer strong { color: var(--gp-ink); font-weight: 500; }

    #noname-reference-home .gp-mercenary-section {
      border-top: 1px solid var(--gp-line);
      padding: 29px 27px 30px;
      background: var(--gp-paper);
    }

    #noname-reference-home .gp-mercenary-heading {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 18px;
    }

    #noname-reference-home .gp-mercenary-eyebrow {
      margin: 0 0 5px;
      color: var(--gp-blue);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: .14em;
    }

    #noname-reference-home .gp-mercenary-heading h2 {
      margin: 0;
      font-size: 23px;
      font-weight: 500;
      letter-spacing: -.06em;
    }

    #noname-reference-home .gp-mercenary-heading p {
      max-width: 310px;
      margin: 0;
      color: var(--gp-ink-soft);
      font-size: 11px;
      line-height: 1.65;
      text-align: right;
    }

    #noname-reference-home .gp-mercenary-controls {
      display: grid;
      gap: 12px;
      margin-top: 22px;
      border-top: 1px solid var(--gp-line);
      border-bottom: 1px solid var(--gp-line);
      padding: 11px 0;
    }

    #noname-reference-home .gp-country-tabs,
    #noname-reference-home .gp-tier-filters {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 5px;
    }

    #noname-reference-home .gp-filter-label {
      min-width: 42px;
      color: var(--gp-ink-soft);
      font-size: 10px;
      letter-spacing: .05em;
    }

    #noname-reference-home .gp-country-tab,
    #noname-reference-home .gp-tier-filter {
      min-height: 29px;
      border: 1px solid var(--gp-line);
      border-radius: 1px;
      padding: 0 14px;
      background: var(--gp-paper);
      color: var(--gp-ink-soft);
      cursor: pointer;
      font-size: 11px;
    }

    #noname-reference-home .gp-country-tab:hover,
    #noname-reference-home .gp-tier-filter:hover,
    #noname-reference-home .gp-country-tab.is-active,
    #noname-reference-home .gp-tier-filter.is-active {
      border-color: var(--gp-blue);
      background: var(--gp-blue-dark);
      color: #ffffff;
    }

    #noname-reference-home .gp-tier-filter[data-tier="unnamed"].is-active { background: #566574; border-color: #566574; }
    #noname-reference-home .gp-tier-filter[data-tier="hunter"].is-active { background: #a27639; border-color: #a27639; }
    #noname-reference-home .gp-tier-filter[data-tier="conqueror"].is-active { background: #8b454c; border-color: #8b454c; }
    #noname-reference-home .gp-tier-filter[data-tier="exorcist"].is-active { background: #73589a; border-color: #73589a; }
    #noname-reference-home .gp-tier-filter[data-tier="slayer"].is-active { background: #a24945; border-color: #a24945; }

    #noname-reference-home .gp-mercenary-body {
      display: block;
      margin-top: 21px;
    }

    #noname-reference-home .gp-mercenary-roster { min-width: 0; }

    #noname-reference-home .gp-roster-meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 10px;
      color: var(--gp-ink-soft);
      font-size: 10px;
    }

    #noname-reference-home .gp-roster-meta strong { color: var(--gp-ink); font-size: 12px; font-weight: 500; }

    #noname-reference-home .gp-mercenary-grid {
      display: grid;
      grid-template-columns: repeat(7, minmax(72px, 1fr));
      gap: 8px;
    }

    #noname-reference-home .gp-mercenary-card {
      position: relative;
      display: block;
      min-width: 0;
      border: 1px solid var(--gp-line);
      border-radius: 1px;
      padding: 5px 5px 7px;
      background: var(--gp-paper-soft);
      color: var(--gp-ink);
      cursor: pointer;
      text-align: left;
      transition: border-color .15s ease, background .15s ease, transform .15s ease;
    }

    #noname-reference-home .gp-mercenary-card:hover,
    #noname-reference-home .gp-mercenary-card.is-selected {
      border-color: var(--gp-blue);
      background: #ffffff;
      transform: translateY(-2px);
    }

    #noname-reference-home .gp-mercenary-card.is-selected::after {
      position: absolute;
      right: 5px;
      bottom: 4px;
      left: 5px;
      height: 2px;
      background: var(--merc-tier-color, var(--gp-blue));
      content: "";
    }

    #noname-reference-home .gp-mercenary-art {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: minmax(0, 1fr);
      width: 100%;
      aspect-ratio: 4 / 5;
      place-items: center;
      overflow: hidden;
      border: 1px solid rgba(31, 47, 62, .16);
      background: linear-gradient(145deg, #d9e0e4, #eef1f1 55%, #c5d0d2);
    }

    #noname-reference-home .gp-mercenary-art img {
      display: block;
      min-width: 0;
      min-height: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
    }

    #noname-reference-home .gp-mercenary-card-name {
      display: block;
      overflow: hidden;
      margin-top: 6px;
      font-size: 11px;
      font-weight: 500;
      line-height: 1.25;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    #noname-reference-home .gp-mercenary-card-tier {
      display: block;
      margin-top: 3px;
      color: var(--merc-tier-color, var(--gp-ink-soft));
      font-size: 9px;
      line-height: 1.2;
    }

    #noname-reference-home .gp-mercenary-detail {
      margin-top: 20px;
      border: 1px solid var(--gp-line);
      background: var(--gp-paper-soft);
    }

    #noname-reference-home .gp-detail-overview {
      display: grid;
      grid-template-columns: 112px minmax(0, 1fr);
      gap: 18px;
      padding: 16px;
      border-bottom: 1px solid var(--gp-line);
    }

    #noname-reference-home .gp-detail-main { min-width: 0; }

    #noname-reference-home .gp-detail-art {
      display: grid;
      /* Constrain intrinsic image size so tall/wide artwork fits the frame. */
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: minmax(0, 1fr);
      width: 112px;
      height: 140px;
      place-items: center;
      overflow: hidden;
      border: 1px solid var(--gp-line);
      background: linear-gradient(145deg, #d9e0e4, #eef1f1 55%, #c5d0d2);
    }

    #noname-reference-home .gp-detail-art img { display: block; min-width: 0; min-height: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; }

    #noname-reference-home .gp-detail-kicker {
      margin: 1px 0 5px;
      color: var(--merc-tier-color, var(--gp-blue));
      font-size: 10px;
      font-weight: 600;
      letter-spacing: .08em;
    }

    #noname-reference-home .gp-detail-name { margin: 0; font-size: 22px; font-weight: 500; letter-spacing: -.07em; }
    #noname-reference-home .gp-detail-meta { margin: 5px 0 0; color: var(--gp-ink-soft); font-size: 10px; line-height: 1.65; }

    #noname-reference-home .gp-detail-copy { max-width: 560px; margin: 16px 0 0; color: var(--gp-ink-soft); font-size: 11px; line-height: 1.65; }

    #noname-reference-home .gp-detail-stats {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      max-width: 420px;
      margin: 14px 0 0;
      border-top: 1px solid var(--gp-line);
      border-left: 1px solid var(--gp-line);
    }

    #noname-reference-home .gp-detail-stat {
      display: grid;
      gap: 2px;
      min-height: 53px;
      align-content: center;
      border-right: 1px solid var(--gp-line);
      border-bottom: 1px solid var(--gp-line);
      padding: 5px 8px;
    }

    #noname-reference-home .gp-detail-stat span { color: var(--gp-ink-soft); font-size: 9px; }
    #noname-reference-home .gp-detail-stat strong { font-size: 13px; font-weight: 500; }

    #noname-reference-home .gp-detail-skills {
      padding: 16px;
    }

    #noname-reference-home .gp-detail-skills-heading {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 11px;
    }

    #noname-reference-home .gp-detail-skills-heading strong { font-size: 14px; font-weight: 500; }
    #noname-reference-home .gp-detail-skills-heading span { color: var(--gp-ink-soft); font-size: 9px; letter-spacing: .12em; }

    #noname-reference-home .gp-skill-list {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 9px;
    }

    #noname-reference-home .gp-skill-item {
      display: grid;
      grid-template-columns: 64px minmax(0, 1fr);
      gap: 10px;
      min-width: 0;
      border-top: 2px solid var(--skill-tier-color, var(--gp-blue));
      padding: 9px 9px 10px;
      background: var(--gp-paper);
    }

    #noname-reference-home .gp-skill-art {
      display: grid;
      width: 64px;
      height: 64px;
      place-items: center;
      overflow: hidden;
      border: 1px solid var(--gp-line);
      background: #141b22;
    }

    #noname-reference-home .gp-skill-art img { display: block; width: 64px; height: 64px; object-fit: contain; }
    #noname-reference-home .gp-skill-type { display: block; margin: 1px 0 3px; color: var(--skill-tier-color, var(--gp-blue)); font-size: 9px; }
    #noname-reference-home .gp-skill-name { margin: 0; font-size: 12px; font-weight: 500; }
    #noname-reference-home .gp-skill-description { margin: 5px 0 0; color: var(--gp-ink-soft); font-size: 10px; line-height: 1.5; }

    #noname-reference-home .gp-mercenary-empty {
      display: grid;
      min-height: 242px;
      place-items: center;
      border: 1px dashed var(--gp-line);
      color: var(--gp-ink-soft);
      font-size: 11px;
      text-align: center;
    }

    #noname-reference-home .gp-mercenary-empty strong { display: block; margin-bottom: 5px; color: var(--gp-ink); font-weight: 500; }

    @media (max-width: 920px) {
      #noname-reference-home .gp-mercenary-grid { grid-template-columns: repeat(5, minmax(72px, 1fr)); }
    }

    @media (max-width: 620px) {
      #noname-reference-home .gp-mercenary-section { padding: 25px 18px 26px; }
      #noname-reference-home .gp-mercenary-heading { display: block; }
      #noname-reference-home .gp-mercenary-heading p { max-width: none; margin-top: 8px; text-align: left; }
      #noname-reference-home .gp-mercenary-controls { gap: 9px; margin-top: 18px; }
      #noname-reference-home .gp-filter-label { width: 100%; }
      #noname-reference-home .gp-country-tab,
      #noname-reference-home .gp-tier-filter { flex: 1 1 auto; padding: 0 9px; }
      #noname-reference-home .gp-mercenary-body { margin-top: 18px; }
      #noname-reference-home .gp-mercenary-grid { grid-template-columns: repeat(4, minmax(68px, 1fr)); gap: 7px; }
      #noname-reference-home .gp-detail-overview { grid-template-columns: 88px minmax(0, 1fr); gap: 13px; padding: 13px; }
      #noname-reference-home .gp-detail-art { width: 88px; height: 112px; }
      #noname-reference-home .gp-detail-skills { padding: 13px; }
      #noname-reference-home .gp-skill-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 360px) {
      #noname-reference-home .gp-mercenary-grid { grid-template-columns: repeat(3, minmax(66px, 1fr)); }
      #noname-reference-home .gp-mercenary-card { padding-right: 4px; padding-left: 4px; }
      #noname-reference-home .gp-country-tab,
      #noname-reference-home .gp-tier-filter { padding: 0 7px; font-size: 10px; }
      #noname-reference-home .gp-detail-overview { display: block; }
      #noname-reference-home .gp-detail-art { float: left; margin: 0 13px 7px 0; }
      #noname-reference-home .gp-detail-copy { clear: both; padding-top: 13px; }
      #noname-reference-home .gp-skill-list { grid-template-columns: 1fr; }
    }

    @media (max-width: 780px) {
      #noname-reference-home .gp-header { min-height: 76px; gap: 14px; padding: 0 18px; }
      #noname-reference-home .gp-logo { min-width: 152px; }
      #noname-reference-home .gp-logo-main { font-size: 21px; }
      #noname-reference-home .gp-nav { gap: 15px; }
      #noname-reference-home .gp-nav a { font-size: 12px; }
      #noname-reference-home .gp-start { padding: 0 12px; }
      #noname-reference-home .gp-hero-copy { width: 48%; padding-left: 28px; }
      #noname-reference-home .gp-hero-unit { right: 20%; max-width: 36%; }
      #noname-reference-home .gp-login { right: 18px; }
      #noname-reference-home .gp-hero-bottom { left: 28px; right: 18px; }
      #noname-reference-home .gp-news-section { padding-right: 18px; padding-left: 18px; }
      #noname-reference-home .gp-info-lead { padding-left: 18px; }
    }

    @media (max-width: 620px) {
      #noname-reference-home .gp-utility { padding: 0 16px; }
      #noname-reference-home .gp-utility-right a:nth-child(-n+2) { display: none; }
      #noname-reference-home .gp-header { flex-wrap: wrap; padding-top: 13px; padding-bottom: 13px; }
      #noname-reference-home .gp-logo { min-width: 0; margin-right: auto; }
      #noname-reference-home .gp-nav { order: 3; width: 100%; justify-content: flex-start; overflow: auto; }
      #noname-reference-home .gp-nav a { flex: 0 0 auto; }
      #noname-reference-home .gp-hero { min-height: 0; padding-bottom: 24px; }
      #noname-reference-home .gp-hero-copy { width: 100%; padding: 46px 24px 0; }
      #noname-reference-home .gp-hero h1 { font-size: 36px; }
      #noname-reference-home .gp-hero-unit { position: relative; display: block; top: auto; right: auto; bottom: auto; width: 70%; height: 230px; max-width: 260px; margin: 20px auto 24px; }
      #noname-reference-home .gp-login { position: relative; top: auto; right: auto; bottom: auto; left: auto; width: auto; margin: 0 18px; }
      #noname-reference-home .gp-hero-bottom { position: relative; left: auto; right: auto; bottom: auto; margin: 20px 24px 0; }
      #noname-reference-home .gp-login-fields { grid-template-columns: 1fr 1fr; }
      #noname-reference-home .gp-login-submit { grid-column: 1 / -1; }
      #noname-reference-home .gp-news { grid-template-columns: 1fr; }
      #noname-reference-home .gp-news-section { min-height: 0; }
      #noname-reference-home .gp-news-section + .gp-news-section { border-top: 1px solid var(--gp-line); border-left: 0; }
      #noname-reference-home .gp-info-rail { grid-template-columns: repeat(2, 1fr); }
      #noname-reference-home .gp-info-lead { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid var(--gp-line); }
      #noname-reference-home .gp-info-link:nth-last-child(-n+2) { border-top: 1px solid var(--gp-line); }
      #noname-reference-home .gp-footer { align-items: flex-start; flex-direction: column; justify-content: center; padding-top: 13px; padding-bottom: 13px; }
    }

/* Shared document frame: preserve the original homepage's white/blue portal. */
html { color-scheme: light; scroll-padding-top: 24px; }
body { margin: 0; background: #eef1f4; }
#noname-reference-home { max-width: 1440px; margin: 0 auto; font-size: 16px; }
#noname-reference-home a:focus-visible,
#noname-reference-home button:focus-visible,
#noname-reference-home summary:focus-visible { outline: 3px solid #24618f; outline-offset: 4px; }
#noname-reference-home .gp-start { text-decoration: none; }
#noname-reference-home .gp-nav { flex-wrap: wrap; white-space: normal; }
#noname-reference-home .gp-quick-links { flex-wrap: wrap; }
#noname-reference-home a.gp-drop-name { color: var(--gp-blue); text-underline-offset: 3px; }
#noname-reference-home .gp-nav a[aria-current="page"] { color: var(--gp-blue); font-weight: 700; }
#noname-reference-home .gp-nav a[aria-current="page"]::after { opacity: 1; transform: none; }
#noname-reference-home .gp-home-archives { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--gp-line); }
#noname-reference-home .gp-archive-link { padding: 36px; color: var(--gp-ink); text-decoration: none; }
#noname-reference-home .gp-archive-link + .gp-archive-link { border-left: 1px solid var(--gp-line); }
#noname-reference-home .gp-archive-link:hover { background: var(--gp-paper-soft); }
#noname-reference-home .gp-archive-link > span { color: var(--gp-blue); font-size: .8rem; letter-spacing: .12em; }
#noname-reference-home .gp-archive-link h2 { margin: 8px 0; font-size: 1.75rem; }
#noname-reference-home .gp-archive-link p { color: var(--gp-ink-soft); line-height: 1.8; }
#noname-reference-home .gp-archive-link strong { color: var(--gp-blue); font-size: .9rem; }
#noname-reference-home .gp-skip-link { position: absolute; top: -100px; background: white; padding: 12px; z-index: 5; }
#noname-reference-home .gp-skip-link:focus { top: 0; }
#noname-reference-home .gp-breadcrumb { display: flex; gap: 12px; margin-bottom: 28px; font-size: .875rem; color: var(--gp-ink-soft); }
#noname-reference-home .gp-breadcrumb a { color: inherit; }
#noname-reference-home .gp-catalog-page .gp-mercenary-section { padding: 30px 40px 48px; }
#noname-reference-home .gp-catalog-page .gp-mercenary-heading h1 { margin: 0; font-size: clamp(1.8rem, 3vw, 2.5rem); letter-spacing: -.04em; }
#noname-reference-home .gp-catalog-page .gp-mercenary-heading p { font-size: 1rem; max-width: 460px; }
#noname-reference-home .gp-catalog-page .gp-mercenary-heading .gp-mercenary-eyebrow { text-align: left; font-size: .8rem; }
#noname-reference-home .gp-catalog-page .gp-filter-label { font-size: .875rem; min-width: 56px; }
#noname-reference-home .gp-catalog-page .gp-country-tab,
#noname-reference-home .gp-catalog-page .gp-tier-filter { min-height: 40px; font-size: .875rem; }
#noname-reference-home .gp-catalog-page .gp-roster-meta { font-size: .8rem; flex-wrap: wrap; margin: 24px 0 16px; }
#noname-reference-home .gp-catalog-page .gp-roster-meta strong { font-size: 1rem; }
#noname-reference-home .gp-catalog-page .gp-mercenary-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; }
#noname-reference-home .gp-catalog-page .gp-mercenary-card { padding: 7px 7px 14px; }
#noname-reference-home .gp-catalog-page .gp-mercenary-card-name { font-size: .95rem; white-space: normal; line-height: 1.5; }
#noname-reference-home .gp-catalog-page .gp-mercenary-card-tier { font-size: .8rem; color: var(--gp-ink-soft); }
#noname-reference-home .gp-catalog-page .gp-mercenary-art { border: 0; }
#noname-reference-home .gp-catalog-page .gp-mercenary-detail { scroll-margin-top: 24px; margin-top: 32px; }
#noname-reference-home .gp-catalog-page .gp-mercenary-detail[hidden] { display: none; }
#noname-reference-home .gp-catalog-page .gp-detail-overview { grid-template-columns: minmax(180px, 32%) minmax(0, 1fr); padding: 28px; gap: 36px; }
#noname-reference-home .gp-catalog-page .gp-detail-art { width: 100%; height: 360px; float: none; margin: 0; background: #e6ecef; border: 0; }
#noname-reference-home .gp-catalog-page .gp-detail-name { font-size: 2rem; }
#noname-reference-home .gp-catalog-page .gp-detail-meta,
#noname-reference-home .gp-catalog-page .gp-detail-kicker { font-size: .875rem; }
#noname-reference-home .gp-catalog-page .gp-detail-copy { font-size: 1rem; color: var(--gp-ink); line-height: 1.85; white-space: pre-line; }
#noname-reference-home .gp-catalog-page .gp-detail-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: none; }
#noname-reference-home .gp-catalog-page .gp-detail-stat { padding: 12px; }
#noname-reference-home .gp-catalog-page .gp-detail-stat span { font-size: .8rem; }
#noname-reference-home .gp-catalog-page .gp-detail-stat strong { font-size: 1rem; overflow-wrap: anywhere; }
#noname-reference-home .gp-stat-note { font-size: .8rem; color: var(--gp-ink-soft); }
#noname-reference-home .gp-stage-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
#noname-reference-home .gp-stage-links button { min-height: 38px; background: white; color: var(--gp-blue); border: 1px solid var(--gp-line); padding: 4px 14px; cursor: pointer; }
#noname-reference-home .gp-stage-links button[aria-pressed="true"] { background: var(--gp-blue-dark); color: white; }
#noname-reference-home .gp-catalog-page .gp-detail-skills { padding: 28px; }
#noname-reference-home .gp-catalog-page .gp-detail-skills > h3 { margin: 0 0 18px; font-size: 1.2rem; }
#noname-reference-home .gp-catalog-page .gp-skill-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
#noname-reference-home .gp-catalog-page .gp-skill-item { padding: 16px; gap: 16px; }
#noname-reference-home .gp-catalog-page .gp-skill-name { font-size: 1rem; }
#noname-reference-home .gp-catalog-page .gp-skill-type { font-size: .8rem; }
#noname-reference-home .gp-catalog-page .gp-skill-description { font-size: 1rem; line-height: 1.7; color: var(--gp-ink); }
#noname-reference-home .gp-skill-details { margin-top: 12px; font-size: .875rem; }
#noname-reference-home .gp-skill-details summary { cursor: pointer; color: var(--gp-blue); min-height: 32px; }
#noname-reference-home .gp-skill-details ul { margin: 8px 0 0; padding-left: 18px; line-height: 1.8; }
#noname-reference-home .gp-detail-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 20px 28px; border-top: 1px solid var(--gp-line); }
#noname-reference-home .gp-detail-bottom a { color: var(--gp-blue); font-size: .875rem; }
#noname-reference-home .gp-codex-card { display: flex; gap: 24px; align-items: center; }
#noname-reference-home .gp-codex-card img { width: 96px; max-height: 144px; object-fit: contain; }
#noname-reference-home .gp-codex-card h3 { font-size: 1.1rem; }
#noname-reference-home .gp-drop-group { padding: 28px; border-bottom: 1px solid var(--gp-line); }
#noname-reference-home .gp-drop-group h3 { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; margin: 0 0 8px; font-size: 1.2rem; }
#noname-reference-home .gp-drop-count { color: var(--gp-ink-soft); font-size: .875rem; font-weight: 400; }
#noname-reference-home .gp-drop-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: .9375rem; }
#noname-reference-home .gp-drop-table caption { padding: 0 0 16px; color: var(--gp-ink-soft); font-size: .875rem; line-height: 1.6; text-align: left; caption-side: top; }
#noname-reference-home .gp-drop-quantity-col { width: 100px; }
#noname-reference-home .gp-drop-chance-col { width: 120px; }
#noname-reference-home .gp-drop-table th,
#noname-reference-home .gp-drop-table td { padding: 12px 14px; border-bottom: 1px solid var(--gp-line); vertical-align: middle; }
#noname-reference-home .gp-drop-table thead th { background: #e6ecef; color: var(--gp-ink-soft); font-size: .8rem; font-weight: 500; text-align: right; }
#noname-reference-home .gp-drop-table thead th:first-child,
#noname-reference-home .gp-drop-table tbody th { text-align: left; }
#noname-reference-home .gp-drop-table tbody th { font-weight: 400; }
#noname-reference-home .gp-drop-table tbody tr { background: var(--gp-paper); }
#noname-reference-home .gp-drop-item { display: flex; align-items: center; gap: 12px; min-width: 0; }
#noname-reference-home .gp-drop-item img { flex: 0 0 44px; width: 44px; height: 44px; object-fit: contain; background: var(--gp-paper-soft); border: 1px solid var(--gp-line); }
#noname-reference-home .gp-drop-item-copy { min-width: 0; }
#noname-reference-home .gp-drop-name { display: block; line-height: 1.5; overflow-wrap: anywhere; }
#noname-reference-home .gp-drop-grade { display: block; margin-top: 3px; color: var(--gp-ink-soft); font-size: .75rem; }
#noname-reference-home .gp-drop-quantity,
#noname-reference-home .gp-drop-chance { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
#noname-reference-home .gp-drop-chance { font-weight: 600; color: var(--gp-blue-dark); }
#noname-reference-home .gp-drop-guaranteed { display: block; margin-top: 3px; font-size: .75rem; font-weight: 400; }
#noname-reference-home .gp-drop-note,
#noname-reference-home .gp-drop-item-note { color: var(--gp-ink-soft); font-size: .8125rem; line-height: 1.7; white-space: pre-line; overflow-wrap: anywhere; }
#noname-reference-home .gp-drop-note { margin: 16px 0 0; }
#noname-reference-home .gp-drop-item-note { margin: 5px 0 0; }
#noname-reference-home .gp-catalog-page .gp-mercenary-empty { grid-column: 1 / -1; width: 100%; font-size: 1rem; padding: 24px; }
#noname-reference-home .gp-catalog-page .gp-footer { font-size: .8rem; }
@media (max-width: 1050px) {
  #noname-reference-home .gp-catalog-page .gp-mercenary-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  #noname-reference-home .gp-catalog-page .gp-detail-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  #noname-reference-home .gp-catalog-page .gp-mercenary-section { padding: 24px 18px 32px; }
  #noname-reference-home .gp-catalog-page .gp-mercenary-heading { display: block; }
  #noname-reference-home .gp-catalog-page .gp-mercenary-heading p { text-align: left; max-width: none; margin-top: 12px; }
  #noname-reference-home .gp-catalog-page .gp-mercenary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  #noname-reference-home .gp-catalog-page .gp-detail-overview { display: block; padding: 20px; }
  #noname-reference-home .gp-catalog-page .gp-detail-art { height: 300px; margin-bottom: 24px; }
  #noname-reference-home .gp-catalog-page .gp-detail-skills { padding: 20px; }
  #noname-reference-home .gp-drop-group { padding: 20px; }
  #noname-reference-home .gp-drop-table { font-size: .875rem; }
  #noname-reference-home .gp-drop-quantity-col { width: 64px; }
  #noname-reference-home .gp-drop-chance-col { width: 80px; }
  #noname-reference-home .gp-drop-table th,
  #noname-reference-home .gp-drop-table td { padding: 10px 6px; }
  #noname-reference-home .gp-drop-item { gap: 8px; }
  #noname-reference-home .gp-drop-item img { flex-basis: 36px; width: 36px; height: 36px; }
  #noname-reference-home .gp-catalog-page .gp-skill-list { grid-template-columns: 1fr; }
  #noname-reference-home .gp-home-archives { grid-template-columns: 1fr; }
  #noname-reference-home .gp-archive-link { padding: 26px; }
  #noname-reference-home .gp-archive-link + .gp-archive-link { border-left: 0; border-top: 1px solid var(--gp-line); }
}
@media (max-width: 400px) {
  #noname-reference-home .gp-drop-group { padding: 18px 12px; }
  #noname-reference-home .gp-drop-quantity-col { width: 52px; }
  #noname-reference-home .gp-drop-chance-col { width: 70px; }
  #noname-reference-home .gp-drop-table th,
  #noname-reference-home .gp-drop-table td { padding: 10px 4px; }
  #noname-reference-home .gp-drop-item { gap: 6px; }
  #noname-reference-home .gp-drop-item img { flex-basis: 28px; width: 28px; height: 28px; }
  #noname-reference-home .gp-drop-quantity,
  #noname-reference-home .gp-drop-chance { font-size: .8125rem; }
}
@media (pointer: coarse) {
  #noname-reference-home .gp-catalog-page button,
  #noname-reference-home .gp-skill-details summary { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  #noname-reference-home * { transition: none !important; scroll-behavior: auto !important; }
}

/* Explicit game advancement branches, separate from the same-person stage tabs. */
#noname-reference-home .gp-advancement { padding: 28px; border-top: 1px solid var(--gp-line); background: #f8fafb; }
#noname-reference-home .gp-advancement-heading h3 { margin: 0; font-size: 1.2rem; }
#noname-reference-home .gp-advancement-heading p { margin: 8px 0 22px; color: var(--gp-ink-soft); font-size: .875rem; line-height: 1.7; word-break: keep-all; }
#noname-reference-home .gp-advancement-routes { display: grid; gap: 16px; }
#noname-reference-home .gp-advancement-route { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 68px; margin: 0; padding: 0; list-style: none; }
#noname-reference-home .gp-advancement-step { position: relative; display: flex; align-items: center; min-width: 0; }
#noname-reference-home .gp-route-unit { display: grid; flex: 1; min-width: 0; justify-items: center; padding: 14px 10px 12px; border: 1px solid var(--gp-line); border-radius: 6px; background: #fff; color: var(--gp-ink); text-align: center; text-decoration: none; transition: border-color .15s, background .15s; }
#noname-reference-home .gp-route-unit:hover { border-color: var(--gp-blue); background: #f1f7fb; }
#noname-reference-home .gp-route-unit[aria-current="step"] { border-color: var(--gp-blue); box-shadow: inset 0 0 0 1px var(--gp-blue); background: #f1f7fb; }
#noname-reference-home .gp-route-unit img { display: block; width: 100%; height: 112px; min-width: 0; margin-bottom: 12px; object-fit: contain; }
#noname-reference-home .gp-route-tier { color: var(--gp-ink-soft); font-size: .75rem; }
#noname-reference-home .gp-route-unit strong { margin-top: 4px; font-size: .95rem; overflow-wrap: anywhere; }
#noname-reference-home .gp-route-action { margin-top: 8px; color: var(--gp-blue); font-size: .75rem; }
#noname-reference-home .gp-route-transition { position: absolute; left: 100%; top: 50%; transform: translateY(-50%); display: grid; width: 68px; justify-items: center; gap: 1px; color: var(--gp-ink-soft); font-size: .75rem; }
#noname-reference-home .gp-route-arrow { color: #8195a6; font-size: 24px; line-height: 1.2; }
#noname-reference-home .gp-route-transition-label { font-size: .65rem; }
@media (max-width: 620px) {
  #noname-reference-home .gp-advancement { padding: 20px; }
  #noname-reference-home .gp-advancement-heading p { margin-bottom: 18px; }
  #noname-reference-home .gp-advancement-route { grid-auto-flow: row; grid-auto-columns: auto; gap: 0; padding: 14px; border: 1px solid var(--gp-line); border-radius: 6px; background: #fff; }
  #noname-reference-home .gp-advancement-step { flex-direction: column; align-items: stretch; }
  #noname-reference-home .gp-route-unit { grid-template-columns: 64px minmax(0, 1fr); justify-items: start; align-content: center; column-gap: 14px; min-height: 102px; padding: 12px; text-align: left; }
  #noname-reference-home .gp-route-unit img { grid-column: 1; grid-row: 1 / 4; width: 64px; height: 80px; margin: 0; }
  #noname-reference-home .gp-route-tier, #noname-reference-home .gp-route-unit strong, #noname-reference-home .gp-route-action { grid-column: 2; }
  #noname-reference-home .gp-route-transition { position: static; transform: none; display: flex; width: auto; justify-content: center; gap: 7px; padding: 9px 0; }
  #noname-reference-home .gp-route-arrow { transform: rotate(90deg); font-size: 20px; }
  #noname-reference-home .gp-route-transition-label { font-size: .75rem; }
}
/* A shared language choice; translated copy may be longer than Korean. */
#noname-reference-home .site-language-control { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 10px; padding: 12px 28px; color: var(--gp-ink-soft); font-size: 12px; }
#noname-reference-home .site-language-control select { min-height: 40px; max-width: 100%; padding: 7px 28px 7px 10px; border: 1px solid var(--gp-line); border-radius: 4px; background: #fff; color: var(--gp-ink); font: inherit; font-size: 14px; }
#noname-reference-home .gp-header { flex-wrap: wrap; row-gap: 20px; padding-top: 18px; padding-bottom: 18px; }
#noname-reference-home .gp-nav { min-width: 220px; row-gap: 18px; }
#noname-reference-home .gp-logo-main { letter-spacing: -.04em; }
#noname-reference-home .gp-detail-name, #noname-reference-home .gp-skill-name, #noname-reference-home .gp-route-unit strong, #noname-reference-home .gp-item-card strong { overflow-wrap: anywhere; }
#noname-reference-home .gp-detail-stats { grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)); }
html:not([lang="ko"]) #noname-reference-home p, html:not([lang="ko"]) #noname-reference-home h1, html:not([lang="ko"]) #noname-reference-home h2 { word-break: normal; overflow-wrap: anywhere; }
/* Korean display tracking is too tight for Latin words and Japanese copy. */
html:not([lang="ko"]) #noname-reference-home :is(h1, h2, h3, p, strong, button, a, dt, dd) { letter-spacing: normal; }
html:not([lang="ko"]) #noname-reference-home .gp-banner-copy h1 { font-size: clamp(26px, 3.6vw, 48px); line-height: 1.22; }
#noname-reference-home .gp-drop-table { table-layout: fixed; }
#noname-reference-home .gp-drop-item-copy { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 620px) {
  #noname-reference-home .site-language-control { padding: 10px 18px; }
  #noname-reference-home .gp-header { row-gap: 18px; }
  #noname-reference-home .gp-nav { min-width: 0; flex: 1 0 100%; }
  #noname-reference-home .gp-detail-bottom, #noname-reference-home .gp-stage-links { flex-wrap: wrap; gap: 12px; }
  #noname-reference-home .gp-detail-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}