:root {
    --night: #0B0D12; --panel: #151A22; --panel2: #1C222C; --ink: #F3EFE6; --txt: #D5D9E0; --dim: #A3AAB6; --dim2: #8F97A6; --line: #262B36; --line2: #2C3340; --meso: #F2B53A; --maple: #E0452B; --up: #F0785F; --down: #6FA3E8;
    --gutter: 16px; --r-card: 12px; --r-in: 10px; --row-h: 56px; --icon: 36px;   
    --display: 'Montserrat', 'Arial Black', system-ui, sans-serif; --body: 'IBM Plex Sans', system-ui, sans-serif; --game: Arial, 'Helvetica Neue', sans-serif;
    --win-edge: #7A8290; --win-body: #F4F5F8; --tab-on: #E86A86; --tab-on-hi: #FFB4C4; --tab-off: #BDBBBD;
    --tip: #2D2D5B; --tip-edge: #8A8FC8; --tip-dim: #A6A6C4; --tip-org: #F08A2E;
  }
  * { box-sizing: border-box; }
  html, body { margin: 0; background: var(--night); color: var(--ink); font-family: var(--body); }
  
  body { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
  body > .foot { margin-top: auto; }
  a { color: inherit; }
  img.px, .row img, .big-icon img { image-rendering: pixelated; }

  
  :root { --hdr: 58px; --sbw: 236px; --cell: #EDEBE4; --cell-edge: #C9C6BB; }
  .nav { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 60; height: var(--hdr); display: flex; align-items: center; gap: 14px; padding: 0 16px 0 18px;
    background: rgba(11,13,18,.97); border-bottom: 1px solid var(--line); }
  .brand { flex: none; display: flex; align-items: center; gap: 9px; text-decoration: none; font: 900 18px/1 var(--display); letter-spacing: .04em; }
  .brand img { width: 24px; height: 24px; }
  .brand .bt { display: flex; flex-direction: column; }
  .brand small { font: 700 9px var(--body); letter-spacing: .04em; color: var(--meso); margin-top: 3px; }
  .menu { display: flex; align-items: center; gap: 2px; margin-left: 6px; }
  
  .nav .menu > .mi { position: relative; display: flex; flex-direction: row; align-items: center; flex: none; gap: 0; min-width: auto; }
  .nav .menu .top { display: block; grid-template-columns: none; gap: 0; width: auto; }   
  .menu .top { font: 700 13px var(--display); letter-spacing: .08em; color: var(--dim); padding: 9px 11px; border-radius: 8px; text-decoration: none; white-space: nowrap; transition: color .12s, background .12s; }
  .menu .top:hover, .menu .mi.open .top { color: var(--ink); background: rgba(255,255,255,.05); }
  .menu .top[aria-current="page"] { color: var(--ink); box-shadow: inset 0 -2px 0 var(--meso); border-radius: 8px 8px 0 0; }
  .menu .dd { all: unset; cursor: pointer; width: 20px; height: 26px; margin-left: -9px; display: grid; place-items: center; border-radius: 6px; color: var(--dim); }
  .menu .dd i { width: 6px; height: 6px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s; }
  .menu .mi.open .dd i { transform: translateY(1px) rotate(225deg); }
  .menu .dd:hover { color: var(--ink); } .menu .dd:focus-visible { outline: 2px solid var(--meso); }
  .menu a:focus-visible, .sb a:focus-visible, .gs input:focus-visible { outline: 2px solid var(--meso); outline-offset: 1px; }
  .dpanel { position: absolute; top: calc(100% + 10px); left: -6px; width: 460px; padding: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 2px 6px;
    background: #0F1320; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; box-shadow: 0 26px 60px rgba(0,0,0,.6);
    opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .14s, transform .14s, visibility 0s .14s; }
  .dpanel::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }   
  .menu .mi.open .dpanel { opacity: 1; visibility: visible; transform: none; transition: opacity .14s, transform .14s; }
  .gs { position: relative; flex: 1; max-width: 540px; margin-left: auto; color: #9B99C4; }
  .gs .mag { position: absolute; left: 14px; top: 50%; width: 16px; height: 16px; transform: translateY(-50%); pointer-events: none; }
  .gs input { width: 100%; height: 38px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); background: #0D1119; color: #fff; font: 14px var(--body); padding: 0 44px 0 40px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04); -webkit-appearance: none; appearance: none; text-overflow: ellipsis; }   
  .gs input::placeholder { color: #8683B0; }
  .gs input::-webkit-search-cancel-button { display: none; }
  .gs input:focus { border-color: rgba(242,181,58,.6); background: #0F1420; }
  @media (max-width: 640px) { .gs { color: var(--dim2); } .gs input { border-color: var(--line2); background: var(--panel); } .gs input::placeholder { color: var(--dim2); } .gs input:focus { background: var(--panel); } }
  .gs kbd { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font: 700 10px var(--display); color: #8683B0; border: 1px solid rgba(255,255,255,.14); border-radius: 5px; padding: 2px 6px; pointer-events: none; }
  .gs input:focus ~ kbd { opacity: 0; }
  .gsr { position: absolute; z-index: 70; left: 0; right: 0; top: calc(100% + 8px); margin: 0; padding: 6px; list-style: none; max-height: min(70vh, 520px); overflow: auto;
    background: #10141F; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; box-shadow: 0 24px 56px rgba(0,0,0,.6); }
  .gsr li a { display: flex; align-items: baseline; gap: 8px; padding: 8px 10px; border-radius: 9px; color: #E8E6FF; text-decoration: none; font: 13.5px var(--body); }
  .gsr li a b { font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .gsr li a em { font-style: normal; color: #8683B0; font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  .gsr li a small { margin-left: auto; color: #8E8CBE; font-size: 11.5px; font-variant-numeric: tabular-nums; flex: none; }
  .gsr li:hover a, .gsr li[aria-selected="true"] a { background: rgba(242,181,58,.13); color: #fff; }
  .gsr li.grp { display: flex; justify-content: space-between; padding: 10px 11px 4px; }
  .gsr li.grp span { font: 800 11px var(--body); letter-spacing: 0; color: var(--meso); }
  .gsr li.grp small { font: 700 10.5px var(--body); color: #8683B0; }
  .gsr li.more a { justify-content: flex-end; font: 700 11.5px var(--body); color: #8E8CBE; padding-top: 3px; }
  .gsr li.none { padding: 12px; color: #8E8CBE; font: 13px var(--body); }
  .signin { flex: none; display: inline-flex; align-items: center; gap: 6px; font: 700 13px var(--display); color: #fff; background: #5865F2; border-radius: 999px; padding: 9px 15px; text-decoration: none; white-space: nowrap; }
  .signin img { width: 20px; height: 20px; border-radius: 50%; image-rendering: auto; }
  .signin.me { background: rgba(255,255,255,.1); }
  .signin .sm { display: none; }
  
  .sb { position: fixed; z-index: 45; left: 0; top: calc(env(safe-area-inset-top, 0px) + var(--hdr)); bottom: 0; width: var(--sbw); overflow-y: auto; overscroll-behavior: contain;
    padding: 10px 12px 28px; background: #0B0F17; border-right: 1px solid var(--line); scrollbar-width: none; }
  .sb::-webkit-scrollbar { display: none; }
  .sb:not(:has(.sbnav)) { display: none; }
  body.has-sb { padding-left: var(--sbw); }
  
  @media (min-width: 901px) {
    :root { --shell: 1440px; --off: max(0px, calc((100vw - var(--shell)) / 2)); }
    body.has-sb { padding-left: calc(var(--off) + var(--sbw)); padding-right: max(var(--off), var(--rr, 0px)); }
    body.has-sb .sb { left: var(--off); border-left: 1px solid var(--line); }
    body.has-sb .nav { margin-left: calc(-1 * (var(--off) + var(--sbw))); margin-right: calc(-1 * max(var(--off), var(--rr, 0px)));
      padding-left: calc(var(--off) + 18px); padding-right: calc(var(--off) + 16px); }
    body.has-sb .nav .brand { min-width: calc(var(--sbw) - 32px); }
  }
  .sb-top { display: none; }
  .sbnav h4 { display: flex; align-items: center; gap: 8px; margin: 16px 8px 6px; font: 800 12px var(--body); letter-spacing: 0; color: var(--meso); }
  .sbnav h4::after { content: ""; flex: 1; height: 1px; background: rgba(242,181,58,.22); }
  .sbnav h4:first-child { margin-top: 4px; }
  .sb-i { position: relative; display: flex; align-items: center; gap: 10px; padding: 5px 8px; border-radius: 9px; text-decoration: none; font: 700 12.5px var(--display); letter-spacing: .04em; color: var(--dim); transition: background .12s, color .12s; }
  a.sb-i:hover { color: var(--ink); background: rgba(255,255,255,.05); }
  .sb-i[aria-current="page"] { color: var(--ink); background: rgba(242,181,58,.12); }
  .sb .sb-i[aria-current="page"]::before { content: ""; position: absolute; left: -12px; top: 7px; bottom: 7px; width: 3px; border-radius: 0 2px 2px 0; background: var(--meso); box-shadow: 0 0 10px rgba(242,181,58,.6); }
  .sb-i .ic { flex: none; width: 28px; height: 28px; border-radius: 6px; display: grid; place-items: center; background: var(--cell); border: 1px solid var(--cell-edge); box-shadow: inset 0 1px 0 #fff; }
  .sb-i .ic img { width: 22px; height: 22px; object-fit: contain; image-rendering: pixelated; }
  .sb-i .l { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .sb-i .cnt { margin-left: auto; font: 600 10.5px var(--body); color: #8A8EAE; font-variant-numeric: tabular-nums; }   
  .sb-i small { margin-left: auto; font: 700 10px var(--body); letter-spacing: .02em; color: var(--meso); }
  .sb-i.soon { opacity: .45; cursor: default; }
  .dpanel .sb-i { padding: 7px 8px; }
  .dpanel .sb-i:hover { background: rgba(242,181,58,.1); }
  
  @media (min-width: 1181px) {
    html[lang^="ko"], html[lang^="zh"] { --sbw: 156px; }   
    html[lang^="ko"] .sb .sbg .sb-i:not([data-one]), html[lang^="zh"] .sb .sbg .sb-i:not([data-one]) { padding: 0 8px 0 16px; }
    .sb { position: fixed; z-index: 45; left: 0; top: var(--hdr); bottom: 0; width: var(--sbw); overflow-y: auto; padding: 8px 10px 16px; background: #0B0F17; border-right: 1px solid var(--line); scrollbar-width: none; }
    .sb::-webkit-scrollbar { display: none; }
    .sb .sb-i .ic, .sb .sb-i .cnt { display: none; }
    .sb .sbg { border-top: 1px solid var(--line); padding: 2px 0 4px; }
    .sb .sbg:first-child { border-top: 0; }
    .sb .sbg > h4, .sb .sbg > summary { display: flex; align-items: center; height: 38px; margin: 0; padding: 0 10px; border-radius: 8px; font: 700 13.5px var(--body); letter-spacing: 0; text-transform: none; color: var(--ink); }
    .sb .sbg > h4::after { display: none; }
    .sb .sbg > summary { list-style: none; cursor: pointer; user-select: none; }
    .sb .sbg > summary::-webkit-details-marker { display: none; }
    .sb .sbg > summary::after { content: ""; margin-left: auto; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); opacity: .55; }
    .sb .sbg[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
    .sb .sbg > summary:hover { background: rgba(255,255,255,.05); }
    .sb .sbg:not([open]) > summary { color: var(--dim); }
    .sb .sbg .sb-i { display: flex; align-items: center; height: 36px; margin: 0; padding: 0 10px 0 22px; border-radius: 8px; text-decoration: none; font: 600 13.5px var(--body); letter-spacing: 0; color: var(--txt); }
    .sb .sbg a.sb-i:hover { color: var(--ink); background: rgba(255,255,255,.07); }
    .sb .sbg .sb-i[aria-current="page"] { color: #1A1400; background: var(--meso); font-weight: 700; }
    .sb .sbg .sb-i[aria-current="page"]::before { display: none; }
    .sb .sbg .sb-i.soon { color: var(--dim2); opacity: .6; }
    .sb .sbg .sb-i small { margin-left: auto; font: 700 10.5px var(--body); letter-spacing: 0; color: var(--dim2); }
    .sb .sbg .sub .sb-i { padding-left: 38px; font-size: 13px; }
    .sb .sbg .sb-i[data-par="open"] { color: var(--ink); background: rgba(242,181,58,.10); }
    .sb .sbg .sb-i[data-one] { height: 38px; padding: 0 10px; font-weight: 700; color: var(--ink); }
    .sb .sbg .sb-i[data-one][aria-current="page"] { color: #1A1400; }
  }
  .sbback { position: fixed; inset: 0; z-index: 44; background: rgba(0,0,0,.55); backdrop-filter: blur(2px); }
  
  .adslot[hidden] { display: none; }
  .adslot { box-sizing: border-box; }
  @media (min-width: 1280px) { html.adsr[lang^="ko"], html.adsr[lang^="zh"] { --rr: 200px; } }   
  @media (min-width: 1366px) { html.adsr { --rr: 200px; } }
  .adr, .adl { position: fixed; z-index: 30; right: 20px; top: calc(env(safe-area-inset-top, 0px) + var(--hdr) + 16px); width: var(--aw); height: var(--ah, 600px); visibility: hidden; pointer-events: none; }
  .adl { right: auto; left: 20px; }
  .adr:has(ins[data-ad-status="filled"]), .adl:has(ins[data-ad-status="filled"]) { visibility: visible; pointer-events: auto; }
  .adr.nofit, .adl.nofit { display: none; }
  @media (max-width: 900px) { .adr, .adl { display: none !important; } }
  .adm { width: 100%; height: 0; overflow: hidden; clear: both; } .adm:has(ins[data-ad-status="filled"]) { height: auto; margin: 48px 0 36px; }
  .dbcol > .ads:has(ins[data-ad-status="filled"]) { margin-top: 18px; }
  .adk { position: fixed; z-index: 44; left: 50%; bottom: 0; transform: translateX(-50%); width: 728px; height: 90px; visibility: hidden; pointer-events: none; }
  .adk:has(ins[data-ad-status="filled"]) { visibility: visible; pointer-events: auto; }
  .adk .adk-x { position: absolute; right: 0; top: -30px; height: 30px; min-width: 40px; padding: 0 12px; border: 1px solid var(--line); border-bottom: 0; border-radius: 8px 8px 0 0; background: #0B0F17; color: #e8e8e8; font: 700 18px/1 var(--body); cursor: pointer; }
  html[data-theme="light"] .adk .adk-x { background: #F6EEDA; color: #333; }
  @media (max-width: 899px) { .adk { display: none !important; } }
  body:has(.adk ins[data-ad-status="filled"]) { padding-bottom: 124px; --adk-h: 124px; }   
  body:has(.adk ins[data-ad-status="filled"]) .fb-btn, body:has(.adk ins[data-ad-status="filled"]) .gw-pill { bottom: calc(136px + var(--flt, 0px)); }
  body:has(.adr:not(.nofit) ins[data-ad-status="filled"]) .gw-pill { right: 204px; }   
  .adb { width: min(970px, calc(100% - 32px)); margin: 0 auto; height: 0; overflow: hidden; }
  .adb:has(ins[data-ad-status="filled"]) { height: auto; margin: 28px auto 18px; }
  .adslot ins[data-ad-status="unfilled"] { display: none !important; }
  .ads { width: 100%; height: 0; overflow: hidden; } .ads:has(ins[data-ad-status="filled"]) { height: auto; }   
  
  @media (max-width: 1180px) {
    :root { --sbw: 68px; }
    .sb { padding: 10px 10px 24px; }
    .sb .sbnav h4 { font-size: 0; margin: 12px 6px 8px; } .sb .sbnav h4::after { background: var(--line); }
    .sb .sbg > summary { font-size: 0; margin: 12px 6px 8px; list-style: none; }
    .sb .sb-i { justify-content: center; padding: 6px 0; } .sb .sb-i .l, .sb .sb-i .cnt, .sb .sb-i small { display: none; }
    .sb .sb-i[aria-current="page"]::before { left: -10px; }
    .gs { max-width: 420px; }
  }
  @media (max-width: 1020px) { .signin .lg { display: none; } .signin .sm { display: inline; } .menu .top { padding: 9px 8px; } }
  
  .mbtn { display: none; }
  @media (max-width: 900px) {
    body.has-sb { padding-left: 0; }
    .menu { display: none; }
    .nav { gap: 10px; padding: 0 12px; }
    .gs { max-width: none; } .gs kbd { display: none; } .gs input { padding-right: 14px; }
    .mbtn { display: inline-grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 10px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.05); color: #fff; cursor: pointer; padding: 0; }
    .mbtn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
    .mbtn i, .mbtn i::before, .mbtn i::after { display: block; width: 18px; height: 2px; border-radius: 2px; background: currentColor; position: relative; transition: transform .18s, background .18s; }
    .mbtn i::before, .mbtn i::after { content: ""; position: absolute; left: 0; } .mbtn i::before { top: -6px; } .mbtn i::after { top: 6px; }
    body.sb-open .mbtn i { background: transparent; } body.sb-open .mbtn i::before { transform: translateY(6px) rotate(45deg); } body.sb-open .mbtn i::after { transform: translateY(-6px) rotate(-45deg); }
    .sb { display: block; width: min(300px, 86vw); z-index: 55; transform: translateX(-102%); transition: transform .22s ease-out, box-shadow .22s; box-shadow: none; padding: 12px 14px 32px; }   
    .sb:not(:has(.sbnav)) { display: block; }
    body.sb-open .sb { transform: none; box-shadow: 20px 0 60px rgba(0,0,0,.5); }
    .sb .sbnav h4 { font-size: 12px; margin: 16px 8px 6px; }   
    .sb .sbg > summary { list-style: none; font: 800 12px var(--body); letter-spacing: .02em; color: var(--meso); margin: 16px 8px 6px; } .sb .sub .sb-i { padding-left: 28px; } .sb .sb-i[data-par="open"] { color: var(--ink); }
    .sb .sb-i { justify-content: flex-start; padding: 7px 8px; } .sb .sb-i .l, .sb .sb-i .cnt, .sb .sb-i small { display: inline; }
    .sb .sb-i .cnt, .sb .sb-i small { margin-left: auto; }
    .sb .sb-i .cnt { font-size: 11.5px; } .sb .sb-i small { font-size: 12px; }   
    .sb-top { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 4px 0 6px; }
    .sb-top a { text-align: center; font: 800 12px var(--display); letter-spacing: .02em; color: var(--ink); text-decoration: none; padding: 11px 6px; border-radius: 10px; background: rgba(255,255,255,.05); border: 1px solid var(--line); }
  }
  @media (max-width: 520px) { .brand .bt small { display: none; } .brand { font-size: 16px; } .signin { padding: 7px 11px; font-size: 12px; } .nav > * { min-width: 0; } .signin.me:has(img) .sm { display: none; } .signin.me:has(img) { padding: 3px; gap: 0; } }
  @media (max-width: 900px) { .nav > .signin { display: none; } }   
  .sb-login { display: none; }
  @media (max-width: 900px) { .sb .sb-login { display: flex; justify-content: center; position: sticky; bottom: -22px; z-index: 2; margin: 14px 0 0; padding: 12px 14px; font-size: 13px; box-shadow: 0 0 0 10px #0A0D14; }    .sb .sb-login .lg { display: inline; } .sb .sb-login .sm { display: none; } }
  @media (prefers-reduced-motion: reduce) { .dpanel, .sb, .mbtn i, .mbtn i::before, .mbtn i::after { transition: none; } }
  @media (max-width: 820px) { input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=color]):not([type=file]), select, textarea { font-size: 16px !important; } }   
  .tk-sum[data-fade], .hp-chips[data-fade], .chg-subs[data-fade] { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); }   
  .enm { flex: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font: 700 13px var(--display); color: #E8E6FA; background: transparent; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; padding: 8px 13px; cursor: pointer; white-space: nowrap; margin-right: 8px; }   
  .enm[aria-pressed="true"] { background: #F2B53A; border-color: #F2B53A; color: #1B1340; }
  .enm:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } .enm .sm { display: none; }
  @media (max-width: 1020px) { .enm .lg { display: none; } .enm .sm { display: inline; } .enm { padding: 7px 10px; } }
  @media (max-width: 900px) { .enm { height: 38px; min-width: 44px; padding: 0 11px; margin-right: 0; } }   
  @media (max-width: 640px) { .langsw { font-size: 14px !important; gap: 0 6px !important; } .langsw a, .langsw span { display: inline-flex; align-items: center; min-height: 40px; padding: 0 10px; } }   
  .enm-toast { position: fixed; z-index: 120; left: 50%; bottom: calc(76px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); max-width: min(92vw, 420px); padding: 10px 16px; border-radius: 12px; background: #1B1F2B; border: 1px solid rgba(242,181,58,.5); color: #F6F2E9; font: 600 13px/1.5 var(--body); text-align: center; box-shadow: 0 12px 30px rgba(0,0,0,.5); }
  .detail { top: calc(env(safe-area-inset-top, 0px) + var(--hdr) + 18px); }
  .page { max-width: 1180px; margin: 0 auto; padding-block: 24px 60px; padding-inline: var(--gutter); width: 100%; }   
  .crumb { font: 600 12px var(--body); color: var(--dim); }
  .crumb a { text-decoration: none; color: #8FE3A6; }
  h1 { font: 700 clamp(22px, 2.4vw, 28px)/1.25 var(--display); margin: 8px 0 6px; text-wrap: balance; }
  .lede { color: var(--dim); margin: 0 0 20px; font-size: 14px; line-height: 1.5; text-wrap: pretty; }
  
  .detail * { scrollbar-width: thin; scrollbar-color: #C99A3A rgba(255,255,255,.05); }
  .detail *::-webkit-scrollbar { width: 8px; height: 8px; }
  .detail *::-webkit-scrollbar-track { background: rgba(255,255,255,.05); border-radius: 999px; margin: 4px 0; }
  .detail *::-webkit-scrollbar-thumb { background: #C99A3A; border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }
  .detail *::-webkit-scrollbar-thumb:hover { background: #E3A11C; background-clip: padding-box; border: 2px solid transparent; }
  
  .sec { scroll-margin-top: calc(env(safe-area-inset-top, 0px) + var(--hdr) + 16px); }
  
  html { scrollbar-width: thin; scrollbar-color: transparent transparent; transition: scrollbar-color .3s; }
  html.sb-on { scrollbar-color: #C99A3A transparent; }
  html::-webkit-scrollbar { width: 10px; background: transparent; }
  html::-webkit-scrollbar-track { background: transparent; }
  html::-webkit-scrollbar-thumb { background: transparent; border-radius: 999px; border: 3px solid transparent; background-clip: padding-box; }
  html.sb-on::-webkit-scrollbar-thumb { background: #C99A3A; background-clip: padding-box; }
  html.sb-on::-webkit-scrollbar-thumb:hover { background: #E3A11C; background-clip: padding-box; }
  
  .layout.pre:not(.dba) > :not(.lcol), .layout.pre:not(.dba) > .lcol > :not(h1):not(.lede) { opacity: 0; animation: pre-show 0s 2s forwards; }   
  .layout, .layout > *, .layout > .lcol > * { transition: opacity .15s ease-out; }
  @keyframes pre-show { to { opacity: 1; } }
  @media (prefers-reduced-motion: reduce) { .layout, .layout > *, .layout > .lcol > * { transition: none; } }
  
  .lcol { min-width: 0; } .lcol h1 { margin-top: 0; } .lcol .lede { margin: 0 0 16px; font-size: 14.5px; }
  
  .lcol .secname { margin: 0 0 6px; font: 700 clamp(22px, 2.4vw, 28px)/1.25 var(--display); text-wrap: balance; }

  
  .gbl { max-width: 720px; margin: 28px auto 0; display: grid; gap: 18px; }
  .gbl.two { max-width: 1080px; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
  .gbl h2 { margin: 0 0 10px; font: 800 14px var(--body); color: #8E8CBE; }
  .gbl ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
  .gbl li a { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 9px 12px; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid var(--line); color: #fff; text-decoration: none; }
  .gbl li a:hover { border-color: rgba(242,181,58,.55); }
  .gbl li .ic { width: 36px; height: 36px; border-radius: 8px; background: var(--cell); border: 1px solid var(--cell-edge); display: grid; place-items: center; } .gbl li .ic img { width: 26px; height: 26px; image-rendering: pixelated; }
  .gbl li b { display: block; font: 700 14px var(--body); } .gbl li small { display: block; font-size: 12px; color: var(--dim); }
  .gbl li i { font-style: normal; color: var(--meso); font-weight: 800; }
  .gbl .all { display: inline-block; margin-top: 8px; font: 800 12px var(--display); color: var(--meso); text-decoration: none; }
  .gbl-v { display: grid; gap: 10px; }
  @media (max-width: 900px) { .gbl.two { grid-template-columns: minmax(0, 1fr); } }
  
  .gbl.gbc { max-width: 1080px; }
  .gbc-h { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin: 0 0 10px; }
  .gbl.gbc .gbc-h h2 { margin: 0; font: 800 17px/1.2 var(--display); letter-spacing: 0; text-transform: none; color: #fff; }
  .gbc-n { font: 600 14px var(--body); color: var(--dim); font-variant-numeric: tabular-nums; }
  .gbc-s { display: block; margin-top: 2px; font-size: 12px; color: var(--dim); }
  .gbl.gbc .gbc-h .all { margin: 0; font: 700 13px var(--body); color: #FFD27A; white-space: nowrap; }
  .gbl.gbc .gbc-g { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  @media (min-width: 720px) { .gbl.gbc:not(.two) .gbc-g { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .gbl.gbc li a { grid-template-columns: 40px minmax(0, 1fr) auto; gap: 10px; padding: 10px 12px; border-radius: 16px; background: #151A22; border: 1px solid #262B36; }
  .gbl.gbc li a:hover { border-color: rgba(242,181,58,.55); }
  .gbl.gbc li .ic { width: 40px; height: 40px; box-shadow: inset 0 0 0 1px #fff; } .gbl.gbc li .ic img { width: 32px; height: 32px; }
  .gbl.gbc li b { font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .gbl.gbc li small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .gbc-b { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 6px; background: rgba(255,255,255,.08); color: #C9C6E4; font: 800 10.5px var(--display); font-style: normal; letter-spacing: .04em; white-space: nowrap; }
  .yt { margin: 0; } .yt .ytf { all: unset; cursor: pointer; position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: #000; border: 1px solid rgba(255,255,255,.12); }
  .yt .ytf img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .yt .ytp { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; transform: translate(-50%, -50%); border-radius: 14px; background: rgba(224,69,43,.92); box-shadow: 0 6px 18px rgba(0,0,0,.5); }
  .yt .ytp::after { content: ""; position: absolute; left: 27px; top: 14px; border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent #fff; }
  .yt .ytf:hover .ytp, .yt .ytf:focus-visible .ytp { background: #E0452B; } .yt .ytf:focus-visible { outline: 2px solid var(--meso); outline-offset: 2px; }
  .yt iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 12px; display: block; }
  .yt figcaption { margin-top: 6px; font: 600 13px/1.4 var(--body); color: #E8E6FF; } .yt figcaption small { display: block; color: var(--dim); font-weight: 400; margin-top: 2px; }

  
  .dbsh, .dbcrumb, .dbfind, .dbtoc, .dbact { display: none; }
  .layout.dba { display: contents; }
  .layout.dba > .detail { display: contents; }
  .layout.dba.pre > .detail > * { opacity: 0; animation: pre-show 0s 2s forwards; }
  main.page:has(> .layout.dba) { padding-top: 20px; }
  @media (max-width: 900px) { main.page:has(> .layout.dba) { width: 100%; padding-inline: 16px; } }
  
  .dbh { margin: 0 0 14px; }
  .layout.dba .dbh { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; align-items: center; }
  .layout.dba .dbh-t { display: contents; }
  .layout.dba .dbh-t > * { grid-column: 1 / -1; }
  .layout.dba .dbh-t > .dbcrumb { grid-column: 1; grid-row: 1; }
  .layout.dba .dbh > .dbfind { grid-column: 2; grid-row: 1; }
  .layout.dba .dbcrumb { display: flex; flex-wrap: nowrap; align-items: center; gap: 0 6px; min-width: 0; margin: 0; font: 600 12px/1.5 var(--body); color: var(--dim); white-space: nowrap; }
  .layout.dba .dbcrumb + * { margin-top: 6px; }
  .dbcrumb a { color: var(--dim); text-decoration: none; } .dbcrumb a:hover { color: var(--ink); }
  .dbcrumb i { font-style: normal; opacity: .6; }
  .dbcrumb span { color: var(--ink); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dbh h1, .dbh h2.mname, .dbh h2.qname, .dbh h2.nname { margin: 0; font: 700 clamp(22px, 2.4vw, 28px)/1.25 var(--display); text-wrap: balance; overflow-wrap: anywhere; }
  .dbh h1.qname, .dbh h2.qname { font-size: clamp(22px, 2.4vw, 28px); }   
  .dbsub { margin: 4px 0 0; font: 12px/1.5 var(--body); color: var(--dim); font-variant-numeric: tabular-nums; }
  
  .dbpill { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 40px; padding: 0 18px; border-radius: 999px;
    background: #F2B53A; color: #15120A; border: 1px solid #C98A1A;
    font: 800 13px/1 var(--display); letter-spacing: 0; white-space: nowrap; text-align: center; text-decoration: none; }
  .dbpill:hover { background: #FFC24D; } .dbpill:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
  .dbpill.ghost { background: rgba(255,255,255,.05); color: var(--ink); border-color: rgba(255,255,255,.16); box-shadow: none; }
  .dbpill.ghost:hover { filter: none; border-color: rgba(242,181,58,.6); }
  .dbpill.sm { height: 32px; padding: 0 13px; font-size: 12px; }
  .dbpill svg { width: 14px; height: 14px; flex: none; }
  .dbpill span { overflow: hidden; text-overflow: ellipsis; }
  .dbpill [hidden] { display: none; }
  .layout.dba .dbfind { display: inline-flex; flex: none; }
  .layout.dba .dbact { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
  .dbact .dbpill { flex: 1 1 auto; min-width: 0; } .dbact .dbpill:only-child { flex: none; }   
  @media (min-width: 561px) { .dbact .dbpill { flex: none; } }
  
  .layout.dba .dbtoc { position: sticky; top: calc(env(safe-area-inset-top, 0px) + var(--hdr)); z-index: 40; display: flex; gap: 6px; margin: 16px -16px 0; padding: 10px 16px;
    background: rgba(11,13,18,.97); border-bottom: 1px solid rgba(255,255,255,.08);
    overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
  .dbtoc::-webkit-scrollbar { display: none; }
  @media (max-width: 640px) { .layout.dba .dbtoc { padding: 10px 72px 8px 16px; } }   
  .dbtoc a { flex: none; display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.12);
    font: 700 12px/1 var(--body); color: #C9C6E4; text-decoration: none; white-space: nowrap; }
  .dbtoc a b { font-weight: 600; color: #8E8CBE; font-variant-numeric: tabular-nums; }
  .dbtoc a:hover { color: #fff; border-color: rgba(242,181,58,.5); }
  .dbtoc a.on { background: rgba(242,181,58,.16); border-color: #F2B53A; color: #FFD27A; } .dbtoc a.on b { color: #FFD27A; }
  .dbtoc a:focus-visible { outline: 2px solid var(--meso); outline-offset: 1px; }
  .dbtoc a[hidden] { display: none; }
  
  .dbsecs { display: flex; flex-direction: column; gap: 20px; margin-top: 18px; }
  .dbsecs .sec, .dbsecs .drops { margin-top: 0; }
  .dbcol { display: contents; }
  .dbsecs #sec-maps { order: 2; } .dbsecs #sec-calc { order: 3; }
  @media (min-width: 1024px) {
    .layout.dba .dbsecs.two { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 20px; align-items: start; }
    .layout.dba .dbsecs.two > .dbcol { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
  }
  .layout.dba .sec, .layout.dba ~ .gbl, .layout.dba ~ .pagesum { scroll-margin-top: calc(env(safe-area-inset-top, 0px) + var(--hdr) + 64px) !important; }
  .layout.dba ~ .gbl { margin: 28px 0 0; } .layout.dba ~ .pagesum { margin: 28px 0 0; }
  
  .layout.dba .top .nameline { margin-bottom: 8px; }
  @media (min-width: 921px) {
    .layout.dba .dbhero { display: grid; grid-template-columns: calc(250 * var(--g)) minmax(0, 1fr); gap: 20px; align-items: start; }
    .layout.dba .dbhero-r > .g-extra:first-child { margin-top: 0; }
    .layout.dba .dbhero-r > .g-extra[hidden]:first-child + .under { margin-top: 0; }
    .layout.dba .dbhero-r > .under:first-child { margin-top: 0; }
  }
  
  .layout.dba .lcol { position: fixed; z-index: 57; left: 0; right: 0; bottom: 0; display: block; max-height: calc(100vh - var(--hdr) - 16px); max-height: calc(100dvh - var(--hdr) - 16px);
    overflow-y: auto; overscroll-behavior: contain; padding: 8px 12px calc(14px + env(safe-area-inset-bottom, 0px)); background: #151A22;
    border: 1px solid rgba(255,255,255,.12); border-bottom: 0; border-radius: 18px 18px 0 0; box-shadow: 0 -18px 40px rgba(0,0,0,.5);
    transform: translateY(104%); visibility: hidden; transition: transform .24s cubic-bezier(.2,.8,.2,1), visibility 0s .24s; }
  .layout.dba .lcol.open { transform: none; visibility: visible; transition: transform .24s cubic-bezier(.2,.8,.2,1); }
  .layout.dba .lcol:focus { outline: none; }
  @media (min-width: 901px) { .layout.dba .lcol { right: auto; width: 460px; left: calc(var(--off, 0px) + var(--sbw) + (100vw - 2 * var(--off, 0px) - var(--sbw) - 460px) / 2); } }
  .layout.dba .dbsh { display: block; position: relative; height: 14px; }
  .dbsh .grab { position: absolute; left: 50%; top: 2px; width: 40px; height: 4px; margin-left: -20px; border-radius: 999px; background: rgba(255,255,255,.2); }
  .dbx { all: unset; box-sizing: border-box; cursor: pointer; position: absolute; right: 0; top: 4px; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 999px;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); color: var(--ink); z-index: 1; }
  .dbx svg { width: 14px; height: 14px; } .dbx:hover { border-color: rgba(242,181,58,.6); } .dbx:focus-visible { outline: 2px solid var(--meso); outline-offset: 1px; }
  
  .layout.dba .lcol .secname, .layout.dba .lcol h1 { margin: 0 44px 10px 2px; font: 800 20px/1.3 var(--display); color: #C9C6E4; }
  .layout.dba .lcol .lede, .layout.dba .lside { display: none; }
  .layout.dba .lcol :is(.rows, .grid) { height: min(46vh, 440px); min-height: 220px; }
  .dbsback { position: fixed; inset: 0; z-index: 56; background: rgba(0,0,0,.55); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
  .dbsback[hidden] { display: none; }
  html.dbs-open { overflow: hidden; }
  @media (prefers-reduced-motion: reduce) { .layout.dba .lcol { transition: none; } }
  :root { --b-r: 12px; --b-pri: #F2B53A; --b-pri-ink: #0B0D12; --b-sec-bg: #151A22; --b-sec-bd: #2C3340; --b-sec-ink: #F6F2E9; --b-chip-bd: #2C3340; --b-chip-ink: #C9CDD6;
    --b-on-bd: #F2B53A; --b-on-bg: #2A2208; --b-on-ink: #FFD27A; --b-dc: #5865F2; --b-red-bd: #E0452B; --b-red-ink: #FF9C8A; }   
  :root:root .dbpill:not(.ghost), :root:root .tk-pill:not(.ghost), :root:root .tosim, :root:root .mk-btn:not(.ghost):not(.discord):not(.danger):not(.danger2), :root:root .qdb:not([aria-pressed="true"]), :root:root .spz .tb.gold, :root:root .cz .c-pill, :root:root .spz .rb:not(.ghost), :root:root .ib.go, :root:root .ctl .acts .pri, :root:root .shrow button, :root:root .rgo, :root:root #hpGo, :root:root .hp-cta, :root:root .hp-btn, :root:root .hp-ask form button, :root:root .hp-myf button, :root:root .dbpill.ghost, :root:root .tk-pill.ghost, :root:root .mk-btn.ghost, :root:root .spz .tb:not(.gold), :root:root .spz .rb.ghost, :root:root .cz .c-ghost, :root:root .gh .act.shb:not(.b2), :root:root .ib:not(.go), :root:root .pgmore, :root:root .pmore, :root:root .allmaps, :root:root .reset, :root:root .ctl .acts button:not(.pri), :root:root .stg-acts button, :root:root .pa button:not(.del), :root:root .hp-x.hp-ed, :root:root .dbx, :root:root .mk-btn.danger, :root:root .mk-btn.danger2, :root:root .hp-x:not(.hp-ed), :root:root .mk-btn.discord, :root:root .hp-dc, :root:root .shrow a { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--b-r); font-weight: 700; text-decoration: none; text-shadow: none; }   
  :root:root .dbpill:not(.ghost), :root:root .tk-pill:not(.ghost), :root:root .tosim, :root:root .mk-btn:not(.ghost):not(.discord):not(.danger):not(.danger2), :root:root .qdb:not([aria-pressed="true"]), :root:root .spz .tb.gold, :root:root .cz .c-pill, :root:root .ib.go, :root:root .ctl .acts .pri, :root:root .shrow button, :root:root .rgo, :root:root #hpGo, :root:root .hp-cta, :root:root .hp-btn, :root:root .hp-ask form button, :root:root .hp-myf button, :root:root .dbpill.ghost, :root:root .tk-pill.ghost, :root:root .mk-btn.ghost, :root:root .spz .tb:not(.gold), :root:root .cz .c-ghost, :root:root .gh .act.shb:not(.b2), :root:root .ib:not(.go), :root:root .reset, :root:root .ctl .acts button:not(.pri), :root:root .stg-acts button, :root:root .pa button:not(.del), :root:root .hp-x.hp-ed, :root:root .mk-btn.danger, :root:root .mk-btn.danger2, :root:root .hp-x:not(.hp-ed), :root:root .mk-btn.discord, :root:root .hp-dc, :root:root .shrow a { gap: 6px; }
  :root:root .dbpill:not(.ghost), :root:root .tk-pill:not(.ghost), :root:root .tosim, :root:root .mk-btn:not(.ghost):not(.discord):not(.danger):not(.danger2), :root:root .qdb:not([aria-pressed="true"]), :root:root .spz .tb.gold, :root:root .cz .c-pill, :root:root .spz .rb:not(.ghost), :root:root .ib.go, :root:root .ctl .acts .pri, :root:root .shrow button, :root:root .rgo, :root:root #hpGo, :root:root .hp-cta, :root:root .hp-btn, :root:root .hp-ask form button, :root:root .hp-myf button { min-height: 48px; background: var(--b-pri); background-image: none; color: var(--b-pri-ink); border: 0; box-shadow: none; font-size: 15px; }   
  :root:root .dbpill:not(.ghost):hover, :root:root .tk-pill:not(.ghost):hover, :root:root .tosim:hover, :root:root .mk-btn:not(.ghost):not(.discord):not(.danger):not(.danger2):hover, :root:root .qdb:not([aria-pressed="true"]):hover, :root:root .spz .tb.gold:hover, :root:root .cz .c-pill:hover, :root:root .spz .rb:not(.ghost):hover, :root:root .ib.go:hover, :root:root .ctl .acts .pri:hover, :root:root .shrow button:hover, :root:root .rgo:hover, :root:root #hpGo:hover, :root:root .hp-cta:hover, :root:root .hp-btn:hover, :root:root .hp-ask form button:hover, :root:root .hp-myf button:hover { background: #FFC24D; background-image: none; color: var(--b-pri-ink); }
  :root:root .dbpill.ghost, :root:root .tk-pill.ghost, :root:root .mk-btn.ghost, :root:root .spz .tb:not(.gold), :root:root .spz .rb.ghost, :root:root .cz .c-ghost, :root:root .gh .act.shb:not(.b2), :root:root .ib:not(.go), :root:root .pgmore, :root:root .pmore, :root:root .allmaps, :root:root .reset, :root:root .ctl .acts button:not(.pri), :root:root .stg-acts button, :root:root .pa button:not(.del), :root:root .hp-x.hp-ed, :root:root .dbx { min-height: 44px; background: var(--b-sec-bg); background-image: none; color: var(--b-sec-ink); border: 1px solid var(--b-sec-bd); box-shadow: none; font-size: 14px; }   
  :root:root .dbpill.ghost:hover, :root:root .tk-pill.ghost:hover, :root:root .mk-btn.ghost:hover, :root:root .spz .tb:not(.gold):hover, :root:root .spz .rb.ghost:hover, :root:root .cz .c-ghost:hover, :root:root .gh .act.shb:not(.b2):hover, :root:root .ib:not(.go):hover, :root:root .pgmore:hover, :root:root .pmore:hover, :root:root .allmaps:hover, :root:root .reset:hover, :root:root .ctl .acts button:not(.pri):hover, :root:root .stg-acts button:hover, :root:root .pa button:not(.del):hover, :root:root .hp-x.hp-ed:hover, :root:root .dbx:hover { background: var(--b-sec-bg); color: var(--b-sec-ink); border-color: var(--b-pri); filter: none; }
  :root:root .mk-btn.danger, :root:root .mk-btn.danger2, :root:root .hp-x:not(.hp-ed) { min-height: 44px; background: transparent; color: var(--b-red-ink); border: 1px solid var(--b-red-bd); box-shadow: none; font-size: 14px; }   
  :root:root .mk-btn.danger:hover, :root:root .mk-btn.danger2:hover, :root:root .hp-x:not(.hp-ed):hover { background: rgba(224,69,43,.1); color: var(--b-red-ink); border-color: var(--b-red-bd); }
  :root:root .mk-btn.discord, :root:root .hp-dc, :root:root .shrow a { min-height: 44px; background: var(--b-dc); background-image: none; color: #fff; border: 0; box-shadow: none; font-size: 14px; }   
  :root:root .mk-btn.discord:hover, :root:root .hp-dc:hover, :root:root .shrow a:hover { background: #6B76FF; color: #fff; }
  :root:root .qdb[aria-pressed="true"] { border-radius: var(--b-r); min-height: 48px; }   
  :root:root .signin { min-height: 38px; padding: 0 16px; border-radius: var(--b-r); font-size: 13px; }   
  :root:root .signin:not(.me) { background: var(--b-dc); color: #fff; }
  :root:root .dbpill:not(.ghost):disabled, :root:root .tk-pill:not(.ghost):disabled, :root:root .tosim:disabled, :root:root .mk-btn:not(.ghost):not(.discord):not(.danger):not(.danger2):disabled, :root:root .qdb:not([aria-pressed="true"]):disabled, :root:root .spz .tb.gold:disabled, :root:root .cz .c-pill:disabled, :root:root .spz .rb:not(.ghost):disabled, :root:root .ib.go:disabled, :root:root .ctl .acts .pri:disabled, :root:root .shrow button:disabled, :root:root .rgo:disabled, :root:root #hpGo:disabled, :root:root .hp-cta:disabled, :root:root .hp-btn:disabled, :root:root .hp-ask form button:disabled, :root:root .hp-myf button:disabled, :root:root .dbpill.ghost:disabled, :root:root .tk-pill.ghost:disabled, :root:root .mk-btn.ghost:disabled, :root:root .spz .tb:not(.gold):disabled, :root:root .spz .rb.ghost:disabled, :root:root .cz .c-ghost:disabled, :root:root .gh .act.shb:not(.b2):disabled, :root:root .ib:not(.go):disabled, :root:root .pgmore:disabled, :root:root .pmore:disabled, :root:root .allmaps:disabled, :root:root .reset:disabled, :root:root .ctl .acts button:not(.pri):disabled, :root:root .stg-acts button:disabled, :root:root .pa button:not(.del):disabled, :root:root .hp-x.hp-ed:disabled, :root:root .dbx:disabled, :root:root .mk-btn.danger:disabled, :root:root .mk-btn.danger2:disabled, :root:root .hp-x:not(.hp-ed):disabled { background: #1E222B; background-image: none; color: #747B8D; border: 1px solid #22262F; cursor: default; opacity: 1; filter: none; }   
  :root:root .pgmore, :root:root .pmore, :root:root .allmaps { display: flex; border-radius: var(--b-r); }
  :root:root .dbpill.sm, :root:root .tk-pill.sm, :root:root .tk-bar .tk-pill, :root:root .tk-sheet .tk-pill, :root:root .bar .mk-btn, :root:root .bar .ib, :root:root .spz .tb, :root:root .spz .rb, :root:root .dbh .dbpill, :root:root .dbshw .dbpill, :root:root .dbact .dbpill, :root:root .cz .cb-pipph .c-pill, :root:root .rhd .mk-btn, :root:root .fft .mk-btn { min-height: 44px; }   
  :root:root .spz .sk-b .rb { min-height: 40px; }   
  :root:root .tk-bar.compact .tk-acts .tk-pill, :root:root .tk-bar.compact .tk-acts .tk-pill:hover { border-radius: 0; background: none; border: 0; box-shadow: none; color: #FFD27A; min-height: 44px; font-size: 14px; }   
  :root:root .ctl .acts button, :root:root .shrow button, :root:root .shrow a { font-size: 13px; letter-spacing: .04em; white-space: nowrap; padding: 0 8px; }   
  :root:root .pa button:not(.del) { min-height: 36px; font-size: 12px; padding: 0; border-radius: 10px; }   
  :root:root .pa button.del { border-radius: 8px; }
  :root:root .tk-chip, :root:root .tk-sheet .chips button, :root:root .spz .pill, :root:root .cats button, :root:root .cpb button, :root:root .pvbar .poses button, :root:root .seg button, :root:root #modes button, :root:root .vbar button, :root:root .chipline .go, :root:root .chipline .bgm, :root:root .jump button, :root:root .dbtoc a, :root:root .mtabs button, :root:root .pmode button, :root:root .qdh, :root:root .hp-chip, :root:root .tt-sort button { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 12px; border-radius: 999px; background: transparent; background-image: none; border: 1px solid var(--b-chip-bd); color: var(--b-chip-ink); font-size: 13px; font-weight: 700; letter-spacing: 0; text-shadow: none; box-shadow: none; }   
  :root:root .tk-chip:hover, :root:root .tk-sheet .chips button:hover, :root:root .spz .pill:hover, :root:root .cats button:hover, :root:root .cpb button:hover, :root:root .pvbar .poses button:hover, :root:root .seg button:hover, :root:root #modes button:hover, :root:root .vbar button:hover, :root:root .chipline .go:hover, :root:root .chipline .bgm:hover, :root:root .jump button:hover, :root:root .dbtoc a:hover, :root:root .mtabs button:hover, :root:root .pmode button:hover, :root:root .qdh:hover, :root:root .hp-chip:hover, :root:root .tt-sort button:hover { background: transparent; color: #fff; border-color: rgba(242,181,58,.55); }
  :root:root .tk-chip.on, :root:root .tk-chip[aria-pressed="true"], :root:root .tk-chip[aria-selected="true"], :root:root .tk-sheet .chips button.on, :root:root .tk-sheet .chips button[aria-pressed="true"], :root:root .tk-sheet .chips button[aria-selected="true"], :root:root .spz .pill.on, :root:root .spz .pill[aria-pressed="true"], :root:root .spz .pill[aria-selected="true"], :root:root .cats button.on, :root:root .cats button[aria-pressed="true"], :root:root .cats button[aria-selected="true"], :root:root .cpb button.on, :root:root .cpb button[aria-pressed="true"], :root:root .cpb button[aria-selected="true"], :root:root .pvbar .poses button.on, :root:root .pvbar .poses button[aria-pressed="true"], :root:root .pvbar .poses button[aria-selected="true"], :root:root .seg button.on, :root:root .seg button[aria-pressed="true"], :root:root .seg button[aria-selected="true"], :root:root #modes button.on, :root:root #modes button[aria-pressed="true"], :root:root #modes button[aria-selected="true"], :root:root .vbar button.on, :root:root .vbar button[aria-pressed="true"], :root:root .vbar button[aria-selected="true"], :root:root .chipline .go.on, :root:root .chipline .go[aria-pressed="true"], :root:root .chipline .go[aria-selected="true"], :root:root .chipline .bgm.on, :root:root .chipline .bgm[aria-pressed="true"], :root:root .chipline .bgm[aria-selected="true"], :root:root .jump button.on, :root:root .jump button[aria-pressed="true"], :root:root .jump button[aria-selected="true"], :root:root .dbtoc a.on, :root:root .dbtoc a[aria-pressed="true"], :root:root .dbtoc a[aria-selected="true"], :root:root .mtabs button.on, :root:root .mtabs button[aria-pressed="true"], :root:root .mtabs button[aria-selected="true"], :root:root .pmode button.on, :root:root .pmode button[aria-pressed="true"], :root:root .pmode button[aria-selected="true"], :root:root .qdh.on, :root:root .qdh[aria-pressed="true"], :root:root .qdh[aria-selected="true"], :root:root .hp-chip.on, :root:root .hp-chip[aria-pressed="true"], :root:root .hp-chip[aria-selected="true"], :root:root .tt-sort button.on, :root:root .tt-sort button[aria-pressed="true"], :root:root .tt-sort button[aria-selected="true"] { background: var(--b-on-bg); border-color: var(--b-on-bd); color: var(--b-on-ink); }   
  :root:root .tk-chip.on:hover, :root:root .tk-chip[aria-pressed="true"]:hover, :root:root .tk-chip[aria-selected="true"]:hover, :root:root .tk-sheet .chips button.on:hover, :root:root .tk-sheet .chips button[aria-pressed="true"]:hover, :root:root .tk-sheet .chips button[aria-selected="true"]:hover, :root:root .spz .pill.on:hover, :root:root .spz .pill[aria-pressed="true"]:hover, :root:root .spz .pill[aria-selected="true"]:hover, :root:root .cats button.on:hover, :root:root .cats button[aria-pressed="true"]:hover, :root:root .cats button[aria-selected="true"]:hover, :root:root .cpb button.on:hover, :root:root .cpb button[aria-pressed="true"]:hover, :root:root .cpb button[aria-selected="true"]:hover, :root:root .pvbar .poses button.on:hover, :root:root .pvbar .poses button[aria-pressed="true"]:hover, :root:root .pvbar .poses button[aria-selected="true"]:hover, :root:root .seg button.on:hover, :root:root .seg button[aria-pressed="true"]:hover, :root:root .seg button[aria-selected="true"]:hover, :root:root #modes button.on:hover, :root:root #modes button[aria-pressed="true"]:hover, :root:root #modes button[aria-selected="true"]:hover, :root:root .vbar button.on:hover, :root:root .vbar button[aria-pressed="true"]:hover, :root:root .vbar button[aria-selected="true"]:hover, :root:root .chipline .go.on:hover, :root:root .chipline .go[aria-pressed="true"]:hover, :root:root .chipline .go[aria-selected="true"]:hover, :root:root .chipline .bgm.on:hover, :root:root .chipline .bgm[aria-pressed="true"]:hover, :root:root .chipline .bgm[aria-selected="true"]:hover, :root:root .jump button.on:hover, :root:root .jump button[aria-pressed="true"]:hover, :root:root .jump button[aria-selected="true"]:hover, :root:root .dbtoc a.on:hover, :root:root .dbtoc a[aria-pressed="true"]:hover, :root:root .dbtoc a[aria-selected="true"]:hover, :root:root .mtabs button.on:hover, :root:root .mtabs button[aria-pressed="true"]:hover, :root:root .mtabs button[aria-selected="true"]:hover, :root:root .pmode button.on:hover, :root:root .pmode button[aria-pressed="true"]:hover, :root:root .pmode button[aria-selected="true"]:hover, :root:root .qdh.on:hover, :root:root .qdh[aria-pressed="true"]:hover, :root:root .qdh[aria-selected="true"]:hover, :root:root .hp-chip.on:hover, :root:root .hp-chip[aria-pressed="true"]:hover, :root:root .hp-chip[aria-selected="true"]:hover, :root:root .tt-sort button.on:hover, :root:root .tt-sort button[aria-pressed="true"]:hover, :root:root .tt-sort button[aria-selected="true"]:hover { background: var(--b-on-bg); border-color: var(--b-on-bd); color: var(--b-on-ink); }
  :root:root .cpb button i, :root:root .dbtoc a b { color: inherit; opacity: .7; }
  :root:root .spz .pill { font-size: 12.5px; padding: 0 11px; }   
  @media (max-width: 900px) { :root:root .win .chips button, :root:root .win .sort { box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; min-height: 36px; padding: 0 12px; font-size: 13px; line-height: 1.2; white-space: nowrap; } }   
  @media (max-width: 900px) { :root:root .win .chips > :not(button) { flex: none; white-space: nowrap; } }
  @media (max-width: 900px) { :root:root .win .chips { flex-wrap: nowrap; gap: 6px; padding: 2px 28px 2px 6px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); } :root:root .win .chips::-webkit-scrollbar { display: none; } }   
  
  html[lang^="ko"] body { word-break: keep-all; overflow-wrap: anywhere; }
  :root:root button, :root:root .mk-btn, :root:root .dbpill, :root:root .tk-pill, :root:root .tk-chip, :root:root .hp-chip, :root:root .pp, :root:root .chips button, :root:root .seg button { white-space: nowrap; }
  :root:root button:has(img, b + small, .lv, br), :root:root .pcell, :root:root .mk-row, :root:root .cell, :root:root .mrow { white-space: normal; }
  p, li, dd, td, figcaption, .note, .lede, .sub, .hint, .msg, .mtext { text-wrap: pretty; }
  h1, h2, h3, h4, .t, .ttl, .hm-aih { text-wrap: balance; }
  p, li, dd, .note, .lede { line-height: 1.65; }


  
  :root { --body: 'IBM Plex Sans KR', 'IBM Plex Sans', 'Apple SD Gothic Neo', system-ui, sans-serif; --gold-soft: rgba(242,181,58,.14); --green: #2E9E5B; }
  .page { max-width: 1120px; }
  .crumb { color: var(--meso); } .crumb a { color: var(--meso); }
  .crumb span { color: var(--dim); }
  .head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: end; }
  h1 { font-size: clamp(22px, 2.6vw, 30px); font-weight: 700; }
  .lede { max-width: 66ch; font-size: 15px; margin-bottom: 14px; }
  .meta { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
  .meta span { font: 700 11px var(--body); color: #C9C6E4; background: rgba(255,255,255,.05); border: 1px solid var(--line); border-radius: 999px; padding: 4px 10px; }
  .meta span b { color: #8FE3A6; font-weight: 700; }
  
  .later { display: inline-block; vertical-align: middle; font: 800 10px/1 var(--display); letter-spacing: .06em; color: #FFB65C; border: 1px solid rgba(255,182,92,.55); background: rgba(255,182,92,.08); border-radius: 999px; padding: 4px 8px; margin-left: 6px; white-space: nowrap; }
  
  .ans { position: relative; background: var(--panel); border: 1px solid rgba(255,255,255,.1); border-radius: 18px; padding: 16px 18px 12px; margin-bottom: 22px; }
  .ans h2 { margin: 0 0 8px; font: 800 12px var(--display); letter-spacing: 0; color: var(--meso); display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
  .ans h2 .t { white-space: nowrap; }
  .ans h2 small { font: 600 11.5px var(--body); letter-spacing: 0; color: #8683B0; text-transform: none; }
  .ans ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; }
  .ans li { display: grid; grid-template-columns: 28px 52px minmax(0, 1fr); gap: 12px; align-items: center; padding: 9px 10px; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.05); }
  .ans li .n { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font: 800 13px var(--display); background: #F2B53A; color: #2B1D02; }
  .ans li .pic { width: 52px; height: 52px; border-radius: 9px; background: var(--cell); border: 1px solid var(--cell-edge); box-shadow: inset 0 1px 0 #fff; display: grid; place-items: center; overflow: hidden; }
  .ans li .pic img { max-width: 44px; max-height: 44px; object-fit: contain; image-rendering: pixelated; }
  .ans li .pic.two { grid-template-columns: 1fr 1fr; gap: 0; } .ans li .pic.two img { max-width: 24px; max-height: 40px; }
  .ans li p { margin: 0; font: 15px/1.4 var(--body); color: var(--ink); }
  .ans li p b { color: #FFD27A; font-weight: 700; }
  .ans li p small { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 12.5px; color: var(--dim); margin-top: 4px; }
  .ans li p small > a { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; padding: 2px 10px 2px 9px; border-radius: 999px; background: rgba(242,181,58,.16); border: 1px solid rgba(242,181,58,.55); color: #FFD27A; font: 700 11.5px var(--display); letter-spacing: .02em; text-decoration: none; white-space: nowrap; vertical-align: middle; }
  .ans li p small > a:hover { background: #F2B53A; color: #15120A; border-color: transparent; }
  .ans li p a { color: inherit; text-decoration: none; border-bottom: 1px dotted rgba(255,255,255,.35); }
  .ans li p a:hover { color: #FFD27A; }
  
  .route { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 0 0 6px; counter-reset: rt; }
  .route a { position: relative; display: block; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); background: #0B0E15; text-decoration: none; color: #fff; box-shadow: 0 6px 18px rgba(0,0,0,.35); transition: border-color .12s, transform .12s; }
  .route a:hover { border-color: rgba(242,181,58,.6); transform: translateY(-2px); }
  .route img { display: block; width: 100%; height: 92px; object-fit: cover; image-rendering: auto; filter: saturate(1.05); }
  .route figcaption { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; padding: 7px 10px 8px; background: rgba(10,12,20,.92); }
  .route figcaption b { font: 700 13px var(--body); } .route figcaption span { font: 800 10.5px var(--display); letter-spacing: .08em; color: var(--meso); white-space: nowrap; }
  .route a::before { counter-increment: rt; content: counter(rt); position: absolute; left: 8px; top: 8px; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font: 800 11px var(--display); background: var(--meso); color: #2B1D02; box-shadow: 0 2px 8px rgba(0,0,0,.5); }
  .route a::after { content: "›"; position: absolute; right: -9px; top: 36px; font: 800 22px var(--display); color: var(--meso); text-shadow: 0 1px 4px #000; z-index: 2; }
  .route a:last-child::after { display: none; }
  .routenote { margin: 0 0 22px; font: 12.5px var(--body); color: var(--dim); }
  
  .sec { margin-top: 30px; }
  .sec > h2 { margin: 0 0 4px; font: 800 22px/1.15 var(--display); display: flex; align-items: baseline; gap: 10px; }
  .sec > h2 .eb { display: none; }
  .sec > p.sub { margin: 0 0 14px; color: var(--dim); font-size: 14px; max-width: 76ch; }
  
  .mobs { display: grid; grid-template-columns: repeat(var(--mc, 5), minmax(0, 1fr)); gap: 10px; }
  .mob { background: var(--panel); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; overflow: hidden; min-width: 0; }
  .mob .stage { position: relative; display: block; height: 96px; background: #0B0E15 center / cover no-repeat; border-bottom: 1px solid rgba(255,255,255,.08); }
  .mob .stage img { position: absolute; left: 50%; bottom: 16%; transform: translateX(-50%); max-height: 62%; max-width: 70%; image-rendering: auto; filter: drop-shadow(0 4px 6px rgba(0,0,0,.45)); }
  .mob .mb { padding: 9px 10px 10px; }
  .mob .mn { display: block; font: 700 14px var(--body); color: #fff; text-decoration: none; margin-bottom: 7px; } .mob .mn:hover { color: #FFD27A; }
  .mob .tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
  .mob .tiles span { border-radius: 7px; padding: 4px 6px; color: #fff; min-width: 0; }
  .mob .tiles small { display: block; font: 800 8.5px var(--display); letter-spacing: .02em; opacity: .85; } .mob .tiles b { display: block; font: 800 13px var(--display); font-variant-numeric: tabular-nums; }
  .t-lv { background: #43A04E; } .t-hp { background: #D04A3C; } .t-exp { background: #D9962C; }
  .mob .mmaps { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; }
  .mob .mmaps a { font: 600 11px var(--body); color: #C9C6E4; text-decoration: none; background: rgba(255,255,255,.05); border: 1px solid var(--line); border-radius: 999px; padding: 2px 8px; }
  .mob .mmaps a em { font-style: normal; color: var(--meso); font-weight: 800; } .mob .mmaps a:hover { border-color: rgba(242,181,58,.55); color: #fff; }
  
  .xt { width: 100%; border-collapse: collapse; font: 14px var(--body); color: #E8E6FF; margin-top: 8px; }
  .xt th, .xt td { padding: 9px 10px; border-bottom: 1px solid rgba(255,255,255,.07); text-align: right; font-variant-numeric: tabular-nums; vertical-align: middle; }
  .xt th { font: 800 10.5px var(--display); letter-spacing: 0; color: #A9A7DA; }
  .xt th:first-child, .xt td:first-child, .xt th.l, .xt td.l { text-align: left; }
  .xt td.k { color: #FFD27A; font-weight: 800; }
  .xt tr.hi td { background: var(--gold-soft); }
  .xt tr.hi td:first-child { color: #FFD27A; }
  .xt tr.dim td { color: var(--dim); }
  .tw { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .mbs, .its { display: inline-flex; align-items: center; gap: 5px; text-decoration: none; color: #fff; font: 600 13px var(--body); white-space: nowrap; }
  .mbs img { width: 28px; height: 24px; flex: none; object-fit: contain; object-position: center; } .its img { width: 22px; height: 22px; flex: none; object-fit: contain; image-rendering: pixelated; }
  
  .mbs, .its { vertical-align: middle; } .xt td.l { white-space: nowrap; }
  .xt td:first-child { padding-left: 14px; }
  .mbs em, .its em { font-style: normal; color: var(--meso); font-weight: 800; }
  .mbs:hover, .its:hover { color: #FFD27A; }
  .its.sk { white-space: normal; } .its.sk img { width: 24px; height: 24px; image-rendering: auto; }   
  
  .tl { list-style: none; margin: 0; padding: 0 0 0 18px; position: relative; }
  .tl::before { content: ""; position: absolute; left: 4px; top: 8px; bottom: 8px; width: 2px; background: rgba(242,181,58,.35); }
  .tl .ph { position: relative; margin: 18px 0 8px; font: 800 11px var(--display); letter-spacing: 0; color: var(--meso); }
  .tl .ph::before { content: ""; position: absolute; left: -18px; top: 2px; width: 10px; height: 10px; border-radius: 50%; background: var(--meso); box-shadow: 0 0 0 4px rgba(242,181,58,.18); }
  .tl .ph:first-child { margin-top: 4px; }
  .q { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 12px; align-items: start; padding: 10px 12px; margin: 0 0 6px; border-radius: 14px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06); }
  .q:hover { border-color: rgba(255,255,255,.14); }
  .qn { display: flex; flex-direction: column; align-items: center; gap: 4px; text-decoration: none; color: #fff; text-align: center; }
  .qn img { height: 64px; max-width: 84px; object-fit: contain; image-rendering: auto; filter: drop-shadow(0 3px 4px rgba(0,0,0,.5)); }
  .qn span { font: 700 12.5px var(--body); line-height: 1.2; } .qn small { display: block; font: 600 10.5px var(--body); color: var(--dim); }
  .qt { font: 700 16px var(--body); color: #fff; text-decoration: none; } .qt:hover { color: #FFD27A; }
  .q .row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 6px; font-size: 13px; }
  .q .lab { font: 800 12px var(--display); letter-spacing: .06em; color: #8E8CBE; width: 44px; }   
  .q .exp { font: 800 12px var(--display); color: #FFD27A; } .q .meso { font: 800 12px var(--display); color: #FFD27A; }
  .q .rnd { color: #C9C6E4; font-size: 12.5px; }
  .q .note { margin-left: 8px; font: 700 11px var(--body); color: #8FE3A6; }
  .tip, .warn { margin: 8px 0 0; font: 13px/1.5 var(--body); padding: 7px 10px; border-radius: 9px; }
  .tip { color: #E8E6FF; background: rgba(143,227,166,.08); border: 1px solid rgba(143,227,166,.25); }
  .warn { color: #FFE0D8; background: rgba(224,69,43,.1); border: 1px solid rgba(224,69,43,.35); }
  .tip b, .warn b { color: #fff; }
  
  .jobs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
  .job { background: var(--panel); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; padding: 12px 14px; min-width: 0; }
  .job h3 { margin: 0 0 6px; font: 800 15px var(--body); display: flex; align-items: center; gap: 8px; }
  .job h3 img { width: 30px; height: 30px; object-fit: contain; image-rendering: pixelated; }
  .job .goal { font: 800 15px var(--display); color: #FFD27A; margin: 0 0 4px; }
  .job p { margin: 0; font: 13px/1.5 var(--body); color: #C9C6E4; }
  .skills { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
  .sk { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid var(--line); color: #fff; text-decoration: none; }
  .sk .ic { width: 48px; height: 48px; border-radius: 8px; background: var(--cell); border: 1px solid var(--cell-edge); display: grid; place-items: center; }
  .sk .ic img { width: 36px; height: 36px; image-rendering: pixelated; }
  .sk b { display: block; font: 700 14px var(--body); } .sk small { display: block; color: var(--dim); font-size: 12px; margin-top: 2px; }
  .sk em { font: 800 12px var(--display); font-style: normal; color: var(--meso); margin-left: 6px; }
  
  .jt td:first-child b { display: block; font-weight: 700; }
  .npc { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: #fff; }
  .npc img { height: 44px; max-width: 60px; object-fit: contain; image-rendering: auto; }
  .npc span b { display: block; font: 700 13.5px var(--body); } .npc span small { display: block; font-size: 11.5px; color: var(--dim); }
  .npc:hover b { color: #FFD27A; }
  
  .wcmp { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 14px; align-items: start; }
  .weps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .it { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 9px; align-items: center; padding: 8px 10px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid var(--line); text-decoration: none; color: #fff; min-width: 0; }
  .it .ic { width: 44px; height: 44px; border-radius: 7px; background: var(--cell); border: 1px solid var(--cell-edge); box-shadow: inset 0 1px 0 #fff; display: grid; place-items: center; }
  .it .ic img { width: 36px; height: 36px; object-fit: contain; image-rendering: pixelated; }
  .it b { display: block; font: 700 14px var(--body); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .it small { display: block; font-size: 12px; color: var(--dim); }
  .it:hover { border-color: rgba(242,181,58,.55); } .it.win { border-color: rgba(242,181,58,.7); background: var(--gold-soft); }
  .it.win .ic { box-shadow: inset 0 1px 0 #fff, 0 0 0 2px rgba(242,181,58,.6); }
  .wep { display: block; }
  .wep .it { grid-template-columns: 52px minmax(0, 1fr); padding: 10px 12px; } .wep .it .ic { width: 52px; height: 52px; } .wep .it .ic img { width: 42px; height: 42px; }
  .wep .st { font: 800 20px var(--display); color: #fff; font-variant-numeric: tabular-nums; } .wep .st small { display: inline; font: 700 11px var(--display); letter-spacing: .02em; color: var(--dim); margin-left: 4px; }
  .wep .it.win .st { color: #FFD27A; }
  .callout { margin: 12px 0 0; padding: 12px 14px; border-radius: 12px; background: var(--gold-soft); border: 1px solid rgba(242,181,58,.35); font: 14px/1.55 var(--body); }
  .callout b { color: #FFD27A; }
  .calclink { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; padding: 8px 14px; border-radius: 999px; background: var(--meso); color: #1B1340; font: 800 12.5px var(--display); text-decoration: none; }
  .calclink:hover { background: #FFD27A; }
  .calclink img { width: 20px; height: 20px; image-rendering: pixelated; }
  .gear { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
  .gear .g { background: rgba(255,255,255,.03); border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; }
  .gear .g h3 { margin: 0 0 8px; font: 800 14px var(--body); }
  .gear .g p { margin: 6px 0 0; font: 13px/1.55 var(--body); color: #C9C6E4; }
  
  .dont { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .dont li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; align-items: start; padding: 11px 12px; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid var(--line); font: 14px/1.5 var(--body); }
  .dont li i { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; font-style: normal; font: 800 14px var(--display); background: rgba(224,69,43,.18); color: #FF9A8A; border: 1px solid rgba(224,69,43,.4); }
  .dont li b { color: #fff; } .dont li small { display: block; color: var(--dim); font-size: 12.5px; margin-top: 2px; }
  .dont li.pt { border-color: rgba(242,181,58,.5); background: var(--gold-soft); } .dont li.pt i { background: #F2B53A; color: #2B1D02; border-color: transparent; }
  .party { display: inline-flex; gap: 6px; margin-top: 6px; }
  .party span { font: 800 12px var(--display); padding: 3px 9px; border-radius: 999px; background: rgba(255,255,255,.07); color: #E8E6FF; } .party span.k { background: var(--meso); color: #1B1340; }
  
  .coll { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
  .coll > a { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 10px; align-items: center; padding: 12px; border-radius: 14px; background: var(--panel); border: 1px solid rgba(255,255,255,.1); color: #fff; text-decoration: none; }
  .coll > a .ic { width: 40px; height: 40px; border-radius: 8px; background: var(--cell); border: 1px solid var(--cell-edge); display: grid; place-items: center; } .coll > a .ic img { width: 30px; height: 30px; image-rendering: pixelated; }
  .coll > a b { display: block; font: 700 14px var(--body); } .coll > a small { display: block; font-size: 12px; color: var(--dim); }
  .coll > a:hover { border-color: rgba(242,181,58,.55); }
  .faq { display: grid; gap: 6px; }
  .faq details { border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.03); padding: 0 14px; }
  .faq summary { cursor: pointer; padding: 12px 0; font: 700 15px var(--body); list-style: none; display: flex; justify-content: space-between; gap: 10px; }
  .faq summary > span { min-width: 0; }
  .faq summary::-webkit-details-marker { display: none; } .faq summary::after { content: "+"; color: var(--meso); font: 800 18px var(--display); }
  .faq details[open] summary::after { content: "–"; }
  .faq p { margin: 0 0 12px; color: #C9C6E4; font: 14px/1.6 var(--body); }
  .next { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
  .next > a { padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.03); border: 1px solid var(--line); color: #fff; text-decoration: none; }
  .next > a small { display: block; font: 800 12px var(--display); letter-spacing: .02em; color: var(--meso); } .next > a b { display: block; font: 700 14.5px var(--body); margin-top: 3px; }
  .next > a:hover { border-color: rgba(242,181,58,.55); }
  .basis { margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--dim); font: 13px/1.65 var(--body); max-width: 80ch; }
  .basis b { color: #C9C6E4; font-weight: 600; }
  .foot { padding: 28px 16px calc(env(safe-area-inset-bottom, 0px) + 28px); font-size: 12px; color: var(--dim); text-align: center; border-top: 1px solid var(--line); }
  a.inl { color: #FFD27A; text-decoration: none; border-bottom: 1px dotted rgba(255,210,122,.5); }
  
  @media (max-width: 1100px) { .mobs { grid-template-columns: repeat(var(--mc3, 3), minmax(0, 1fr)); } .jobs, .coll, .next { grid-template-columns: repeat(2, minmax(0, 1fr)); } .route { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
  @media (max-width: 760px) {
    .head { grid-template-columns: minmax(0, 1fr); }
    .ans ol { grid-template-columns: minmax(0, 1fr); } .ans li p { font-size: 14px; }
    .route { grid-template-columns: repeat(2, minmax(0, 1fr)); } .route a::after { display: none; } .route img { height: 78px; }
    .mobs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wcmp, .gear, .dont, .jobs, .skills, .coll, .next { grid-template-columns: minmax(0, 1fr); }
    .weps { grid-template-columns: minmax(0, 1fr); }
    .q { grid-template-columns: 64px minmax(0, 1fr); gap: 10px; padding: 10px; } .qn img { height: 52px; }
    .sec > h2 { flex-direction: column; align-items: flex-start; gap: 6px; font-size: 20px; } .q .note { display: block; margin: 2px 0 0; }
    .xt { font-size: 13px; } .xt th, .xt td { padding: 7px 6px; }
  }

  
  
  .next > .soon, .coll > .soon { padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.02); border: 1px dashed var(--line); color: #fff; opacity: .6; }
  .coll > .soon { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 10px; align-items: center; padding: 12px; }
  .coll > .soon .ic { width: 40px; height: 40px; border-radius: 8px; background: var(--cell); border: 1px solid var(--cell-edge); display: grid; place-items: center; } .coll > .soon .ic img { width: 30px; height: 30px; image-rendering: pixelated; }
  .coll > .soon b { display: block; font: 700 14px var(--body); } .coll > .soon small { display: block; font-size: 12px; color: var(--dim); }
  .next > .soon small { display: block; font: 800 12px var(--display); letter-spacing: .02em; color: var(--meso); } .next > .soon b { display: block; font: 700 14.5px var(--body); margin-top: 3px; }
  .soon-tag { display: inline-block; margin-top: 6px; font: 800 9.5px var(--display); letter-spacing: .02em; color: var(--dim); border: 1px solid var(--line); border-radius: 999px; padding: 2px 7px; }
  a.more { display: inline-block; margin-top: 10px; font: 800 12.5px var(--display); color: var(--meso); text-decoration: none; }
  a.more:hover { color: #FFD27A; }
  
  .gh .head > div > h1 { margin-top: 4px; }
  .gh-k { display: block; margin: 0; font: 800 11px/1.4 var(--display); letter-spacing: 0; color: #F2B53A; }
  .gh .head .lede { margin: 6px 0 0; font-size: 14px; color: var(--dim); }
  @media (max-width: 760px) { .gh .head { row-gap: 18px; } }
  .gh .head > .share { margin: 0; }
  .gh .act.shb { height: 32px; padding: 0 13px; gap: 6px; justify-content: center; border-radius: 999px; background: #F2B53A; color: #15120A; border: 1px solid #C98A1A; font: 800 12px var(--display); letter-spacing: .02em; }
  .gh .act.shb:hover { background: #FFC24D; color: #15120A; }
  @media (max-width: 760px) { .gh .head > .share, .gh .head .shw, .gh .act.shb { width: 100%; } }
  .ghj { margin-top: 22px; container-type: inline-size; scroll-margin-top: calc(env(safe-area-inset-top, 0px) + var(--hdr) + 8px); }
  .ghj > .gh-k { margin-bottom: 8px; }
  .gh-tabs { display: flex; gap: 6px; }
  .gh-t { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px 2px 7px; border-radius: 12px; border: 1px solid rgba(255,255,255,.1); border-top: 3px solid var(--jc); background: rgba(255,255,255,.03); color: #C9C6E4; font: 700 11px/1.3 var(--body); text-decoration: none; text-align: center; }
  .gh-t > span:last-child { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .gh-t:hover { color: #fff; border-color: rgba(242,181,58,.55); border-top-color: var(--jc); }
  .gh-t[aria-current="true"] { border-color: #F2B53A; border-top-color: var(--jc); background: rgba(242,181,58,.14); color: #FFD27A; }
  .gh-t:focus-visible { outline: 2px solid #FFD27A; outline-offset: 2px; }
  .gh-ic { flex: none; width: 40px; height: 40px; display: inline-grid; place-items: center; border-radius: 8px; background: var(--cell); border: 1px solid var(--cell-edge); box-shadow: inset 0 0 0 1px #fff; }
  .gh-ic img { width: 32px; height: 32px; object-fit: contain; image-rendering: pixelated; }
  .gh-ic.lg { width: 56px; height: 56px; border-radius: 10px; } .gh-ic.lg img { width: 44px; height: 44px; }
  .gh-ic.sm { width: 30px; height: 30px; border-radius: 6px; } .gh-ic.sm img { width: 24px; height: 24px; }
  .gh-ps { margin-top: 18px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .ghj.on .gh-p:not(.cur) { display: none; }
  .gh-p { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; align-items: start; min-width: 0; scroll-margin-top: calc(env(safe-area-inset-top, 0px) + var(--hdr) + 8px); }
  .gh .lvb { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 6px; background: rgba(255,255,255,.08); font: 800 10.5px var(--display); color: #C9C6E4; letter-spacing: .04em; white-space: nowrap; }
  .gh-tx { min-width: 0; }
  .gh-1 { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 14px; background: var(--panel); border: 1px solid var(--line); border-top: 3px solid var(--jc); color: #fff; text-decoration: none; }
  .gh-1 b { display: block; margin-top: 4px; font: 700 18px/1.25 var(--body); }
  .gh-1 em { display: block; font: 400 12px/1.45 var(--body); font-style: normal; color: #A3AAB6; }
  .gh-open { flex: none; margin-left: auto; display: inline-flex; align-items: center; justify-content: center; height: 32px; padding: 0 13px; border-radius: 999px; background: #F2B53A; color: #15120A; border: 1px solid #C98A1A; font: 800 12px var(--display); letter-spacing: .02em; white-space: nowrap; }
  a.gh-1:hover { border-color: rgba(242,181,58,.55); border-top-color: var(--jc); } a.gh-1:hover .gh-open { background: #FFC24D; }
  .gh-2s { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; min-width: 0; }
  .gh-2 { display: flex; align-items: center; gap: 12px; padding: 9px 12px; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07); color: #fff; text-decoration: none; scroll-margin-top: calc(env(safe-area-inset-top, 0px) + var(--hdr) + 8px); }
  .gh-2 .gh-tx { flex: 1; }
  .gh-2 b { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font: 700 15px/1.3 var(--body); color: #fff; }
  .gh-2 small { display: block; font-size: 12px; color: #A3AAB6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  a.gh-2:hover { border-color: rgba(242,181,58,.55); }
  .gh-1.off, .gh-2.off { opacity: .55; border-style: dashed; }
  .gh-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
  .gh-tools > span { font-size: 12px; color: #A3AAB6; line-height: 28px; margin-right: 2px; }
  .gh-chip { display: inline-flex; align-items: center; height: 28px; padding: 0 11px; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.11); font: 600 12px var(--body); color: #D5D3E4; text-decoration: none; white-space: nowrap; }
  .gh-chip:hover { color: #FFD27A; border-color: #F2B53A; background: rgba(242,181,58,.16); }
  .gh a:focus-visible { outline: 2px solid #FFD27A; outline-offset: 2px; }
  @container (min-width: 720px) {
    .gh-tabs { max-width: 560px; }
    .gh-p { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); grid-template-areas: "a b" "t b"; grid-template-rows: auto 1fr; gap: 10px 16px; }
    .gh-p > .gh-1 { grid-area: a; } .gh-p > .gh-2s { grid-area: b; } .gh-p > .gh-tools { grid-area: t; }
    .gh-p.solo { grid-template-areas: "a ." "t ."; }
  }
  .gh-cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: 26px; margin-top: 30px; }
  @media (min-width: 900px) { .gh-cols { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 20px; align-items: start; } }
  .gh-band > h2 { margin: 0; font: 800 20px/1.15 var(--display); }
  .gh-sub { display: block; margin: 2px 0 8px; font-size: 12px; color: #A3AAB6; }
  .gh-new { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .gh-new a { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07); color: #fff; text-decoration: none; }
  .gh-new a:hover { border-color: rgba(242,181,58,.55); }
  .gh-new span:not(.gh-ic) { flex: 1; min-width: 0; font: 700 14px/1.3 var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .gh-new small { flex: none; font-size: 12px; color: #8C94A3; font-variant-numeric: tabular-nums; }
  @media (max-width: 899.98px) { .gh-new li:nth-child(n+6) { display: none; } }
  .gt-more { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .gt-more a { display: block; padding: 12px 14px; border-radius: 16px; background: var(--panel); border: 1px solid var(--line); color: #fff; text-decoration: none; }
  .gt-more a:hover { border-color: rgba(242,181,58,.55); } .gt-more b { display: block; font: 700 15px/1.3 var(--body); } .gt-more small { display: block; margin-top: 2px; font-size: 12px; color: #A3AAB6; }
  .gh-about { margin-top: 26px; padding: 12px 14px; border-radius: 16px; background: var(--panel); border: 1px solid var(--line); }
  .gh-about p { margin: 0; font-size: 14px; line-height: 1.6; color: #A3AAB6; }
  
  .sec > h3.sh { margin: 18px 0 8px; font: 800 15px var(--body); color: #fff; }
  .sec > .gl { margin: 6px 0 12px; padding-left: 20px; font: 14px/1.6 var(--body); color: #C9C6E4; max-width: 80ch; }
  .sec > .gl li { margin: 2px 0; } .sec > .gl b { color: #fff; }
  .itrow { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 8px; margin: 8px 0 12px; }
  .sec > .calclink { margin: 4px 0 12px; }
  
  .share { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 18px; }
  .head > .share { justify-content: flex-end; }
  .share.end { margin: 30px 0 0; padding: 14px 16px; border-radius: 14px; background: rgba(255,255,255,.03); border: 1px solid var(--line); }
  .share .sl { font: 700 13.5px var(--body); color: #C9C6E4; margin-right: auto; }
  
  .shw { position: relative; display: inline-flex; }
  .act.shb { background: #F2B53A; color: #1B1340; border-color: #F2B53A; padding: 8px 14px; font-size: 11.5px; } .act.shb:hover { background: #FFD27A; }
  .act.shb svg { width: 13px; height: 13px; fill: currentColor; }
  .shm { position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; min-width: 160px; display: grid; padding: 6px; border-radius: 12px; background: #1A1F33; border: 1px solid rgba(255,255,255,.14); box-shadow: 0 12px 30px rgba(0,0,0,.5); }
  .shm[hidden] { display: none; }
  .shm button { all: unset; cursor: pointer; padding: 9px 12px; border-radius: 8px; font: 700 13px var(--body); color: #fff; white-space: nowrap; }
  .shm button:hover, .shm button:focus-visible { background: rgba(242,181,58,.16); color: #FFD27A; }
  .share.end .shm { top: auto; bottom: calc(100% + 6px); }
  .act { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; padding: 7px 12px; border-radius: 8px; font: 800 10.5px var(--display); letter-spacing: .02em; color: #C9C6E4; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.03); }
  .act:hover { color: #fff; border-color: rgba(242,181,58,.55); } .act:focus-visible { outline: 2px solid var(--meso); outline-offset: 1px; } .act[hidden] { display: none; }
  .anc { all: unset; cursor: pointer; margin-left: 2px; font: 800 16px var(--display); color: rgba(242,181,58,.35); padding: 0 4px; border-radius: 6px; }
  .anc:hover, .anc:focus-visible { color: var(--meso); } .anc:focus-visible { outline: 2px solid var(--meso); }
  .toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 12px); z-index: 90; max-width: min(460px, calc(100vw - 32px));
    padding: 11px 16px; border-radius: 10px; background: #2A1D14; border: 1px solid rgba(242,181,58,.5); color: #FFE3A6;
    font: 13.5px/1.5 var(--body); box-shadow: 0 12px 30px rgba(0,0,0,.5); opacity: 0; pointer-events: none; transition: opacity .18s, transform .18s; word-break: break-all; }
  .toast.on { opacity: 1; transform: translate(-50%, 0); }
  
  .gvid { max-width: 560px; margin: 0 0 22px; }
  .gvid > h2 { margin: 0 0 8px; font: 800 12px var(--display); letter-spacing: 0; color: var(--meso); }
  @media (max-width: 760px) { .head > .share { justify-content: flex-start; margin: -20px 0 14px; } .anc { display: none; } .share.end .sl { width: 100%; } }
  
  .xt td.wrap, .xt td.l.wrap, .xt th.wrap { white-space: normal; min-width: 120px; } .xt td.wrap .its, .xt td.wrap .mbs { margin: 2px 8px 2px 0; }
  
  .status { display: inline-block; margin: 0 0 10px; padding: 5px 12px; border-radius: 999px; font: 800 11px var(--display); letter-spacing: .06em; color: #BFD9FF; background: rgba(120,160,255,.12); border: 1px solid rgba(140,180,255,.4); }
  .sec > h3.sh[id] { scroll-margin-top: calc(var(--hdr) + 16px); } .tl .ph[id] { scroll-margin-top: calc(var(--hdr) + 16px); }
  .q .rsk { font: 700 12px var(--body); color: #C9C6E4; background: rgba(255,255,255,.06); border: 1px solid var(--line); border-radius: 999px; padding: 2px 9px; white-space: nowrap; }
  
  @media (min-width: 761px) { .route.n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .route.n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .route.n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .route.n6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

  
  @media (max-width: 640px) {
    .steps table, .steps tbody, .steps tr, .steps td { display: block; width: 100%; }
    .steps thead { display: none; }
    .steps tr { box-sizing: border-box; border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; margin: 8px 0; background: rgba(255,255,255,.03); }
    .steps td { padding: 2px 0 !important; border: 0 !important; text-align: left !important; white-space: normal; }
    .steps td:nth-child(1) { display: inline-block; width: auto; font: 800 13px var(--display); color: #2B1D02; background: #F2B53A; border-radius: 50%; min-width: 24px; height: 24px; line-height: 24px; text-align: center !important; margin-right: 8px; }
    .steps td:nth-child(2) { display: inline-block; width: auto; font-weight: 700; color: var(--ink); }
    .steps td:nth-child(3) { margin-top: 4px; }
    .steps td:nth-child(4) { color: var(--dim); font-size: 12.5px; }
    .steps td:nth-child(5) { color: #FFD27A; font-weight: 700; }
  }

  
  .ans li:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .ans li p { font-size: 15px; }
  .ans li p b:first-child { display: block; font: 800 17px/1.3 var(--display); color: #FFD27A; margin-bottom: 4px; }
  .ans li p small { color: #B4B8C6; font-size: 13.5px; line-height: 1.55; }
  .route a:last-child { border-color: rgba(242,181,58,.7); box-shadow: 0 0 0 1px rgba(242,181,58,.35), 0 6px 18px rgba(0,0,0,.4); }
  .route a:last-child figcaption b { color: #FFD27A; }
  @media (min-width: 761px) { .route.n8 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .route.n8 a:nth-child(4n)::after { display: none; } }
  #mats p + p a { display: inline-flex; align-items: center; margin: 3px 2px; padding: 5px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); color: var(--ink); font: 700 12.5px var(--display); text-decoration: none; white-space: nowrap; }
  #mats p + p a:first-of-type { background: rgba(242,181,58,.16); border-color: rgba(242,181,58,.55); color: #FFD27A; }
  #mats p + p a:hover { background: #F2B53A; color: #15120A; border-color: transparent; }
  .steps td { font-size: 15px; line-height: 1.5; color: #E3E5EC; vertical-align: middle; }
  .steps td:nth-child(4) { color: #C3C7D3; }
  .steps td:nth-child(5) { color: #FFD27A; font-weight: 700; white-space: nowrap; }
  @media (min-width: 641px) {
    .steps td:nth-child(1), .steps th:nth-child(1) { width: 48px; white-space: nowrap; }
    .steps td:nth-child(1) { font: 800 12px var(--display); color: #2B1D02; text-align: center; }
    .steps td:nth-child(1)::before { content: ""; }
    .steps tbody td:nth-child(1) { background-image: radial-gradient(circle at 50% 50%, #F2C04A 0 12px, transparent 13px); background-repeat: no-repeat; background-position: center; }
    .steps td:nth-child(2) { font-weight: 700; color: var(--ink); white-space: nowrap; }
  }
  
  .prog td { font-size: 14.5px; color: #E3E5EC; vertical-align: middle; }
  .prog td:nth-child(1) { font: 800 14px var(--display); color: #FFD27A; white-space: nowrap; }
  .prog td:nth-child(2), .prog td:nth-child(4) { font-variant-numeric: tabular-nums; white-space: nowrap; }
  .prog td:nth-child(4) { color: #FFD27A; font-weight: 700; }
  @media (max-width: 640px) {
    .prog table, .prog tbody, .prog tr, .prog td { display: block; width: 100%; }
    .prog thead { display: none; }
    .prog tr { box-sizing: border-box; border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; margin: 8px 0; background: rgba(255,255,255,.03); }
    .prog td { padding: 2px 0 !important; border: 0 !important; text-align: left !important; }
    .prog td:nth-child(2)::after { content: " EXP"; color: var(--dim); font-size: 12px; }
  }

  
  @media (max-width: 640px) { .xt td.l:not(:first-child) { white-space: normal; min-width: 7.5em; } }   

  
  @media (max-width: 640px) {
    .dn table, .dn tbody, .dn tr, .dn td { display: block; width: 100%; }
    .dn thead { display: none; }
    .dn tr { box-sizing: border-box; border-bottom: 1px solid var(--line); padding: 8px 2px; }
    .dn td { padding: 2px 0 !important; border: 0 !important; text-align: left !important; white-space: normal !important; }
    .dn td:nth-child(2) { font-size: 13px; }
  }

  
  .cmp td { font-size: 14px; color: #E3E5EC; vertical-align: middle; line-height: 1.45; }
  .cmp td:nth-child(1) { font: 800 14px var(--display); color: #FFD27A; white-space: nowrap; }
  .cmp td:nth-child(4) { white-space: nowrap; font-weight: 800; color: #fff; font-variant-numeric: tabular-nums; }
  @media (max-width: 640px) {
    .cmp table, .cmp tbody, .cmp tr, .cmp td { display: block; width: 100%; }
    .cmp thead { display: none; }
    .cmp tr { position: relative; box-sizing: border-box; border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; margin: 8px 0; background: rgba(255,255,255,.03); }
    .cmp td { padding: 2px 0 !important; border: 0 !important; text-align: left !important; white-space: normal !important; }
    .cmp td:nth-child(1)::after { content: "레벨"; font-size: 12px; color: var(--dim); margin-left: 2px; }
    html[lang="en"] .cmp td:nth-child(1)::after, html[lang^="zh"] .cmp td:nth-child(1)::after, html[lang^="es"] .cmp td:nth-child(1)::after { content: ""; }
    html[lang="en"] .cmp td:nth-child(1)::before, html[lang^="zh"] .cmp td:nth-child(1)::before, html[lang^="es"] .cmp td:nth-child(1)::before { content: "Lv "; font-size: 12px; color: var(--dim); }
    .cmp td:nth-child(4) { position: absolute; top: 10px; right: 12px; width: auto; padding: 1px 9px !important; border-radius: 999px !important; background: rgba(242,181,58,.14); color: #FFD27A; font-size: 13px; }
    .cmp td:nth-child(2)::before, .cmp td:nth-child(3)::before { display: inline-block; min-width: 3.2em; color: var(--dim); font-size: 12px; font-weight: 700; }
    .cmp-fighter td:nth-child(2)::before { content: "검"; } .cmp-fighter td:nth-child(3)::before { content: "도끼"; }
    html[lang="en"] .cmp-fighter td:nth-child(2)::before { content: "Sword"; } html[lang="en"] .cmp-fighter td:nth-child(3)::before { content: "Axe"; }
    html[lang^="zh"] .cmp-fighter td:nth-child(2)::before { content: "剑"; } html[lang^="zh"] .cmp-fighter td:nth-child(3)::before { content: "斧"; }
    .cmp-page td:nth-child(2)::before { content: "검"; } .cmp-page td:nth-child(3)::before { content: "둔기"; }
    html[lang="en"] .cmp-page td:nth-child(2)::before { content: "Sword"; } html[lang="en"] .cmp-page td:nth-child(3)::before { content: "Blunt"; }
    html[lang^="zh"] .cmp-page td:nth-child(2)::before { content: "剑"; } html[lang^="zh"] .cmp-page td:nth-child(3)::before { content: "钝器"; }
    .cmp-spearman td:nth-child(2)::before { content: "창"; } .cmp-spearman td:nth-child(3)::before { content: "폴암"; }
    html[lang="en"] .cmp-spearman td:nth-child(2)::before { content: "Spear"; } html[lang="en"] .cmp-spearman td:nth-child(3)::before { content: "Polearm"; }
    html[lang^="zh"] .cmp-spearman td:nth-child(2)::before { content: "枪"; } html[lang^="zh"] .cmp-spearman td:nth-child(3)::before { content: "矛"; }
    .cmp-assassin td:nth-child(2)::before { content: "1위"; } .cmp-assassin td:nth-child(3)::before { content: "2위"; }
    html[lang="en"] .cmp-assassin td:nth-child(2)::before { content: "Top"; } html[lang="en"] .cmp-assassin td:nth-child(3)::before { content: "Runner-up"; }
    html[lang^="zh"] .cmp-assassin td:nth-child(2)::before { content: "第一"; } html[lang^="zh"] .cmp-assassin td:nth-child(3)::before { content: "第二"; }
    .cmp-bandit td:nth-child(2)::before { content: "1위"; } .cmp-bandit td:nth-child(3)::before { content: "2위"; }
    html[lang="en"] .cmp-bandit td:nth-child(2)::before { content: "Top"; } html[lang="en"] .cmp-bandit td:nth-child(3)::before { content: "Runner-up"; }
    html[lang^="zh"] .cmp-bandit td:nth-child(2)::before { content: "第一"; } html[lang^="zh"] .cmp-bandit td:nth-child(3)::before { content: "第二"; }
    .cmp-hunter td:nth-child(2)::before { content: "1위"; } .cmp-hunter td:nth-child(3)::before { content: "2위"; }
    html[lang="en"] .cmp-hunter td:nth-child(2)::before { content: "Top"; } html[lang="en"] .cmp-hunter td:nth-child(3)::before { content: "Runner-up"; }
    html[lang^="zh"] .cmp-hunter td:nth-child(2)::before { content: "第一"; } html[lang^="zh"] .cmp-hunter td:nth-child(3)::before { content: "第二"; }
    .cmp-crossbowman td:nth-child(2)::before { content: "1위"; } .cmp-crossbowman td:nth-child(3)::before { content: "2위"; }
    html[lang="en"] .cmp-crossbowman td:nth-child(2)::before { content: "Top"; } html[lang="en"] .cmp-crossbowman td:nth-child(3)::before { content: "Runner-up"; }
    html[lang^="zh"] .cmp-crossbowman td:nth-child(2)::before { content: "第一"; } html[lang^="zh"] .cmp-crossbowman td:nth-child(3)::before { content: "第二"; }
    html[lang^="es"] .cmp-fighter td:nth-child(2)::before { content: "Espada"; } html[lang^="es"] .cmp-fighter td:nth-child(3)::before { content: "Hacha"; }
    html[lang^="es"] .cmp-page td:nth-child(2)::before { content: "Espada"; } html[lang^="es"] .cmp-page td:nth-child(3)::before { content: "Contundente"; }
    html[lang^="es"] .cmp-spearman td:nth-child(2)::before { content: "Lanza"; } html[lang^="es"] .cmp-spearman td:nth-child(3)::before { content: "Arma de asta"; }
    html[lang^="es"] .cmp-assassin td:nth-child(2)::before, html[lang^="es"] .cmp-bandit td:nth-child(2)::before, html[lang^="es"] .cmp-hunter td:nth-child(2)::before, html[lang^="es"] .cmp-crossbowman td:nth-child(2)::before { content: "1.º"; }
    html[lang^="es"] .cmp-assassin td:nth-child(3)::before, html[lang^="es"] .cmp-bandit td:nth-child(3)::before, html[lang^="es"] .cmp-hunter td:nth-child(3)::before, html[lang^="es"] .cmp-crossbowman td:nth-child(3)::before { content: "2.º"; }
  }

  
  .wt td { font-size: 14px; color: #E3E5EC; vertical-align: middle; line-height: 1.45; }
  .wt td:nth-child(1) { font: 800 14px var(--display); color: #FFD27A; white-space: nowrap; }
  .wt td:nth-child(3) { white-space: nowrap; font-variant-numeric: tabular-nums; }
  .wt td:nth-child(4) { white-space: nowrap; }
  .wt td:nth-child(6) { color: #B4B8C6; font-size: 13px; }
  @media (max-width: 640px) {
    .wt table, .wt tbody, .wt tr, .wt td { display: block; width: 100%; }
    .wt thead { display: none; }
    .wt tr { box-sizing: border-box; border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; margin: 8px 0; background: rgba(255,255,255,.03); }
    .wt td { padding: 2px 0 !important; border: 0 !important; text-align: left !important; white-space: normal !important; }
    .wt td:nth-child(1) { display: inline-block; width: auto; margin-right: 8px; }
    .wt td:nth-child(2) { display: inline-block; width: auto; }
    .wt td:nth-child(4)::before { content: "상점 "; color: var(--dim); font-size: 12px; }
    .wt td:nth-child(5)::before { content: "드롭 "; color: var(--dim); font-size: 12px; }
    .wt td:nth-child(6)::before { content: "제작 "; color: var(--dim); font-size: 12px; }
    html[lang="en"] .wt td:nth-child(4)::before { content: "Shop "; }
    html[lang="en"] .wt td:nth-child(5)::before { content: "Drops "; }
    html[lang="en"] .wt td:nth-child(6)::before { content: "Craft "; }
    html[lang^="zh"] .wt td:nth-child(4)::before { content: "商店 "; }
    html[lang^="zh"] .wt td:nth-child(5)::before { content: "掉落 "; }
    html[lang^="zh"] .wt td:nth-child(6)::before { content: "制作 "; }
    html[lang^="es"] .wt td:nth-child(4)::before { content: "Tienda "; } html[lang^="es"] .wt td:nth-child(5)::before { content: "Botín "; } html[lang^="es"] .wt td:nth-child(6)::before { content: "Fabricación "; }
  }

  
  .mbs, .its { font-size: 1em; font-weight: 600; gap: 4px; }
  .its img { width: 20px; height: 20px; } .mbs img { width: 24px; height: 20px; }
  .its.key { color: #FFD27A; } .its.key img { box-shadow: 0 0 0 1.5px #F2B53A; border-radius: 4px; background: rgba(242,181,58,.12); }
  .it.key .ic { box-shadow: 0 0 0 2px #F2B53A; } .it.key b { color: #FFD27A; }
  .mbs.open::after, .od { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #3FCB78; box-shadow: 0 0 0 2px rgba(63,203,120,.18); margin-left: 3px; vertical-align: 2px; flex: none; }
  .od { margin: 0 4px 0 0; }
  .later { font: 700 10px/1 var(--body); letter-spacing: 0; padding: 2px 6px; border-color: rgba(255,182,92,.35); background: transparent; color: #E9A65A; margin-left: 4px; vertical-align: 1px; }
  .sec > .gl { font-size: 14.5px; line-height: 1.8; color: #D3D0EC; }
  .sec > .gl li { margin: 0 0 8px; } .sec > .gl li::marker { color: #F2B53A; }
  .sec > p { line-height: 1.8; }

  
  
  .page.guide.has-toc { max-width: 1320px; }
  @media (min-width: 641px) { .xt td.l:not(:first-child) { white-space: normal; word-break: keep-all; } .xt td.l:not(:first-child) .mbs, .xt td.l:not(:first-child) .its { white-space: nowrap; } }   
  .rail { display: none; }
  @media (min-width: 1500px) {   
    .page.guide.has-toc { display: grid; grid-template-columns: minmax(0, 1fr) 232px; column-gap: 36px; align-items: start; }
    .page.guide.has-toc > * { grid-column: 1; min-width: 0; }
    .page.guide.has-toc > .rail { display: block; grid-column: 2; grid-row: 1 / span 400; position: sticky; top: calc(var(--hdr) + 40px); margin-top: 28px; }
    .page.guide.has-toc > details.toc { display: none; }
  }
  .sec { margin-top: 46px; }
  .sec > h2 { font-size: 24px; margin: 0 0 12px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.08); align-items: center; }

  .sec > p.sub, .sec > p { font-size: 15px; line-height: 1.75; color: #D3D0EC; max-width: 78ch; margin: 0 0 14px; }
  .sec > h3.sh { margin: 24px 0 8px; font-size: 16px; line-height: 1.3; }
  .sec > .gl { font-size: 15px; line-height: 1.75; color: #D3D0EC; margin: 8px 0 14px; padding-left: 22px; }
  .sec > .gl li { margin: 0 0 8px; } .sec > .gl li::marker { color: #F2B53A; }
  
  .facts { display: grid; margin: 10px 0 16px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: rgba(255,255,255,.02); }
  .facts .f { display: grid; grid-template-columns: minmax(140px, 200px) minmax(0, 1fr); gap: 4px 18px; padding: 12px 16px; border-top: 1px solid rgba(255,255,255,.06); font: 14.5px/1.7 var(--body); color: #D3D0EC; }
  .facts .f:first-child { border-top: 0; } .facts .f:nth-child(even) { background: rgba(255,255,255,.02); }
  .facts .fk { color: #FFD27A; font-weight: 800; line-height: 1.5; } .facts .fk a { color: inherit; }
  .facts .f.one { grid-template-columns: minmax(0, 1fr); }
  .facts .fv b { color: #fff; }
  @media (max-width: 640px) { .facts .f { grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 10px 12px; } }
  
  .sec > .tip, .sec > .warn, .sec > p.note, .q > .qb > .tip, .q > .qb > .warn { position: relative; margin: 12px 0 0; padding: 12px 14px 12px 16px; border-radius: 12px; font: 14px/1.65 var(--body); border: 1px solid; border-left-width: 4px; max-width: none; }
  .sec > .tip, .q > .qb > .tip { background: rgba(143,227,166,.07); border-color: rgba(143,227,166,.28); border-left-color: #6FD68F; color: #E4F5E9; }
  .sec > .warn, .q > .qb > .warn { background: rgba(224,69,43,.08); border-color: rgba(224,69,43,.3); border-left-color: #E0604F; color: #FFE0D8; }
  .sec > p.note { background: rgba(255,255,255,.03); border-color: var(--line); border-left-color: #8E8CBE; color: #C9C6E4; }
  .sec > .tip::before, .sec > .warn::before, .sec > p.note::before, .q > .qb > .tip::before, .q > .qb > .warn::before { display: block; font: 800 10px var(--display); letter-spacing: .02em; margin-bottom: 4px; }
  .sec > .tip::before, .q > .qb > .tip::before { content: "TIP"; color: #8FE3A6; } .sec > .warn::before, .q > .qb > .warn::before { content: "WATCH OUT"; color: #FF9A8A; } .sec > p.note::before { content: "NOTE"; color: #A9A7DA; }
  html[lang^="ko"] .sec > .tip::before, html[lang^="ko"] .q > .qb > .tip::before { content: "팁"; } html[lang^="ko"] .sec > .warn::before, html[lang^="ko"] .q > .qb > .warn::before { content: "주의"; } html[lang^="ko"] .sec > p.note::before { content: "참고"; }
  html[lang^="zh"] .sec > .tip::before, html[lang^="zh"] .q > .qb > .tip::before { content: "提示"; } html[lang^="zh"] .sec > .warn::before, html[lang^="zh"] .q > .qb > .warn::before { content: "注意"; } html[lang^="zh"] .sec > p.note::before { content: "说明"; }
  html[lang^="es"] .sec > .tip::before, html[lang^="es"] .q > .qb > .tip::before { content: "CONSEJO"; } html[lang^="es"] .sec > .warn::before, html[lang^="es"] .q > .qb > .warn::before { content: "OJO"; } html[lang^="es"] .sec > p.note::before { content: "NOTA"; }
  .sec > .tip + .tip, .sec > p.note + .tip, .sec > .tip + p.note { margin-top: 8px; }
  
  .sec > .tw, .sec > .facts + .tw { border: 1px solid var(--line); border-radius: 14px; margin-top: 10px; background: rgba(255,255,255,.02); }
  .sec > .tw .xt { margin-top: 0; }
  .xt thead th { background: rgba(255,255,255,.04); padding: 10px 12px; } .xt tbody td { padding: 10px 12px; }
  .xt tbody tr:nth-child(even) td { background: rgba(255,255,255,.015); }
  .xt tbody td:first-child { color: #fff; font-weight: 600; }
  .xt tbody tr:last-child td { border-bottom: 0; }
  .sec > .tw + .tip, .sec > .tw + .note, .sec > .facts + .tip { margin-top: 12px; }
  
  .it b { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.25; overflow-wrap: anywhere; }
  .xt td .it { min-width: 170px; } .xt td .it b { font-size: 13.5px; }
  .coll > a b, .next > a b, .gt b, .sk b { overflow-wrap: anywhere; }
  
  .fl { display: inline-flex; gap: 2px; vertical-align: -1px; margin-left: 3px; } .fl svg { width: 15px; height: 10px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(255,255,255,.18); }
  
  .fl-legend, .sec .fl-legend { margin: 8px 0 0; padding: 0 0 0 12px; font: 12.5px/1.6 var(--body); color: #B9B6D8; background: none; border-radius: 0; }
  .fl-legend::before { display: none; }

  
  .jtabs { margin-top: 40px; container-type: inline-size; scroll-margin-top: calc(env(safe-area-inset-top, 0px) + var(--hdr) + 6px); }
  .jt-nav { position: sticky; top: calc(env(safe-area-inset-top, 0px) + var(--hdr)); z-index: 5; display: flex; background: rgba(11,13,18,.94); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-bottom: 1px solid var(--line); }
  .jt-t { flex: 1 1 0; min-width: 0; height: 44px; display: flex; align-items: center; justify-content: center; gap: 6px; font: 800 13px var(--body); color: var(--dim); text-decoration: none; border-bottom: 3px solid transparent; margin-bottom: -1px; white-space: nowrap; }
  .jt-t i { width: 8px; height: 8px; border-radius: 50%; background: var(--jc); flex: none; }
  .jt-t:hover { color: #fff; } .jt-t[aria-current="true"] { color: #fff; border-bottom-color: var(--jc); }
  .jt-t:focus-visible { outline: 2px solid #FFD27A; outline-offset: -2px; }
  .jt-body > .sec { margin-top: 18px; scroll-margin-top: calc(env(safe-area-inset-top, 0px) + var(--hdr) + 52px); }
  .jt-body > .sec > h2 { font-size: 19px; line-height: 1.25; flex-wrap: wrap; border-bottom: 2px solid var(--jc); }
  .jt-body > .sec > p.sub { font-size: 13.5px; line-height: 1.6; color: var(--dim); margin-bottom: 12px; }
  @container (max-width: 639.98px) { .jtabs.on .jt-body > .sec:not(.cur) { display: none; } }
  @container (min-width: 640px) {
    .jt-nav { display: none; }
    .jt-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px; align-items: start; }
    .jt-body > .sec { margin: 0; }
    .jt-body > .sec > h2 { display: block; margin: 0 0 8px; padding: 10px 12px; font-size: 16px; border: 1px solid rgba(255,255,255,.08); border-top: 3px solid var(--jc); border-radius: 12px; background: rgba(255,255,255,.03); }
    .jt-body > .sec > h2 .anc { display: none; }
    .jt-body > .sec > p.sub { font-size: 12.5px; margin: 0 0 10px; }
  }
  @container (min-width: 900px) { .jt-body { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } }
  .scc { display: grid; gap: 10px; }
  .scard { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 12px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
  .scard .sc-k { margin: 0; display: flex; align-items: center; gap: 8px; font: 700 14px/1.3 var(--body); color: #fff; }
  .scard .sc-k::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--jc, var(--meso)); flex: none; }
  .sc-r + .sc-r { padding-top: 10px; border-top: 1px dashed rgba(255,255,255,.1); }
  .sc-it { display: flex; align-items: flex-start; gap: 8px; min-width: 0; }
  .sc-it .its { white-space: normal; align-items: flex-start; font-size: 13px; line-height: 1.35; min-width: 0; overflow-wrap: anywhere; }
  .sc-it .its img { margin-top: -2px; }
  .sc-pct { flex: none; display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 999px; font: 800 12px var(--display); letter-spacing: .02em; color: #F6F2E9; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.2); }
  .sc-pct.p100 { color: #FFD27A; background: rgba(242,181,58,.14); border-color: rgba(242,181,58,.45); }
  .sc-w { margin-top: 6px; font: 12.5px/1.6 var(--body); color: #C9C6E4; overflow-wrap: anywhere; }
  .sc-w.sc-none { color: var(--dim); }
  .sc-w .sc-m { color: #FFD27A; font-weight: 700; }
  .sc-w b:not(.sc-m) { display: inline-flex; align-items: center; height: 18px; padding: 0 7px; border-radius: 999px; font: 800 10px var(--display); color: #8FE3A6; background: rgba(143,227,166,.14); border: 1px solid rgba(143,227,166,.45); vertical-align: 1px; white-space: nowrap; }
  .sc-w .mbs { font-size: 12.5px; white-space: nowrap; }
  .sc-w .later { margin-left: 4px; padding: 3px 7px; font-size: 9.5px; }
  
  @media (min-width: 1500px) {
    .page.guide.jtp.has-toc { display: block; }
    .page.guide.jtp.has-toc > .rail { display: none; }
    .page.guide.jtp.has-toc > details.toc { display: block; }
  }
  
  .gp { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 5px; box-sizing: border-box; border-radius: 6px; font: 800 12px/1 var(--display); font-variant-numeric: tabular-nums; }
  .gp.big { min-width: 34px; height: 34px; padding: 0 8px; border-radius: 9px; font-size: 17px; }
  .gp.g-s { background: #F2B53A; color: #15120A; } .gp.g-a { background: #7FB2F0; color: #0B1424; } .gp.g-b { background: #B9BEC8; color: #15120A; } .gp.g-c { background: #B07B47; color: #fff; }
  .tt-ic { flex: none; width: 30px; height: 30px; display: inline-grid; place-items: center; border-radius: 6px; background: var(--cell); border: 1px solid var(--cell-edge); box-shadow: inset 0 0 0 1px #fff; }
  .tt-ic img { width: 24px; height: 24px; object-fit: contain; image-rendering: pixelated; }
  .xt.tt td.tt-n { text-align: left; white-space: nowrap; }
  .tt-nw { display: inline-flex; align-items: center; gap: 8px; } .tt-nw > span:last-child { min-width: 0; }
  .xt.tt td.tt-n b { display: block; font-weight: 700; color: #fff; }
  .xt.tt td.tt-n small { display: block; font-size: 12px; font-weight: 400; color: var(--dim); }
  .xt.tt th.g, .xt.tt td.tt-g { text-align: center; }
  .xt.tt td.tt-r { text-align: center; font: 800 14px var(--display); color: var(--dim); }
  .xt.tt td.tt-y { white-space: normal; min-width: 260px; font-size: 13px; line-height: 1.45; color: #C9C6E4; }
  .xt.tt td.tt-a { text-align: left; white-space: nowrap; }
  .xt.tt-rank tbody tr.s td { background: rgba(242,181,58,.04); }
  .xt.tt-first td.l:not(.tt-a) { white-space: normal; min-width: 9em; }
  .xt.tt-rank td.tt-n a { color: #fff; text-decoration: none; } .xt.tt-rank td.tt-n a:hover { color: #FFD27A; }
  .xt.tt-rank td { vertical-align: middle; }
  
  .gp.g-sm { background: rgba(242,181,58,.16); color: #FFD27A; box-shadow: inset 0 0 0 1.5px #F2B53A; }
  .gp.g-f { background: rgba(224,69,43,.16); color: #FF9A8A; box-shadow: inset 0 0 0 1.5px rgba(224,69,43,.6); }
  .gp.g-none { background: rgba(255,255,255,.05); color: #8C939F; }
  .xt.tt td.tt-g small.tt-gn { display: block; max-width: 12em; margin: 3px auto 0; font-size: 12px; line-height: 1.3; color: var(--dim); white-space: normal; }
  .xt.tt-rank th, .xt.tt-rank td { padding-left: 7px; padding-right: 7px; }   
  @media (max-width: 1279.98px) { html[lang^="es"] .xt.tt-rank th.g[data-s] > span { display: none; } html[lang^="es"] .xt.tt-rank th.g[data-s]::after { content: attr(data-s); } }
  
  .xt.tt-path th.tt-grp { padding-top: 9px; padding-bottom: 9px; text-align: left; font: 800 12.5px var(--display); letter-spacing: .04em; text-transform: none; color: #8C939F; background: rgba(255,255,255,.02); border-bottom: 1px solid rgba(255,255,255,.1); }
  .xt.tt-path th.tt-grp.l2 { color: #FFD27A; box-shadow: inset 0 -2px 0 rgba(242,181,58,.7); }
  .xt.tt-path.tt-by3 th.tt-grp.l2 { color: #8C939F; box-shadow: none; }
  .xt.tt-path.tt-by3 th.tt-grp.r3 { color: #FFD27A; box-shadow: inset 0 -2px 0 rgba(242,181,58,.7); }
  .xt.tt-path th.tt-3, .xt.tt-path td.tt-3 { border-left: 1px solid rgba(169,167,218,.6); padding-left: 16px; }
  .xt.tt-path th.tt-grp.r3 { border-left: 1px solid rgba(169,167,218,.6); padding-left: 16px; }
  .xt.tt-path thead th.tt-3, .xt.tt-path thead th.tt-g3, .xt.tt-path thead th.tt-grp.r3,
  .xt.tt-path tbody tr td.tt-3, .xt.tt-path tbody tr td.tt-g3, .xt.tt-path tbody tr.s td.tt-3, .xt.tt-path tbody tr.s td.tt-g3 { background-color: rgba(169,167,218,.07); }
  .xt.tt td.tt-g3 { white-space: nowrap; }
  .tt-gw { position: relative; display: inline-flex; align-items: center; gap: 5px; }
  .tt-mv { font: 800 11px var(--display); font-style: normal; color: #8C94A3; }
  .tt-mv.dn { color: #FF9A8A; } .tt-mv.up { color: #FFD27A; }
  .tt-mv.dn::before, .tt-mv.up::before { content: ""; display: inline-block; border: .36em solid transparent; border-width: .6em .38em 0; border-top-color: currentColor; vertical-align: .02em; }
  .tt-mv.up::before { border-width: 0 .38em .6em; border-top-color: transparent; border-bottom-color: currentColor; }
  
  .xt.tt-path.tt-by3 .tt-l2, .xt.tt-path.tt-by3 th.tt-grp.l2, .xt.tt-path.tt-by3 .tt-mv { display: none !important; }
  .xt.tt-path.tt-by3 th.tt-3, .xt.tt-path.tt-by3 td.tt-3, .xt.tt-path.tt-by3 th.tt-grp.r3 { border-left: 0; }
  .xt.tt-path.tt-by3 th.tt-grp.r3 { text-align: left !important; }
  
  .xt.tt-path.tt-by3 th.tt-3, .xt.tt-path.tt-by3 td.tt-3 { width: auto !important; white-space: nowrap; padding-right: 22px !important; }
  .xt.tt-path.tt-by3 { width: auto !important; min-width: min(380px, 100%); }   
  .xt.tt-path.tt-by3 th.tt-g3, .xt.tt-path.tt-by3 td.tt-g3 { width: auto !important; padding-right: 28px !important; text-align: left !important; }
  .xt.tt-path.tt-by3 td.tt-g3 .tt-gw { justify-content: flex-start !important; margin: 0 !important; }
  .xt.tt-path.tt-by3 td.tt-3 a { color: #fff; text-decoration: none; } .xt.tt-path.tt-by3 td.tt-3 a:hover { color: #FFD27A; }
  .xt.tt-path td.tt-3 a { color: inherit; text-decoration: none; } .xt.tt-path td.tt-3 a:hover { color: #FFD27A; }
  .tt-sort { display: flex; align-items: center; gap: 6px; margin: 0 0 10px; }
  .tt-sort > span { flex: none; margin-right: 4px; font-size: 12px; color: var(--dim); }
  .tt-sort button { display: inline-flex; align-items: center; justify-content: center; height: 30px; padding: 0 14px; border-radius: 999px; font: 700 12.5px var(--body); color: #C9CDD6; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.03); cursor: pointer; }
  .tt-sort button:hover { color: #FFD27A; }
  .tt-sort button[aria-pressed="true"] { background: #F2B53A; color: #15120A; border-color: transparent; }
  @media (max-width: 639.98px) {
    
    .xt.tt-path th.tt-3, .xt.tt-path td.tt-3 { width: 0; padding: 0 !important; font-size: 0; }
    .xt.tt-path th.tt-3 > *, .xt.tt-path td.tt-3 > * { display: none !important; } .xt.tt-path th.tt-3::after { content: none !important; }
    .xt.tt-path th.tt-grp.r3 { padding-left: 4px !important; text-align: center; }
    .xt.tt-path td.tt-g3 { padding-left: 6px !important; padding-right: 6px !important; }
    .xt.tt-path .tt-gw { gap: 0; } .xt.tt-path .tt-mv { position: absolute; top: -6px; right: -7px; font-size: 9px; line-height: 1; }
    
    .xt.tt-path.tt-by3 th.tt-3, .xt.tt-path.tt-by3 td.tt-3 { width: auto !important; white-space: nowrap; padding: 8px 18px 8px 6px !important; }
    .xt.tt-path.tt-by3 td.tt-3 { font-size: 14px; } .xt.tt-path.tt-by3 th.tt-3 { font-size: 12px; }
    .xt.tt-path.tt-by3 td.tt-3 > b { display: block !important; }
    .xt.tt-path.tt-by3 th[data-s] > span { display: inline !important; } .xt.tt-path.tt-by3 th[data-s]::after { content: none !important; }   
    .xt.tt-path.tt-by3 th.tt-grp.r3 { padding-left: 8px !important; }
    .xt.tt td.tt-g small.tt-gn { display: none; }
    .tt-sort button { flex: 1; height: 34px; padding: 0 8px; }
    
    .xt.tt-rank { width: 100%; }
    .xt.tt-rank th, .xt.tt-rank td { padding: 8px 4px; }
    .xt.tt-rank td.tt-n small { display: none; }
    .xt.tt-rank td.tt-n { font-size: 14.5px; }
    .xt.tt-rank .gp { min-width: 22px; height: 22px; font-size: 11.5px; } .xt.tt-rank .gp.big { min-width: 30px; height: 30px; font-size: 15px; }
    .xt.tt-rank th { font-size: 12px; }
    
    .xt.tt-rank th[data-s] > span { display: none; } .xt.tt-rank th[data-s]::after { content: attr(data-s); }
    .xt.tt-rank th, .xt.tt-rank td { padding-left: 3px; padding-right: 3px; }
    .xt.tt-rank .tt-ic { width: 26px; height: 26px; } .xt.tt-rank .tt-ic img { width: 20px; height: 20px; }
    .xt.tt-rank td.tt-n { font-size: 14px; } .xt.tt-rank .tt-nw { gap: 6px; }
    .sec > .tw.tt-w:has(.tt-first) { border: 0; border-radius: 0; background: none; overflow: visible; }
    .xt.tt-first, .xt.tt-first tbody { display: block; } .xt.tt-first thead { display: none; }
    .xt.tt-first tr { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 0 8px; padding: 10px 12px; background: var(--panel); border: 1px solid var(--line); border-radius: 16px; }
    .xt.tt-first tbody td { display: block; padding: 0; border: 0; box-shadow: none; text-align: left; min-width: 0; white-space: normal; font-size: 12.5px; }
    .xt.tt-first tbody tr td, .xt.tt-first tbody tr:nth-child(even) td { background: none; }
    .xt.tt-first td.tt-n { font-size: 15px; } .xt.tt-first td.tt-n .tt-nw { display: flex; }
    .xt.tt-first td.tt-a a { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.11); font: 600 12px var(--body); color: #D5D3E4; text-decoration: none; white-space: nowrap; }
    
    .xt.tt-first tr { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
    .xt.tt-first td.tt-n { margin-bottom: 4px; }
    .xt.tt-first td[data-l] { display: grid; grid-template-columns: 8.5em minmax(0, 1fr); gap: 10px; color: #C9C6E4; }
    .xt.tt-first td[data-l]::before { content: attr(data-l); color: var(--dim); }
    .xt.tt-first td.tt-a { margin-top: 4px; }
  }
  
  .gt-more a.gh-tier { display: flex; align-items: center; gap: 12px; border-color: rgba(242,181,58,.45); }
  .gt-more a.gh-tier .gh-tx { flex: 1; }
  .gt-more a.gh-tier b { display: flex; align-items: center; gap: 6px; }
  .gh-nb { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 6px; background: rgba(242,181,58,.14); color: #FFD27A; font: 800 10.5px var(--display); letter-spacing: .04em; }
  .gh-ts { flex: none; display: flex; align-items: center; gap: 4px; }
  .xt.tt .hl { color: #FFD27A; font-weight: 800; }
  .xt.tt th.g, .xt.tt-rank th:first-child { white-space: nowrap; }

  
  
  .head.win { display: block; position: relative; margin-top: 28px; border: 1px solid rgba(242,181,58,.5); border-radius: 12px; background: var(--panel); box-shadow: inset 0 0 0 1px rgba(0,0,0,.6), 0 12px 30px rgba(0,0,0,.35); }
  .win > .tab, .rail > .tab { position: absolute; top: -1px; left: 14px; transform: translateY(-100%); padding: 5px 12px 4px; border-radius: 8px 8px 0 0; background: #F2B53A; color: #15120A; font: 800 12px/1.3 var(--body); letter-spacing: .02em; max-width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .win > .sh-w { position: absolute; top: 12px; right: 12px; z-index: 3; }
  .win .act.sh { width: 34px; height: 34px; padding: 0; display: grid; place-items: center; border-radius: 9px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.03); color: #C9CDD6; font-size: 0; letter-spacing: 0; }
  .win .act.sh svg { width: 15px; height: 15px; fill: currentColor; }
  .win .act.sh:hover { color: #FFD27A; border-color: rgba(242,181,58,.55); background: rgba(242,181,58,.08); }
  .win .in { padding: 16px 16px 12px; }
  .win .crumb { margin: 0 40px 10px 0; font: 600 12px/1.5 var(--body); color: #F2B53A; }
  .win .crumb a { color: #F2B53A; text-decoration: none; } .win .crumb a:hover { color: #FFD27A; } .win .crumb span { color: #8C94A3; } .win .crumb > span:last-child { color: #A3AAB6; }
  .win h1 { margin: 0 0 8px; padding-right: 40px; font: 700 22px/1.35 var(--body); letter-spacing: -.01em; text-wrap: balance; overflow-wrap: anywhere; }
  .win .lede { margin: 0; font: 400 15px/1.7 var(--body); color: #C9CDD6; max-width: 66ch; }
  .win .status { margin: 0 0 10px; }
  .win .ft { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,.08); }
  .win .ft > div { min-width: 0; padding: 8px 12px; font: 400 12px/1.4 var(--body); color: #8C939F; border-right: 1px solid rgba(255,255,255,.08); overflow-wrap: anywhere; }
  .win .ft > div:nth-child(2n) { border-right: 0; }
  .win .ft > div:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.08); }
  .win .ft > div:last-child:nth-child(odd) { grid-column: 1 / -1; border-right: 0; }
  .win .ft > .nl { display: flex; align-items: center; }
  .win .ft b { display: block; color: var(--ink); font-weight: 600; font-size: 13px; }
  .win .ft .od { margin: 0 0 0 5px; }
  @media (min-width: 761px) {
    .win h1 { font-size: 28px; line-height: 1.3; }
    .win .lede { font-size: 16px; }
    .win .ft { grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); }
    .win .ft > div, .win .ft > div:nth-child(2n) { border-right: 1px solid rgba(255,255,255,.08); }
    .win .ft > div:nth-child(n+3) { border-top: 0; }
    .win .ft > div:last-child, .win .ft > div:last-child:nth-child(odd) { grid-column: auto; border-right: 0; }
  }
  
  .rim { display: none; }

  
  details.toc { margin-top: 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.02); scroll-margin-top: calc(env(safe-area-inset-top, 0px) + var(--hdr) + 12px); }
  .toc > .sum { display: flex; align-items: center; gap: 8px; padding: 11px 14px; font: 700 13.5px var(--body); color: var(--ink); list-style: none; cursor: pointer; -webkit-user-select: none; user-select: none; }
  .toc > .sum::-webkit-details-marker { display: none; } .toc > .sum::marker { content: ""; }
  .toc > .sum b { font-weight: 700; } .toc > .sum small { color: #8C939F; font-weight: 500; font-size: 12px; }
  .st { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
  .toc > .sum .st { color: #F2B53A; }
  .toc > .sum .st:last-child { margin-left: auto; width: 16px; height: 16px; transition: transform .2s ease; }
  .toc:not([open]) > .sum .st:last-child { transform: rotate(-90deg); }
  .toc > ol, .rail > ol { list-style: none; margin: 0; }
  .toc > ol { padding: 4px 8px 8px; border-top: 1px solid rgba(255,255,255,.08); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; }
  .toc li, .rail li { min-width: 0; }
  .toc ol a, .rail ol a { display: flex; gap: 8px; align-items: baseline; margin: 0; padding: 6px; border: 0; border-radius: 8px; font: 500 13px/1.4 var(--body); color: #C9CDD6; text-decoration: none; }
  .toc ol a i, .rail ol a i { flex: none; font: 800 12px var(--display); color: #F2B53A; font-style: normal; font-variant-numeric: tabular-nums; }
  .toc ol a span, .rail ol a span { min-width: 0; overflow-wrap: anywhere; }
  .toc ol a:hover, .rail ol a:hover { color: #fff; background: rgba(255,255,255,.04); }
  .toc ol a.on, .rail ol a.on { background: rgba(242,181,58,.12); color: #FFD27A; }
  html[lang^="en"] .toc > ol, html[lang^="es"] .toc > ol { grid-template-columns: minmax(0, 1fr); }   
  
  .rail { border: 1px solid rgba(242,181,58,.35); border-radius: 12px; background: var(--panel); }
  .rail > .tab { left: 12px; padding: 4px 10px 3px; font-size: 10.5px; max-width: calc(100% - 24px); }
  .rail > ol { padding: 8px; max-height: calc(100vh - var(--hdr) - 90px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(242,181,58,.3) transparent; border-radius: inherit; }
  .rail ol a { gap: 9px; padding: 7px 8px; font-size: 13.5px; line-height: 1.35; }

  
  .ans { margin: 26px 0 0; padding: 0; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: var(--panel); box-shadow: none; }
  .ans::before { display: none; }
  .ans h2 { margin: 0; padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,.08); display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font: 800 12px var(--body); letter-spacing: .06em; color: #F2B53A; text-transform: none; }
  .ans h2::before { content: ""; width: 8px; height: 8px; flex: none; border-radius: 2px; background: #F2B53A; transform: rotate(45deg); }
  .ans h2 small { color: #8C939F; font: 400 11.5px var(--body); letter-spacing: 0; }
  main.pnf .pn-lede { margin: 18px 2px 4px; font-size: 14px; color: #8C939F; }
  .ans.fold > summary { list-style: none; cursor: pointer; }
  .ans.fold > summary::-webkit-details-marker { display: none; }
  .ans.fold > summary h2::after { content: ""; flex: none; align-self: center; margin: -3px 4px 0 auto; width: 7px; height: 7px; border: solid #8C939F; border-width: 0 2px 2px 0; transform: rotate(45deg); }
  .ans.fold[open] > summary h2::after { transform: rotate(225deg); margin-top: 3px; }
  .ans.fold:not([open]) > summary h2 { border-bottom: 0; }
  .ans ol { display: block; padding: 6px 10px 10px; }
  .ans li { display: flex; gap: 10px; align-items: flex-start; padding: 10px 4px; border: 0; border-top: 1px dashed rgba(255,255,255,.1); background: none; border-radius: 0; }
  .ans li:first-child { border-top: 0; }
  .ans li:last-child:nth-child(odd) { grid-column: auto; }
  .ans li .n { flex: none; width: 20px; height: 20px; border-radius: 5px; background: #F2B53A; color: #2B1D02; font: 800 11px var(--display); box-shadow: none; margin-top: 12px; }
  .ans li .pic { flex: none; width: 44px; height: 44px; border-radius: 8px; }
  .ans li .pic img { max-width: 30px; max-height: 30px; } .ans li .pic.two img { max-width: 20px; max-height: 30px; }
  .ans li p { flex: 1; min-width: 0; margin: 0; font: 400 14px/1.5 var(--body); }
  .ans li p b:first-child { display: block; margin: 0; font: 700 15px/1.45 var(--body); color: var(--ink); }
  .ans li p small { display: block; margin-top: 3px; font: 400 13px/1.5 var(--body); color: #A3AAB6; }
  .ans li p small > span { display: block; }
  .ans li p small > a { display: flex; width: fit-content; max-width: 100%; align-items: center; gap: 4px; margin: 7px 0 0; height: auto; padding: 4px 10px; border-radius: 999px; border: 1px solid rgba(242,181,58,.5); background: rgba(242,181,58,.1); color: #FFD27A; font: 700 12px/1.35 var(--body); letter-spacing: 0; white-space: normal; text-decoration: none; }
  .ans li p small > a:hover { background: #F2B53A; color: #15120A; border-color: transparent; }
  @media (min-width: 900px) { .ans ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; } .ans li:nth-child(2) { border-top: 0; } }

  
  .sec { margin-top: 38px; }
  .sec > h2 { margin: 0 0 12px; padding: 0; border: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px; font: 800 19px/1.35 var(--body); letter-spacing: -.005em; }
  .sec > h2::after { content: ""; flex: 1; min-width: 40px; height: 1px; background: rgba(255,255,255,.1); }

  .sec > h2 .anc { margin-left: 6px; }
  @media (min-width: 761px) { .sec > h2 { font-size: 22px; } }
  .jt-body > .sec > h2::after { display: none; }
  @container (max-width: 639.98px) { .jt-body > .sec > h2 { padding-bottom: 8px; } }
  .sec > p, .sec > p.sub { margin: 0 0 12px; font: 400 16px/1.75 var(--body); color: #E3E5EC; max-width: 68ch; }
  .sec > .gl { margin: 8px 0 14px; padding: 0; list-style: none; font: 400 16px/1.75 var(--body); color: #E3E5EC; max-width: 68ch; }
  .sec > ul.gl > li { position: relative; margin: 0 0 10px; padding-left: 16px; }
  .sec > ul.gl > li::before { content: ""; position: absolute; left: 0; top: 11px; width: 7px; height: 7px; background: #F2B53A; transform: rotate(45deg); }
  .sec > ol.gl { list-style: decimal; padding-left: 22px; } .sec > ol.gl > li { margin: 0 0 10px; } .sec > ol.gl > li::marker { color: #F2B53A; font-weight: 700; }
  .sec > .gl b { color: #fff; }
  
  .its, .mbs { font-weight: 600; gap: 4px; padding: 1px 6px 1px 2px; border-radius: 6px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); }
  .its img { width: 18px; height: 18px; }
  .its.key { color: #FFD27A; border-color: rgba(242,181,58,.45); background: rgba(242,181,58,.1); }
  .later { font: 600 10.5px/1 var(--body); padding: 3px 6px; color: #E9A65A; border-color: rgba(233,166,90,.4); }
  
  @media (max-width: 640px) {
    .mob .stage { height: 80px; border-bottom: 1px solid rgba(242,181,58,.3); }
    .mob .tiles small { font-size: 8px; } .mob .tiles b { font-size: 12px; }
  }

  
  .sec > .tw, .sec > .facts + .tw { border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: var(--panel); }
  .xt { font-size: 14px; }
  .xt thead th { padding: 9px 10px; font: 700 11px var(--body); color: #F2B53A; background: rgba(242,181,58,.08); letter-spacing: 0; text-transform: none; }
  .xt tbody td { padding: 9px 10px; }
  .xt td .cv { display: contents; }
  @media (max-width: 640px) {
    .sec > .tw.cards { border: 0; border-radius: 0; background: none; overflow: visible; }
    .tw.cards > .xt, .tw.cards > .xt > tbody { display: block; width: 100%; }
    .tw.cards > .xt > thead { display: none; }
    .tw.cards > .xt > tbody > tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; align-items: baseline; margin: 0 0 8px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: var(--panel); }
    .tw.cards > .xt > tbody > tr.hi { border-color: rgba(242,181,58,.5); }
    .tw.cards > .xt > tbody > tr > td { display: block; min-width: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; text-align: left !important; white-space: normal !important; }
    .tw.cards > .xt > tbody > tr > td:first-child { grid-column: 1; margin-bottom: 4px; font: 700 15px/1.4 var(--body); color: #fff; }
    .tw.cards > .xt > tbody > tr > td[data-num] { grid-column: 2; grid-row: 1; font: 800 17px/1.2 var(--display); color: #FFD27A; font-variant-numeric: tabular-nums; text-align: right !important; white-space: nowrap !important; }
    .tw.cards > .xt > tbody > tr > td[data-num]::after { content: attr(data-u); margin-left: 3px; font: 600 11px var(--body); color: #8C939F; }
    .tw.cards > .xt > tbody > tr > td[data-l] { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(78px, 32%) minmax(0, 1fr); gap: 8px; margin-top: 6px; font: 400 13.5px/1.5 var(--body); color: #E3E5EC; }
    .tw.cards > .xt > tbody > tr > td[data-l]::before { content: attr(data-l); color: #8C939F; font-size: 12.5px; overflow-wrap: anywhere; }
    .tw.cards > .xt > tbody > tr > td[data-l] > .cv { display: block; min-width: 0; overflow-wrap: anywhere; }
    .tw.cards .its, .tw.cards .mbs { white-space: normal !important; }
    .tw.cards .it { min-width: 0; }
    .tw.cards > .xt > tbody > tr { padding: 9px 12px; margin-bottom: 6px; } .tw.cards > .xt > tbody > tr > td:first-child { margin-bottom: 2px; }   
    .tw.cards > .xt > tbody > tr > td[data-l] { display: block; padding-left: 92px !important; text-indent: -92px; margin-top: 5px; line-height: 1.45; }
    .tw.cards > .xt > tbody > tr > td[data-l] > * { text-indent: 0; }
    .tw.cards > .xt > tbody > tr > td[data-l]::before { display: inline-block; width: 84px; margin-right: 8px; text-indent: 0; vertical-align: top; font-size: 11.5px; line-height: 1.4; padding-top: 2px; }
  }

  
  .gbar { display: none; }
  @media (max-width: 820px) {
    .gbar { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 12px 0 2px; }
    .gbar button { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 40px; padding: 0 10px; border-radius: 999px; border: 1px solid var(--line2); background: var(--panel); color: #F6F2E9; font: 600 13px var(--body); letter-spacing: 0; -webkit-tap-highlight-color: transparent; }
    .gbar button:focus-visible { outline: 2px solid var(--meso); outline-offset: 1px; }
    .gbar button[hidden] { display: none; }
    .gbar button svg { width: 16px; height: 16px; flex: none; fill: currentColor; }
    .gbar .b0 svg, .gbar .b1 svg { fill: none; }
    .gbar .b2w { display: inline-flex; position: relative; }
    .gbar .act.b2 { background: var(--panel); color: #F6F2E9; border: 1px solid var(--line2); padding: 0 10px; font: 600 13px var(--body); letter-spacing: 0; }
    .gbar .shm { top: calc(100% + 6px); bottom: auto; right: auto; left: 0; }
    .gbar button:active { transform: scale(.97); }
    .head:has(.gbar) > .sh-w { display: none; }   
    .page.guide { padding-bottom: 32px; }
    html:has(.page.guide) .fb-btn { display: none; }   
    .page.guide > .share.end { display: none; }
    .toast { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  }

  
  .next > a, .coll > a, .mob { position: relative; transition: transform .22s ease; }
  .next > a::after, .coll > a::after, .mob::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; box-shadow: 0 0 0 1px rgba(242,181,58,.6), 0 10px 26px rgba(0,0,0,.45), 0 0 18px rgba(242,181,58,.18); opacity: 0; transition: opacity .22s ease; }
  @media (hover: hover) {
    .next > a:hover, .coll > a:hover, .mob:hover { transform: translateY(-2px); }
    .next > a:hover::after, .coll > a:hover::after, .mob:hover::after { opacity: 1; }
  }
  .rv { opacity: 0; transform: translateY(14px); }
  .rv.in { opacity: 1; transform: none; transition: opacity .45s ease, transform .45s cubic-bezier(.2,.7,.2,1); }
  @media (prefers-reduced-motion: reduce) {
    .rim { display: none; }
    .rv { opacity: 1; transform: none; }
    .next > a, .coll > a, .mob, .next > a::after, .coll > a::after, .mob::after, .toc > .sum .st:last-child { transition: none; }
    .next > a:hover, .coll > a:hover, .mob:hover { transform: none; }
  }
  .mob::after { inset: 0; box-shadow: inset 0 0 0 1px rgba(242,181,58,.7), inset 0 0 22px rgba(242,181,58,.12); }   
  
  html[lang^="ko"] .win h1, html[lang^="ko"] .sec > h2, html[lang^="ko"] .ans li p b:first-child, html[lang^="ko"] .toc ol a span, html[lang^="ko"] .rail ol a span { word-break: keep-all; }
  .win .crumb, .win .crumb a, .win .crumb span { letter-spacing: 0; text-transform: none; font-family: var(--body); }
  .ans { margin-bottom: 22px; }
  .route figcaption { flex-direction: column; align-items: flex-start; gap: 2px; }
  .route figcaption b { min-width: 0; overflow-wrap: anywhere; line-height: 1.3; } html[lang^="ko"] .route figcaption b { word-break: keep-all; }
  .mob .tiles { grid-template-columns: minmax(0, .8fr) minmax(0, 1.25fr) minmax(0, 1fr); }
  .mob .tiles b { font-size: 12px; letter-spacing: -.01em; }

  
  .gh .win .shw, .gh .win .act.sh { width: 34px; } .gh .win .act.sh { height: 34px; padding: 0; box-shadow: none; background: rgba(255,255,255,.03); color: #C9CDD6; border: 1px solid rgba(255,255,255,.14); border-radius: 9px; }
  .gh .win .act.sh:hover { color: #FFD27A; border-color: rgba(242,181,58,.55); background: rgba(242,181,58,.08); }
  .gwin { position: relative; margin-top: 40px; padding: 14px; border: 1px solid rgba(242,181,58,.4); border-radius: 12px; background: var(--panel); box-shadow: inset 0 0 0 1px rgba(0,0,0,.6), 0 12px 30px rgba(0,0,0,.3); min-width: 0; }
  .gwin > .tab { position: absolute; top: -1px; left: 14px; transform: translateY(-100%); margin: 0; padding: 5px 12px 4px; border-radius: 8px 8px 0 0; background: #F2B53A; color: #15120A; font: 800 12px/1.3 var(--body); letter-spacing: .02em; text-transform: none; max-width: calc(100% - 28px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .ghj.gwin { margin-top: 40px; }
  .gh-sub0 { margin: 0 0 12px; font: 500 12px/1.4 var(--body); color: #8C939F; }
  
  .gh-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; max-width: none; }
  .gh-t { position: relative; flex: none; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; padding: 12px 12px 10px; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.03); color: #C9CDD6; text-decoration: none; transition: transform .2s ease; }
  .gh-t:hover { border-color: rgba(255,255,255,.18); }
  .gh-t::before { content: ""; position: absolute; left: 12px; top: -1px; width: 18px; height: 2px; border-radius: 0 0 2px 2px; background: var(--jc); }
  .gh-t b { max-width: 100%; font: 800 16px/1.2 var(--body); color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .gh-t small { max-width: 100%; font: 700 10.5px/1.2 var(--display); letter-spacing: .04em; color: #8C939F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .gh-t::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; box-shadow: 0 0 0 1px #F2B53A, 0 0 22px rgba(242,181,58,.32), inset 0 0 18px rgba(242,181,58,.12); opacity: 0; transition: opacity .25s ease; }
  .gh-t[aria-current="true"] { border-color: transparent; background: rgba(242,181,58,.12); }
  .gh-t[aria-current="true"]::after { opacity: 1; }
  .gh-t[aria-current="true"] b { color: #FFD27A; } .gh-t[aria-current="true"] small { color: #E9C77A; }
  @media (hover: hover) { .gh-t:hover { transform: translateY(-2px); } .gh-t:hover::after { opacity: .55; } .gh-t[aria-current="true"]:hover::after { opacity: 1; } }
  @media (max-width: 640px) {
    
    .gh-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
    .gh-t { padding: 11px 5px 9px; align-items: center; } .gh-t::before { left: 50%; margin-left: -9px; }
    .gh-t:first-child { grid-column: 1 / -1; flex-direction: row; justify-content: center; align-items: baseline; gap: 8px; padding: 9px 10px; }
    .gh-t b { font-size: 14px; } .gh-t small { font-size: 9.5px; letter-spacing: 0; }
  }
  
  .gh-ps { margin-top: 14px; gap: 18px; }
  .gh-1 { position: relative; gap: 12px; padding: 14px 16px; border-radius: 10px; border: 1px solid rgba(242,181,58,.45); border-top: 1px solid rgba(242,181,58,.45); background: rgba(242,181,58,.07); transition: transform .2s ease; }
  .gh-1 .gh-tx { flex: 1; }
  .gh-1 b { margin-top: 6px; font: 800 22px/1.2 var(--body); letter-spacing: -.01em; }
  .gh-1 em { margin-top: 4px; font-size: 12.5px; color: #B4B8C6; }
  .gh .gh-1 .lvb { height: 20px; background: rgba(242,181,58,.14); color: #FFD27A; border: 1px solid rgba(242,181,58,.35); font: 700 10.5px var(--body); }
  .gh-open { height: 34px; padding: 0 14px; font: 800 12.5px var(--body); letter-spacing: 0; }
  a.gh-1:hover { border-color: #F2B53A; border-top-color: #F2B53A; }
  .gh-2s { gap: 0; padding: 0 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: rgba(255,255,255,.02); }
  .gh-2 { gap: 10px; padding: 11px 2px; border: 0; border-top: 1px dashed rgba(255,255,255,.12); border-radius: 0; background: none; }
  .gh-2:first-child { border-top: 0; }
  .gh-2 b { font: 700 15px/1.3 var(--body); }
  .gh .gh-2 .lvb { height: 18px; padding: 0 6px; background: none; border: 1px solid rgba(255,255,255,.14); color: #8C939F; font: 600 10px var(--body); }
  .gh-2 small { margin-top: 2px; }
  a.gh-2:hover { border-color: rgba(255,255,255,.12); } a.gh-2:hover b { color: #FFD27A; }
  .gh-go { flex: none; margin-left: auto; font: 800 18px/1 var(--display); font-style: normal; color: #F2B53A; transition: transform .2s ease; }
  @media (hover: hover) { a.gh-2:hover .gh-go, .gt-more a:hover .gh-go { transform: translateX(3px); } a.gh-1:hover { transform: translateY(-2px); } }
  .gh-1.off, .gh-2.off { opacity: .5; }
  .gh-tools > span { font: 500 12px var(--body); color: #8C939F; }
  .gh-chip { height: 28px; border-radius: 8px; background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.12); font: 600 12px var(--body); }
  
  .gh-cols { margin-top: 0; gap: 0 20px; }
  .gh-band > h2.tab { font: 800 12px/1.3 var(--body); }
  .gh-new { display: block; list-style: none; margin: 0; padding: 0; counter-reset: none; }
  .gh-new li + li { border-top: 1px dashed rgba(255,255,255,.1); }
  .gh-new a { display: flex; align-items: center; gap: 10px; padding: 10px 4px; border: 0; border-radius: 0; background: none; transition: transform .2s ease; }
  .gh-new a:hover { border-color: transparent; }
  .gh-no { flex: none; width: 20px; height: 20px; display: grid; place-items: center; border-radius: 5px; background: #F2B53A; color: #2B1D02; font: 800 11px var(--display); font-style: normal; }
  .gh-new .gh-tx { flex: 1; min-width: 0; }
  .gh-new .gh-tx b { display: block; font: 700 14.5px/1.35 var(--body); color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .gh-new .gh-tx small { display: block; margin-top: 1px; font: 500 11.5px/1.3 var(--body); color: #8C939F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .gh-new time { flex: none; font: 700 11px var(--display); color: #8C94A3; font-variant-numeric: tabular-nums; }
  @media (hover: hover) { .gh-new a:hover { transform: translateX(3px); } .gh-new a:hover b, .gt-more a:hover b { color: #FFD27A; } }
  .gt-more { display: block; }
  .gt-more a { display: flex; align-items: center; gap: 10px; padding: 11px 4px; border: 0; border-top: 1px dashed rgba(255,255,255,.1); border-radius: 0; background: none; }
  .gt-more a:first-child { border-top: 0; }
  .gt-more a:hover { border-color: rgba(255,255,255,.1); }
  .gt-more a .gh-tx { flex: 1; min-width: 0; }
  .gt-more a.gh-tier { flex-wrap: wrap; margin: 0 0 6px; padding: 12px; border: 1px solid rgba(242,181,58,.45); border-radius: 10px; background: rgba(242,181,58,.07); }
  .gt-more a.gh-tier + a { border-top: 0; }
  .gh-tier .gh-tx { order: 1; } .gh-tier .gh-go { order: 2; } .gh-tgs { order: 3; flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
  .gh-tg { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px 0 3px; border-radius: 8px; background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.1); font: 700 12.5px var(--body); color: #E3E5EC; white-space: nowrap; }
  .gh-tg .gp { min-width: 22px; height: 22px; font-size: 11.5px; border-radius: 6px; }
  .gh-about { margin-top: 26px; background: none; border: 1px dashed rgba(255,255,255,.12); border-radius: 12px; }
  html[lang^="ko"] .gh-1 em, html[lang^="ko"] .gh-2 small, html[lang^="ko"] .gt-more small { word-break: keep-all; }
  
  .xt.tt .tt-ic { display: none; }
  @media (prefers-reduced-motion: reduce) { .gh-t, .gh-1, .gh-go, .gh-new a, .gh-t::after { transition: none; } .gh-t:hover, a.gh-1:hover, .gh-new a:hover { transform: none; } }
  
  @media (max-width: 640px) { .sec .its, .sec .mbs, .ans .its, .ans .mbs { white-space: normal; max-width: 100%; } }
  @media (max-width: 640px) { .xt td .mbs, .xt td .its, .tw.cards .mbs, .tw.cards .its { word-break: keep-all; overflow-wrap: normal; } }   
  @media (max-width: 640px) {   
    .sec .its, .sec .mbs, .ans .its, .ans .mbs { padding: 6px 8px; margin: 3px 2px; line-height: 1.5; }
    .sec > ul.gl > li > a:only-child, .sec > ol.gl > li > a:only-child { display: inline-flex; align-items: center; min-height: 40px; }
    .mob .mmaps a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 12px; font-size: 12px; }
  }
  
  main.th-kerning { --tc: #A77BE3; --tcbg: #140F1F; --tcl: #C7A8F2; }
  main.th-henesys { --tc: #4DB873; --tcbg: #0D1A12; --tcl: #8FE3A6; }
  main[class*=" th-"] .head.win { border-color: var(--tc); background-color: var(--tcbg); }
  main[class*=" th-"] .win > .tab { background: var(--tc); color: var(--night); }
  main[class*=" th-"] .win .ft b { color: var(--tcl); }
  .gtabs { position: sticky; top: calc(env(safe-area-inset-top, 0px) + var(--hdr)); z-index: 6; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 14px 0 0; padding: 8px 2px; background: rgba(11,13,18,.94); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-bottom: 1px solid var(--line); }
  .gtabs::-webkit-scrollbar { display: none; }
  .gtabs a { flex: none; display: inline-flex; align-items: center; min-height: 40px; box-sizing: border-box; padding: 0 16px; border-radius: 999px; font: 800 14px var(--body); color: var(--dim); text-decoration: none; white-space: nowrap; }
  .gtabs a:hover { color: #fff; } .gtabs a.on { background: var(--meso); color: var(--night); }
  .gtabs a:focus-visible { outline: 2px solid #FFD27A; outline-offset: 2px; }
  main.has-gt .sec { scroll-margin-top: calc(env(safe-area-inset-top, 0px) + var(--hdr) + 64px); }
  .mtc { display: flex; flex-direction: column; gap: 16px; margin-top: 6px; }
  .mtg { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 14px; align-items: start; }
  .mt-k { display: flex; flex-direction: column; gap: 3px; padding-top: 6px; min-width: 0; }
  .mt-k b { font: 800 17px/1.25 var(--body); color: var(--meso); }
  .mt-k span { font: 600 12px/1.4 var(--body); color: var(--dim); }
  .mt-k i { display: block; height: 5px; margin-top: 5px; border-radius: 999px; background: linear-gradient(90deg, var(--meso) var(--w), #1A1E28 var(--w)); }
  .mt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; min-width: 0; }
  .mt { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; align-items: center; padding: 10px 12px; background: var(--panel); border: 1px solid var(--line); border-radius: 14px; min-width: 0; }
  .mt-it { min-width: 0; }
  .mt-it .its { background: none; border: 0; padding: 0; gap: 10px; font: 700 14px/1.3 var(--body); white-space: normal; overflow-wrap: anywhere; }
  .mt-it .its img { width: 40px; height: 40px; padding: 4px; box-sizing: border-box; background: #0B0E14; border-radius: 10px; }
  .mt-n { font: 800 15px var(--body); color: #F6F2E9; background: #1A1E28; padding: 3px 9px; border-radius: 8px; white-space: nowrap; }
  .mt-m { grid-column: 1 / -1; font: 12px/1.55 var(--body); color: var(--dim); overflow-wrap: anywhere; }
  .mt-m .mbs, .mt-m .inl { font-size: 12px; }
  .mt-m .mbs { background: none; border: 0; padding: 0; white-space: normal; }
  .mt-m .mbs img { width: 22px; height: 19px; }
  @media (max-width: 640px) {
    .mtg { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .mt-k { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding-top: 0; }
    .mt-k i { flex: 1 1 100%; margin-top: 2px; }
    .mt-grid { grid-template-columns: minmax(0, 1fr); }
  }
  
  .gi-pop { position: fixed; z-index: 60; max-width: 260px; padding: 10px 12px; border-radius: 10px; background: var(--panel); border: 1px solid rgba(242,181,58,.55); box-shadow: 0 10px 28px rgba(0,0,0,.5); font: 12.5px/1.55 var(--body); color: #E6E3DA; pointer-events: none; }
  .gi-pop b { display: block; margin-bottom: 4px; font: 800 13.5px var(--body); color: #fff; }
  .gi-pop .gi-k { margin-top: 6px; font: 800 11px var(--body); color: var(--meso); letter-spacing: .02em; }
  .gi-pop span { color: var(--dim); }
  .gi-pop .gi-m { color: var(--dim); }
  .gi-pop .gi-u { margin-top: 6px; padding-top: 6px; border-top: 1px solid rgba(255,255,255,.08); color: #FFD27A; font-weight: 700; }
  
  .csc { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 8px; }
  @media (min-width: 900px) { .csc { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } }
  .cs { display: flex; flex-direction: column; gap: 10px; padding: 12px; background: var(--panel); border: 1px solid var(--line); border-radius: 16px; min-width: 0; }
  .cs-h { display: flex; align-items: center; gap: 8px; }
  .cs-lv { background: var(--meso); color: var(--night); font: 800 13px var(--body); border-radius: 8px; padding: 3px 8px; white-space: nowrap; }
  .cs-ch { font: 600 12px var(--body); color: var(--dim); }
  .cs-it { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 10px; align-items: center; }
  .cs-it .its { grid-column: 1; grid-row: 1; background: none; border: 0; padding: 0; gap: 10px; font: 800 16px/1.3 var(--body); white-space: normal; overflow-wrap: anywhere; }
  .cs-it .its img { width: 44px; height: 44px; padding: 5px; box-sizing: border-box; background: #0B0E14; border-radius: 10px; }
  .cs-x { grid-column: 1; grid-row: 2; padding-left: 54px; margin-top: -10px; font: 600 12px var(--body); color: var(--dim); }
  .cs-n { grid-column: 2; grid-row: 1 / span 2; font: 800 20px var(--body); color: #F6F2E9; background: #1A1E28; border-radius: 10px; padding: 4px 10px; white-space: nowrap; }
  .cs-sub { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
  @media (min-width: 900px) { .cs-sub { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
  .cs-sub span { font: 600 11px var(--body); color: #C9CDD6; background: #0B0E14; border-radius: 7px; padding: 4px 2px; text-align: center; white-space: nowrap; }
  .cs-m { display: flex; flex-wrap: wrap; gap: 6px; }
  .cs-c { display: inline-flex; align-items: center; gap: 4px; background: #0B0E14; border: 1px solid #1E2330; border-radius: 9px; padding: 3px 8px 3px 3px; font: 700 13px var(--body); color: #F6F2E9; }
  .cs-c .its { background: none; border: 0; padding: 0; gap: 5px; font: 600 13px var(--body); color: #C9CDD6; white-space: nowrap; }
  .cs-c .its img { width: 22px; height: 22px; }
  
  .kpw { margin-top: 8px; display: flex; flex-direction: column; gap: 10px; }
  .kp-gh { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 6px; }
  .kp-gh b { font: 700 15px var(--body); color: #F6F2E9; }
  .kp-gh small { flex-basis: 100%; font: 12px var(--body); color: var(--dim); }
  .kp-c { font: 700 12px var(--body); color: #F6F2E9; background: #1A1E28; border-radius: 999px; padding: 2px 8px; }
  .kp-c.on { color: var(--night); background: var(--meso); }
  .kpg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  @media (min-width: 700px) { .kpg { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  @media (min-width: 1100px) { .kpg { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
  .kp-t { display: flex; flex-direction: column; gap: 6px; padding: 12px; background: var(--panel); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; min-width: 0; }
  .kp-th { display: flex; justify-content: space-between; align-items: flex-start; gap: 6px; }
  .kp-th .its { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; background: none; border: 0; padding: 0; font: 700 14px/1.3 var(--body); color: #F6F2E9; white-space: normal; min-width: 0; overflow-wrap: anywhere; }
  .kp-th .its img { width: 34px; height: 34px; }
  .kp-n { font: 800 24px/1 var(--display); color: var(--meso); font-variant-numeric: tabular-nums; }
  .kp-b { font: 12.5px/1.45 var(--body); color: #C9CDD6; }
  .kp-d { color: var(--meso); white-space: nowrap; }
  .kp-cr { font: 12px/1.45 var(--body); color: #C9B6FF; }
  .kp-cr a { color: #C9B6FF; text-decoration: underline; text-underline-offset: 2px; }
  .kp-m { font: 11.5px/1.4 var(--body); color: var(--dim); }
  .kp-more > summary { cursor: pointer; display: flex; justify-content: center; align-items: center; min-height: 44px; border-radius: 999px; background: #1A1E28; font: 700 14px var(--body); color: var(--meso); list-style: none; }
  .kp-more > summary::-webkit-details-marker { display: none; }
  .kp-more[open] > summary { margin-bottom: 10px; }
  .kp-note { margin: 4px 0 0; font: 12.5px/1.6 var(--body); color: var(--dim); }
  
  .cs-sub span small { display: block; font: 600 10px var(--body); color: var(--dim); }
  .cs-sub span b { display: block; font: 800 12.5px var(--body); color: #F6F2E9; }
  .cs-k { font: 800 11.5px var(--body); color: var(--meso); letter-spacing: .02em; margin-bottom: -4px; }
  .cs-c em { font-style: normal; font-weight: 800; color: #F6F2E9; }
  .cs-ms { display: inline-flex; align-items: center; font: 700 12px var(--body); color: var(--dim); padding: 0 4px; }
  .cs-mid { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
  .cs-mid li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 7px 8px; background: #0B0E14; border-radius: 10px; }
  .cs-mid .cs-c { border: 0; background: #1A1E28; }
  .cs-how { font: 12.5px/1.5 var(--body); color: #C9CDD6; min-width: 0; }
  .cs-how b { font-weight: 700; color: #FFD27A; }
  .cs-f { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding-top: 8px; border-top: 1px dashed rgba(255,255,255,.12); font: 12px/1.5 var(--body); color: var(--dim); }
  .cs-f b { color: var(--meso); font: 800 13px var(--body); white-space: nowrap; }
  
  .dkc { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 8px; }
  @media (min-width: 700px) { .dkc { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 1100px) { .dkc { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  .dk { display: flex; flex-direction: column; gap: 10px; padding: 14px; background: var(--panel); border: 1px solid var(--line); border-top: 3px solid var(--meso); border-radius: 16px; min-width: 0; }
  .dk-h { display: flex; align-items: center; gap: 12px; text-decoration: none; color: #F6F2E9; min-height: 52px; }
  .dk-h img { width: 52px; height: 52px; padding: 6px; box-sizing: border-box; background: #0B0E14; border-radius: 12px; object-fit: contain; image-rendering: pixelated; flex: none; }
  .dk-h > div { display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 0; }
  .dk-h b { font: 800 18px var(--body); } .dk-h small { font: 600 12px var(--body); color: var(--dim); }
  .dk-h small .inl { color: var(--dim); }
  .dk-go { font: 800 22px var(--body); color: var(--meso); }
  a.dk-h:hover b { color: #FFD27A; }
  .dk-r { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font: 600 12.5px var(--body); color: #C9CDD6; }
  .dk-j { font: 800 12px var(--body); padding: 3px 9px; border-radius: 999px; }
  .dk-j.j-warrior { background: #3A1A16; color: #F29A8A; } .dk-j.j-magician { background: #1B2442; color: #9DB3F7; }
  .dk-j.j-bowman { background: #173826; color: #7FD3A0; } .dk-j.j-thief { background: #2C2140; color: #C7A8F2; }
  .dk-m { display: flex; justify-content: space-between; align-items: center; gap: 8px; background: #0B0E14; border-radius: 10px; padding: 8px 10px; font: 13px/1.5 var(--body); color: #C9CDD6; }
  .dk-m .its { background: none; border: 0; padding: 0; font-size: 13px; }
  .dk-m b { color: var(--meso); white-space: nowrap; font-weight: 800; }

  @media (max-width: 600px) {   
    .win .in { padding: 12px 14px 10px; }
    .win .lede { font-size: 14px; line-height: 1.6; }
    .win .ft > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; padding: 6px 12px; }
    .win .ft b { display: inline; font-size: 12.5px; }
  }
  @media (max-width: 640px) {
    .sec > .tw:has(> .xt.prog) { border: 0; border-radius: 0; background: none; overflow: visible; }   
    .page.guide { width: 100%; padding-inline: 16px; }   
    .sec > .tw:not(.cards) .xt:not(.prog):not(.tt-first) td:first-child, .sec > .tw:not(.cards) .xt:not(.prog):not(.tt-first) th:first-child { position: sticky; left: 0; z-index: 1; background: var(--panel); box-shadow: 1px 0 0 rgba(255,255,255,.12); }   
    .sec > .tw:not(.cards) .xt:not(.prog):not(.tt-first) thead th:first-child { background: linear-gradient(rgba(242,181,58,.08), rgba(242,181,58,.08)), var(--panel); }
    .sec > .tw:not(.cards) .xt:not(.prog):not(.tt-first) tr.hi td:first-child { background: linear-gradient(var(--gold-soft), var(--gold-soft)), var(--panel); box-shadow: 1px 0 0 rgba(255,255,255,.12); color: #FFD27A; }
  }
  @media (max-width: 640px) { .route figcaption span, .sec > h2 .eb { font-size: 12px; } .later, .sc-w .later { font-size: 11.5px; } }   
  .tocs { position: fixed; inset: 0; z-index: 100; }
  .tocs[hidden] { display: none; }
  .tocs-b { position: absolute; inset: 0; background: rgba(0,0,0,.55); }
  .tocs-p { position: absolute; left: 0; right: 0; bottom: 0; max-height: min(78vh, 560px); display: flex; flex-direction: column; background: var(--panel); border: 1px solid rgba(255,255,255,.12); border-bottom: 0; border-radius: 18px 18px 0 0; box-shadow: 0 -18px 40px rgba(0,0,0,.5); padding-bottom: env(safe-area-inset-bottom, 0px); }
  .tocs-h { flex: none; display: flex; align-items: center; justify-content: space-between; padding: 12px 12px 10px 16px; border-bottom: 1px solid rgba(255,255,255,.08); font: 700 15px var(--body); color: var(--ink); }
  .tocs-x { all: unset; box-sizing: border-box; cursor: pointer; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); color: #C9CDD6; font-size: 22px; line-height: 1; }
  .tocs-x:focus-visible { outline: 2px solid var(--meso); outline-offset: 1px; }
  .tocs ol { list-style: none; margin: 0; padding: 6px 8px 12px; overflow-y: auto; overscroll-behavior: contain; }
  .tocs ol a { display: flex; gap: 10px; align-items: baseline; min-height: 44px; padding: 10px; border-radius: 10px; font: 500 15px/1.4 var(--body); color: #E3E5EC; text-decoration: none; }
  .tocs ol a i { flex: none; width: 22px; font: 800 12px var(--display); color: #F2B53A; font-style: normal; font-variant-numeric: tabular-nums; }
  .tocs ol a span { min-width: 0; overflow-wrap: anywhere; }
  .tocs ol a.on { background: rgba(242,181,58,.12); color: #FFD27A; }
  html[lang^="ko"] .tocs ol a span { word-break: keep-all; }
  html.tocs-open { overflow: hidden; }
  @media (min-width: 821px) { .tocs { display: none !important; } }
  
  html[lang^="ko"] :is(.its, .mbs) { white-space: nowrap; } .its, .mbs { max-width: 100%; }   
  .its { line-height: 1.25; margin: 1px 0; }   
  a.inl.nw { white-space: nowrap; }
  .meta span, .ans h2 small, .ans li p small > a, .route figcaption span, .sec > h2 .eb, .mob .mmaps a, .xt th, .xt thead th, .tl .ph, .qn small, .q .note,
  .npc span small, .wep .st small, .soon-tag, .gh-k, .gh-t, .gh-t small, .gh .lvb, .gh .gh-1 .lvb, .gh-new small, .gh-new .gh-tx small, .gh-new time, .status,
  .sc-w b:not(.sc-m), .xt.tt td.tt-g small.tt-gn, .xt.tt-rank th, .xt.tt-path.tt-by3 th.tt-3, .rail > .tab, .gi-pop .gi-k, .cs-sub span, .cs-sub span small, .cs-k,
  .ans li .n, .gh-no, .gh-tg .gp, .xt.tt-rank .gp, .sec > .tip::before, .sec > .warn::before, .sec > p.note::before, .q > .qb > .tip::before, .q > .qb > .warn::before,
  .tw.cards > .xt > tbody > tr > td[data-num]::after, .tw.cards > .xt > tbody > tr > td[data-l]::before { font-size: 12px !important; }
  .later, .sc-w .later, .gh-nb, .gh .gh-2 .lvb { font-size: 11.5px !important; height: auto !important; min-height: 20px; }
  .gh-t small { letter-spacing: 0 !important; }
  .act { font-size: 12px !important; min-height: 36px; }
  .act.shb, .gh .act.shb, .gh-open { min-height: 36px; height: auto !important; font-size: 12.5px !important; }
  .anc { display: inline-grid; place-items: center; min-width: 32px; height: 32px; margin: -6px 0 -6px 2px; vertical-align: middle; }
  .gh-chip { min-height: 36px; height: auto; }
  @media (max-width: 760px) { .anc { display: none; } }
  .sec > p.sub { max-width: 80ch; }   

  .kp-note { font-size: 13px !important; max-width: 70ch; } .kp-m { font-size: 12px !important; }   
  .mob .tiles small { font-size: 12px !important; letter-spacing: .04em !important; }   
  html[lang^="ko"] .mob .tiles { grid-template-columns: minmax(0, .7fr) minmax(0, 1.1fr) minmax(0, 1.3fr); } html[lang^="ko"] .mob .tiles span { padding: 4px 5px; }   
  table[data-accfam] td .lowacc { display: block; margin-top: 3px; font-size: 12px; font-weight: 800; line-height: 1.3; color: #FF7A6A; text-wrap: balance; }   
  html[lang^="ko"] :is(.sec .its:not(.sk), .sec .mbs, .ans .its, .ans .mbs, .tw.cards .its:not(.sk), .tw.cards .mbs, .facts .its, .facts .mbs) { white-space: nowrap !important; }   
  :is(.sc-it, .mt-it, .cs-it, .kp-th) .its { white-space: normal !important; }   
  main :is(p, li, td, th, dd, b, small, span, a, .fv, .kp-cr, .kp-m, figcaption) { text-wrap-style: pretty; }   
  main :is(h1, h2, h3, summary, td, th, span, small, b, a, .fv, .sc-g, .kp-cr, .mt-m, .mt-it, figcaption) { text-wrap-style: balance; }   
  .qn span, .qn small { text-wrap-style: balance !important; word-break: normal; }   
  .q .qb > .tip, .q .qb > .warn { max-width: 72ch; }
  .sc-w .sc-g { display: block; } .sc-w .sc-g + .sc-g { margin-top: 3px; }   
  main.guide :is(.sc-w, .mt-it .its, .tt-v) { text-wrap-style: balance; }
  @media (min-width: 900px) { .xt.tt-first td, .xt.tt-first th { min-width: 108px; } .xt.tt-first .tt-v { overflow-wrap: normal; } }   
  main.guide a.nw { white-space: nowrap; }
  
  .accw { margin: 12px 0 8px; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid var(--line); }
  .accw-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
  .accw-t { all: unset; cursor: pointer; min-height: 40px; display: inline-flex; align-items: center; gap: 6px; font: 800 14px var(--body); color: #FFD27A; }
  .accw-t i { display: inline-block; width: .45em; height: .45em; margin-top: -.25em; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .2s; } .accw.open .accw-t i { transform: rotate(225deg); margin-top: .15em; }
  .accw-st { flex: none; font: 700 12px var(--body); padding: 3px 10px; border-radius: 999px; background: rgba(255,255,255,.07); color: #C9C6E4; white-space: nowrap; }
  .accw.on .accw-st { background: rgba(242,181,58,.18); color: #FFD27A; }
  .accw-g { display: none; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px 10px; margin-top: 10px; }
  .accw.open .accw-g { display: grid; }
  .accw-cs { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
  .accw-c { all: unset; box-sizing: border-box; cursor: pointer; min-height: 36px; padding: 0 13px; display: inline-flex; align-items: center; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); font: 700 13px var(--body); color: #D5D3E4; white-space: nowrap; }
  .accw-c[aria-pressed="true"] { background: #F2B53A; border-color: #F2B53A; color: #15120A; } .accw-c.mine { border-style: dashed; }
  .accw-basis { margin: 8px 0 0; font: 13px/1.55 var(--body); color: #C9C6E4; }
  .accw-lvauto { all: unset; box-sizing: border-box; cursor: pointer; min-height: 44px; padding: 0 16px; border-radius: 999px; display: inline-flex; align-items: center; border: 1px dashed rgba(255,255,255,.3); font: 700 13px var(--body); color: var(--ink); } .accw-lvauto[hidden] { display: none; }
  @media (min-width: 821px) { .accw .accw-g { display: grid; } .accw-t { display: none; } }
  @media (max-width: 820px) { .accw-cs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: -12px; padding-inline: 12px; } .accw-cs::-webkit-scrollbar { display: none; } }
  .accw-g label { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .accw-g label.w2 { grid-column: span 2; }
  .accw-g input::placeholder { color: #6E7486; }
  .accw-g label span { font: 700 12px var(--body); color: var(--dim); white-space: nowrap; }
  .accw-g input, .accw-g select { box-sizing: border-box; width: 100%; min-height: 44px; padding: 0 10px; border-radius: 10px; border: 1px solid rgba(255,255,255,.16); background: #0B0E16; color: #fff; font: 600 16px var(--body); text-align: right; }
  .accw-g select { text-align: left; }
  .accw-b { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  .accw-go, .accw-back { all: unset; box-sizing: border-box; cursor: pointer; min-height: 44px; padding: 0 18px; border-radius: 999px; display: inline-flex; align-items: center; font: 800 14px var(--body); white-space: nowrap; }
  .accw-go { background: #F2B53A; color: #15120A; } .accw-back { border: 1px solid rgba(255,255,255,.2); color: var(--ink); }
  .accw-back[hidden] { display: none; }
  .accw-more { margin-left: auto; font: 700 13px var(--body); color: #FFD27A; text-decoration: none; white-space: nowrap; }
  .accw-n { grid-column: 1 / -1; margin: 0; font: 13px/1.5 var(--body); color: var(--dim); }
  table.acc-mine td.chg { background: rgba(242,181,58,.09); transition: background .3s; }
  table[data-accfam] td .pm, table[data-accfam] td.miss { color: #FF9A8A; }
  @media (max-width: 640px) { .accw-g { grid-template-columns: repeat(2, minmax(0, 1fr)); } .accw-g label.w2 { grid-column: 1 / -1; } .accw-more { margin-left: 0; } }
  .cs-how small { font-size: 12px !important; }   
  .crumb > span:last-child, .crumb > b:last-child { white-space: nowrap; }   
  .accspec { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 4px; margin-top: 4px; font: 600 12px/1.4 var(--body); color: #FFD27A; white-space: normal; text-align: left; }
  .accspec img { width: 18px; height: 18px; object-fit: contain; image-rendering: pixelated; vertical-align: middle; }
  .accw-g .sc .scr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } .accw-g .scr-n { font: 600 12px var(--body); color: #FFD27A; min-height: 16px; }
  .accspec .ai { display: inline-flex; gap: 1px; } .accspec .ai img { width: 16px; height: 16px; }
  
  .gh-qf { margin-top: 16px; min-width: 0; }
  .gh-qh { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 8px; }
  .gh-qh b { font: 700 12.5px var(--body); color: #F2B53A; letter-spacing: .02em; white-space: nowrap; }
  .gh-qh small { min-width: 0; font: 500 12px var(--body); color: #8C939F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .gh-qg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  a.gh-q { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 58px; padding: 9px 12px; box-sizing: border-box; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.1); color: #fff; text-decoration: none; }
  .gh-q .gh-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  .gh-q b { font: 700 15px/1.25 var(--body); color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .gh-q small { font: 500 12.5px/1.3 var(--body); color: #A3AAB6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
  a.gh-q:hover { border-color: rgba(242,181,58,.55); background: rgba(242,181,58,.06); } a.gh-q:hover b { color: #FFD27A; }
  @media (hover: hover) { a.gh-q:hover .gh-go { transform: translateX(3px); } }
  @media (min-width: 1320px) {
    .gh .head.win .in { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 28px; align-items: start; }
    .gh .head.win .in > h1, .gh .head.win .in > .lede { grid-column: 1; }
    .gh .head.win .in > .gh-qf { grid-column: 2; grid-row: 1 / span 2; margin-top: 0; }
    .gh .head.win .gh-qh { padding-right: 46px; min-height: 34px; align-items: center; }
  }
  @media (max-width: 760px) { .gh-qg { grid-template-columns: minmax(0, 1fr); } .gh-qh small { display: none; } }
  
  .coll > a, .coll > .soon { grid-template-columns: minmax(0, 1fr); }
  
  @keyframes arrive { 0%, 60% { background-color: rgba(227,164,42,.13); box-shadow: 0 0 0 6px rgba(227,164,42,.13); outline-color: rgba(227,164,42,.75); } 100% { background-color: rgba(227,164,42,0); box-shadow: 0 0 0 6px rgba(227,164,42,0); outline-color: rgba(227,164,42,0); } }
  .arrive { outline: 2px solid rgba(227,164,42,0); outline-offset: 6px; border-radius: 12px; animation: arrive 2.2s ease-out 1 both; }
  .faq details.arrive { border-color: rgba(227,164,42,.7); }
  @media (prefers-reduced-motion: reduce) { .arrive { animation: none; background-color: rgba(227,164,42,.13); box-shadow: 0 0 0 6px rgba(227,164,42,.13); outline-color: rgba(227,164,42,.75); } }
  .faq details[id] { scroll-margin-top: calc(env(safe-area-inset-top, 0px) + var(--hdr) + 16px); }
  main.has-gt .faq details[id] { scroll-margin-top: calc(env(safe-area-inset-top, 0px) + var(--hdr) + 64px); } .jt-body .faq details[id] { scroll-margin-top: calc(env(safe-area-inset-top, 0px) + var(--hdr) + 52px); }
  
  .gh-faq { margin-top: 40px; }
  .gh-fch { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  .gh-fcg { display: flex; flex-wrap: wrap; gap: 6px; }
  .gh-fc { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.04); color: #C9CDD6; font: 600 13px var(--body); white-space: nowrap; cursor: pointer; }
  .gh-fc:hover { border-color: rgba(242,181,58,.55); color: #FFD27A; }
  .gh-fc[aria-pressed="true"] { background: #F2B53A; border-color: #F2B53A; color: #1A1200; font-weight: 700; }
  .gh-fc:focus-visible, .gh-fqm:focus-visible { outline: 2px solid #FFD27A; outline-offset: 2px; }
  .gh-fsep { width: 1px; height: 22px; margin: 0 2px; background: rgba(255,255,255,.14); }
  .gh-fhint { margin-left: auto; font: 500 12.5px var(--body); color: #8C939F; white-space: nowrap; }
  .gh-fg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
  .gh-fg:not(.open) > .gh-fq.x { display: none; }
  a.gh-fq { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 14px 16px 12px; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.1); color: #fff; text-decoration: none; }
  a.gh-fq[hidden] { display: none; }
  a.gh-fq:hover { border-color: rgba(242,181,58,.55); } a.gh-fq:hover .gh-fqq { color: #FFD27A; }
  .gh-fqq { font: 700 16px/1.4 var(--body); color: #fff; text-wrap: balance; }
  .gh-fqa { flex: 1; font: 400 14px/1.65 var(--body); color: #C9CDD6; text-wrap: pretty; }
  html[lang^="ko"] :is(.gh-fqq, .gh-fqa) { word-break: keep-all; }
  .gh-fql { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.08); font: 600 13px var(--body); color: #F2B53A; }
  .gh-fql > span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  @media (hover: hover) { a.gh-fq:hover .gh-go { transform: translateX(3px); } }
  .gh-fqn { margin: 14px 0 0; font: 500 14px var(--body); color: #8C939F; }
  .gh-fqm { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; margin-top: 12px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(242,181,58,.6); background: rgba(242,181,58,.1); color: #FFD27A; font: 700 14px var(--body); white-space: nowrap; cursor: pointer; }
  .gh-fqm:hover { background: #F2B53A; color: #1A1200; } .gh-fqm[hidden] { display: none; }
  @media (max-width: 760px) { .gh-fg { grid-template-columns: minmax(0, 1fr); } .gh-fhint { display: none; } .gh-fsep { display: none; } }

  
  .me-lv { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 12px 0 4px; padding: 6px 12px; min-height: 44px; box-sizing: border-box; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid var(--line); }
  .me-pill { flex: none; white-space: nowrap; font: 800 13px var(--body); padding: 4px 12px; border-radius: 999px; background: rgba(242,181,58,.18); color: #FFD27A; }
  .me-pill.off { background: rgba(255,255,255,.07); color: #C9C6E4; }
  a.me-go { flex: none; white-space: nowrap; display: inline-flex; align-items: center; min-height: 36px; font: 700 13px var(--body); color: #FFD27A; text-decoration: none; }
  a.me-go:hover { color: #fff; } a.me-go:focus-visible { outline: 2px solid var(--meso); outline-offset: 2px; border-radius: 6px; }
  .me-note { margin-left: auto; font: 500 12px var(--body); color: var(--dim); }
  .me-note.off { margin-left: 0; font-size: 13px; color: #C9C6E4; }
  @media (max-width: 640px) { .me-lv { padding: 8px 12px; } .me-note { margin-left: 0; flex-basis: 100%; } .me-note.off { flex-basis: auto; } }
  .xt tbody tr.me-row td { background: rgba(242,181,58,.13); } .xt tbody tr.me-row td:first-child { color: #FFD27A; }
  @media (max-width: 640px) { .sec > .tw:not(.cards) .xt:not(.prog):not(.tt-first) tr.me-row td:first-child { background: linear-gradient(rgba(242,181,58,.13), rgba(242,181,58,.13)), var(--panel); box-shadow: 1px 0 0 rgba(255,255,255,.12); } }   
  main.guide tr[data-me], main.guide .sec h3[data-me][id] { scroll-margin-top: calc(var(--hdr, 58px) + 36px); }
  
  .pch { margin: 14px 0 20px; border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent); border-radius: 14px; background: var(--panel); overflow: hidden; }
  .pchh { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 10px 14px; border-bottom: 1px solid color-mix(in srgb, var(--ink) 10%, transparent); }
  .pch .ptag { font: 800 12.5px/1 var(--display); padding: 6px 11px; border-radius: 999px; background: #F2B53A; color: #2B1D02; }
  .pch.t-cash .ptag { background: #D9466F; color: #fff; } .pch.t-event .ptag { background: #2E9A55; color: #fff; } .pch.t-notice .ptag { background: #4E5BD9; color: #fff; }
  .pch.t-maint .ptag { background: #6B7586; color: #fff; } .pch.t-roadmap .ptag { background: #7E50C9; color: #fff; }
  .pch .pdate { font: 700 14px var(--body); color: var(--ink); }
  .pch .psrc { margin-left: auto; font: 700 13px var(--body); color: var(--meso); text-decoration: none; padding: 4px 11px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--meso) 55%, transparent); }
  .pch .psrc:hover { background: var(--meso); color: #15120A; }
  .pgrid { list-style: none; margin: 0; padding: 12px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .pgrid li { display: flex; gap: 12px; align-items: center; min-width: 0; padding: 12px; border-radius: 12px; background: color-mix(in srgb, var(--ink) 4%, transparent); border: 1px solid color-mix(in srgb, var(--ink) 8%, transparent); }
  .pgrid li:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .pgrid .pic { flex: none; width: 56px; height: 56px; border-radius: 10px; background: var(--cell); border: 1px solid var(--cell-edge); display: grid; place-items: center; overflow: hidden; }
  .pgrid .pic img { max-width: 46px; max-height: 46px; object-fit: contain; image-rendering: pixelated; }
  .pgrid .pic.two { grid-template-columns: 1fr 1fr; } .pgrid .pic.two img { max-width: 26px; max-height: 44px; }
  .pgrid .pt { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  .pgrid .pt b { font: 800 16px/1.35 var(--body); color: var(--ink); }
  .pgrid .pt span { font: 700 14px/1.45 var(--body); color: var(--meso); }
  .pgrid .pt small { font: 400 13px/1.45 var(--body); color: var(--dim); }
  .pgrid .pt a { color: inherit; }
  @media (max-width: 760px) { .pgrid { grid-template-columns: minmax(0, 1fr); padding: 10px; } .pgrid li:last-child:nth-child(odd) { grid-column: auto; } .pch .psrc { margin-left: 0; } }


  .yt { margin: 0; } .yt .ytf { all: unset; cursor: pointer; position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: #000; border: 1px solid rgba(255,255,255,.12); }
  .yt .ytf img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .yt .ytp { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; transform: translate(-50%, -50%); border-radius: 14px; background: rgba(224,69,43,.92); box-shadow: 0 6px 18px rgba(0,0,0,.5); }
  .yt .ytp::after { content: ""; position: absolute; left: 27px; top: 14px; border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent #fff; }
  .yt .ytf:hover .ytp, .yt .ytf:focus-visible .ytp { background: #E0452B; } .yt .ytf:focus-visible { outline: 2px solid var(--meso); outline-offset: 2px; }
  .yt iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 12px; display: block; }
  .yt figcaption { margin-top: 6px; font: 600 13px/1.4 var(--body); color: #E8E6FF; } .yt figcaption small { display: block; color: var(--dim); font-weight: 400; margin-top: 2px; }


  
  .gh-lad { padding: 16px 16px 6px; }
  .gh-lh { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin: 2px 0 12px; }
  .gh-lh > div { min-width: 0; }
  .gh-lh h2 { margin: 0; font: 800 20px/1.2 var(--display); color: #fff; letter-spacing: .01em; }
  .gh-lh p { margin: 4px 0 0; font: 400 13.5px/1.5 var(--body); color: #B4BAC6; }
  .gh-lm { flex: none; font: 700 13.5px var(--body); color: #FFD27A; text-decoration: none; white-space: nowrap; }
  .gh-lm:hover { color: #fff; }
  .gh-lhd, .gh-lb { display: grid; grid-template-columns: 108px repeat(3, minmax(0, 1fr)); column-gap: 12px; }
  .gh-lhd { padding-bottom: 8px; font: 800 12px var(--display); letter-spacing: 0; color: #8C93A3; }
  .gh-lhd span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .gh-lb { row-gap: 8px; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.08); }
  .gh-ll { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  .gh-ll b { font: 800 15px var(--display); color: #FFD27A; white-space: nowrap; }
  .gh-ll small { font: 500 11.5px var(--body); color: #8C93A3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .gh-lr { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 6px; min-width: 0; }
  .gh-lc { box-sizing: border-box; max-width: 100%; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 11px; border-radius: 999px;
    background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)); border: 1px solid rgba(255,255,255,.14);
    font: 500 13.5px var(--body); color: #F3F1FA; text-decoration: none; white-space: nowrap; }
  .gh-lc span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .gh-lc img { flex: none; width: 22px; height: 22px; margin-left: -5px; object-fit: contain; image-rendering: pixelated; }
  .gh-lc small { flex: none; font: 600 12px var(--display); color: #9EA5B5; }
  .gh-lc:hover { border-color: rgba(242,181,58,.6); color: #FFD27A; }
  .gh-lc.g { border-color: rgba(242,181,58,.55); color: #FFD27A; font-weight: 700; }
  @media (min-width: 901px) { .gh-ll small { white-space: normal; line-height: 1.35; } }   
  @media (max-width: 900px) {
    .gh-lhd { display: none; }
    .gh-lb { grid-template-columns: minmax(0, 1fr); }
    .gh-ll { flex-direction: row; align-items: baseline; gap: 8px; }
  }
  @media (max-width: 640px) { .gh-lad { padding: 14px 12px 4px; } .gh-lh { flex-wrap: wrap; } .gh-lh h2 { font-size: 18px; } }