@font-face{font-family:'Pretendard';font-style:normal;font-display:swap;font-weight:400;src:url('/fonts/pretendard-400.713381be.woff2') format('woff2')}
  @font-face{font-family:'Pretendard';font-style:normal;font-display:swap;font-weight:600;src:url('/fonts/pretendard-600.fa613e08.woff2') format('woff2')}
  @font-face{font-family:'Pretendard';font-style:normal;font-display:swap;font-weight:700;src:url('/fonts/pretendard-700.b5acaba0.woff2') format('woff2')}
  @font-face{font-family:'Pretendard';font-style:normal;font-display:swap;font-weight:700;src:url('/fonts/pretendard-800.0aad476e.woff2') format('woff2')}
  @font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;
    src:url("/fonts/barlow-condensed-600.woff2") format("woff2")}
  :root{
    --bg:#06090f; --bg2:#0b111c; --panel:#0f1622; --panel2:#161f2e;
    --line:#1c2635; --line2:#293448;
    --txt:#e4e9f2; --mut:#8b97ad;
    --gold:#f5c451; --silver:#c9d4e8; --bronze:#e8a06a;
    --c-market:#5aa9f5; --c-fantasy:#a78bfa; --c-lol:#c79b3b; --c-val:#ff4655;
    --fa:#ffa53d; --stay:#3fd18b; --unk:#5b6079;
    --top:#e05656; --jgl:#4ade80; --mid:#5aa9ff; --bot:#ffcf4d; --sup:#c98bff;
    --r-panel:10px; --r-ctl:7px; --r-pill:20px;
    --w-page:1180px;
    --s0:2px; --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
    --f-body:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
    --f-head:"Barlow Condensed","Pretendard","Apple SD Gothic Neo",sans-serif;
    --fs-hero:17px; --fs-title:15px; --fs-row:13.5px; --fs-note:13px; --fs-meta:12px; --fs-micro:11px;
    --fs-h2:20px; --fs-h1:28px; --fs-num:28px; --fs-display:44px;
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{background:var(--bg);color:var(--txt);font-family:var(--f-body);
    -webkit-font-smoothing:antialiased;line-height:1.5;min-height:100vh}
  a{color:inherit}
  button{font-family:inherit;cursor:pointer}
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-thumb{background:var(--line2);border-radius:6px}
  ::-webkit-scrollbar-track{background:transparent}
  :focus-visible{outline:2px solid var(--txt);outline-offset:2px;border-radius:4px}
  .num{font-variant-numeric:tabular-nums}
  .fig{font-family:var(--f-head);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em}
  header.top{position:sticky;top:0;z-index:40;backdrop-filter:blur(12px);
    background:rgba(7,11,20,.9);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}
  .top-row1{max-width:var(--w-page);margin:0 auto;padding:0 20px;height:52px;display:flex;align-items:center;gap:var(--s3)}
  .brand{display:flex;align-items:center;font-weight:700;letter-spacing:-.3px;flex:none;min-width:0}
  .brand a{display:flex;align-items:center;gap:var(--s2);text-decoration:none;color:inherit}
  .brand .mark{width:28px;height:28px;flex:none;border-radius:8px}
  .brand b{font-size:15px;white-space:nowrap}
  .products{display:flex;gap:var(--s0);background:var(--panel);padding:3px;border-radius:var(--r-ctl);
    border:1px solid var(--line);flex:none;margin-left:var(--s1)}
  .products a{text-decoration:none;color:var(--mut);font-family:var(--f-head);font-weight:700;font-size:13px;
    letter-spacing:.06em;padding:5px 12px;border-radius:5px;transition:.12s;white-space:nowrap}
  .products a:hover{color:var(--txt)}
  .products a.on{background:var(--panel2);color:var(--txt);box-shadow:inset 0 -2px 0 var(--txt)}
  .products a.p-market.on{color:var(--c-market);box-shadow:inset 0 -2px 0 var(--c-market);
    background:color-mix(in srgb,var(--c-market) 14%,var(--panel2))}
  .products a.p-fantasy.on{color:var(--c-fantasy);box-shadow:inset 0 -2px 0 var(--c-fantasy);
    background:color-mix(in srgb,var(--c-fantasy) 14%,var(--panel2))}
  .top-right{margin-left:auto;display:flex;align-items:center;gap:var(--s2);flex:none}
  .langbtn{display:inline-flex;align-items:center;text-decoration:none;
    background:var(--panel);border:1px solid var(--line2);color:var(--mut);
    font-family:var(--f-head);font-weight:700;font-size:12px;letter-spacing:.06em;
    padding:7px 10px;border-radius:var(--r-ctl);min-height:34px}
  .langbtn:hover{color:var(--txt);border-color:var(--mut)}
  .top-row2{max-width:var(--w-page);margin:0 auto;padding:0 20px}
  .top-row2{display:flex;align-items:stretch;gap:var(--s3)}
  nav.games{display:flex;gap:2px;align-self:center;background:var(--panel);padding:3px;
    border-radius:var(--r-ctl);border:1px solid var(--line);flex:none}
  nav.games a{text-decoration:none;color:var(--mut);font-family:var(--f-head);font-weight:700;font-size:12.5px;
    letter-spacing:.05em;padding:4px 10px;border-radius:5px;white-space:nowrap;transition:.12s}
  nav.games a:hover{color:var(--txt)}
  nav.games a.on{background:var(--panel2);color:var(--txt)}
  nav.games a.g-lol.on{color:var(--c-lol);background:color-mix(in srgb,var(--c-lol) 16%,var(--panel2))}
  nav.games a.g-val.on{color:var(--c-val);background:color-mix(in srgb,var(--c-val) 16%,var(--panel2))}
  nav.games a.g-lol:hover{color:color-mix(in srgb,var(--c-lol) 70%,var(--txt))}
  nav.games a.g-val:hover{color:color-mix(in srgb,var(--c-val) 70%,var(--txt))}
  nav.tabs{display:flex;gap:var(--s0);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0}
  nav.tabs::-webkit-scrollbar{display:none}
  nav.tabs .ti{width:15px;height:15px;flex:none;margin-right:5px;opacity:.85}
  nav.tabs a.on .ti,nav.tabs button.on .ti{opacity:1}
  nav.tabs a,nav.tabs button{border:0;background:transparent;color:var(--mut);font-weight:700;font-size:13px;
    padding:9px 12px;border-bottom:2px solid transparent;text-decoration:none;white-space:nowrap;
    display:inline-flex;align-items:center;transition:.12s;font-family:inherit}
  nav.tabs a:hover,nav.tabs button:hover{color:var(--txt)}
  nav.tabs a.on,nav.tabs button.on{color:var(--txt);border-bottom-color:var(--txt)}
  @media(max-width:560px){
    .top-row1{padding:0 12px;gap:var(--s2)}
    .brand{flex:0 1 auto;overflow:hidden}
    .brand b{font-size:14px;overflow:hidden;text-overflow:ellipsis}
    .products a{padding:5px 9px;font-size:12px}
    .top-row2{padding:0 10px;gap:var(--s1);flex-wrap:wrap}
    nav.games{align-self:flex-start;margin-top:2px}
    nav.games a{padding:5px 10px;font-size:12.5px}
    nav.tabs{flex:1 0 100%;justify-content:space-between;gap:0;scroll-padding-inline-end:28px}
    nav.tabs a,nav.tabs button{padding:10px 4px;font-size:13px;min-height:44px}
    nav.tabs.scrolls{--fl:28px;--fr:28px;
      -webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fl),#000 calc(100% - var(--fr)),transparent);
      mask-image:linear-gradient(90deg,transparent,#000 var(--fl),#000 calc(100% - var(--fr)),transparent)}
    nav.tabs.scrolls.at-start{--fl:0px}
    nav.tabs.scrolls.at-end{--fr:0px}
  }
  @media(max-width:400px){
    .brand b{display:none}
  }
  .adbox{margin:20px 0 8px;padding:0;display:block;min-height:280px;
    border-top:1px solid var(--line);padding-top:10px}
  .adbox>b{display:block;font-size:var(--fs-micro);font-weight:600;letter-spacing:.08em;
    color:var(--mut);margin-bottom:6px;text-transform:uppercase}
  .adbox ins{display:block;min-height:250px}
  @media(max-width:560px){ .adbox{min-height:120px} .adbox ins{min-height:100px} }
  .doc .callout{background:var(--panel2);border:1px solid var(--line2);border-left:3px solid var(--c-market);
    border-radius:var(--r-ctl);padding:10px var(--s3);margin:var(--s3) 0;font-size:var(--fs-note)}
  .nextup{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);
    margin:var(--s3) 0;overflow:hidden}
  .nextup .nu-h{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);
    padding:8px var(--s3);border-bottom:1px solid var(--line);font-size:var(--fs-meta)}
  .nextup .nu-h b{font-size:var(--fs-note);color:var(--txt)}
  .nextup .nu-h a{color:var(--c-market);text-decoration:none;font-weight:700}
  .nextup .nu-h a:hover{text-decoration:underline}
  .nextup .nu-row{display:flex;align-items:center;gap:var(--s2);padding:0 var(--s3) 0 0;
    border-top:1px solid var(--line);color:var(--txt);font-size:var(--fs-row)}
  .nextup .nu-row:first-of-type{border-top:0}
  .nextup .nu-row:hover{background:var(--panel2)}
  .nextup .nu-lnk{display:flex;align-items:baseline;gap:var(--s3);flex:1 1 auto;min-width:0;
    padding:9px 0 9px var(--s3);text-decoration:none;color:inherit}
  .nextup .nu-t{flex:none;color:var(--mut);font-size:var(--fs-meta);font-variant-numeric:tabular-nums}
  .nextup .nu-m{flex:1 1 auto;font-weight:700;min-width:0}
  .nextup .nu-m i{font-style:normal;color:var(--mut);font-weight:400;margin:0 2px}
  .nextup .nu-l{flex:none;color:var(--mut);font-size:var(--fs-micro)}
  @media(max-width:560px){
    .nextup .nu-lnk{flex-wrap:wrap;gap:var(--s1) var(--s2)}
    .nextup .nu-m{flex:1 0 100%;order:2}
    .nextup .nu-t{order:1}
    .nextup .nu-l{order:1}
  }
  .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);overflow:hidden}
  .card:has(table){overflow-x:auto}
  .btn{border:0;padding:9px 16px;border-radius:var(--r-ctl);font-weight:700;font-size:14px;font-family:inherit}
  .btn.ghost{background:var(--panel);border:1px solid var(--line2);color:var(--txt)}
  .btn.sm{padding:7px 12px;font-size:12.5px}
  .btn.primary{background:var(--txt);color:var(--bg)}
  .btn:disabled{opacity:.45;cursor:not-allowed}
  .badge{font-size:var(--fs-micro);font-weight:600;padding:2px 8px;border-radius:var(--r-pill);white-space:nowrap}
  .badge.fa{background:var(--panel2);color:var(--txt);border:1px solid var(--line2)}
  .badge.stay,.badge.unk{background:transparent;color:var(--mut);border:1px solid transparent}
  .role{display:inline-grid;place-items:center;min-width:38px;height:22px;border-radius:6px;font-size:var(--fs-micro);
    font-weight:700;letter-spacing:.3px;padding:0 7px}
  .role.TOP{background:rgba(224,86,86,.16);color:#ff8a8a} .role.JGL{background:rgba(74,222,128,.14);color:#7ff0a8}
  .role.MID{background:rgba(90,169,255,.16);color:#8dc4ff} .role.BOT{background:rgba(255,207,77,.16);color:#ffdd82}
  .role.SUP{background:rgba(201,139,255,.16);color:#dcb3ff} .role.NA{background:var(--panel2);color:var(--mut)}
  .rate{display:inline-flex;align-items:center;gap:var(--s0);font-family:var(--f-head);font-variant-numeric:tabular-nums;
    font-weight:700;font-size:var(--fs-title);letter-spacing:.02em;color:var(--txt);margin-left:6px;flex:none}
  .rate.hi{color:#8fe3b4}
  .rate.lo{color:#ffb3a0}
  .rate.thin{text-decoration:underline dashed var(--mut);text-underline-offset:3px;opacity:.9}
  .rate i{font-style:normal;font-size:9px;line-height:1}
  .rate i.up{color:var(--stay)} .rate i.dn{color:var(--fa)}
  img.fl{width:18px;height:12px;object-fit:contain;border-radius:2px;vertical-align:-2px;margin-right:2px;
    box-shadow:0 0 0 1px rgba(255,255,255,.08)}
  .tl{width:20px;height:20px;object-fit:contain;vertical-align:-5px;margin-right:6px;flex:none}
  .tl.sm{width:16px;height:16px;vertical-align:-3px;margin-right:4px}
  .tl.lg{width:26px;height:26px;vertical-align:-7px;margin-right:8px}
  table{width:100%;border-collapse:collapse;font-size:var(--fs-row);font-variant-numeric:tabular-nums}
  thead th{text-align:left;font-size:var(--fs-micro);letter-spacing:.02em;color:var(--mut);
    font-weight:600;padding:var(--s2) 14px;border-bottom:1px solid var(--line2);background:var(--bg2)}
  tbody td{padding:6px 14px;border-bottom:1px solid var(--line)}
  tbody tr:last-child td{border-bottom:0}
  th.num,td.num{text-align:right}
  @media(max-width:480px){
    :root{--fs-hero:15px; --fs-meta:var(--fs-micro); --fs-h2:18px; --fs-h1:23px; --fs-num:24px; --fs-display:38px}
  }
  .empty{padding:34px 20px;text-align:center;color:var(--mut);font-weight:600;font-size:var(--fs-note)}
  .empty .sub{display:block;margin-top:5px;font-size:var(--fs-meta);font-weight:500;opacity:.75}
  .dsum{display:flex;align-items:center;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
  .dbig{font-family:var(--f-head);font-size:var(--fs-display);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;
    display:flex;flex-direction:column;gap:4px}
  .dbig small{font-size:var(--fs-micro);font-weight:600;color:var(--mut);letter-spacing:.3px}
  .dcol{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-row);font-weight:700}
  .dcol .mut,.pdet .mut{color:var(--mut);font-weight:600;font-size:var(--fs-meta)}
  .dstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:2px;
    background:var(--line);border:1px solid var(--line);border-radius:var(--r-ctl);
    overflow:hidden;margin:12px 0 4px}
  .dstat{background:var(--panel);padding:8px 10px;display:flex;flex-direction:column;gap:4px}
  .dstat span{font-size:var(--fs-micro);color:var(--mut);font-weight:600}
  .dstat b{font-size:var(--fs-row);font-variant-numeric:tabular-nums}
  .dstat .cmp{display:block;position:relative;height:3px;margin-top:7px;border-radius:2px;background:var(--line2)}
  .dstat .cmp::before{content:"";position:absolute;left:var(--m);top:-2px;width:1px;height:7px;background:var(--mut)}
  .dstat .cmp::after{content:"";position:absolute;left:var(--p);top:-2.5px;width:8px;height:8px;margin-left:-4px;
    border-radius:50%;background:var(--fa)}
  .dstat .cmp.hi::after{background:var(--stay)}
  .dstats.sum .dstat:first-child b{font-family:var(--f-head);font-size:var(--fs-num);font-weight:700;line-height:1.1}
  .dsec{font-size:var(--fs-micro);font-weight:700;letter-spacing:.4px;color:var(--mut);
    text-transform:uppercase;margin:16px 0 6px}
  .dtable{width:100%;border-collapse:collapse;font-size:var(--fs-meta)}
  .dtable th{text-align:left;font-size:var(--fs-micro);color:var(--mut);font-weight:600;
    padding:5px 6px;border-bottom:1px solid var(--line)}
  .dtable td{padding:6px;border-bottom:1px solid var(--line);vertical-align:middle}
  .dtable tr:last-child td{border-bottom:0}
  .dtable .num{text-align:right;font-variant-numeric:tabular-nums}
  .dtable th.num{text-align:right}
  .dtable .rate{margin-left:0}
  .dtable .cname{font-weight:700;color:var(--txt)}
  .ms{white-space:nowrap}
  .dtable td.rnd{white-space:nowrap;color:var(--mut)}
  .r-sm,.o-sm{display:none}
  .cn{display:inline-flex;align-items:center;gap:8px;min-width:0}
  .cn .ci{width:20px;height:20px;flex:none;border-radius:5px;background:var(--panel2)}
  .wl{display:inline-block;min-width:18px;text-align:center;font-weight:700}
  .wl.w{color:var(--txt)} .wl.l{color:var(--mut)}
  .dfoot{margin-top:14px;font-size:var(--fs-micro);color:var(--mut)}
  .dfoot a{color:var(--mut)}
  @media(max-width:480px){
    .dtable{font-size:var(--fs-micro)}
    .dstats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dstats .dstat:last-child:nth-child(odd){grid-column:1/-1}
    .dtable td.num{white-space:nowrap}
    html:is([lang="ko"],[lang|="zh"],[lang="ja"],[lang="th"]) .dtable th{white-space:nowrap}
    .dtable th.rnd,.dtable td.rnd{display:none}
    .dtable th.opp,.dtable td.opp{display:none}
    .r-sm,.o-sm{display:block;font-size:var(--fs-micro);color:var(--mut);font-weight:400}
    .cn{gap:4px} .cn .ci{width:18px;height:18px}
  }
  .pagefoot{max-width:var(--w-page);margin:0 auto;padding:0 20px 50px}
  .footnote{margin-top:30px;font-size:var(--fs-meta);color:var(--mut);line-height:1.7;
    border-top:1px solid var(--line);padding-top:var(--s4)}
  .footnote a{color:var(--txt);text-decoration:underline;text-underline-offset:3px}
  .footnote .legal{margin-top:var(--s3)}
  .footnote .flinks{margin-top:var(--s2)}
  .footnote .flinks a{color:var(--mut);text-decoration:none}
  .footnote .flinks a:hover{color:var(--txt);text-decoration:underline}
  @media(max-width:560px){ .pagefoot{padding:0 12px 40px} }
  .langmenu{position:relative;flex:none}
  .langmenu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s1);
    background:var(--panel);border:1px solid var(--line2);color:var(--mut);
    font-family:var(--f-head);font-weight:700;font-size:12px;letter-spacing:.06em;
    padding:7px 10px;border-radius:var(--r-ctl);min-height:34px}
  .langmenu summary::-webkit-details-marker{display:none}
  .langmenu summary::after{content:"▾";font-size:10px;opacity:.7}
  .langmenu[open] summary,.langmenu summary:hover{color:var(--txt);border-color:var(--mut)}
  .langmenu .lm-list{position:absolute;right:0;top:calc(100% + 4px);z-index:50;min-width:150px;
    background:var(--panel);border:1px solid var(--line2);border-radius:var(--r-ctl);
    box-shadow:0 12px 32px rgba(0,0,0,.45);padding:var(--s1);display:flex;flex-direction:column}
  .langmenu .lm-list a{display:block;padding:8px 10px;border-radius:5px;text-decoration:none;
    color:var(--txt);font-size:var(--fs-row);font-weight:600;white-space:nowrap}
  .langmenu .lm-list a:hover{background:var(--panel2)}
  .langmenu .lm-list a[aria-current]{color:var(--mut);font-weight:700}
  .langmenu .lm-list a[aria-current]::after{content:" ✓";font-size:.85em}
  html[lang="zh-Hans"] body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",var(--f-body)}
  html[lang="ja"] body{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo","Noto Sans JP",var(--f-body)}
  html[lang="th"] body{font-family:"Noto Sans Thai","Thonburi","Sarabun","Leelawadee UI",var(--f-body);
    line-height:1.72}
ul.rel{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}
ul.rel li{font-size:14px}
ul.rel .muted{color:var(--muted,#6b7280)}
.footnote .social{display:inline-flex;gap:8px;align-items:center;margin-left:6px;vertical-align:-2px}
.footnote .social a{display:inline-flex;color:var(--mut);opacity:.55;transition:opacity .12s,color .12s}
.footnote .social a:hover,.footnote .social a:focus-visible{opacity:1;color:var(--txt)}
.table-scroll{overflow-x:auto}
.vtable td.vpick{white-space:nowrap}
.vtable .vpick b{display:block;font-weight:600}
.vtable .vpick .vsub{display:block;font-size:var(--fs-micro);color:var(--mut)}
  html:is([lang="ko"],[lang|="zh"],[lang="ja"],[lang="th"]) :is(.dsec,.adbox>b,.langmenu summary,.products a,nav.games a){letter-spacing:0}