: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 { margin: 0; font: 700 clamp(22px, 2.4vw, 28px)/1.25 var(--display); text-wrap: balance; overflow-wrap: anywhere; }
  .dbh h1.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; }
  .layout { display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 24px; align-items: start; }
  @media (max-width: 920px) { .layout { grid-template-columns: minmax(0, 1fr); } }

  
  .win { background: var(--win-body); border: 1px solid var(--win-edge); border-radius: 7px; box-shadow: inset 0 0 0 2px #F7F8FA, 0 10px 30px rgba(0,0,0,.45); padding: 5px; color: #222; font-family: var(--game); }
  .win .title { height: 28px; display: flex; align-items: center; justify-content: space-between; background: #EDEDED; border: 1px solid #C9C9C9; border-radius: 4px; padding-inline: 8px; font: 700 13px var(--game); letter-spacing: .04em; color: #333; }
  .win .title i { width: 18px; height: 18px; border-radius: 3px; background: #E0403A; color: #fff; display: grid; place-items: center; font: 700 11px var(--game); font-style: normal; }
  .tabs { display: flex; gap: 2px; margin-top: 6px; border-bottom: 2px solid #D2243C; padding-inline: 2px; }
  .tabs button { all: unset; box-sizing: border-box; cursor: pointer; flex: 1; height: 24px; display: grid; place-items: center; text-align: center; line-height: 1.05; border-radius: 5px 5px 0 0; background: linear-gradient(#DADADA, var(--tab-off)); border: 1px solid #B8B8B8; border-bottom: 0; font: 700 11px var(--game); letter-spacing: .02em; color: #4B4F5A; text-shadow: 0 1px 0 rgba(255,255,255,.6); }
  .tabs button[aria-selected="true"] { background: linear-gradient(var(--tab-on-hi), var(--tab-on)); border-color: #C9546C; color: #fff; text-shadow: 0 1px 0 #9E2B44; height: 27px; margin-top: -3px; }
  .tabs button:focus-visible, .chips button:focus-visible, .cell:focus-visible, .srch input:focus-visible { outline: 2px solid #1C79E0; outline-offset: 1px; }
  .srch { display: flex; align-items: center; gap: 6px; margin: 7px 3px 4px; background: #FBFAF4; border: 1px solid #B8B5A8; border-radius: 4px; padding: 0 8px; box-shadow: inset 0 1px 2px rgba(0,0,0,.12); }
  .srch svg { width: 14px; height: 14px; flex: none; }
  .srch input { all: unset; flex: 1; height: 30px; font: 13px var(--game); color: #222; }
  
  .kwtip { margin: 0 3px 4px; font: 12px var(--game); color: #555; }
  .kwtip summary { cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: 5px; padding: 2px 4px; color: #6A6780; font-weight: 700; }
  .kwtip summary::-webkit-details-marker { display: none; }
  .kwtip summary::before { content: "?"; display: inline-grid; place-items: center; width: 14px; height: 14px; border-radius: 50%; background: #B8B5A8; color: #fff; font: 800 10px var(--game); }
  .kwtip[open] summary { color: #333; }
  .kwtip ul { list-style: none; margin: 4px 0 2px; padding: 8px 10px; background: #FBFAF4; border: 1px solid #D6D3C6; border-radius: 4px; display: grid; gap: 5px; }
  .kwtip li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; }
  .kwtip li button { all: unset; cursor: pointer; font: 700 12px var(--game); color: #1C5FB8; background: #E9EEF8; border: 1px solid #C6D2EA; border-radius: 4px; padding: 1px 7px; }
  .kwtip li button:hover { background: #DCE6F7; } .kwtip li button:focus-visible { outline: 2px solid #1C79E0; }
  .kwtip li span { color: #666; }
  .srch input::placeholder { color: #9A9A9A; }
  .chips { display: flex; gap: 3px; flex-wrap: wrap; padding: 2px 3px; }
  .chips button { all: unset; cursor: pointer; padding: 3px 9px; border-radius: 999px; background: linear-gradient(#EFEFEF, #D3D3D3); border: 1px solid #B8B8B8; font: 700 11px var(--game); color: #4B4F5A; }
  .chips button[aria-pressed="true"] { background: linear-gradient(var(--tab-on-hi), var(--tab-on)); border-color: #C9546C; color: #fff; text-shadow: 0 1px 0 #9E2B44; }
  .sort { all: unset; cursor: pointer; font: 700 11px var(--game); color: #4B4F5A; padding: 1px 8px; border-radius: 999px; background: linear-gradient(#EFEFEF, #D3D3D3); border: 1px solid #B8B8B8; }
  .sort:focus-visible { outline: 2px solid #1C79E0; }
  .lvf { display: inline-flex; align-items: center; gap: 3px; margin-left: auto; margin-right: 6px; font: 700 11px var(--game); color: #4B4F5A; }
  .lvf input { all: unset; box-sizing: border-box; width: 40px; height: 20px; padding: 0 4px; background: #FBFAF4; border: 1px solid #B8B5A8; border-radius: 3px; font: 700 11px var(--game); color: #222; text-align: center; box-shadow: inset 0 1px 2px rgba(0,0,0,.12); }
  .lvf input::-webkit-inner-spin-button { display: none; } .lvf input:focus-visible { outline: 2px solid #1C79E0; }
  .count { align-items: center; display: flex; justify-content: space-between; padding: 4px 6px 2px; font: 700 11px var(--game); color: #6A6E78; }
  .grid { height: calc(100vh - 360px); min-height: 380px; overflow-y: auto; padding: 4px; display: grid; grid-template-columns: repeat(auto-fill, minmax(46px, 1fr)); gap: 3px; align-content: start; background: #F6F6F4; border: 1px solid #DCDBD4; border-radius: 3px; margin: 2px 3px 3px; }
  @media (max-width: 920px) { .grid { height: 46vh; min-height: 300px; } }
  .grid::-webkit-scrollbar { width: 12px; } .grid::-webkit-scrollbar-track { background: #CACBD8; border-radius: 6px; } .grid::-webkit-scrollbar-thumb { background: #9EA0B6; border-radius: 6px; border: 2px solid #CACBD8; }
  .grid { scrollbar-color: #9EA0B6 #CACBD8; }
  .grid .gsent { grid-column: 1 / -1; height: 1px; }
  .cell { all: unset; box-sizing: border-box; cursor: pointer; aspect-ratio: 1; display: grid; place-items: center; position: relative; background: #E0DED3; border: 1px solid #D3D1C5; border-radius: 2px; }
  .cell img { width: 34px; height: 34px; object-fit: contain; }
  .cell b { position: absolute; left: 1px; bottom: 1px; font: 700 10.5px/1 var(--game); color: #fff; background: rgba(40,42,52,.78); padding: 2px 3px; border-radius: 3px; }
  .cell:hover { background: #fff; border-color: #7DA8E8; }
  .cell[aria-current="true"] { background: #DCE8FB; border-color: #3E86E0; box-shadow: inset 0 0 0 1px #3E86E0; }
  .empty { grid-column: 1 / -1; padding: 30px 10px; text-align: center; font: 13px var(--game); color: #6A6E78; }
  .meso { display: flex; align-items: center; gap: 6px; margin: 0 3px 2px; padding: 5px 8px; border-top: 1px solid #C8C6BA; font: 700 11px var(--game); color: #6A6E78; }
  .coin { width: 13px; height: 13px; flex: none; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #FFF3A0, #E9B321 60%, #9A6C0B); border: 1px solid #7a5a10; }

  
  .hover-tip { position: fixed; z-index: 60; pointer-events: none; background: rgba(30,30,92,.94); border: 1px solid #8A8FC8; border-radius: 3px; color: #fff; padding: 6px 9px; font: 12px/1.4 var(--game); max-width: 240px; box-shadow: 0 6px 18px rgba(0,0,0,.45); }
  .hover-tip b { display: block; font-size: 13px; } .hover-tip span { color: #A6A6C4; font-size: 11px; }

  
  .detail { --g: 1.75px; position: sticky; top: calc(env(safe-area-inset-top, 0px) + var(--hdr, 58px) + 18px); scroll-margin-top: calc(var(--hdr, 58px) + 12px); }
  @media (max-width: 920px) { .detail { position: static; } }
  @media (max-width: 520px) { .detail { --g: 1.4px; } }
  .gtip { width: min(100%, calc(250 * var(--g))); background: rgb(45,46,92); border: calc(1 * var(--g)) solid #6E72B8; border-radius: calc(3 * var(--g)); color: #fff; padding: calc(6 * var(--g)) calc(7 * var(--g)) calc(8 * var(--g)); font: calc(10.5 * var(--g))/1.4 var(--game); box-shadow: 0 calc(6 * var(--g)) calc(18 * var(--g)) rgba(0,0,0,.5); }
  .g-name { margin: 0; font: 700 calc(17 * var(--g)) var(--game); letter-spacing: .01em; display: flex; align-items: center; justify-content: center; text-align: center; gap: calc(5 * var(--g)); }
  .g-name[data-rank="orange"] { color: #FFAA33; } .g-name[data-rank="blue"] { color: #66B3FF; } .g-name[data-rank="purple"] { color: #C38BFF; } .g-name[data-rank="yellow"] { color: #FFE14D; }
  
  .g-sub { text-align: center; color: #F08A2E; font: 700 calc(10.5 * var(--g)) var(--game); margin-top: calc(2 * var(--g)); }
  .g-top { display: grid; grid-template-columns: calc(84 * var(--g)) 1fr; gap: calc(14 * var(--g)); margin-top: calc(6 * var(--g)); align-items: center; }
  .g-icon { width: calc(84 * var(--g)); height: calc(88 * var(--g)); background: #D5D6E6; border-radius: calc(2 * var(--g)); display: grid; place-items: center; }
  .g-icon img { width: calc(68 * var(--g)); height: calc(68 * var(--g)); object-fit: contain; }
  .g-req { display: grid; grid-template-columns: max-content max-content 1fr; column-gap: calc(4 * var(--g)); font: 400 calc(12.5 * var(--g))/1.23 var(--game); letter-spacing: .02em; color: #F2F2F8; font-variant-numeric: tabular-nums; }
  .g-req div { display: contents; } .g-req .z { color: inherit; } .g-req .bad { color: #E3262E; }
  .g-lock { margin: calc(6 * var(--g)) 0 0; padding: calc(5 * var(--g)) calc(8 * var(--g)); border-radius: calc(4 * var(--g)); background: rgba(184,58,46,.16); border: 1px solid rgba(184,58,46,.5); color: #FFB3A6; font: 400 calc(12 * var(--g))/1.3 var(--game); word-break: keep-all; }
  .g-lock b { color: #fff; font-weight: 800; }
  .cell.lk b { background: #B83A2E !important; color: #fff !important; }
  .cell.lk { opacity: .78; }
  .g-jobs { display: flex; justify-content: space-between; gap: calc(4 * var(--g)); margin-top: calc(8 * var(--g)); padding-right: calc(8 * var(--g)); }
  .g-jobs b { flex: none; text-align: center; padding: calc(1 * var(--g)) 0; font: 400 calc(14 * var(--g)) var(--game); letter-spacing: 0; color: #E3262E; }
  .g-jobs b.ok { color: #fff; }
  .gtip hr { border: 0; border-top: calc(1 * var(--g)) solid #fff; margin: calc(6 * var(--g)) 0 calc(6 * var(--g)); opacity: .9; }
  .g-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; font-size: calc(16 * var(--g)); line-height: 1.3; text-align: center; }
  .gtip { text-shadow: 0 calc(.6 * var(--g)) 0 rgba(0,0,0,.45); }
  .g-list li { color: #fff; } .g-list b { font-weight: 400; color: #fff; } .g-list .c { white-space: pre; }
  
  .g-extra { width: min(100%, calc(250 * var(--g))); box-sizing: border-box; margin-top: 10px; padding: 12px 16px; border-radius: 10px; background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.1); display: grid; gap: 12px; font: 14px/1.5 var(--body); color: #E8E6FA; }
  .g-extra .xb { display: grid; gap: 4px; } .g-extra .xb + .xb { border-top: 1px solid rgba(255,255,255,.08); padding-top: 12px; }
  .g-extra .xh { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 8px; font: 700 12px var(--body); letter-spacing: .02em; color: #A9A7DA; }
  .g-extra .xv { display: flex; flex-wrap: wrap; gap: 2px 18px; }
  .g-extra .xc { display: inline-flex; align-items: baseline; gap: 6px; white-space: nowrap; } .g-extra .xc > span { color: #CFCDE8; font-size: 14px; } .g-extra .xc b { font: 800 19px var(--body); color: #fff; font-variant-numeric: tabular-nums; }
  .g-extra .xs { font: 12.5px/1.5 var(--body); color: #A9A7DA; } .g-extra .xs span { color: #E8E6FA; font-weight: 700; } .g-extra .xs i { font-style: normal; }
  .g-list .gain b { color: #7CE0A8; }
  .g-desc { margin: 0; color: #E8E8F2; white-space: pre-line; font-size: calc(10 * var(--g)); line-height: 1.4; }
  .g-more { margin-top: calc(6 * var(--g)); color: #C9C9DA; }
  .dby { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 6px; }
  .dbm { display: grid; grid-template-columns: 40px 1fr auto; gap: 8px; align-items: center; padding: 6px 10px; border-radius: 10px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); color: #fff; text-decoration: none; font-size: 13px; }
  .dbm.ref { border-style: dashed; }
  .dbm img { width: 40px; height: 36px; object-fit: contain; } .dbm small { display: block; color: #A9A7DA; font-size: 11px; }
  .dbm em { font: 800 10px var(--game); font-style: normal; padding: 2px 5px; border-radius: 3px; background: #2E9E5B; color: #fff; } .dbm.ref em { background: #F2C230; color: #3A2410; }
  .dbm:hover { border-color: #F2B53A; }
  .dbm .spr { color: #FFD27A; font-weight: 800; } .dbm .cit { font-style: normal; color: #C9BCFF; }
  .dnote { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 8px; font-size: 12px; color: #A9A7DA; }
  .dnote i { font-style: normal; display: inline-block; padding: 1px 5px; border-radius: 3px; font: 800 10px var(--game); margin-right: 4px; }
  .dnote .k1 { background: #2E9E5B; color: #fff; } .dnote .k2 { background: #F2C230; color: #3A2410; }
  .soon-box { color: #A9A7DA; font-size: 14px; }
  .tosim { display: inline-block; margin-top: 14px; padding: 10px 16px; border-radius: 999px; background: #F2B53A; color: #1B1340; font: 800 13px var(--display); text-decoration: none; }
  .tosim:hover { background: #FFD27A; }
  .under { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; margin-top: 14px; }
  .under .sell { margin: 0; }
  .under .mkt { margin: 0; padding: 6px 12px; text-decoration: none; } .under .mkt:hover { border-style: solid; background: rgba(242,181,58,.08); } .under .mkt:focus-visible { outline: 2px solid #FFD27A; }
  .detail .sec { background: #151A22; border-color: rgba(255,255,255,.08); color: #fff; font: 15px/1.5 var(--game); }
  .gfloat-wrap { position: fixed; z-index: 80; pointer-events: none; --g: 1.2px; }
  .gfloat-wrap .gtip { width: calc(250 * var(--g)); box-shadow: 0 10px 30px rgba(0,0,0,.6); }
  .gone .gtip { filter: grayscale(1) brightness(.55); }
  
  .d-head { display: grid; grid-template-columns: 112px 1fr; gap: 20px; align-items: center; }
  @media (max-width: 520px) { .d-head { grid-template-columns: 84px 1fr; gap: 14px; } }
  .big-icon { aspect-ratio: 1; border-radius: 16px; display: grid; place-items: center; background: radial-gradient(circle at 50% 35%, #FFFFFF, #DDE2F2); box-shadow: 0 0 0 2px #F2B53A, 0 0 0 6px rgba(242,181,58,.16), 0 12px 28px rgba(0,0,0,.45); }
  .big-icon img { width: 64%; height: 64%; object-fit: contain; }
  .path { font: 800 11px var(--display); letter-spacing: 0; color: #F2B53A; }
  .path i { font-style: normal; color: #8E8CC8; margin: 0 6px; }
  .d-name { font: 800 clamp(24px, 2.6vw, 32px)/1.1 var(--display); margin: 6px 0 0; letter-spacing: -.01em; }
  .flags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
  .flags span { font: 700 11px var(--display); letter-spacing: .08em; padding: 4px 10px; border-radius: 999px; background: rgba(139,92,246,.18); border: 1px solid rgba(139,92,246,.4); color: #C9BCFF; }
  .flags .warn { background: rgba(224,69,43,.16); border-color: rgba(224,69,43,.45); color: #FFB3A6; }
  .sec { margin-top: 20px; padding: 16px 18px; border-radius: 12px; background: rgba(0,0,0,.24); border: 1px solid rgba(255,255,255,.08); }
  .sec h3 { margin: 0 0 10px; font: 800 11px var(--display); letter-spacing: .02em; color: #A9A7DA; }
  .req { display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 6px; }
  .req div { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 8px; padding: 6px 10px; }
  .req small { display: block; font: 800 9.5px var(--display); letter-spacing: .02em; color: #8E8CC8; }
  .req b { font: 800 20px var(--display); font-variant-numeric: tabular-nums; }
  .jobs { display: flex; gap: 4px; margin-top: 10px; }
  .jobs span { flex: 1; text-align: center; padding: 5px 0; border-radius: 6px; font: 800 10px var(--display); letter-spacing: .08em; background: transparent; color: #4A4878; border: 1px dashed rgba(255,255,255,.08); text-decoration: line-through; text-decoration-color: rgba(255,255,255,.18); }
  .jobs span.ok { background: rgba(240,138,46,.16); color: #FFB066; border: 1px solid rgba(240,138,46,.5); text-decoration: none; }
  .stats { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
  .stats li { display: flex; justify-content: space-between; align-items: baseline; padding: 7px 12px; border-radius: 8px; background: rgba(255,255,255,.05); font-size: 15px; }
  .stats li b { font: 800 17px var(--display); font-variant-numeric: tabular-nums; color: #fff; }
  .stats li.up b { color: #7CE0A8; } .stats li.up { background: rgba(46,158,91,.14); }
  .stats li.muted { color: #A9A7DA; font-size: 13px; } .stats li.muted b { font-size: 14px; color: #D8D6FF; }
  .desc { margin: 16px 0 0; color: #E8E9F6; line-height: 1.6; white-space: pre-line; }
  .sell { display: flex; align-items: center; gap: 8px; margin-top: 14px; font: 700 13px var(--game); color: #FFD27A; }
  .mkt { margin-top: 12px; padding: 10px 14px; border-radius: 10px; border: 1px dashed rgba(242,181,58,.4); font: 700 12px var(--display); letter-spacing: .06em; color: #F2B53A; }

  
  .sim-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
  .slots { display: flex; gap: 3px; } .slots i { width: 12px; height: 12px; border-radius: 3px; background: #F2B53A; }
  .slots i.used { background: rgba(255,255,255,.14); box-shadow: none; }
  .sim-note { font-size: 13px; color: #A9A7DA; margin-left: auto; }
  .scrolls { display: grid; gap: 6px; margin-top: 12px; }
  .scr { all: unset; box-sizing: border-box; cursor: pointer; display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; align-items: center; padding: 7px 10px; border-radius: 10px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); font-size: 13px; }
  .scr img { width: 30px; height: 30px; object-fit: contain; }
  .g-extra .later { display: inline-block; padding: 1px 8px; border-radius: 999px; background: rgba(247,199,90,.16); color: #F7C75A; font: 700 10.5px var(--display); font-style: normal; letter-spacing: .04em; }
  .scr span { display: grid; gap: 1px; min-width: 0; } .scr small { font-size: 11px; color: #A9A7DA; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .scr.boom small { color: #FFB3A6; }
  .scr em { font: 800 14px var(--display); font-style: normal; color: #FFD27A; }
  .scr.boom em { color: #FF8A7A; }
  .scr:hover:not(:disabled) { border-color: #F2B53A; background: rgba(242,181,58,.1); }
  .scr:disabled { opacity: .35; cursor: default; }
  .scr:focus-visible, .reset:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
  .res { margin-top: 12px; padding: 9px 12px; border-radius: 8px; background: rgba(0,0,0,.25); font: 800 13px var(--display); letter-spacing: .04em; color: #A9A7DA; min-height: 34px; box-sizing: border-box; }
  #gstats .pot { opacity: .45; }
  .res.ok { color: #7CE0A8; } .res.fail { color: #FFB3A6; } .res.boom { color: #FF6A55; }
  .reset { all: unset; cursor: pointer; font: 800 11px var(--display); letter-spacing: .08em; padding: 5px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.2); color: #D8D6FF; }
  
  .simwrap { container-type: inline-size; }
  .simrow { display: grid; gap: 12px; align-items: start; }
  .simbox { width: min(100%, calc(250 * var(--g))); box-sizing: border-box; margin: 0; padding: 12px; display: flex; flex-direction: column; gap: 8px; }
  .simbox h3 { margin: 0; }
  .simbox .sim-top { gap: 8px; } .simbox .slots { flex-wrap: wrap; } .simbox .reset { margin-left: auto; padding: 4px 10px; }
  .simbox .res { margin: 0; padding: 7px 10px; min-height: 0; font-size: 12px; line-height: 1.35; }
  .simbox .scrolls { margin: 0; gap: 5px; grid-template-columns: repeat(auto-fill, minmax(146px, 1fr)); align-content: start; max-height: 214px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.25) transparent; }
  .simbox .scr { grid-template-columns: 26px minmax(0, 1fr) auto; gap: 7px; padding: 5px 8px; border-radius: 8px; font-size: 12.5px; line-height: 1.2; }
  .simbox .scr img { width: 26px; height: 26px; } .simbox .scr em { font-size: 13px; }
  
  .simbox { position: relative; }
  .simhd { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
  .simmute { all: unset; box-sizing: border-box; cursor: pointer; flex: none; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 999px; border: 1px solid rgba(255,255,255,.2); color: #D8D6FF; }
  .simmute svg { width: 14px; height: 14px; display: block; }
  .simmute[aria-pressed="true"] { color: #8E8CC8; border-color: rgba(255,255,255,.1); }
  .simmute:hover { border-color: #F2B53A; color: #FFD27A; } .simmute:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
  .simkey { flex-basis: 100%; margin-top: -4px; text-align: right; font: 11px/1.3 var(--body); color: #8E8CC8; }
  @media (hover: none), (max-width: 560px) { .simkey { display: none; } }
  .simtoast { position: absolute; left: 50%; top: 10px; transform: translate(-50%, -4px); z-index: 2; padding: 5px 12px; border-radius: 999px; background: #2A1D14; border: 1px solid rgba(242,181,58,.5); color: #FFE3A6; font: 700 12px/1.3 var(--body); white-space: nowrap; box-shadow: 0 8px 20px rgba(0,0,0,.45); opacity: 0; pointer-events: none; transition: opacity .18s, transform .18s; }
  .simtoast.on { opacity: 1; transform: translate(-50%, 0); }
  
  .simwrap { position: relative; }
  .simfx { position: absolute; z-index: 5; pointer-events: none; background: no-repeat 0 0; image-rendering: pixelated; transform: translate(-50%, -50%) scale(1.4); }
  .simfx-ok { width: 164px; height: 156px; background-image: url(https://gmsimg.planet-helper.com/img/sfx/fx_success.webp); animation: simfx-ok 525ms steps(21) forwards; }
  .simfx-fail, .simfx-boom { width: 96px; height: 122px; background-image: url(https://gmsimg.planet-helper.com/img/sfx/fx_fail.webp); animation: simfx-fail 400ms steps(16) forwards; }
  .simfx-boom { transform: translate(-50%, -50%) scale(1.9); filter: hue-rotate(-30deg) saturate(3) brightness(.8) drop-shadow(0 0 12px #ef4444); }
  @media (max-width: 520px) { .simfx { transform: translate(-50%, -50%) scale(1.12); } .simfx-boom { transform: translate(-50%, -50%) scale(1.55); } }   
  @keyframes simfx-ok { to { background-position: -3444px 0; } }
  @keyframes simfx-fail { to { background-position: -1536px 0; } }
  @media (prefers-reduced-motion: reduce) { .simfx { display: none; } }
  @container (min-width: 690px) {
    .simrow { grid-template-columns: calc(250 * var(--g)) minmax(0, 1fr); align-items: stretch; }
    .simrow > .gtip { align-self: start; }
    .simbox { width: auto; }
    .simbox .scrolls { flex: 1 1 0; min-height: 0; max-height: none; grid-template-columns: minmax(0, 1fr); }
  }
  .gone .big-icon { filter: grayscale(1) brightness(.5); }
  .foot { padding: 28px 16px; font-size: 12px; color: var(--dim); text-align: center; border-top: 1px solid var(--line); }
  @media (prefers-reduced-motion: reduce) { * { transition: none !important; } }
  
  .pagesum { max-width: 720px; margin: 28px auto 0; padding-top: 20px; border-top: 1px solid var(--line); color: #A9A7DA; font: 14px/1.7 var(--body); }
  .pagesum h2 { margin: 0 0 10px; font: 800 13px var(--display); letter-spacing: 0; color: #8E8CBE; }
  .pagesum p { margin: 0 0 10px; }
  .pagesum a { color: #FFD27A; }
  em.fl { background: none !important; padding: 0 !important; display: flex; gap: 2px; } em.fl svg { width: 16px; height: 11px; display: block; border-radius: 1.5px; box-shadow: 0 0 0 .6px rgba(0,0,0,.4); }
  .dnote .fls { padding: 0 !important; display: inline-flex; gap: 2px; vertical-align: -1px; margin-right: 4px; } .dnote .fls svg { width: 14px; height: 10px; border-radius: 1.5px; box-shadow: 0 0 0 .6px rgba(0,0,0,.4); }
  .dnote2 { margin: 6px 0 0; font-size: 11.5px; opacity: .75; }
  .oldshop { margin: 10px 0 0; font-size: 12px; line-height: 1.55; opacity: .6; } .oldshop a { color: inherit; text-decoration: underline dotted; text-underline-offset: 2px; }   
  
  
  .detail { --g: 1.28px; }
  @media (max-width: 520px) { .detail { --g: 1.2px; } }
  .gtip { max-width: 100%; box-sizing: border-box; overflow: hidden; }
  .gtip .g-name { font-size: 18px; }
  .gtip .g-sub { font-size: 13px; }
  .gtip .g-req { font-size: 13px; }
  .gtip .g-list { font-size: 14.5px; }
  .gtip .g-desc { font-size: 13px; }
  html .gtip .g-jobs { flex-wrap: wrap; justify-content: center; gap: 2px .7em; padding-right: 0; }
  html .gtip .g-jobs b { font-size: 12px; line-height: 1.5; white-space: nowrap; }
  html:not([lang|="ko"]):not([lang|="zh"]) .gtip .g-jobs { gap: 2px .5em; } html:not([lang|="ko"]):not([lang|="zh"]) .gtip .g-jobs b { font-size: 11px; }   
  html, body { overflow-x: clip; }
  
  html[lang|="ko"] :is(p, li, td, th, dd, span, small, b, a, h1, h2, h3, label) { word-break: keep-all; overflow-wrap: break-word; }
  :is(p, li, td, dd, small) { text-wrap-style: pretty; }
  :is(span, b, a, h1, h2, h3) { text-wrap-style: balance; }
  :is(p, li) > :is(a:not([class]), b) { white-space: nowrap; }
  html[lang|="ko"] .g-extra .xs i { white-space: nowrap; }   
  
  .dbshw { display: none; position: relative; }
  .layout.dba .dbh { grid-template-columns: minmax(0, 1fr) auto auto; }
  .layout.dba .dbh > .dbshw { display: flex; grid-column: 3; grid-row: 1; }
  .dbshw > .dbpill { flex: 1 1 auto; }
  .dbshm { position: absolute; right: 0; top: calc(100% + 6px); z-index: 60; min-width: 170px; 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); }
  .dbshm[hidden], .dbtt { display: none; }
  .dbshm button { all: unset; box-sizing: border-box; cursor: pointer; padding: 10px 12px; border-radius: 8px; font: 700 13px/1.2 var(--body); color: #fff; white-space: nowrap; }
  .dbshm button:hover, .dbshm button:focus-visible { background: rgba(242,181,58,.16); color: #FFD27A; }
  #dbtoast { 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; }
  #dbtoast.on { opacity: 1; transform: translate(-50%, 0); }
  @media (max-width: 560px) {
    .layout.dba .dbh { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .layout.dba .dbh-t > .dbcrumb { grid-column: 1 / -1; }
    .layout.dba .dbh > .dbfind { grid-column: 1; grid-row: auto; margin-top: 12px; }
    .layout.dba .dbh > .dbshw { grid-column: 2; grid-row: auto; margin-top: 12px; }
    #dbtoast { bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
  }
  
  .pf { padding: 10px 10px 12px; display: grid; gap: 10px; }
  .pf .lb { font: 700 12px var(--game); color: #4B4F5A; letter-spacing: 0; margin-bottom: 4px; display: block; }
  .pf .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .pf select, .pf input { box-sizing: border-box; width: 100%; font: 14px var(--game); padding: 7px 8px; border: 1px solid #B9B8B0; border-radius: 4px; background: #FFFEF8; color: #222; }
  .pf select:focus-visible, .pf input:focus-visible { outline: 2px solid #1C79E0; outline-offset: 1px; }
  .pf .chips { padding: 0; }
  .tabs button { font-size: 10px; letter-spacing: 0; }
  .tabs a.dmg { display: inline-flex; align-items: center; text-decoration: none; font: 800 10px var(--display); letter-spacing: .04em;
    padding: 5px 10px; border-radius: 4px 4px 0 0; color: #4B4F5A; background: #E4E3DB; border: 1px solid #B9B8B0; border-bottom: none; }
  .tabs a.dmg:hover { color: #1C2B4F; background: #F1F0E8; }
  .note { padding: 0 10px 12px; font: 11.5px/1.5 var(--game); color: #6A6E78; margin: 0; }
  .mobpick { position: relative; }
  .mobpick ul { position: absolute; z-index: 5; left: 0; right: 0; top: 100%; margin: 2px 0 0; padding: 0; list-style: none; max-height: 240px; overflow: auto;
    background: #FFFEF8; border: 1px solid #B9B8B0; border-radius: 4px; box-shadow: 0 8px 20px rgba(0,0,0,.25); }
  .mobpick li { padding: 6px 9px; font: 13px var(--game); color: #222; cursor: pointer; display: flex; gap: 8px; align-items: center; }
  .mobpick li:hover, .mobpick li[aria-selected="true"] { background: #FFF2CF; }
  .mobpick li b { font-weight: 700; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mobpick li small { color: #6A6E78; font-variant-numeric: tabular-nums; }
  .mobpick li em { font-style: normal; color: #B3501E; font-size: 11px; }
  .street { color: #F2B53A; font: 800 11px var(--display); letter-spacing: 0; }
  .pname { margin: 0; font: 800 clamp(22px, 2.4vw, 30px)/1.15 var(--display); }
  .big { margin-top: 14px; padding: 18px 20px; border-radius: 12px; background: #151A22; border: 1px solid rgba(255,255,255,.08); display: grid; gap: 10px; }
  .big .pct { font: 800 clamp(38px, 6vw, 58px)/1 var(--display); color: #fff; font-variant-numeric: tabular-nums; }
  .big .pct.miss { color: #FF9A8A; } .big .pct.sure { color: #8BE39B; }
  .big .sub { font: 13px var(--game); color: #A9A7DA; }
  .gauge { height: 12px; border-radius: 999px; background: rgba(255,255,255,.1); overflow: hidden; }
  .gauge i { display: block; height: 100%; background: linear-gradient(90deg, #E8694A, #F2B53A 55%, #6BD98A); }
  .badges { display: flex; flex-wrap: wrap; gap: 6px; }
  .badge { font: 700 11px var(--game); color: #0C1420; background: #F2B53A; padding: 3px 9px; border-radius: 999px; }
  .badge.q { background: rgba(255,255,255,.12); color: #E8E6FF; }
  .badge.warn { background: #FF9A8A; }
  .badge.el-w { background: #FF8A3D; color: #1B0E00; } .badge.el-r { background: #8FB3DC; color: #0C1420; }
  .badge.el-w.q { background: rgba(255,138,61,.18); color: #FFB27A; } .badge.el-r.q { background: rgba(143,179,220,.16); color: #BFD5EE; }
  .tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
  .tile { padding: 10px 14px; border-radius: 10px; background: #151A22; border: 1px solid rgba(255,255,255,.08); }
  .tile small { display: block; font: 800 10px var(--display); letter-spacing: .02em; color: #A9A7DA; } .tile b { font: 800 22px var(--display); color: #fff; font-variant-numeric: tabular-nums; }
  @media (max-width: 560px) { .tiles { grid-template-columns: minmax(0, 1fr); } }
  .xt { width: 100%; border-collapse: collapse; font: 13px var(--game); color: #E8E6FF; margin-top: 4px; }
  .xt th, .xt td { padding: 7px 8px; border-bottom: 1px solid rgba(255,255,255,.06); text-align: right; font-variant-numeric: tabular-nums; }
  .xt th { font: 800 10px var(--display); letter-spacing: .02em; color: #A9A7DA; } .xt th:first-child, .xt td:first-child { text-align: left; }
  .xt tr.on td { background: rgba(242,181,58,.1); } .xt td.need { color: #FFD27A; font-weight: 800; }
  .src { margin-top: 14px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.03); font: 11.5px/1.6 var(--game); color: #A9A7DA; }
  .src b { color: #FFD27A; } .src code { font: 11px ui-monospace, monospace; color: #E8E6FF; }
  .seo { margin-top: 18px; color: #A9A7DA; font-size: 13px; line-height: 1.6; }
  .skgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 5px; max-height: 220px; overflow: auto; padding: 2px; }
  .skgrid button .sn { display: block; max-width: 100%; font: 700 10.5px/1.25 var(--game); color: #3A3870; text-align: center; overflow-wrap: anywhere; margin-top: 2px; }
  .eqp { margin-top: 10px; padding: 10px; border: 1px dashed #B9B6E6; border-radius: 10px; display: flex; flex-direction: column; gap: 8px; }
  .eqp select { width: 100%; }
  .eqp label.xap { display: grid; grid-template-columns: 1fr 96px; align-items: center; gap: 8px; margin-top: 2px; }
  .bfs { display: flex; flex-wrap: wrap; gap: 6px 14px; } .bfs:empty { display: none; }
  .bfs label { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 1px 6px; max-width: 100%; font: 700 12.5px var(--game); color: #3A3870; } .bfs em { font-style: normal; color: #8A6414; } .bfs label em { white-space: normal; min-width: 0; }   
  .eqsum { margin: 0; font: 12.5px/1.5 var(--game); color: #3A3870; } .eqsum:empty { display: none; } .eqsum b { color: #8A6414; font-size: 14px; }
  .xt.sk td:first-child { display: flex; align-items: center; gap: 6px; text-align: left; } .xt.sk td img { width: 24px; height: 24px; image-rendering: pixelated; }
  .xt.sk td small { display: block; color: #8E8CBE; font-size: 10.5px; } .xt.sk tr.on td { background: rgba(245,197,66,.14); }
  .skgrid button { all: unset; cursor: pointer; position: relative; display: grid; place-items: center; padding: 4px 2px 3px; border-radius: 7px;
    border: 2px solid transparent; background: #F4F5F8; }
  .skgrid button img { width: 32px; height: 32px; object-fit: contain; image-rendering: pixelated; }
  .skgrid button .br { font: 700 9px/1.2 var(--game); color: #6A6E78; }
.skgrid button em { font: 800 9px var(--display); font-style: normal; color: #8A6414; margin-top: 1px; }
  .skgrid button:hover { border-color: #3E86E0; }
  .skgrid button[aria-pressed="true"] { border-color: #E3A11C; background: #FFF7E0; }
  .skgrid .none { grid-column: 1 / -1; font: 12px var(--game); color: #6A6E78; padding: 6px 2px; }
  .sklv { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; margin-top: 8px; }
  .sklv input[type=range] { width: 100%; accent-color: #E3A11C; }
  .sklv span { font: 700 12px var(--game); color: #4B4F5A; white-space: nowrap; }
  .sklv span b { color: #B3501E; font-variant-numeric: tabular-nums; }
  .picked { margin: 6px 0 0; font: 12.5px var(--game); color: #4B4F5A; }
  .picked b { color: #B3501E; }
  .tk-goal { margin: 12px 0 4px; padding: 10px 12px; border-radius: 10px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); }
  .tk-goal .street { margin: 0 0 6px; }
  .tk-gr { display: grid; grid-template-columns: 56px 1fr 1fr; gap: 8px; align-items: baseline; font: 600 12.5px var(--game); padding: 4px 0; border-top: 1px dashed rgba(255,255,255,.07); }
  .tk-gr:first-of-type { border-top: 0; }
  .tk-gr b { color: #F2C14E; font-size: 14px; }
  .tk-gr small.pt { display: block; margin-top: 2px; color: #8FD18F; font-weight: 600; }
  .tk-gr em { font-style: normal; color: #A9A7DA; margin-right: 4px; }
  @media (max-width: 560px) { .tk-gr { grid-template-columns: 48px 1fr; } .tk-gr span:last-child { grid-column: 2; } }
  .tk-dist { margin: 6px 0 0; font: 700 13px var(--game); color: #F2C14E; letter-spacing: .01em; }
  .xt.sk td.need small.pr { display: block; margin-top: 2px; font: 600 11px var(--game); color: #A9A7DA; white-space: normal; }
  .hits { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; margin-top: 12px; }
  .hits .tile b { font-size: 26px; } .hits .tile b span { font: 700 12px var(--game); color: #A9A7DA; margin-left: 4px; }
  @media (max-width: 560px) { .hits { grid-template-columns: repeat(3, minmax(0,1fr)); } .hits .tile b { font-size: 20px; } }
  
  .px { display: grid; gap: 8px; }
  .tk-card .px-t { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 0; }
  .tk-card .px-t .tile { display: block; flex: none; padding: 10px 8px; text-align: center; }
  .tk-card .px-t .tile b { display: block; font-size: 20px; line-height: 1.15; }
  .tk-card .px-t .tile b.sure { color: #8BE39B; } .tk-card .px-t .tile b.miss { color: #FF9A8A; } .tk-card .px-t .tile b.txt { font-size: 15px; }
  .tk-card .px-t .tile b span { font: 700 12px var(--game); color: #A9A7DA; margin-left: 2px; }
  .tk-card .px-t .tile em { display: block; margin-top: 3px; font: normal 11.5px/1.35 var(--game); color: #A9A7DA; overflow-wrap: anywhere; }
  .px-n { margin: 0; font: 11.5px/1.55 var(--game); color: #A9A7DA; }
  @media (max-width: 560px) { .tk-card .px-t { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .cs-card { gap: 10px; }
  .cs-pick .tk-chip { height: auto; min-height: 30px; padding: 3px 11px 3px 5px; max-width: 100%; text-align: left; }
  .cs-pick .tk-chip img { width: 22px; height: 22px; image-rendering: pixelated; flex: none; }
  .cs-pick .tk-chip span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .cs-acts { display: flex; flex-wrap: wrap; gap: 6px; }
  .cs-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 10px; }
  .xt.cs { min-width: 560px; }
  .xt.cs th, .xt.cs td { white-space: nowrap; }
  .xt.cs th:first-child, .xt.cs td:first-child { text-align: left; }
  .xt.cs td:first-child { display: flex; align-items: center; gap: 6px; }
  .xt.cs td img { width: 24px; height: 24px; image-rendering: pixelated; flex: none; }
  .xt.cs td .ck { width: 14px; flex: none; color: #8BE39B; font-weight: 800; }
  .xt.cs td:first-child small { display: block; color: #8E8CBE; font-size: 11px; }
  .xt.cs td small.ks { display: block; color: #A9A7DA; font-size: 11px; font-weight: 600; }
  .xt.cs tr.best td { background: rgba(139,227,155,.1); } .xt.cs tr.best td.dpm { color: #8BE39B; }
  .xt.cs td.dpm { font-weight: 800; color: #FFD27A; }
  @media (max-width: 640px) {
    .cs-scroll { overflow: visible; }
    .xt.cs { min-width: 0; display: block; }
    .xt.cs thead { display: none; }
    .xt.cs tbody { display: flex; flex-direction: column; gap: 8px; }
    .xt.cs tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-areas: "nm nm nm" "dpm kill hit" "cast cast dl"; gap: 6px; padding: 10px 12px 9px; border: 1px solid #2C3340; border-radius: 12px; background: #1C222C; }
    .xt.cs tr.best { border-color: rgba(139,227,155,.55); background: rgba(139,227,155,.06); }
    .xt.cs tr.best td:nth-child(1), .xt.cs tr.best td:nth-child(4), .xt.cs tr.best td:nth-child(6) { background: none; }
    .xt.cs td { display: block; padding: 0; border: 0; text-align: center; white-space: normal; }
    .xt.cs td::before { content: attr(data-l); display: block; font: 600 11px var(--body); color: #A9A7DA; margin-bottom: 2px; }
    .xt.cs td:nth-child(1) { grid-area: nm; display: flex; align-items: center; gap: 8px; text-align: left; font: 700 15px var(--body); padding-bottom: 6px; border-bottom: 1px solid var(--line); }
    .xt.cs td:nth-child(1)::before { display: none; }
    .xt.cs td:nth-child(1) small { display: inline; margin-left: 6px; font-size: 12px; font-weight: 500; }
    .xt.cs td:nth-child(1) .ck { order: 9; margin-left: auto; width: auto; font: 700 12px var(--body); color: #8BE39B; }
    .xt.cs td:nth-child(1) .ck[data-b]:not(:empty)::after { content: " " attr(data-b); }
    .xt.cs td:nth-child(2), .xt.cs td:nth-child(5) { background: rgba(255,255,255,.05); border-radius: 8px; padding: 8px 4px; font: 800 20px/1.15 Montserrat, 'IBM Plex Sans KR', sans-serif; }
    .xt.cs td:nth-child(2) { grid-area: dpm; } .xt.cs td:nth-child(5) { grid-area: kill; }
    .xt.cs td:nth-child(3) { grid-area: hit; background: rgba(255,255,255,.05); border-radius: 8px; padding: 8px 4px; font: 700 14px/1.2 Montserrat, 'IBM Plex Sans KR', sans-serif; }
    .xt.cs td:nth-child(3) small.ks, .xt.cs td:nth-child(5) small.ks { display: block; font: 600 11px var(--body); margin-top: 2px; }
    .xt.cs td:nth-child(4), .xt.cs td:nth-child(6) { font: 12.5px var(--body); color: var(--dim); text-align: left; display: flex; gap: 4px; align-items: baseline; }
    .xt.cs td:nth-child(4)::before, .xt.cs td:nth-child(6)::before { margin: 0; color: var(--dim2); }
    .xt.cs td:nth-child(4) { grid-area: cast; } .xt.cs td:nth-child(6) { grid-area: dl; justify-content: flex-end; }
  }

  
  .page.tk-page { width: 100%; }   
  .layout.tk-a { display: block; }
  .tk-a [hidden] { display: none !important; }
  .tk-a .detail { position: static; }
  .tk-crumb { margin: 0 0 12px; font: 600 12px var(--body); color: var(--dim); }
  .tk-crumb a { color: var(--dim); text-decoration: none; } .tk-crumb a:hover { color: var(--ink); }
  .tk-crumb b { color: var(--ink); font-weight: 600; }
  .tk-head { display: flex; flex-direction: column-reverse; gap: 14px; margin-bottom: 14px; }
  .tk-head .lcol h1 { margin: 2px 0 4px; font-size: clamp(22px, 3vw, 28px); font-weight: 700; }
  .tk-head .lcol .lede { margin: 0; font-size: 14px; line-height: 1.5; }
  .tk-k { display: block; font: 700 14px var(--body); color: #C9C6E4; }
  .tk-seg { display: flex; gap: 4px; padding: 4px; border-radius: 999px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); min-width: 0; }
  .tk-seg a { flex: 1 1 0; min-width: 0; display: block; text-align: center; height: 32px; line-height: 32px; padding: 0 6px; border-radius: 999px;
    font: 700 12.5px/32px var(--body); color: #C9C6E4; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .tk-seg a:hover { color: #fff; background: rgba(255,255,255,.06); }
  .tk-seg a[aria-current="page"] { background: #F2B53A; color: #15120A; }
  .tk-seg a:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }
  @media (max-width: 400px) { .tk-seg a { font-size: 12px; padding: 0 3px; } }

  
  .tk-bar { position: sticky; top: calc(env(safe-area-inset-top, 0px) + var(--hdr, 58px)); z-index: 20; display: flex; flex-direction: column; gap: 8px;
    margin: 0 -16px 18px; padding: 10px 16px 12px; background: rgba(11,14,20,.96); border-top: 1px solid #262B36; border-bottom: 1px solid #262B36;
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
  .tk-sum { display: flex; gap: 6px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px; min-height: 28px; }
  .tk-sum::-webkit-scrollbar { display: none; }
  .tk-sum .sum { flex: none; display: inline-flex; align-items: center; gap: 5px; 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; white-space: nowrap; }
  .tk-sum .sum b { color: #fff; font-weight: 700; } .tk-sum .sum i { width: 8px; height: 8px; border-radius: 50%; flex: none; }
  .tk-acts { display: flex; gap: 8px; }
  
  .tk-pill { all: unset; box-sizing: border-box; cursor: pointer; flex: 1 1 0; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    height: 40px; padding: 0 14px; border-radius: 999px; background: #F2B53A; color: #15120A; border: 1px solid #C98A1A;
    box-shadow: 0 6px 16px rgba(0,0,0,.4); font: 800 13px/1.15 var(--display); letter-spacing: .02em; text-align: center; overflow: hidden; }
  .tk-pill.sm { height: 34px; padding: 0 12px; font-size: 12px; }
  .tk-pill.ghost { background: rgba(255,255,255,.05); color: var(--ink); border-color: rgba(255,255,255,.16); box-shadow: none; }
  .tk-pill:hover { filter: brightness(1.07); } .tk-pill:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

  .tk-main { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
  .tk-h { margin: 0 0 8px; font: 700 18px/1.25 var(--display); color: var(--ink); }
  .tk-card { background: #151A22; border: 1px solid rgba(242,181,58,.35); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
  .tk-card > .street, .tk-card > .pname, .tk-card > .lede { margin: 0; }
  .tk-card > .lede { color: var(--dim); font-size: 14px; }
  .tk-mob { display: flex; align-items: center; gap: 10px; min-width: 0; }
  .tk-mob > div { min-width: 0; }
  .tk-ic { flex: none; width: 40px; height: 40px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: #EDEBE4; border: 1px solid #C9C4B4; box-shadow: inset 0 0 0 1px #fff; overflow: hidden; }
  .tk-ic img { width: 34px; height: 34px; object-fit: contain; }
  .tk-ic.sm { width: 30px; height: 30px; border-radius: 6px; } .tk-ic.sm img { width: 26px; height: 26px; }
  .tk-mob .pname { font: 700 16px/1.25 var(--body); overflow-wrap: anywhere; }
  .tk-sub { display: block; font: 12px/1.45 var(--body); color: var(--dim); font-variant-numeric: tabular-nums; }
  .tk-bigrow { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
  .tk-big { font: 800 44px/1 var(--display); color: #fff; font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
  .tk-big span { font-size: .72em; margin-left: 2px; }
  .tk-big.miss { color: #FF9A8A; } .tk-big.sure { color: #8BE39B; }
  .tk-per { font: 12.5px/1.45 var(--body); color: var(--dim); } .tk-per b { color: #fff; font-weight: 700; font-variant-numeric: tabular-nums; }
  .tk-card .hits, .tk-card .tiles { display: flex; gap: 6px; margin: 0; }
  .tk-card .tile { flex: 1 1 0; min-width: 0; padding: 10px 6px; border-radius: 10px; background: rgba(255,255,255,.05); border: 0; text-align: center; }
  .tk-card .tile small { display: block; font: 800 12px var(--display); letter-spacing: .06em; color: var(--dim); }
  .tk-card .tile b { font: 800 22px var(--display); color: #fff; font-variant-numeric: tabular-nums; }
  .tk-card .hits .tile:first-child b { color: #8FE3A6; } .tk-card .hits .tile:last-child b { color: #FFB3A6; }
  .tk-card .hits .tile b span { font: 700 12px var(--body); color: inherit; margin-left: 2px; }
  .tk-card .gauge { height: 10px; }
  .tk-card .badges { gap: 6px; }
  .tk-card .xt { margin: 0; font: 13px var(--body); }
  .tk-card .xt th { font: 800 12px var(--display); }
  .tk-card h3.street { margin: 2px 0 -6px; }
  .tk-card .src { margin: 0; padding: 0; border: 0; background: none; font: 12px/1.55 var(--body); color: #8A8FA0; }
  .tk-card .res { margin: 0; padding: 0; min-height: 0; background: none; border: 0; }
  .tk-card .res > div { background: rgba(255,255,255,.05); border: 0; border-radius: 10px; }
  .tk-card .big { margin: 0; padding: 0; background: none; border: 0; gap: 8px; }
  .tk-card .big .pct { font: 800 clamp(30px, 10vw, 44px)/1.05 var(--display); }
  .tk-card .big .sub { font: 12.5px/1.45 var(--body); color: var(--dim); } .tk-card .big .sub b { color: #fff; }
  .tk-mob .street { margin: 0 0 1px; font-size: 12px; }

  
  .tk-rows { display: flex; flex-direction: column; gap: 6px; }
  .tk-row { all: unset; box-sizing: border-box; cursor: pointer; 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); min-width: 0; }
  .tk-row:hover { border-color: rgba(242,181,58,.55); } .tk-row:focus-visible { outline: 2px solid var(--meso); outline-offset: 1px; }
  .tk-row > span:nth-child(2) { flex: 1; min-width: 0; }
  .tk-row b.n { display: block; font: 700 14px var(--body); color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .tk-row small { display: block; font: 12px var(--body); color: var(--dim); font-variant-numeric: tabular-nums; }
  .tk-row em { font: 700 13px var(--body); font-style: normal; color: #FFD27A; white-space: nowrap; font-variant-numeric: tabular-nums; }
  .tk-chip { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 12px; border-radius: 999px;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.11); font: 600 12.5px var(--body); color: #D5D3E4; white-space: nowrap; text-decoration: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
  .tk-chip:hover { color: #fff; border-color: rgba(242,181,58,.55); } .tk-chip:focus-visible { outline: 2px solid var(--meso); outline-offset: 1px; }
  .tk-chip.on { background: rgba(242,181,58,.16); border-color: #F2B53A; color: #FFD27A; }
  .tk-cmp .tk-chip { margin-top: 8px; }
  
  .tk-next { background: #151A22; border: 1px solid #262B36; border-radius: 16px; padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; }
  .tk-chips { display: flex; flex-wrap: wrap; gap: 6px; }
  .tk-note { margin: 0; font: 12px/1.5 var(--body); color: #8A8FA0; }

  
  .tk-desc { margin-top: 26px; display: flex; flex-direction: column; gap: 6px; }
  .tk-desc > .tk-h { margin: 2px 0 6px; font-size: 16px; }
  .tk-acc { background: #151A22; border: 1px solid #262B36; border-radius: 16px; }
  .tk-acc summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 16px; }
  .tk-acc summary::-webkit-details-marker { display: none; }
  .tk-acc summary::after { content: ""; flex: none; margin-left: auto; width: 7px; height: 7px; border-right: 2px solid #A3AAB6; border-bottom: 2px solid #A3AAB6; transform: translateY(-2px) rotate(45deg); transition: transform .15s; }
  .tk-acc[open] summary::after { transform: translateY(2px) rotate(225deg); }
  .tk-acc summary:focus-visible { outline: 2px solid var(--meso); outline-offset: 1px; }
  .tk-acc summary h3 { margin: 0; font: 700 15px/1.35 var(--body); color: #fff; }
  .tk-n { flex: none; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font: 800 12px var(--display); background: rgba(255,255,255,.08); color: #C9C6E4; }
  .tk-acc[open] .tk-n { background: #F2B53A; color: #15120A; }
  .tk-acc-b { padding: 0 14px 14px 46px; font: 14px/1.6 var(--body); color: var(--dim); }
  .tk-acc-b p { margin: 0 0 8px; } .tk-acc-b p:last-child { margin-bottom: 0; }
  .tk-acc-b a { color: #FFD27A; } .tk-acc-b .tk-chips { margin-top: 10px; } .tk-acc-b a.tk-chip { color: #FFD27A; }
  @media (max-width: 400px) { .tk-acc-b { padding-left: 14px; } }

  
  .tk-sheet { margin-top: 22px; background: #151A22; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; padding: 0 16px 18px; box-sizing: border-box; }
  .tk-sh-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 0 10px; }
  .tk-sh-head b { font: 800 16px var(--body); color: #fff; }
  .tk-sh-x { all: unset; cursor: pointer; font: 700 13px var(--body); color: #FFD27A; padding: 6px 4px; } .tk-sh-x:focus-visible { outline: 2px solid #FFD27A; border-radius: 6px; }
  .tk-sheet .tk-acts.end { margin-top: 14px; }
  .tk-sheet .tk-acts.end .tk-pill { height: 44px; }
  .tk-sheet .win { background: none; border: 0; box-shadow: none; padding: 0; color: var(--ink); font-family: var(--body); }
  .tk-sheet .pf, .tk-sheet .tf-wrap { padding: 0; gap: 12px; }
  .tk-sheet .lb { display: block; margin-bottom: 5px; font: 700 12px var(--body); color: #A9A7DA; }
  .tk-sheet .row2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
  .tk-sheet .row3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .tk-sheet input:not([type=range]):not([type=checkbox]), .tk-sheet select { box-sizing: border-box; width: 100%; height: 42px; padding: 0 12px; border-radius: 10px;
    border: 1px solid rgba(255,255,255,.14); background: #0B0E14; color: var(--ink); font: 600 14px var(--body); color-scheme: dark; -webkit-appearance: none; appearance: none; }
  .tk-sheet select { background-image: linear-gradient(45deg, transparent 50%, #A9A7DA 50%), linear-gradient(135deg, #A9A7DA 50%, transparent 50%); background-position: calc(100% - 17px) 18px, calc(100% - 12px) 18px; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 28px; }
  .tk-sheet input::placeholder { color: #8A90A3; font-weight: 400; }
  .tk-sheet input:focus-visible, .tk-sheet select:focus-visible { outline: 2px solid var(--meso); outline-offset: 0; border-color: transparent; }
  .tk-sheet .chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 0; }
  .tk-sheet .chips button { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; height: 34px; padding: 0 12px; border-radius: 999px;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.11); font: 600 12.5px var(--body); color: #D5D3E4; text-shadow: none; }
  .tk-sheet .chips button[aria-pressed="true"] { background: rgba(242,181,58,.16); border-color: #F2B53A; color: #FFD27A; }
  .tk-sheet .chips button:focus-visible { outline: 2px solid var(--meso); outline-offset: 1px; }
  .tk-sheet .lede { color: var(--dim); font-size: 12.5px; }
  .tk-sheet .note { padding: 12px 0 0; margin: 0; font: 12px/1.5 var(--body); color: #8A8FA0; }
  .tk-sheet .skgrid { background: rgba(255,255,255,.03); border-radius: 10px; padding: 4px; }
  .tk-sheet .skgrid button { background: #EDEBE4; } .tk-sheet .skgrid button[aria-pressed="true"] { background: #FFF1C9; border-color: #F2B53A; }
  .tk-sheet .skgrid .none { color: var(--dim); }
  .tk-sheet .sklv span { color: #C9C6E4; font: 600 12px var(--body); } .tk-sheet .sklv span b { color: #FFD27A; }
  .tk-sheet .sklv input[type=range] { accent-color: #F2B53A; }
  .tk-sheet .mobpick ul { background: #10141F; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; box-shadow: 0 14px 30px rgba(0,0,0,.55); }
  .tk-sheet .mobpick li { color: #E8E6FF; font: 13px var(--body); } .tk-sheet .mobpick li small { color: #8E8CBE; } .tk-sheet .mobpick li em { color: #FFB27A; }
  .tk-sheet .mobpick li:hover, .tk-sheet .mobpick li[aria-selected="true"] { background: rgba(242,181,58,.13); }
  .tk-sheet .tf-check { color: #C9C6E4; font: 600 12.5px var(--body); } .tk-sheet .tf-check input { accent-color: #F2B53A; }
  .tk-back { position: fixed; inset: 0; z-index: 79; background: rgba(0,0,0,.55); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
  .tk-back[hidden] { display: none; }
  @media (max-width: 1023px) {
    .tk-js .tk-sheet { position: fixed; z-index: 80; left: 0; right: 0; bottom: 0; margin: 0 auto; width: min(100%, 560px); max-height: 88vh; max-height: 88dvh; overflow-y: auto; overscroll-behavior: contain;
      padding: 0 16px calc(18px + env(safe-area-inset-bottom, 0px)); border-radius: 18px 18px 0 0; border-bottom: 0; box-shadow: 0 -18px 40px rgba(0,0,0,.55);
      transform: translateY(105%); visibility: hidden; transition: transform .22s ease-out, visibility 0s .22s; }
    .tk-js .tk-sheet.open { transform: none; visibility: visible; transition: transform .22s ease-out; }
    .tk-js .tk-sh-head { position: sticky; top: 0; z-index: 2; padding: 20px 0 10px; background: #151A22; }
    .tk-js .tk-sh-head::before { content: ""; position: absolute; left: 50%; top: 8px; width: 40px; height: 4px; margin-left: -20px; border-radius: 999px; background: rgba(255,255,255,.2); }
  }
  @media (max-width: 1023px) { .tk-sheet .tk-sh-x { display: inline-block; } }
  @media (max-width: 520px) { .tk-sheet .tf-wrap .row2.one { grid-template-columns: minmax(0, 1fr); } }
  @media (prefers-reduced-motion: reduce) { .tk-js .tk-sheet, .tk-js .tk-sheet.open { transition: none; } }
  @media (min-width: 1024px) {
    .tk-head { flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
    .tk-head .tk-seg { flex: none; width: 420px; }
    .tk-crumb { display: none; }
    .tk-grid { display: grid; grid-template-columns: 400px minmax(0, 1fr); gap: 24px; align-items: start; }
    .tk-side { grid-column: 1; grid-row: 1; position: sticky; top: calc(env(safe-area-inset-top, 0px) + var(--hdr, 58px) + 16px); }
    .tk-main { grid-column: 2; grid-row: 1; }
    .tk-sheet { margin: 0; max-height: calc(100vh - var(--hdr, 58px) - 32px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #C99A3A transparent; }
    .tk-sheet .tk-sh-x { display: none; }
    .tk-bar { position: static; margin: 0; padding: 0; background: none; border: 0; -webkit-backdrop-filter: none; backdrop-filter: none; }
    .tk-bar .tk-acts { display: none; }
    .tk-sum { flex-wrap: wrap; overflow: visible; margin: 0; padding: 0; }
    .tk-back { display: none; }
  }

  
  .tk-a .pf .lb, .tk-a .tf-wrap .lb, .tk-a .street, .tk-a .badge, .tk-a .tile small, .tk-a .xt th, .tk-a .src, .tk-a .src code, .tk-a .note,
  .tk-a .skgrid button .sn, .tk-a .skgrid button em, .tk-a .xt.sk td small, .tk-a .mobpick li em, .tk-a .eqsum, .tk-a .bfs label { font-size: 12px; }
  
  .tk-cols, .tk-c1, .tk-c2 { display: contents; }
  @media (max-width: 1239px) { .tk-c1 > .tk-el { order: 2; } .tk-c1 > .mobpick { order: 3; } .tk-c1 > .tk-chk { order: 9; } }   
  @media (min-width: 1240px) {
    .tk-grid.tk-wide { grid-template-columns: 560px minmax(0, 1fr); gap: 20px; }
    .tk-wide .tk-sheet { padding: 0 14px 14px; }
    .tk-wide .tk-sheet .pf, .tk-wide .tk-sheet .tf-wrap { gap: 10px; }
    .tk-wide .tk-sheet .tk-sh-head { padding: 10px 0 6px; }
    .tk-wide .tk-sheet .tk-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
    .tk-wide .tk-sheet .tk-c1, .tk-wide .tk-sheet .tk-c2 { display: grid; gap: 10px; min-width: 0; align-content: start; }
    .tk-wide .tk-sheet .row2.tk-top { grid-template-columns: minmax(0, 1fr) 130px; }
    .tk-wide .tk-sheet #phys { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }   
    .tk-wide .tk-sheet #phys > label:first-child { grid-column: 1 / -1; }
    .tk-wide .tk-sheet #phys > .row2 { display: contents; }
    .tk-wide .tk-sheet #phys > .row2, .tk-wide .tk-sheet #phys > label { margin-top: 0 !important; }
    .tk-wide .tk-sheet .skgrid { grid-template-columns: repeat(auto-fill, minmax(56px, 1fr)); max-height: 244px; }
    .tk-wide .tk-sheet input:not([type=range]):not([type=checkbox]), .tk-wide .tk-sheet select { height: 38px; }
    .tk-wide .tk-sheet .row2.tk-chk { grid-template-columns: minmax(0, 1fr); gap: 6px; }
    .tk-wide .tk-sheet .eqp { margin-top: 0; padding: 8px; gap: 6px; }
    .tk-wide .tk-sheet .note { padding-top: 8px; }
    .tk-wide .tk-sheet .tk-acts.end { margin-top: 10px; }
    .tk-wide .tk-sheet .tk-acts.end .tk-pill { height: 44px; }   
  }

  .tk-a .xt.sk th, .tk-a .xt.sk td:nth-child(n+2) { white-space: nowrap; }   
  .tk-a .xt.sk td:first-child span { min-width: 0; word-break: keep-all; overflow-wrap: normal; }   
  .tk-a .xt.sk td:first-child small { white-space: nowrap; }   
  @media (max-width: 600px) {   
    .tk-a .xt.sk, .tk-a .xt.sk tbody { display: block; }
    .tk-a .xt.sk thead { display: none; }
    .tk-a .xt.sk tr { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 8px; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); }
    .tk-a .xt.sk tr.on { background: rgba(245,197,66,.14); border-color: rgba(242,181,58,.5); }
    .tk-a .xt.sk td { display: block; padding: 0; border: 0; text-align: left; background: none !important; }
    .tk-a .xt.sk td:first-child { display: flex; flex: 1 0 100%; }
    .tk-a .xt.sk td[data-l]::before { content: attr(data-l); display: block; font: 800 12px var(--display); letter-spacing: .06em; color: #A9A7DA; }
    .tk-a .xt.sk td:nth-child(3) { flex: 1 1 auto; }
  }
  .tk-a .tk-main > section { scroll-margin-top: 150px; }   
  .tk-sheet .skgrid { max-height: none; overflow: visible; }   
  .tk-sheet .mobpick ul { position: static; margin: 6px 0 0; max-height: 216px; box-shadow: none; }   
  .tk-sheet .bfs label { color: #C9C6E4; } .tk-sheet .bfs em { color: #FFD27A; } .tk-sheet .eqsum { color: #C9C6E4; } .tk-sheet .eqsum b { color: #FFD27A; }   
  @media (min-width: 1240px) { .tk-wide .tk-sheet .skgrid { max-height: 244px; overflow: auto; } }   
  @media (max-width: 1023px) {
    .tk-bar.compact { padding: 0 16px; gap: 0; }   
    .tk-bar.compact .tk-sum, .tk-bar.compact .tk-acts .tk-pill.ghost { display: none; }
    .tk-bar.compact .tk-acts .tk-pill { height: 44px; border-radius: 0; background: none; border: 0; box-shadow: none; color: #FFD27A; font-size: 14px; }
    .tk-bar.compact .tk-acts .tk-pill::before { content: "✎"; font-size: 15px; }
    .tk-sum.more { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent); }   
  }
  .tk-card > .tk-pill { flex: none; align-self: flex-start; width: auto; min-width: 150px; }   
  .tk-a .tg-badge, .tk-a #detail small { font-size: 12px; }   
  .tk-a #detail { scroll-margin-top: 150px; }   
  
  .skgrid button .sn { word-break: keep-all; overflow-wrap: anywhere; }   
  @media (min-width: 1240px) { .tk-wide .tk-sheet .skgrid { grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); } }   
  .bfs label { white-space: nowrap; } .bfs label input { width: auto !important; flex: none; margin: 0; }   
  @media (max-width: 1023px) { .tk-seg a { height: 44px; line-height: 44px; font-size: 14px; } }
  @media (max-width: 400px) { .tk-seg a { font-size: 13px; } }
  main :is(p, li, dd, .lede) { text-wrap-style: pretty; } main :is(td, th, span, small, b, a, label, .fv, .sc-g, .kp-cr, figcaption, .sn) { text-wrap-style: balance; }   
  
  .tk-mc { margin: 0 0 10px; padding: 7px 10px; border-radius: 10px; background: rgba(242,181,58,.10); border: 1px solid rgba(242,181,58,.28); font: 600 12.5px/1.45 var(--body); color: #E8DDB8; word-break: keep-all; text-wrap: balance; }
  .tk-mc a { color: #FFD27A; font-weight: 800; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }

  @media (max-width: 560px) { .tk-top .jobcell { grid-column: 1 / -1; } .tk-top .jobcell #job { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; } .tk-top .jobcell #job button { justify-content: center; } }   
.pz{
  --night:#0B0D12; --panel:#151A22; --panel2:#1C222C; --ink:#F3EFE6; --dim:#A3AAB6; --dim2:#8F97A6;
  --line:#262B36; --line2:#2C3340; --meso:#F2B53A; --maple:#E0452B; --buy:#3E86D9;
  --up:#F0785F; --down:#6FA3E8;
  --lc:#FBFAF6; --lc2:#F1EEE4; --lcl:#DEDACB; --lci:#1B2130; --lcd:#5B6472; --navy:#233956; --blue:#0B6ED0; --org:#EE9922;   
}.pz .num{font-family:Montserrat,'IBM Plex Sans KR',sans-serif;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.01em}.pz .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 16px;border-radius:12px;font-weight:600;font-size:14px;white-space:nowrap}.pz .btn.z-pri{background:var(--meso);color:#1a1405}.pz .btn.z-pri:hover{background:#ffc654}.pz .btn.z-sec{background:var(--panel);border:1px solid var(--line2);color:var(--ink)}.pz .btn.z-sec:hover{border-color:#3a4150}.pz .z-ic{width:var(--icon);height:var(--icon);flex:0 0 auto;border-radius:8px;background:var(--panel2);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.pz .z-ic img{width:30px;height:30px;object-fit:contain;image-rendering:auto}.pz .z-ic img.x{visibility:hidden}.pz .z-ic.z-lg{width:56px;height:56px;border-radius:12px}.pz .z-ic.z-lg img{width:44px;height:44px}.pz .z-ic.z-sm{width:28px;height:28px;border-radius:6px}.pz .z-ic.z-sm img{width:24px;height:24px}.pz .spk{display:block}.pz .chart{position:relative;width:100%}.pz .chart svg.ch{display:block;width:100%;height:auto}.pz .chart .z-grid{stroke:var(--line);stroke-width:1}.pz .chart .ax{fill:var(--dim2);font-size:11px;font-family:Montserrat,sans-serif;font-weight:600}.pz .chart .z-xh{stroke:rgba(255,255,255,.25);stroke-dasharray:3 3}.pz .chart .tip{position:absolute;pointer-events:none;background:#0C0F15;border:1px solid var(--line2);border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.5;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.45)}.pz .chart .tip b{display:block;color:var(--dim);font-weight:500;margin-bottom:2px}.pz .chart .tip div{display:flex;align-items:center;gap:6px}.pz .chart .tip strong{font-family:Montserrat,sans-serif;font-weight:600}.pz .chart .tip span{color:var(--dim2)}.pz .shrink{flex:1 1 0;width:0;min-width:0}.pz .sw{display:inline-block;width:10px;height:10px;border-radius:50%;flex:0 0 auto}.pz .sw.z-sell{background:var(--meso)}.pz .sw.buy{background:var(--buy)}.pz .legend{display:flex;gap:14px;font-size:12px;color:var(--dim);align-items:center;flex-wrap:wrap}.pz .legend span{display:inline-flex;align-items:center;gap:6px}.pz .legend .hollow{width:9px;height:9px;border-radius:50%;border:2px solid var(--dim);display:inline-block}.pz .tag{display:inline-block;font-size:11px;line-height:18px;padding:0 7px;border-radius:6px;background:var(--panel2);border:1px solid var(--line2);color:var(--dim);white-space:nowrap}.pz .tag.low{color:var(--meso);border-color:rgba(242,181,58,.35);background:rgba(242,181,58,.08)}.pz .z-up{color:var(--up)}.pz .down{color:var(--down)}.pz .nodata{color:var(--dim2);font-size:13px;padding:30px 0;text-align:center}.pz .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.pz .z-foot{color:var(--dim2);font-size:12px;padding:30px 0 40px;border-top:1px solid var(--line);margin-top:30px}.pz .rg{margin-top:8px}.pz .rg .rl{display:flex;justify-content:space-between;gap:2px 8px;font-size:11px;color:var(--dim2);line-height:1.4;flex-wrap:wrap}.pz .rg .rl span{white-space:nowrap}.pz .rg .rl b{color:var(--dim);font-weight:500}.pz .rg .rt{position:relative;height:6px;border-radius:3px;background:rgba(255,255,255,.08);margin:4px 0}.pz .rg .rt .iq{position:absolute;top:0;bottom:0;border-radius:3px;background:rgba(242,181,58,.55)}.pz .rg.buy .rt .iq{background:rgba(62,134,217,.6)}.pz .rg .rt .md{position:absolute;top:-3px;width:2px;height:12px;margin-left:-1px;background:var(--meso);border-radius:1px}.pz .rg.buy .rt .md{background:#7FB2F0}.pz .ment .mh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pz .ment .mh b{font-size:15px;font-weight:700}.pz .ment .mh .mitem{color:var(--dim);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pz .ment .tog{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;background:var(--night);border:1px solid var(--line2);border-radius:12px;padding:4px}.pz .ment .tog button{height:40px;border-radius:9px;font-weight:600;font-size:15px;color:var(--dim)}.pz .ment .tog button.z-on{background:var(--meso);color:#1a1405}.pz .ment .tog button[data-side=B].z-on{background:var(--buy);color:#fff}.pz .ment .z-mrow{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px;margin-top:12px}.pz .ment .fld label{display:block;font-size:12px;color:var(--dim);margin-bottom:5px}.pz .ment .fld label small{color:var(--dim2)}.pz .ment input[type=number]{width:100%;height:44px;border-radius:10px;background:var(--night);border:1px solid var(--line2);padding:0 12px;font-size:17px;outline:none;-moz-appearance:textfield}.pz .ment input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.pz .ment input:focus{border-color:var(--meso)}.pz .ment .pin{position:relative}.pz .ment .pin .man{position:absolute;right:12px;top:0;line-height:44px;color:var(--dim2);font-size:13px;pointer-events:none}.pz .ment .pb{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.pz .ment .pb button{height:34px;border-radius:9px;border:1px solid var(--line2);background:var(--panel2);font-size:13px;color:var(--dim)}.pz .ment .pb button.z-on{color:var(--ink);border-color:#3a4150;background:#20252f}.pz .ment .z-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pz .ment .z-chips>button{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);font-size:14px;color:var(--dim)}.pz .ment .z-chips>button.z-on{border-color:var(--meso);color:var(--ink);background:rgba(242,181,58,.1)}.pz .ment .z-chips .mch{width:44px;height:28px;padding:0 6px;font-size:14px;text-align:center;border-radius:7px}.pz .ment .out{display:flex;gap:8px;align-items:stretch;margin-top:12px}.pz .ment .out code{flex:1;min-width:0;display:block;background:var(--night);border:1px solid var(--line2);border-radius:12px;padding:10px 12px;font:14px/1.5 'IBM Plex Mono',ui-monospace,Menlo,monospace;color:var(--ink);word-break:break-word;overflow-wrap:anywhere}.pz .ment .out code:empty::before{content:attr(data-empty);color:var(--dim2)}.pz .ment .out code.err{color:var(--dim)}.pz .ment .out .btn{height:auto;min-width:72px}.pz .ment .btn.done{background:#2f9e67;color:#fff;border-color:#2f9e67}.pz .ment .ko{margin-top:18px;padding-top:14px;border-top:1px dashed var(--line2)}.pz .ment .ko label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.pz .ment .krow{display:flex;gap:8px;align-items:stretch}.pz .ment textarea{flex:1;min-width:0;resize:none;border-radius:12px;background:var(--night);border:1px solid var(--line2);padding:10px 12px;font-size:15px;line-height:1.45;font-family:inherit;color:var(--ink);outline:none}.pz .ment textarea:focus{border-color:var(--meso)}.pz .ment .krow .btn{height:auto;min-width:72px}.pz .ment .ex{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}.pz .ment .ex span{font-size:12px;color:var(--dim2)}.pz .ment .ex button{font-size:12px;color:var(--dim);padding:0 9px;height:26px;border-radius:12px;border:1px solid var(--line2);background:var(--panel)}.pz .ment .ex button:hover{color:var(--ink)}@media(max-width:360px){.pz .ment .z-mrow{grid-template-columns:1fr}}.pz .ment .cp{font-size:12px;color:#6CC28A;margin-top:6px}.pz .ment.flash{animation:mflash 1.2s ease}@keyframes mflash{0%{box-shadow:0 0 0 2px var(--meso)}100%{box-shadow:0 0 0 2px transparent}}.pz .mbtns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:12px}.pz .mbtns .btn{height:42px;padding:0 10px;font-size:14px}@media(max-width:340px){.pz .mbtns{grid-template-columns:minmax(0,1fr)}}.pz .mb{height:28px;padding:0 10px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);color:var(--dim);font-size:12px;font-weight:600;white-space:nowrap}.pz .mb:hover{color:var(--ink);border-color:var(--meso)}.pz .msheet{position:fixed;inset:0;z-index:60}.pz .msheet[hidden]{display:none}.pz .msheet .msbg{position:absolute;inset:0;background:rgba(0,0,0,.55)}.pz .msheet .msbox{position:absolute;left:0;right:0;bottom:0;max-height:88vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line2);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 -12px 36px rgba(0,0,0,.55)}.pz .msheet .msh{position:relative;height:30px;flex:0 0 auto}.pz .msheet .msh .h{position:absolute;left:50%;top:8px;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--line2)}.pz .msheet .msx{position:absolute;right:10px;top:4px;height:30px;padding:0 10px;border-radius:9px;color:var(--dim);font-size:13px}.pz .msheet .msbody{overflow:auto;padding:0 16px 24px;-webkit-overflow-scrolling:touch}@media(min-width:1000px){.pz .msheet .msbox{left:auto;right:24px;bottom:24px;width:460px;border-radius:16px;border-bottom:1px solid var(--line2)}}.pz{font-size:15px;color:var(--ink);word-break:keep-all;overflow-wrap:break-word}.pz .z-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:6px 0 16px}.pz .z-bar h1{font-size:clamp(28px,3vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0}.pz .z-bar .upd{margin-left:auto;display:inline-flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;gap:2px 10px;padding:8px 18px;border-radius:999px;background:var(--lc);border:1px solid var(--lcl);color:var(--lci);font-size:14px;line-height:1.4}.pz .z-bar .upd .dot{width:9px;height:9px;border-radius:50%;background:#2F9E5B;box-shadow:0 0 0 3px rgba(47,158,91,.22);flex:none}.pz .z-bar .upd b{font-weight:800}.pz .z-bar .upd small{font-size:13px;color:var(--lcd)}.pz .z-warn{margin:0 0 12px;padding:12px 16px;border-radius:12px;background:#FFF4DC;border:1px solid #F0D79A;color:#6B4300;font-size:14px;line-height:1.5}.pz .z-warn[hidden]{display:none}.pz .flow{display:flex;align-items:stretch;min-height:54px;border-radius:14px;background:var(--navy);color:#fff;overflow:hidden}.pz .flow .fl-lb{flex:0 0 auto;display:flex;align-items:center;padding:0 20px;background:#1A2C44;font-size:15px;font-weight:800;white-space:nowrap}.pz .fl-w{flex:1 1 0;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent)}.pz .fl-t{display:flex;width:max-content;animation:pzflow var(--fl-d,60s) linear infinite}.pz .fl-w:hover .fl-t,.pz .fl-w:focus-within .fl-t{animation-play-state:paused}@keyframes pzflow{to{transform:translateX(-50%)}}.pz .fl-a{display:flex;flex:none}.pz .fl-i{display:flex;align-items:center;gap:9px;min-height:54px;padding:0 22px;border-right:1px solid rgba(255,255,255,.14);color:#fff;font-size:15px;white-space:nowrap}.pz .fl-i:hover{background:rgba(255,255,255,.08)}.pz .fl-i .z-ic.fl{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.92);border:0}.pz .fl-i .z-ic.fl img{width:28px;height:28px}.pz .fl-i .fn{font-weight:700;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}.pz .fl-i .fs{font-size:14px;font-weight:800}.pz .fl-i .fs.s{color:#FFC76B}.pz .fl-i .fs.b{color:#8FC2FF}.pz .fl-i .fp{font-size:17px;font-weight:800}.pz .fl-i .ft{font-size:13px;color:#B9C8DC}.pz .fl-i .fo{font-size:13px;font-weight:700;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.14);color:#E8EEF6}.pz .fl-i .pill{height:26px;min-width:0}.pz .fl-none{display:flex;align-items:center;padding:0 20px;font-size:15px;color:#C5D2E4}@media(prefers-reduced-motion:reduce){.pz .fl-t{animation:none}.pz .fl-w{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.pz .fl-a+.fl-a{display:none}}.pz .sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.pz .sc{display:flex;flex-direction:column;gap:3px;min-width:0;padding:16px 20px 16px;border-radius:16px;background:var(--lc);border:1px solid var(--lcl);color:var(--lci)}.pz .sc .sh{font-size:14px;font-weight:700;color:var(--lcd)}.pz .sc .sv{display:block;margin-top:2px;font-size:32px;line-height:1.15;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.pz .sc .sv.dash{color:#6B7482}.pz .sc .sv.up{color:#B3411F}.pz .sc small{display:block;font-size:13px;line-height:1.45;color:var(--lcd)}.pz .sc small.s2{margin-top:-1px}.pz .sc .sn{display:flex;align-items:center;gap:8px;min-height:36px;min-width:0;text-align:left;font-size:16px;font-weight:800;line-height:1.25}.pz button.sc{text-align:left;font:inherit;color:var(--lci);cursor:pointer;width:100%}.pz button.sc:hover{border-color:var(--navy)}.pz button.sc:hover .sn span{text-decoration:underline;text-underline-offset:3px}.pz button.sc:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.pz .sc .sn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pz .sc .z-ic.sm{width:32px;height:32px;border-radius:8px;background:var(--lc2);border:1px solid var(--lcl)}.pz .sc .z-ic.sm img{width:26px;height:26px}.pz .sc.c-big{background:#FFF8E6;border-color:#E6C25D}.pz .sc.c-live .sh::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#2F9E5B;box-shadow:0 0 0 3px rgba(47,158,91,.2);vertical-align:1px}@media(max-width:1100px){.pz .sum{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.pz .sum{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.pz .z-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}.pz .z-grid>*{min-width:0}@media(min-width:1000px){.pz .z-grid.has-d{grid-template-columns:minmax(0,1fr) 500px}}.pz .board{background:var(--lc);border:1px solid var(--lcl);border-radius:18px;overflow:hidden;color:var(--lci);container-type:inline-size}.pz .board>.hd{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 12px;padding:15px 22px;background:var(--navy);color:#fff}.pz .board>.hd b{font-size:20px;font-weight:800;letter-spacing:-.01em}.pz .board>.hd small{font-size:14px;color:#C5D2E4}.pz .board>.hd .z-more{margin-left:auto;font-size:14px;color:#C5D2E4}.pz .ctl{display:flex;flex-direction:column;gap:12px;padding:18px 22px 10px}.pz .sline{display:flex;gap:10px;align-items:center}.pz .sline .in{flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-radius:14px;background:#fff;border:1.5px solid #C9D2DE;color:var(--lcd)}.pz .sline .in:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px rgba(35,57,86,.16)}.pz .sline .in svg{flex:none}.pz .sline input{flex:1;min-width:0;align-self:stretch;height:100%;background:none;border:0;outline:none;font-size:16px;color:var(--lci)}.pz .sline input::placeholder{color:#7A8494;opacity:1}.pz .sline input::-webkit-search-cancel-button{display:none}.pz .sline .z-cnt{font-size:13px;color:var(--lcd);white-space:nowrap}.pz .sline .btn{height:52px;padding:0 18px;border-radius:14px;font-size:15px;font-weight:800;background:#fff;border:1.5px solid #C9D2DE;color:var(--navy);gap:8px}.pz .sline .btn:hover{border-color:var(--navy)}.pz .sline .btn.z-pri{background:var(--navy);border-color:var(--navy);color:#fff}.pz .sline .btn.z-pri:disabled{display:none}.pz .sline .z-photo[aria-expanded=true],.pz .sline .btn[aria-expanded=true]{border-color:var(--navy);color:var(--navy);background:var(--lc2)}.pz .fil-r{display:flex;align-items:center;gap:12px}.pz .fil{display:flex;flex:1;min-width:0;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px}.pz .fil::-webkit-scrollbar{display:none}.pz .fil button{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:1.5px solid #C9D2DE;background:#fff;color:var(--lci);font-size:15px;font-weight:700;white-space:nowrap}.pz .fil button:hover{border-color:var(--navy)}.pz .fil button .n{font-style:normal;font-size:13px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--lc2);color:var(--lcd)}.pz .fil button.z-on{background:var(--navy);border-color:var(--navy);color:#fff}.pz .fil button.z-on .n{background:rgba(255,255,255,.2);color:#fff}.pz .sel-w{display:flex;gap:8px;flex:0 0 auto}.pz .sel-w select{height:44px;min-width:120px;padding:0 34px 0 14px;border-radius:12px;border:1.5px solid #C9D2DE;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235B6472' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;color:var(--lci);font-size:15px;font-weight:700}.pz .sel-w select:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.pz .rh,.pz .z-row{display:grid;grid-template-columns:56px minmax(0,1.5fr) 118px 96px 112px 136px minmax(110px,1fr);gap:0 16px;align-items:center;padding:0 22px}.pz .rh{min-height:46px;margin-top:6px;background:var(--lc2);border-top:1px solid var(--lcl);border-bottom:1px solid var(--lcl);font-size:13px;font-weight:700;color:var(--lcd)}.pz .rh [data-k]{cursor:pointer;user-select:none}.pz .rh [data-k]:hover{color:var(--lci)}.pz .rh [data-k].z-on{color:var(--navy);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.pz .rh .pr,.pz .z-row .pr{text-align:right}.pz .rh .ch,.pz .z-row .ch{text-align:center}.pz .rh .sp,.pz .z-row .sp{margin:0;text-align:center}.pz .z-row{min-height:78px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--lcl);cursor:pointer;background:var(--lc)}.pz .z-row:hover{background:#F7F4EA}.pz .z-row.z-on{background:#FFF3D6}.pz .z-row:focus-visible{outline:3px solid var(--navy);outline-offset:-3px}.pz .z-row .z-ic.rw{width:56px;height:56px;border-radius:14px;background:var(--lc2);border:1px solid var(--lcl)}.pz .z-row .z-ic.rw img{width:42px;height:42px}.pz .z-row .nm{min-width:0;display:flex;flex-direction:column;gap:2px}.pz .z-row .nm b{font-size:16px;font-weight:800;line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pz .z-row .nm small{font-size:13px;line-height:1.4;color:var(--lcd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pz .z-row .nm small em{font-style:normal;margin-left:8px;padding:1px 8px;border-radius:999px;background:#FFF1D6;color:#8A4B00;font-weight:700}.pz .z-row .pr{display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:0}.pz .z-row .pr .s{font-size:21px;line-height:1.2;font-weight:800;color:#A35B00;letter-spacing:-.02em;white-space:nowrap}.pz .z-row .pr .s.dash{color:#6B7482}.pz .z-row .pr .b{font-size:13px;color:#0B5FB8;font-weight:700;white-space:nowrap}.pz .z-row .mt{display:contents}.pz .z-row .ch{display:flex;justify-content:center}.pz .z-row .sp{display:flex;align-items:center;justify-content:center}.pz .z-row .ct{display:flex;flex-direction:column;min-width:0}.pz .z-row .ct b{font-size:16px;font-weight:800;line-height:1.25}.pz .z-row .ct small{display:block;font-size:13px;line-height:1.35;color:var(--lcd);min-width:0}.pz .z-row .ct small span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pz .z-row .dr{display:flex;align-items:center;gap:6px;min-width:0}.pz .dash{color:#6B7482;font-weight:700}.pz .pill{display:inline-flex;align-items:center;justify-content:center;min-width:66px;height:30px;padding:0 10px;border-radius:999px;font-style:normal;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.pz .pill.up{background:#FBE3DA;color:#B3411F}.pz .pill.dn{background:#DFEBFA;color:#1D63B8}.pz .pill.fl{background:#ECE9DE;color:#5B6472}.pz .tr{display:block}.pz .tr .ln{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.pz .tr .ar{fill:currentColor;opacity:.13}.pz .tr .dt{fill:currentColor}.pz .tr.up{color:#B3411F}.pz .tr.dn{color:#1D63B8}.pz .tr.fl{color:var(--navy)}.pz .mi{width:36px;height:36px;flex:none;border-radius:50%;background:var(--lc2);border:1.5px solid var(--lcl);display:grid;place-items:center;overflow:hidden}.pz .mi img{width:30px;height:30px;object-fit:contain;display:block}.pz .mi.x img{visibility:hidden}.pz .mi.old{opacity:.72}.pz .mi.more{font-size:13px;font-weight:800;color:var(--lcd);width:auto;min-width:36px;padding:0 6px;border-radius:999px}.pz .board .nores{padding:40px 22px;color:var(--lcd);text-align:center;font-size:15px}.pz .b-more{display:block;width:100%;height:56px;border:0;border-top:1px solid var(--lcl);background:var(--lc2);color:var(--lci);font-size:16px;font-weight:800}.pz .b-more:hover{background:#EAE6D8}.pz .b-more[hidden]{display:none}@container (max-width:899px){.pz .rh,.pz .z-row{grid-template-columns:56px minmax(0,1fr) 108px 88px 106px 112px}.pz .rh .dr,.pz .z-row .dr{display:none}}@container (max-width:699px){.pz .rh,.pz .z-row{grid-template-columns:56px minmax(0,1fr) 104px 86px 104px}.pz .rh .ct,.pz .z-row .ct{display:none}}.pz .board>.hd #sortSel{display:block;margin-left:12px;height:44px;min-width:0;max-width:60%;padding:0 34px 0 14px;border-radius:12px;border:1.5px solid rgba(255,255,255,.4);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;appearance:none;color:#fff;font-size:15px;font-weight:700}.pz .board>.hd #sortSel option{color:#1B2130;background:#fff}.pz .board>.hd{align-items:center;min-height:62px;padding-top:9px;padding-bottom:9px}@container (max-width:759px){.pz .board>.hd #sortSel{margin-left:auto}.pz .board>.hd .z-more{display:none}}@container (max-width:759px){.pz .sline{flex-wrap:wrap}.pz .sline .in{flex:1 1 100%}.pz .sline .btn{flex:1 1 0;min-width:0}.pz .fil-r{flex-wrap:wrap}.pz .fil{flex:1 1 100%}}@container (max-width:599px){.pz .ctl{padding:14px 16px 8px}.pz .board>.hd{padding:14px 16px}.pz .fil-r{flex-wrap:wrap}.pz .fil{flex:1 1 100%}.pz .sel-w{flex:1 1 100%}.pz .sel-w select{flex:1;min-width:0}.pz .rh{display:none}.pz .z-row{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"ic nm pr" "mt mt mt";gap:10px 12px;padding:14px 16px 14px;min-height:0;align-items:start}.pz .z-row .z-ic{grid-area:ic}.pz .z-row .nm{grid-area:nm}.pz .z-row .pr{grid-area:pr;align-self:start}.pz .z-row .mt{grid-area:mt;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}.pz .z-row .ct{display:flex;flex:1 1 110px}.pz .z-row .dr{display:flex;margin-left:auto}.pz .z-row .pr .s{font-size:22px}.pz .z-row .sp svg{width:84px;height:30px}.pz .b-more{height:56px}}.pz .z-detail{display:none;background:var(--lc);border:1px solid var(--lcl);border-radius:18px;color:var(--lci);padding:26px 28px 30px;
  --night:#FFFFFF;--panel:#FBFAF6;--panel2:#F1EEE4;--ink:#1B2130;--dim:#5B6472;--dim2:#667080;--line:#DEDACB;--line2:#C9D2DE;--meso:#EE9922;--buy:#0B6ED0}@media(min-width:1000px){.pz .z-detail.z-open{display:block;position:sticky;top:64px;max-height:calc(100vh - 80px);overflow:auto}}.pz .z-detail .pull{display:none}.pz .z-detail .hd{display:flex;align-items:flex-start;gap:18px}.pz .z-detail .hd .nm{flex:1 1 0;width:0;min-width:0}.pz .z-detail .z-ic.lg{width:84px;height:84px;border-radius:18px;background:var(--lc2);border:1px solid var(--lcl)}.pz .z-detail .z-ic.lg img{width:62px;height:62px}.pz .z-detail .hd h2{margin:0;font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere;color:var(--lci)}.pz .z-detail .hd small{display:block;margin-top:4px;font-size:15px;line-height:1.4;color:var(--lcd)}.pz .z-detail .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pz .tag{display:inline-block;padding:3px 12px;border-radius:999px;background:var(--lc2);border:0;color:var(--lcd);font-size:13px;line-height:1.5;font-weight:700}.pz .tag.low{background:#FFF1D6;color:#8A4B00}.pz .tag.live{background:#FFE6B8;color:#7A4100}.pz .z-detail .close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;border-radius:50%;border:1.5px solid #C9D2DE;background:#fff;color:var(--lcd);font-size:26px;line-height:1}.pz .z-detail .close:hover{border-color:var(--navy);color:var(--navy)}.pz .acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.pz .acts.two{grid-template-columns:repeat(2,minmax(0,1fr))}.pz .ab{display:flex;align-items:center;justify-content:center;min-height:52px;padding:6px 10px;border-radius:12px;border:1.5px solid #C9D2DE;background:#fff;color:var(--navy);font-size:16px;font-weight:800;line-height:1.25;text-align:center}.pz .ab:hover{border-color:var(--navy)}.pz .ab.pri{background:var(--navy);border-color:var(--navy);color:#fff}.pz .kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0 0;border-top:1px solid var(--lcl)}.pz .kv>div{min-width:0;padding:16px 0 14px;border-bottom:1px solid var(--lcl)}.pz .kv>div:nth-child(odd){padding-right:20px;border-right:1px solid var(--lcl)}.pz .kv>div:nth-child(even){padding-left:24px}.pz .kv dt{font-size:14px;font-weight:700;color:var(--lcd)}.pz .kv dd{margin:4px 0;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--lci);font-variant-numeric:tabular-nums;white-space:nowrap}.pz .kv small{display:block;font-size:13px;line-height:1.4;color:var(--lcd)}.pz .kv .s dd{color:#A35B00}.pz .kv .b dd{color:#0B5FB8}.pz .kv .up dd{color:#B3411F}.pz .kv .dn dd{color:#1D63B8}.pz .kv dd .dash{font-size:24px}.pz .bsn{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:10px;font-size:13px;line-height:1.45;color:var(--lcd)}.pz .bsn .bsb{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#EFE6D2;color:#5C4A33;font-weight:800}.pz .bsn .bst{font-weight:700}.pz .bsn .bst.dn{color:#1D63B8}.pz .bsn .bst.up{color:#B3411F}.pz .z-row .pr .bs{font-size:12px;line-height:1.3;font-weight:700;color:#6B7482;white-space:nowrap}.pz .lv{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:14px;color:var(--lcd)}.pz .lnk{display:flex;flex-wrap:wrap;gap:0 18px;margin-top:2px}.pz .lnk a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700;color:#0B5FB8;text-decoration:underline;text-underline-offset:3px}.pz .z-detail .rh2{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;margin:0 0 6px}.pz .z-detail .rh2 h3{margin:0;font-size:18px;font-weight:800;color:var(--lci)}.pz .z-detail .rh2 small{font-size:13px;color:var(--lcd)}.pz .z-detail .rec,.pz .z-detail .gr{margin-top:24px;padding-top:20px;border-top:1px solid var(--lcl)}.pz .rec .rl{display:flex;flex-direction:column}.pz .rr{padding:14px 0;border-top:1px solid var(--lcl)}.pz .rr:first-child{border-top:0}.pz .rr .r1{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}.pz .rr .rp{font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.02em}.pz .rr.s .rp{color:#A35B00}.pz .rr.b .rp{color:#0B5FB8}.pz .rr .sd{display:inline-flex;align-items:center;height:28px;padding:0 13px;border-radius:999px;font-size:14px;font-weight:800}.pz .rr .sd.s{background:var(--org);color:#2B1A00}.pz .rr .sd.b{background:var(--blue);color:#fff}.pz .rr .so{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--lcl);background:var(--lc2);color:var(--lcd)}.pz .rr .so.o-m{color:#8A4B00;background:#FFF1D6;border-color:#F0D79A}.pz .rr .so.o-d{color:#3A45B0;background:#E9ECFF;border-color:#C9CFF7}.pz .rr .so.o-k{color:#1F6B3F;background:#E0F3E6;border-color:#B7DEC4}.pz .rr .nk{display:inline-flex;align-items:center;max-width:150px;height:26px;padding:0 9px;border-radius:5px;background:var(--navy);color:#fff;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pz .rr .rt{margin-left:auto;font-size:14px;color:var(--lcd);white-space:nowrap}.pz .rr .rx{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--lci);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pz .rec .rnone{margin:4px 0 12px;font-size:15px;color:var(--lcd);line-height:1.5}.pz .rec .ab{margin-top:6px}.pz .z-detail .trd{margin-top:22px;display:flex;flex-direction:column;gap:10px}.pz .z-detail .trd .mbtns{margin-top:0}.pz .z-detail .trd .btn{height:48px;border-radius:12px;font-size:15px;font-weight:800}.pz .z-detail .btn.z-sec{background:#fff;border:1.5px solid #C9D2DE;color:var(--navy)}.pz .z-detail .btn.z-sec:hover{border-color:var(--navy)}.pz .z-detail .btn.z-pri{background:var(--navy);border:1.5px solid var(--navy);color:#fff}.pz .z-detail .mslot{margin-top:22px;padding-top:18px;border-top:1px solid var(--lcl)}.pz .z-detail .mslot:empty{display:none}.pz .z-detail .ft{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.pz .z-detail .ft:empty{display:none}.pz .z-detail .ft .fbm{display:none}.pz .z-detail .z-note{font-size:13px;color:var(--lcd);line-height:1.5}.pz .z-detail .legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--lcd);margin:8px 0 4px}.pz .z-detail .chart .ax{fill:#667080;font-size:12px}.pz .z-detail .chart .tip{background:var(--navy);border:0;color:#fff;font-size:13px}.pz .z-detail .chart .tip b{color:#C5D2E4}.pz .z-detail .chart .tip span{color:#C5D2E4}.pz .z-detail .chart .z-xh{stroke:rgba(35,57,86,.4)}.pz .z-detail .sw.z-sell{background:#EE9922}.pz .z-detail .sw.buy{background:#0B6ED0}.pz .z-detail .qrow .z-q{background:var(--lc2);border-color:var(--lcl)}.pz .z-detail .qrow .z-big{font-size:28px}.pz .z-detail .qrow .z-sell .z-big{color:#A35B00}.pz .z-detail .qrow .buy .z-big{color:#0B5FB8}.pz .z-detail .qrow .z-lb,.pz .z-detail .qrow .full{font-size:13px}.pz .ment .mh b{font-size:18px}.pz .ment .mh .mitem{font-size:13px}.pz .ment .tog{background:var(--lc2);border-color:var(--lcl)}.pz .ment .tog button{height:44px;font-size:16px;color:var(--lcd)}.pz .ment .tog button.z-on{background:var(--org);color:#2B1A00}.pz .ment .tog button[data-side=B].z-on{background:var(--blue);color:#fff}.pz .ment .fld label{font-size:13px}.pz .ment input[type=number]{background:#fff;color:var(--lci);border:1.5px solid #C9D2DE;font-size:18px}.pz .ment input[type=number]:focus{border-color:var(--navy)}.pz .ment .pb button{height:44px;background:#fff;color:var(--lci);font-size:14px;border:1.5px solid #C9D2DE}.pz .ment .pb button.z-on{background:var(--lc2);border-color:var(--navy)}.pz .ment .z-chips>button{background:#fff;color:var(--lci);border:1.5px solid #C9D2DE;min-height:44px}.pz .ment .z-chips>button.z-on{border-color:var(--navy);background:var(--lc2)}.pz .ment .z-chips .mch{background:#fff;border:1px solid #C9D2DE;color:var(--lci)}.pz .ment .out code{background:#fff;color:var(--lci);border:1.5px solid #C9D2DE;font-size:15px}.pz .ment textarea{background:#fff;color:var(--lci);border:1.5px solid #C9D2DE;font-size:16px}.pz .ment .ko{border-top-color:var(--lcl)}.pz .ment .ex button{height:36px;font-size:13px;background:#fff;color:var(--lci);border:1px solid #C9D2DE}.pz .ment .cp{color:#1F7A47;font-size:13px}.pz .ment .psl .madj{font-size:13px;color:var(--lcd)}.pz .mb{height:36px;font-size:13px;background:#fff;color:var(--lci);border:1px solid #C9D2DE}@media(max-width:999px){.pz .z-detail.z-open{display:block;position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + var(--hdr,58px));bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:46;border:0;border-radius:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 16px 120px}.pz .z-detail .pull{display:flex;align-items:center;position:sticky;top:0;z-index:3;margin:0 -16px;padding:0 16px;min-height:56px;background:var(--lc);border-bottom:1px solid var(--lcl)}.pz .z-detail .back{display:inline-flex;align-items:center;min-height:48px;padding-right:12px;font-size:16px;font-weight:800;color:var(--navy)}.pz .z-detail .hd{margin-top:18px;gap:14px}.pz .z-detail .hd .close{display:none}.pz .z-detail .z-ic.lg{width:72px;height:72px;border-radius:16px}.pz .z-detail .z-ic.lg img{width:54px;height:54px}.pz .z-detail .hd h2{font-size:28px}.pz .acts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.pz .acts .pri{grid-column:1/-1}.pz .kv dd{font-size:26px}.pz .kv>div:nth-child(odd){padding-right:12px}.pz .kv>div:nth-child(even){padding-left:16px}.pz .z-detail .ft .fbm{display:inline-flex;align-items:center;min-height:44px}}.pz a{color:inherit;text-decoration:none}.pz button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.pz input{font:inherit;color:inherit}.pz .z-ic img{display:block}.pz .btn:focus-visible,.pz .mb:focus-visible,.pz .fil button:focus-visible,.pz .ab:focus-visible,.pz .sc .sn:focus-visible,.pz .fl-i:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.pz .fl-i:focus-visible{outline-color:#fff;outline-offset:-3px}@media(max-width:999px){.pz{padding-bottom:140px}}.pz .z-detail .vt{margin-top:14px;padding:12px;background:var(--night);border:1px solid var(--line2);border-radius:12px}.pz .z-detail .vt-h{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:8px}.pz .z-detail .vt-w{overflow-x:auto}.pz .z-detail .vt table{width:100%;border-collapse:collapse;font-size:13px}.pz .z-detail .vt th{font-size:11px;font-weight:600;color:var(--dim2);text-align:left;padding:4px 6px;border-bottom:1px solid var(--line2)}.pz .z-detail .vt th.num,.pz .z-detail .vt td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pz .z-detail .vt td{padding:6px;border-bottom:1px solid var(--line);color:var(--ink);word-break:keep-all}.pz .z-detail .vt tr:last-child td{border-bottom:0}.pz .z-detail .vt tr.vt-base td{color:var(--dim)}.pz .z-detail .vt tr.vt-std td{font-weight:700}.pz .z-detail .vt small{display:block;font-size:10px;line-height:1.3;color:var(--dim2);font-weight:400;font-family:inherit;letter-spacing:0}.pz .z-detail .vt small.low{color:var(--meso)}.pz .z-detail .vt .dash{color:var(--dim2)}.pz .z-detail .vt.srcs{margin-top:8px}.pz .z-detail .vt.srcs td:first-child{white-space:nowrap}.pz .z-detail .vt tr.vt-sl td{border-bottom:0;padding-top:0;padding-bottom:4px;color:var(--dim)}.pz .z-detail .vt tr.vt-sl .sl{padding-left:12px;font-size:12px}.pz .z-detail .vt-tabs{display:flex;gap:6px;margin:0 0 8px;flex-wrap:wrap}.pz .z-detail .vt-tabs button{height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:var(--panel);color:var(--dim);font-size:12px}.pz .z-detail .vt-tabs button.z-on{background:var(--meso);color:#1a1405;border-color:var(--meso);font-weight:600}.pz .ment .psl{display:flex;align-items:center;gap:10px;margin-top:10px}.pz .ment .psl input[type=range]{flex:1;min-width:0;height:36px;accent-color:#F2B53A;cursor:pointer;touch-action:pan-y}.pz .ment .psl input[type=range]:disabled{opacity:.4;cursor:default}.pz .ment .psl .madj{min-width:72px;text-align:right;font-size:12px;color:var(--dim)}.pz .z-detail .ft .fbm{display:none}@media(max-width:820px){.pz .z-detail .ft .fbm{display:inline-flex;align-items:center}}@media(max-width:640px){.pz .sline .btn.z-pri:disabled{display:none}}.pz .alsheet .al h3{font-size:18px;margin:0 0 10px}.pz .alsheet .aitem{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.pz .alsheet .aitem b{font-size:15px;min-width:0;overflow-wrap:anywhere}.pz .alsheet .aitem .num{color:var(--dim);font-size:13px;margin-left:auto}.pz .alsheet .alp{color:var(--dim);margin:6px 0 12px;line-height:1.5}.pz .alsheet .alist{display:grid;gap:8px;margin-bottom:14px}.pz .alsheet .arow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2)}.pz .alsheet .arow.off{opacity:.55}.pz .alsheet .arow .at{flex:1;min-width:0}.pz .alsheet .arow .at b{display:block;font-size:14px;overflow-wrap:anywhere}.pz .alsheet .arow .at small{display:block;color:var(--dim);font-size:12px;margin-top:2px}.pz .alsheet .asw{position:relative;flex:0 0 auto;width:40px;height:24px;border-radius:12px;background:#3a4150;border:0}.pz .alsheet .asw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.pz .alsheet .asw[aria-checked=true]{background:#2f9e67}.pz .alsheet .asw[aria-checked=true]::after{transform:translateX(16px)}.pz .alsheet .adel{flex:0 0 auto;width:30px;height:30px;border-radius:8px;color:var(--dim);font-size:18px}.pz .alsheet .adel:hover{color:var(--ink)}.pz .alsheet .aseg,.pz .alsheet .akind{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.pz .alsheet .aseg button,.pz .alsheet .akind button{min-height:40px;padding:6px 8px;border-radius:10px;border:1px solid var(--line2);background:var(--panel2);color:var(--dim);font-size:13px;font-weight:600;word-break:keep-all;line-height:1.25}.pz .alsheet .aseg button[aria-pressed=true],.pz .alsheet .akind button[aria-pressed=true]{border-color:var(--meso);color:var(--ink);background:rgba(242,181,58,.1)}@media(min-width:1000px){.pz .alsheet .msbox{bottom:84px;max-height:calc(100vh - 170px)}}@media(max-width:999px){.pz .alsheet .msbody{padding-bottom:96px}}.pz .alsheet .alb{display:block;font-size:12px;color:var(--dim);margin:10px 0 5px}.pz .alsheet .ain{position:relative}.pz .alsheet .ain input{width:100%;height:44px;border-radius:10px;background:var(--night);border:1px solid var(--line2);padding:0 34px 0 12px;font-size:17px;outline:none;color:var(--ink);box-sizing:border-box}.pz .alsheet .ain input:focus{border-color:var(--meso)}.pz .alsheet .aun{position:absolute;right:12px;top:0;line-height:44px;color:var(--dim2);pointer-events:none}.pz .alsheet .ahint{min-height:18px;font-size:12px;color:var(--dim);margin-top:5px}.pz .alsheet .ahint.bad,.pz .alsheet .amsg.bad{color:#ff8f8f}.pz .alsheet .acur{font-size:13px;color:var(--dim);margin:4px 0 10px}.pz .alsheet .arun{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pz .alsheet .amsg{font-size:13px;color:var(--dim)}.pz .alsheet .amsg.good{color:#6CC28A}.pz .alsheet .z-note a{color:var(--meso)}@media(max-width:640px){.pz body:has(#pz) .q-up{display:none!important}}.pz .z-detail .vt{margin-top:24px;padding:20px 0 0;background:none;border:0;border-top:1px solid var(--lcl);border-radius:0}.pz .z-detail .vt.srcs{margin-top:20px}.pz .z-detail .vt-h{font-size:18px;font-weight:800;color:var(--lci);margin-bottom:8px}.pz .z-detail .vt table{font-size:15px}.pz .z-detail .vt th{font-size:13px;font-weight:700;color:var(--lcd);padding:6px 8px;border-bottom:1px solid var(--lcl)}.pz .z-detail .vt td{padding:10px 8px;border-bottom:1px solid var(--lcl);color:var(--lci)}.pz .z-detail .vt td:first-child{font-weight:700}.pz .z-detail .vt td b{font-weight:800;font-size:16px}.pz .z-detail .vt small{font-size:13px;color:var(--lcd)}.pz .z-detail .vt small.low{color:#A35B00}.pz .z-detail .vt tr.vt-sl .sl{font-size:13px;color:var(--lcd)}.pz .z-detail .vt-tabs{gap:8px;margin-bottom:10px}.pz .z-detail .vt-tabs button{min-height:44px;padding:0 16px;border-radius:12px;border:1.5px solid #C9D2DE;background:#fff;color:var(--lci);font-size:14px;font-weight:700}.pz .z-detail .vt-tabs button.z-on{background:var(--navy);border-color:var(--navy);color:#fff}.pz .z-detail .rg .rl{font-size:13px}@media(max-width:640px){.pz .z-bar{padding:2px 0 12px;gap:8px 12px;flex-wrap:wrap;justify-content:flex-start}.pz .z-bar h1{font-size:28px;white-space:nowrap}.pz .z-bar .upd{margin-left:0;padding:7px 14px;gap:8px;font-size:13px;white-space:nowrap}.pz .z-bar .upd small{display:none}.pz .flow{min-height:48px}.pz .fl-i{min-height:48px;padding:0 16px}.pz .flow .fl-lb{padding:0 14px;font-size:14px}.pz .fl-i .fo{display:none}.pz .sum{margin-top:10px}.pz .sc{padding:12px 14px 12px;gap:1px}.pz .sc .sh{font-size:13px}.pz .sc .sv{font-size:26px}.pz .sc small.s2{display:none}.pz .sc .sn{min-height:28px;font-size:15px;align-items:flex-start}.pz .sc .sn .z-ic{display:none}.pz .sc .sn span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25}.pz .sc.c-big .sv,.pz .sc.c-up .sv{margin-top:0}.pz .z-grid{margin-top:12px}.pz .z-detail .ft .fbm{display:inline-flex}}@container (max-width:599px){.pz .board>.hd{display:flex;flex-wrap:nowrap;align-items:center;padding:12px 16px;min-height:56px}.pz .board>.hd b{font-size:18px;white-space:nowrap}.pz .board>.hd small{display:none}.pz .board>.hd .z-more{font-size:13px}.pz .ctl{gap:10px;padding:12px 16px 6px}.pz .sline{flex-wrap:nowrap;gap:8px}.pz .sline .in{flex:1 1 0;height:48px;padding:0 12px}.pz .sline .btn{flex:0 0 48px;width:48px;height:48px;padding:0;min-width:48px}.pz .sline .btn.z-pri{display:none}.pz .fil-r{flex-wrap:wrap;gap:8px}.pz .fil{flex:1 1 100%;padding:2px 0 4px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}.pz .fil::after{content:"";flex:none;width:30px}.pz .sel-w{flex:1 1 100%}.pz .sel-w select{width:100%;min-width:0}.pz .board>.hd{justify-content:space-between}}.pz .ocr,.pz .msheet{--night:#FFFFFF;--panel:#FBFAF6;--panel2:#F1EEE4;--ink:#1B2130;--dim:#5B6472;--dim2:#667080;--line:#DEDACB;--line2:#C9D2DE;--meso:#EE9922;--buy:#0B6ED0}.pz .ocr{background:var(--lc);border:1px solid var(--lcl);border-radius:14px;color:var(--lci)}.pz .ocr-h b{font-size:17px;font-weight:800;color:var(--lci)}.pz .ocr-x{min-height:44px;min-width:44px;padding:0 14px;border-radius:12px;border:1.5px solid #C9D2DE;background:#fff;color:var(--navy);font-size:14px;font-weight:700}.pz .ocr-drop{background:#fff;border-color:#C9D2DE;color:var(--lci)}.pz .ocr-drop:hover,.pz .ocr-drop.z-over,.pz .ocr-drop:focus-visible{border-color:var(--navy);background:var(--lc2)}.pz .ocr-dt{font-size:16px;font-weight:700}.pz .ocr-ds{font-size:13px;color:var(--lcd)}.pz .ocr-msg{font-size:14px;color:var(--lcd)}.pz .ocr-msg.err{color:#B3411F}.pz .ocr-pick{min-height:44px}.pz .msheet .msbg{background:rgba(11,13,18,.62)}.pz .msheet .msbox{background:var(--lc);border-color:var(--lcl);color:var(--lci);box-shadow:0 -12px 36px rgba(0,0,0,.45)}.pz .msheet .msh .h{background:#C9D2DE}.pz .msheet .msx{min-height:44px;min-width:44px;color:var(--lcd);font-size:14px;font-weight:700}.pz .alsheet .al h3{font-size:20px;font-weight:800;color:var(--lci)}.pz .alsheet .aitem b{font-size:16px;color:var(--lci)}.pz .alsheet .aitem .num{font-size:14px;color:var(--lcd)}.pz .alsheet .alp,.pz .alsheet .ahint,.pz .alsheet .acur,.pz .alsheet .amsg{font-size:14px;color:var(--lcd)}.pz .alsheet .alb{font-size:14px;color:var(--lcd)}.pz .alsheet .arow{background:#fff;border-color:var(--lcl)}.pz .alsheet .arow .at b{font-size:15px;color:var(--lci)}.pz .alsheet .arow .at small{font-size:13px;color:var(--lcd)}.pz .alsheet .aseg button,.pz .alsheet .akind button{min-height:44px;background:#fff;color:var(--lci);border:1.5px solid #C9D2DE;font-size:14px}.pz .alsheet .aseg button[aria-pressed=true],.pz .alsheet .akind button[aria-pressed=true]{border-color:var(--navy);background:var(--lc2)}.pz .alsheet .ain input{background:#fff;color:var(--lci);border:1.5px solid #C9D2DE;font-size:18px}.pz .alsheet .ahint.bad,.pz .alsheet .amsg.bad{color:#B3411F}.pz .alsheet .amsg.good{color:#1F7A47}.pz .alsheet .adel{min-width:44px;min-height:44px;font-size:22px;color:var(--lcd)}.pz .alsheet .asw{min-height:44px}.pz .alsheet .z-note{font-size:13px;color:var(--lcd)}.pz .alsheet .z-note a{color:#0B5FB8;text-decoration:underline}.pz .alsheet .btn.z-pri,.pz .msheet .btn.z-pri{background:var(--navy);color:#fff;border:0}.pz .z-ic.ph i{display:none;font-style:normal}.pz .z-row .z-ic.ph i,.pz .z-detail .z-ic.ph i{display:block;padding:0 3px;font-size:13px;font-weight:800;line-height:1.15;text-align:center;color:var(--lcd);word-break:keep-all}.pz .an{margin-top:14px;background:var(--lc);border:1px solid var(--lcl);border-radius:18px;overflow:hidden;color:var(--lci)}.pz .an[hidden]{display:none}.pz .an-hd{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:16px 22px;background:var(--navy);color:#fff}.pz .an-t{flex:1 1 260px;min-width:0}.pz .an-t h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.25}.pz .an-t p{margin:2px 0 0;font-size:14px;line-height:1.4;color:#C5D2E4}.pz .an-tg{display:flex;gap:6px;padding:4px;border-radius:14px;background:rgba(255,255,255,.14)}.pz .an-tg button{flex:1 1 0;min-width:112px;min-height:48px;padding:0 18px;border-radius:11px;font-size:16px;font-weight:800;color:#fff;background:transparent;white-space:nowrap}.pz .an-tg button.z-on{background:#fff;color:var(--navy)}.pz .an-tg button:focus-visible{outline:3px solid #FFC76B;outline-offset:1px}.pz .an-mv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pz .an-col{min-width:0}.pz .an-col+.an-col{border-left:1px solid #D3CDB9}.pz .an-col h3,.pz .an-sec h3{margin:0;padding:16px 22px 4px;font-size:19px;font-weight:800;letter-spacing:-.01em}.pz .an-col h3{padding-bottom:12px}.pz .an-col.up h3{color:#B3411F}.pz .an-col.dn h3{color:#1D63B8}.pz .an-s{margin:0;padding:0 22px 12px;font-size:13px;line-height:1.5;color:var(--lcd)}.pz .an-rule{margin:0;padding:12px 22px;border-top:2px solid #D3CDB9;background:var(--lc2);font-size:13px;line-height:1.55;color:var(--lcd)}.pz .an-sec{min-width:0;border-top:2px solid #D3CDB9}.pz .an-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pz .an-two>.an-sec+.an-sec{border-left:1px solid #D3CDB9}.pz .an-list{display:block}.pz .an-r{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:68px;padding:10px 22px;text-align:left;font:inherit;color:var(--lci);background:var(--lc);border:0;border-top:2px solid #D3CDB9;cursor:pointer}.pz .an-r:nth-child(even){background:#F4F1E6}.pz .an-r:hover{background:#FFF3D6}.pz .an-r:focus-visible{outline:3px solid var(--navy);outline-offset:-3px}.pz .an-r.anc{grid-template-columns:minmax(0,1fr) auto}.pz .an-r .z-ic.ai{width:52px;height:52px;border-radius:13px;background:#fff;border:1px solid var(--lcl)}.pz .an-r .z-ic.ai img{width:40px;height:40px}.pz .an-nm{min-width:0;display:flex;flex-direction:column;gap:3px}.pz .an-nm b{font-size:16px;font-weight:800;line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pz .an-r.anc .an-nm b{font-size:18px}.pz .an-nm small{font-size:15px;font-weight:700;line-height:1.35;color:var(--lcd)}.pz .an-r.anc .an-nm small{font-size:13px;font-weight:600}.pz .an-rt{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.pz .an-rt .tr{width:64px;height:24px}.pz .pill.big{height:34px;min-width:76px;padding:0 12px;font-size:16px}.pz .pill.hot{background:#FFE6B8;color:#7A4100}.pz .an-more{display:block;width:100%;min-height:52px;border:0;border-top:2px solid #D3CDB9;background:var(--lc2);color:var(--navy);font-size:16px;font-weight:800}.pz .an-more:hover{background:#EAE6D8}.pz .an-more:focus-visible{outline:3px solid var(--navy);outline-offset:-3px}.pz .an-none{margin:0;padding:18px 22px 20px;border-top:2px solid #D3CDB9;font-size:15px;line-height:1.5;color:var(--lcd)}.pz #zgrid{scroll-margin-top:72px}@media(max-width:1000px){.pz .an-two{grid-template-columns:minmax(0,1fr)}.pz .an-two>.an-sec+.an-sec{border-left:0}}@media(max-width:700px){.pz .an-hd{padding:14px 16px;gap:10px}.pz .an-t{flex:1 1 100%}.pz .an-t h2{font-size:22px}.pz .an-tg{width:100%}.pz .an-tg button{min-width:0;min-height:50px;padding:0 8px}.pz .an-mv{grid-template-columns:minmax(0,1fr)}.pz .an-col+.an-col{border-left:0;border-top:6px solid var(--lcl)}.pz .an-col h3,.pz .an-sec h3{padding:16px 16px 4px}.pz .an-col h3{padding-bottom:12px}.pz .an-s{padding:0 16px 12px}.pz .an-rule{padding:12px 16px}.pz .an-r{padding:10px 16px;gap:10px}.pz .an-none{padding:16px}.pz .an-sec{border-top:6px solid var(--lcl)}}.pz .pz-act{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 16px}.pz .pz-act .btn{flex:1 1 240px;min-height:48px;font-size:16px;font-weight:800;justify-content:center}.pz .z-photo{flex:0 0 auto;gap:7px;height:44px;border-radius:12px;padding:0 14px}.pz .z-photo svg{flex:0 0 auto}.pz .z-photo[aria-expanded=true]{border-color:var(--meso);color:var(--meso)}@media(max-width:480px){.pz .z-photo{padding:0 12px}.pz .z-photo span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}.pz .ocr{margin-top:10px;background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:14px}.pz .ocr[hidden]{display:none}.pz .ocr-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.pz .ocr-h b{font-size:15px;font-weight:700}.pz .ocr-x{height:32px;padding:0 10px;border-radius:9px;border:1px solid var(--line2);color:var(--dim);font-size:13px}.pz .ocr-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border:2px dashed var(--line2);border-radius:12px;padding:22px 14px;background:var(--night);cursor:pointer;transition:border-color .15s,background .15s}.pz .ocr-drop:hover,.pz .ocr-drop.z-over,.pz .ocr-drop:focus-visible{border-color:var(--meso);background:rgba(242,181,58,.05);outline:none}.pz .ocr-dt{font-size:15px;font-weight:600;line-height:1.5;word-break:keep-all}.pz .ocr-ds{font-size:12px;color:var(--dim);line-height:1.6;display:flex;flex-direction:column;gap:2px}.pz .ocr-pick{height:38px;pointer-events:none}.pz .ocr-msg{margin-top:10px;font-size:13px;color:var(--dim);line-height:1.6}.pz .ocr-msg.err{color:#ff9b8f}.pz .ocr-res{margin-top:12px;scroll-margin-top:72px}.pz .ocr-res:empty{display:none}.pz .ocr-card{display:block}.pz .ocr-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:10px;scrollbar-width:none}.pz .ocr-tabs button{flex:0 0 auto;height:30px;padding:0 12px;border-radius:12px;border:1px solid var(--line2);background:var(--night);color:var(--dim);font-size:13px}.pz .ocr-tabs button.z-on{background:var(--meso);color:#1a1405;border-color:var(--meso);font-weight:600}.pz .ocr-top{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:14px;align-items:start}@media(max-width:640px){.pz .ocr-top{grid-template-columns:minmax(0,1fr)}}.pz .ocr-thumb{display:block;max-width:100%;height:auto;border-radius:10px;border:1px solid var(--line2);background:#000}.pz .ocr-name{display:flex;align-items:center;gap:12px}.pz .ocr-name h3{font-size:18px;font-weight:700;line-height:1.3}.pz .ocr-name small{display:block;color:var(--dim);font-size:12px;margin-top:2px}.pz .ocr-conf{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px;font-size:13px;color:var(--dim)}.pz .ocr-chip{height:30px;padding:0 12px;border-radius:12px;border:1px solid var(--line2);background:var(--night);color:var(--ink);font-size:13px}.pz .ocr-chip:hover{border-color:var(--meso)}.pz .ocr-find{position:relative;margin-top:12px}.pz .ocr-fl{display:block;font-size:12px;color:var(--dim);margin-bottom:5px}.pz .ocr-fi{width:100%;height:40px;border-radius:10px;background:var(--night);border:1px solid var(--line2);padding:0 12px;font-size:14px;outline:none}.pz .ocr-fi:focus{border-color:var(--meso)}.pz .ocr-sug{position:absolute;left:0;right:0;top:100%;z-index:5;margin-top:4px;background:#0C0F15;border:1px solid var(--line2);border-radius:10px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.5)}.pz .ocr-sug[hidden]{display:none}.pz .ocr-sug button{display:block;width:100%;text-align:left;padding:9px 12px;font-size:14px;border-bottom:1px solid var(--line);color:var(--ink)}.pz .ocr-sug button:hover{background:#181C25}.pz .ocr-sug small{color:var(--dim2);font-size:11px;margin-left:4px}.pz .ocr-sug .z-note{padding:9px 12px;font-size:12px;color:var(--dim2)}.pz .ocr-warn{margin-top:10px;padding:8px 10px;border-radius:9px;background:rgba(242,181,58,.08);border:1px solid rgba(242,181,58,.3);color:#ffe2a6;font-size:12.5px;line-height:1.5}.pz .ocr-st{margin-top:14px;padding:12px;background:var(--night);border:1px solid var(--line2);border-radius:12px}.pz .ocr-sh{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.pz .ocr-sh b{font-size:13px}.pz .ocr-sh small{font-size:11.5px;color:var(--dim2);line-height:1.5}.pz .ocr-r{display:grid;grid-template-columns:minmax(0,1fr) 64px 84px 54px;gap:8px;align-items:center;padding:4px 0;border-bottom:1px solid var(--line)}.pz .ocr-r:last-of-type{border-bottom:0}.pz .ocr-rh{font-size:11px;color:var(--dim2);border-bottom:1px solid var(--line2)}.pz .ocr-r .l{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pz .ocr-r .b,.pz .ocr-r .d{text-align:right;font-size:13px;color:var(--dim)}.pz .ocr-r .d{font-weight:700}.pz .ocr-r .v{text-align:right}.pz .ocr-r input{width:100%;height:36px;border-radius:9px;background:var(--panel);border:1px solid var(--line2);padding:0 8px;font-size:15px;text-align:right;outline:none;-moz-appearance:textfield}.pz .ocr-r input::-webkit-inner-spin-button{-webkit-appearance:none}.pz .ocr-r input:focus{border-color:var(--meso)}.pz .ocr-r.z-warn input{border-color:var(--meso);background:rgba(242,181,58,.1)}.pz .ocr-rem .l{color:var(--ink)}.pz .ocr-add{margin-top:8px;height:34px;border-radius:9px;background:var(--panel);border:1px solid var(--line2);color:var(--dim);font-size:13px;padding:0 8px}.pz .ocr-pr{margin-top:6px}.pz .ocr .vt{margin-top:12px;padding:12px;background:var(--night);border:1px solid var(--line2);border-radius:12px}.pz .ocr .vt-h{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:8px}.pz .ocr .vt-w{overflow-x:auto}.pz .ocr .vt table{width:100%;border-collapse:collapse;font-size:13px}.pz .ocr .vt th{font-size:11px;font-weight:600;color:var(--dim2);text-align:left;padding:4px 6px;border-bottom:1px solid var(--line2)}.pz .ocr .vt th.num,.pz .ocr .vt td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pz .ocr .vt td{padding:6px;border-bottom:1px solid var(--line);color:var(--ink);word-break:keep-all}.pz .ocr .vt tr:last-child td{border-bottom:0}.pz .ocr-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.pz .ocr-two>div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:0}.pz .ocr-two .z-lb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dim);margin-bottom:2px}.pz .ocr-two b{font-size:20px;color:var(--ink)}.pz .ocr-two small{display:block;font-size:11px;color:var(--dim2);margin-top:2px}.pz .ocr .z-note{font-size:12.5px;color:var(--dim2);line-height:1.6;margin:0}.pz .ocr-line{margin-top:12px;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.04);font-size:12.5px;color:var(--dim);line-height:1.6}.pz .ocr-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pz .ocr-acts .btn{flex:1 1 150px;height:42px;padding:0 10px;font-size:14px}.pz .z-hint{margin-top:10px;padding:9px 12px;border-radius:10px;font-size:13px;line-height:1.55;background:rgba(255,255,255,.05);color:var(--dim)}.pz .z-hint small{display:block;color:var(--dim2);font-size:11.5px;margin-top:2px}.pz .z-hint.z-good{background:rgba(47,158,103,.12);color:#9FF0BD}.pz .z-hint.z-warn{background:rgba(242,181,58,.1);color:#ffe2a6}.pz .z-hint[hidden]{display:none}.pz .z-detail .z-sumline{margin-top:10px;font-size:12.5px;color:var(--dim);line-height:1.6}.pz .mbtns.z-mk{margin-top:8px}.pz .mbtns.z-mk .btn{height:38px}.pz .ocr-sum{margin-top:8px;font-size:13px;line-height:1.6;color:var(--ink);word-break:keep-all}.pz .ocr-list{margin-bottom:12px}.pz .ocr-lh{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}.pz .ocr-lh>b{font-size:15px;font-weight:700;margin-right:auto;white-space:nowrap}.pz .ocr-bside{display:flex;align-items:center;gap:6px}.pz .ocr-bside button{height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--line);color:var(--ink);font-size:13px;white-space:nowrap}.pz .ocr-bside button.z-on{background:var(--meso,#F2B53A);border-color:var(--meso,#F2B53A);color:var(--night);font-weight:700}.pz .ocr-bside button[data-bside=buy].z-on{background:#7FB2F0;border-color:#7FB2F0}.pz .ocr-clear{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);color:var(--dim);font-size:12.5px;white-space:nowrap}.pz .ocr-lr,.pz .ocr-lcol{display:grid;grid-template-columns:24px 34px minmax(0,1fr) 96px 46px 32px;gap:6px;align-items:center}.pz .ocr-lcol{margin-top:10px;padding:0 4px;font-size:11px;color:var(--dim2);line-height:1.2}.pz .ocr-lcol .lp,.pz .ocr-lcol .lq{text-align:center}.pz .ocr-slist{display:flex;flex-direction:column;margin-top:4px}.pz .ocr-lr{padding:7px 4px;border-top:1px solid var(--line);cursor:pointer;border-radius:10px}.pz .ocr-lr:first-child{border-top:0}.pz .ocr-lr.z-on{background:rgba(255,255,255,.05)}.pz .ocr-lr.z-ok{opacity:.65}.pz .ocr-lr.z-err{background:rgba(255,90,90,.08)}.pz .ocr-lr .z-ic{width:34px;height:34px;border-radius:7px}.pz .ocr-lr .z-ic img{width:28px;height:28px}.pz .ocr-ck{display:grid;place-items:center;width:24px;height:40px;cursor:pointer}.pz .ocr-ck input{width:18px;height:18px;margin:0;accent-color:var(--meso,#F2B53A);cursor:pointer}.pz .ocr-ck input:disabled{cursor:default;opacity:.4}.pz .ocr-srow{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-width:0;text-align:left;padding:2px 0;border:0;background:none;color:var(--ink);cursor:pointer;min-height:40px}.pz .ocr-srow b,.pz .ocr-srow small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pz .ocr-srow b{font-size:14.5px;font-weight:700}.pz .ocr-srow small{font-size:12px;color:var(--dim)}.pz .ocr-srow small.ok{color:#9BE38A}.pz .ocr-srow small.bad{color:#FF8A8A}.pz .ocr-lr .lp{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:0}.pz .ocr-lr .lp input,.pz .ocr-lr .lq{width:100%;height:34px;border-radius:8px;border:1px solid var(--line2);background:var(--night);color:var(--ink);padding:0 7px;font-size:14px;text-align:right;outline:none;-moz-appearance:textfield;min-width:0}.pz .ocr-lr .lq{text-align:center;padding:0 4px}.pz .ocr-lr .lq::-webkit-inner-spin-button{-webkit-appearance:none}.pz .ocr-lr input:focus{border-color:var(--meso)}.pz .ocr-lr input:disabled{opacity:.5}.pz .ocr-lr .lp small{display:block;min-height:14px;text-align:right;font-size:11px;line-height:14px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pz .ocr-sdel{flex:none;width:32px;height:34px;border:0;border-radius:50%;background:none;color:var(--dim);font-size:18px;line-height:1;cursor:pointer}.pz .ocr-sdel:hover,.pz .ocr-sdel:focus-visible{background:rgba(255,255,255,.08);color:var(--ink)}.pz .ocr-bgo{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pz .ocr-bgo .btn{height:44px;padding:0 14px;font-size:14px;word-break:keep-all}.pz .ocr-bgo .z-pri{flex:2 1 260px}.pz .ocr-bgo .z-sec{flex:1 1 200px}.pz .ocr-bgo .btn:disabled{opacity:.45;cursor:default}.pz .ocr-bmsg{margin-top:8px;font-size:13px;color:var(--dim);line-height:1.5;word-break:keep-all}.pz .ocr-bmsg:empty{display:none}.pz .ocr-bmsg.ok{color:#9BE38A}.pz .ocr-bmsg.err{color:#FF8A8A}.pz .ocr-mo{margin-top:8px;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.05)}.pz .ocr-mo[hidden]{display:none}.pz .ocr-mo code{display:block;font-size:13px;line-height:1.5;color:var(--ink);word-break:break-word;white-space:normal;user-select:all}.pz .ocr-mo small{display:block;margin-top:5px;font-size:12px;color:var(--dim);line-height:1.5;word-break:keep-all}.pz .ocr-snip{color:var(--maple);font-weight:600;font-size:13px}@media(max-width:480px){.pz .ocr{padding:10px}.pz .ocr-lr,.pz .ocr-lcol{grid-template-columns:22px 32px minmax(0,1fr) 84px 42px 28px;gap:5px}.pz .ocr-lr .z-ic{width:32px;height:32px}.pz .ocr-ck{width:22px}.pz .ocr-sdel{width:28px}.pz .ocr-srow b{font-size:14px}}.pz .ocr-gp{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:12px}.pz .ocr-gp>b{flex:1 1 100%;font-size:14px}.pz .ocr-gpb{flex:1 1 130px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2,var(--panel2));color:var(--ink);cursor:pointer;text-align:left}.pz .ocr-gpb small{font-size:12px;color:var(--dim)}.pz .ocr-gpb .num{font-size:18px;font-weight:800;color:var(--meso);font-variant-numeric:tabular-nums}.pz .ocr-gpb.z-ok{border-color:var(--meso)}.pz .ocr-gp p{flex:1 1 100%;margin:0;font-size:12.5px;color:var(--dim);word-break:keep-all}.pz .ocr-shint{margin:8px 2px 0;font-size:12.5px;color:var(--dim);line-height:1.5;word-break:keep-all}.pz{
  --sp-srow:#CDD9E3; --sp-sline:#F5F6F7; --sp-ssold:#F2F5F8; --sp-srowedge:#B0BFCE;
  --sp-wpanel:#E0DED3; --sp-wtext:#F3F3F3; --sp-wedge:#6E8098; --sp-wframe:#8E8E8C; --sp-wstrip:#9FB1CB;
  --sp-navy:#233956; --sp-mesoedge:#385B78;
  --sp-blue:#0B6ED0; --sp-blue2:#084E94; --sp-orange:#EE9922; --sp-orange2:#B86A10; --sp-green:#B4CA1F; --sp-green2:#7E9212;
  --sp-coin:#F2B53A; --sp-coin2:#B5771C; --sp-link:#1C5FB8; --sp-red:#D2243C;
  --sp-ink:#222222; --sp-ink2:#444444; --sp-mute:#555555; --sp-sold:#8A9099;
  --sp-dc:#5865F2;
  --sp-gf:Arial,'Apple SD Gothic Neo','Noto Sans KR','Helvetica Neue',sans-serif;
}.pz .z-shop{flex:0 0 auto;gap:7px;height:44px;border-radius:12px;padding:0 14px}.pz .z-shop[aria-expanded=true]{border-color:var(--meso);color:var(--meso)}@media(max-width:480px){.pz .z-shop{padding:0 12px}.pz .z-shop span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}.pz .sp{margin-top:10px;word-break:keep-all}.pz .sp[hidden]{display:none}.pz .sp-lead{font-size:13px;color:var(--dim);line-height:1.6;margin:0 0 12px}.pz .sp-cols{display:block}@media(min-width:1000px){.pz .sp-cols{display:grid;grid-template-columns:minmax(0,580px) minmax(0,1fr);gap:20px;align-items:start}.pz .sp-cols>.sp-win{margin-top:0}}.pz .sp-cols>.sp-win+.sp-win{margin-top:14px}@media(min-width:1000px){.pz .sp-cols>.sp-win+.sp-win{margin-top:0}}@media(max-width:999px){.pz .sp[data-step=list] .sp-w3,.pz .sp[data-step=start] .sp-w3{display:none}.pz .sp[data-step=post] .sp-w2{display:none}}@media(min-width:1000px){.pz .sp-only-m{display:none!important}}@media(max-width:999px){.pz .sp-only-d{display:none!important}}.pz .sp-win{background:var(--sp-wpanel);border:1px solid var(--sp-wedge);border-radius:4px;box-shadow:inset 0 0 0 1px #F5F6F7,0 10px 28px rgba(0,0,0,.45);color:var(--sp-ink);font-family:var(--sp-gf);overflow:clip}.pz .sp-wt{height:34px;display:flex;align-items:center;padding:0 6px 0 12px;font-size:14px;font-weight:800;color:var(--sp-navy);border-bottom:1px solid #C9C7BE}.pz .sp-wt .sp-x{margin-left:auto;width:22px;height:22px;border:1px solid var(--sp-wframe);border-radius:3px;background:#F3F3F3;display:grid;place-items:center;font-size:15px;line-height:1;color:#444;box-shadow:0 1px 0 var(--sp-wframe)}.pz .sp-wb{padding:8px}.pz .sp-wb+.sp-wb{padding-top:0}.pz .sp-sh{display:flex;align-items:center;gap:8px;height:40px;padding:0 2px}.pz .sp-sh a.sp-r{margin-left:auto;font-size:12px;color:var(--sp-ink2)}.pz .sp-tag{height:26px;min-width:120px;padding:0 12px;background:var(--sp-navy);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;border-radius:3px 3px 0 0;border:1px solid #16203A;border-bottom:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.18);white-space:nowrap}.pz .sp-sh .sp-loc{font-size:13px;color:var(--sp-ink2);white-space:nowrap}.pz .sp-mbox{display:none;margin-left:auto;height:24px;min-width:120px;background:#fff;border:1px solid var(--sp-mesoedge);display:flex;align-items:center;gap:6px;padding:0 8px 0 6px;font-size:13px;font-variant-numeric:tabular-nums;justify-content:flex-end;color:#000}.pz .sp-coin{display:inline-block;width:13px;height:13px;border-radius:50%;background:var(--sp-coin);border:1.5px solid var(--sp-coin2);box-shadow:inset 0 0 0 1.5px #FFE39A;flex:none}.pz .sp-mbox .sp-coin{margin-right:auto}.pz .sp-sub{font-size:12px;color:var(--sp-mute);padding:0 2px 6px}.pz .sp-setup{display:grid;grid-template-columns:1fr 84px 84px;gap:8px;padding:2px 2px 8px}.pz .sp-fld{position:relative;height:40px;background:#fff;border:1px solid var(--sp-wedge);border-radius:3px;display:flex;align-items:center;padding:0 10px;font-size:14px;color:#000;box-shadow:inset 0 1px 2px rgba(0,0,0,.12)}.pz .sp-fld.sp-ph{color:#7A7A7A}.pz .sp-fld.sp-navy{background:var(--sp-navy);border-color:#16203A;color:#fff;font-weight:800}.pz .sp-fld.sp-navy span{background:#fff;color:#000;font-weight:400;height:26px;flex:1;margin-left:8px;display:flex;align-items:center;padding:0 8px;border-radius:2px}.pz .sp-fld.sp-navy span.sp-ph{color:#7A7A7A}.pz .sp-lbl{font-size:12px;color:var(--sp-mute);display:block;margin-bottom:3px}.pz .sp-setup .sp-sm{font-size:12px;color:var(--sp-mute);align-self:end;line-height:1.4;padding-bottom:4px}.pz .sp-list{background:var(--sp-sline);border:1px solid var(--sp-srowedge);padding:2px}.pz .sp-row{display:flex;align-items:center;gap:10px;min-height:56px;padding:4px 8px 4px 6px;background:var(--sp-srow);border-bottom:2px solid var(--sp-sline);position:relative}.pz .sp-row:last-child{border-bottom:0}.pz .sp-ic{position:relative;width:44px;height:44px;background:#E1DFD5;border:1px solid var(--sp-srowedge);display:grid;place-items:center;flex:none}.pz .sp-ic img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated}.pz .sp-ic b{position:absolute;left:1px;bottom:0;font-size:11px;font-weight:800;color:#fff;line-height:1;letter-spacing:.02em;text-shadow:-1px 0 0 #000,1px 0 0 #000,0 -1px 0 #000,0 1px 0 #000,-1px -1px 0 #000,1px 1px 0 #000}.pz .sp-tx{flex:1;min-width:0;line-height:1.3}.pz .sp-tx b{display:block;font-size:14px;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pz .sp-tx .sp-pr{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--sp-ink2);font-variant-numeric:tabular-nums;margin-top:2px}.pz .sp-tx .sp-pr .sp-coin{width:11px;height:11px}.pz .sp-tx .sp-memo{font-size:12px;color:var(--sp-navy);margin-top:1px}.pz .sp-qty{text-align:right;line-height:1.25;flex:none;font-variant-numeric:tabular-nums}.pz .sp-qty b{display:block;font-size:14px;font-weight:700;color:#000}.pz .sp-qty small{display:block;font-size:11px;color:var(--sp-mute);white-space:nowrap}.pz .sp-hot{display:inline-flex;align-items:center;height:18px;padding:0 6px;background:var(--sp-orange);color:#2B1A00;font-size:11px;font-weight:800;border:1px solid var(--sp-orange2);border-radius:2px;margin-left:6px;vertical-align:1px}.pz .sp-row.sp-empty{min-height:56px}.pz .sp-row.sp-empty .sp-ic{background:#E8E6DE;border-color:#C8D2DC}.pz .sp-row.sp-empty .sp-tx{font-size:13px;color:var(--sp-ink2)}.pz .sp-row.sp-empty .sp-tx b{font-size:14px;color:#000;white-space:normal}.pz .sp-row.sp-empty .sp-tx em{font-weight:700;color:#000}.pz .sp-row.sp-sold{background:var(--sp-ssold)}.pz .sp-row.sp-sold .sp-ic{opacity:.45}.pz .sp-row.sp-sold .sp-tx b,.pz .sp-row.sp-sold .sp-tx .sp-pr{color:var(--sp-sold)}.pz .sp-row.sp-sold .sp-qty b{font-size:12px;color:var(--sp-ink2);font-weight:700}.pz .sp-row.sp-sold .sp-qty a{font-size:12px}.pz .sp-row.sp-sel{background:var(--sp-orange);border-bottom-color:var(--sp-orange)}.pz .sp-row.sp-sel .sp-tx .sp-pr,.pz .sp-row.sp-sel .sp-qty small{color:#2B1A00}.pz .sp-edit{background:var(--sp-wpanel);border-bottom:2px solid var(--sp-sline);padding:8px 8px 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.pz .sp-edit .sp-f{display:flex;flex-direction:column}.pz .sp-edit .sp-fld{height:36px;font-size:14px}.pz .sp-edit .sp-fld .sp-unit{margin-left:auto;font-size:12px;color:var(--sp-mute)}.pz .sp-edit .sp-memo{grid-column:1/-1}.pz .sp-edit .sp-acts{grid-column:1/-1;display:flex;align-items:center;gap:14px;font-size:13px}.pz .sp-edit .sp-acts a{color:var(--sp-ink2)}.pz .sp-edit .sp-acts .sp-r{margin-left:auto}.pz .sp-ck{display:inline-flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;color:var(--sp-ink);cursor:pointer}.pz .sp-ck i{flex:none;width:18px;height:18px;margin-top:1px;background:#fff;border:1px solid var(--sp-wedge);border-radius:2px;box-shadow:inset 0 1px 2px rgba(0,0,0,.12);display:grid;place-items:center}.pz .sp-ck i::after{content:"";width:9px;height:5px;border-left:2.5px solid var(--sp-navy);border-bottom:2.5px solid var(--sp-navy);transform:translateY(-1px) rotate(-45deg);display:none}.pz .sp-ck.sp-on i::after{display:block}.pz .sp-ck.sp-off{color:var(--sp-mute)}.pz .sp-ck.sp-off i{background:#E6E6E6;border-color:#B5B5B5}.pz .sp-ck small{display:block;font-size:12px;color:var(--sp-mute)}.pz .sp-wf .sp-ck small,.pz .sp-wf .sp-ck.sp-off{color:#2F3A4A}.pz .sp-ck.sp-sm{font-size:12px;gap:5px}.pz .sp-ck.sp-sm i{width:15px;height:15px;margin-top:2px}.pz .sp-ck.sp-sm i::after{width:7px;height:4px;border-width:2px}.pz .sp-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:4px;font-size:14px;font-weight:800;color:#fff;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 0 var(--sp-b2);background:var(--sp-b1);border:1px solid var(--sp-b2);text-shadow:0 1px 0 rgba(0,0,0,.2);cursor:pointer}.pz .sp-btn.sp-blue{--sp-b1:var(--sp-blue);--sp-b2:var(--sp-blue2)}.pz .sp-btn.sp-orange{--sp-b1:var(--sp-orange);--sp-b2:var(--sp-orange2);color:#2B1A00;text-shadow:0 1px 0 rgba(255,255,255,.35)}.pz .sp-btn.sp-green{--sp-b1:var(--sp-green);--sp-b2:var(--sp-green2);color:#2B3300;text-shadow:0 1px 0 rgba(255,255,255,.4)}.pz .sp-btn.sp-gray{--sp-b1:#E6E6E6;--sp-b2:#9A9A9A;color:#333;text-shadow:none}.pz .sp-btn.sp-dc{--sp-b1:var(--sp-dc);--sp-b2:#3B47C4}.pz .sp-btn.sp-big{height:48px;font-size:16px;width:100%}.pz .sp-btn.sp-wide{width:100%}.pz .sp-wf{background:var(--sp-wstrip);border-top:1px solid var(--sp-wedge);padding:10px 10px 10px;display:flex;flex-direction:column;gap:10px}.pz .sp-wf .sp-r{display:flex;align-items:center;gap:8px}.pz .sp-wf .sp-r .sp-btn{flex:1}.pz .sp-wf .sp-r .sp-btn.sp-gray{flex:0 0 auto}.pz .sp-post{background:var(--sp-wtext);border:1px solid var(--sp-wframe);border-radius:3px;box-shadow:inset 0 0 0 2px var(--sp-wpanel);padding:12px 12px;font-size:13px;line-height:1.55;color:#000;white-space:pre-wrap;word-break:break-word;font-family:var(--sp-gf)}.pz .sp-post.sp-dim{color:#8A8A8A}.pz .sp-post .sp-hot{margin-left:4px}.pz .sp-done{font-size:13px;color:var(--sp-ink);padding:8px 2px 0;line-height:1.5}.pz .sp-done b{font-weight:800}.pz .sp-result{background:var(--sp-wtext);border:1px solid var(--sp-wframe);border-radius:3px;box-shadow:inset 0 0 0 2px var(--sp-wpanel);padding:10px 12px;font-size:13px;line-height:1.55}.pz .sp-result .sp-h{font-weight:800;font-size:14px;color:var(--sp-navy);margin-bottom:4px}.pz .sp-result p+p{margin-top:2px}.pz .sp-result .sp-n{font-weight:800;font-variant-numeric:tabular-nums}.pz .sp-result hr{border:0;border-top:1px solid #D6D4CB;margin:8px 0}.pz .sp-row.sp-err{background:var(--sp-wtext);align-items:flex-start;padding:8px}.pz .sp-row.sp-err .sp-thumb{width:56px;height:44px;background:#9FB1CB;border:1px solid var(--sp-wedge);display:grid;place-items:center;font-size:11px;color:#1F2A3A;font-weight:800;flex:none}.pz .sp-row.sp-err .sp-tx{white-space:normal;line-height:1.45}.pz .sp-row.sp-err .sp-tx b{white-space:normal;font-size:13px}.pz .sp-row.sp-err .sp-tx p{font-size:12px;color:var(--sp-ink2);margin-top:2px}.pz .sp-row.sp-err .sp-tx .sp-a{margin-top:6px;display:flex;gap:14px;font-size:12px}.pz .sp-login{background:var(--sp-wtext);border:1px solid var(--sp-wframe);border-radius:3px;box-shadow:inset 0 0 0 2px var(--sp-wpanel);padding:12px;font-size:13px;line-height:1.55}.pz .sp-login p+p{margin-top:4px;color:var(--sp-ink2)}.pz .sp-login .sp-btn{margin-top:10px}.pz .sp-win a{color:var(--sp-link);text-decoration:underline;text-underline-offset:3px;font-weight:700;cursor:pointer}.pz .sp-win button{font-family:inherit}.pz .sp-win input,.pz .sp-win select,.pz .sp-win textarea{font-family:inherit}.pz .sp-wt .sp-x{cursor:pointer;min-width:22px}.pz .sp-in{width:100%;height:40px;background:#fff;border:1px solid var(--sp-wedge);border-radius:3px;padding:0 10px;font-size:14px;color:#000;box-shadow:inset 0 1px 2px rgba(0,0,0,.12);outline:none;min-width:0}.pz .sp-in:focus{border-color:var(--sp-navy);box-shadow:inset 0 1px 2px rgba(0,0,0,.12),0 0 0 2px rgba(35,57,86,.35)}.pz .sp-in::placeholder{color:#7A7A7A}.pz select.sp-in{padding:0 6px;appearance:auto}.pz .sp-edit .sp-in{height:36px}.pz .sp-in.sp-num{text-align:right;font-variant-numeric:tabular-nums}.pz .sp-tagin{display:flex;align-items:center;gap:8px;height:40px;padding:0 8px 0 12px;background:var(--sp-navy);border:1px solid #16203A;border-radius:3px;color:#fff;font-weight:800;font-size:13px}.pz .sp-tagin input{flex:1;min-width:0;height:26px;border:0;border-radius:2px;background:#fff;color:#000;font-size:14px;font-weight:400;padding:0 8px;outline:none}.pz .sp-setup{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:2px 2px 8px}.pz .sp-setup .sp-ign{grid-column:1/-1}@media(min-width:1000px){.pz .sp-setup{grid-template-columns:200px 110px 110px 1fr}.pz .sp-setup .sp-ign{grid-column:auto}}.pz .sp-lbl{display:block;font-size:12px;color:var(--sp-mute);margin-bottom:3px}.pz .sp-remember{grid-column:1/-1;font-size:12px;color:var(--sp-mute);line-height:1.4}@media(min-width:1000px){.pz .sp-remember{grid-column:auto;align-self:end;padding-bottom:4px}}.pz .sp-list{min-height:60px}.pz .sp-row{cursor:pointer;flex-wrap:wrap}.pz .sp-row .sp-tx{flex:1 1 120px}.pz .sp-recrow{flex:0 0 100%;padding-left:54px;margin-top:-2px}.pz .sp-row.sp-err,.pz .sp-row.sp-emp{flex-wrap:nowrap}.pz .sp-row.sp-emp{cursor:default}.pz .sp-row.sp-emp .sp-ic{background:#E8E6DE;border-color:#C8D2DC}.pz .sp-row.sp-emp .sp-tx b{font-size:14px;color:#000;white-space:normal}.pz .sp-row.sp-emp .sp-tx{font-size:13px;color:var(--sp-ink2)}.pz .sp-row.sp-emp .sp-tx em{font-weight:700;color:#000}.pz .sp-row .sp-qty{max-width:46%}.pz .sp-row .sp-tx .sp-nm{display:block;font-size:14px;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pz .sp-row.sp-sel .sp-tx .sp-nm,.pz .sp-row.sp-sel .sp-tx{color:#2B1A00}.pz .sp-row.sp-unk .sp-tx .sp-nm{color:#8A1F1F}.pz .sp-row.sp-sold .sp-tx .sp-nm{color:var(--sp-sold)}.pz .sp-pr .sp-coin{flex:none}.pz .sp-optg{grid-column:1/-1;border-top:1px solid #C9C7BE;padding-top:6px}.pz .sp-optg .sp-osub{font-size:12px;color:var(--sp-mute);line-height:1.4;margin-bottom:4px}.pz .sp-or{display:grid;grid-template-columns:minmax(0,1fr) 44px 74px 44px;gap:6px;align-items:center;padding:3px 0;font-size:13px}.pz .sp-or .sp-ob,.pz .sp-or .sp-od{text-align:right;color:var(--sp-mute)}.pz .sp-or .sp-od{font-weight:700}.pz .sp-or .sp-od.sp-up{color:#0B6B2E}.pz .sp-or .sp-od.sp-dn{color:#A02020}.pz .sp-or input{height:30px!important;text-align:right}.pz .sp-or.sp-oh{font-size:11px;color:var(--sp-mute);border-bottom:1px solid #C9C7BE}.pz .sp-addst{height:32px;margin-top:4px;border:1px solid var(--sp-wedge);border-radius:3px;background:#fff;color:var(--sp-ink2);font-size:13px;padding:0 6px}.pz .sp-names{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px}.pz .sp-names button{height:30px;padding:0 10px;border:1px solid var(--sp-wedge);border-radius:3px;background:#fff;color:#000;font-size:13px;cursor:pointer}.pz .sp-names button:hover{border-color:var(--sp-navy)}.pz .sp-find{position:relative;grid-column:1/-1}.pz .sp-sug{position:absolute;left:0;right:0;top:100%;z-index:6;margin-top:2px;background:#fff;border:1px solid var(--sp-wedge);border-radius:3px;box-shadow:0 6px 16px rgba(0,0,0,.25)}.pz .sp-sug[hidden]{display:none}.pz .sp-sug button{display:block;width:100%;text-align:left;padding:8px 10px;font-size:13px;color:#000;border-bottom:1px solid #E6E4DB;cursor:pointer;background:#fff}.pz .sp-sug button:hover{background:#E0DED3}.pz .sp-sug small{color:var(--sp-mute);margin-left:4px}.pz .sp-ck input{position:absolute;opacity:0;width:0;height:0}.pz .sp-ck:focus-within i{outline:2px solid var(--sp-navy);outline-offset:1px}.pz .sp-ck.sp-off{cursor:default}.pz .sp-btn[disabled]{opacity:.55;cursor:default}.pz .sp-wf .sp-r .sp-btn{flex:1}.pz .sp-wf .sp-r .sp-btn.sp-gray{flex:0 0 auto}.pz .sp-wf{position:static}@media(max-width:999px){.pz .sp-wf.sp-stick{position:sticky;bottom:64px;z-index:48}.pz.sp-on .z-detail{display:none}}.pz .sp-msg{font-size:13px;color:var(--sp-ink);padding:8px 2px 0;line-height:1.5}.pz .sp-msg.sp-bad{color:#9A1B1B;font-weight:700}.pz .sp-res{margin-top:10px}.pz .sp-res .sp-result p a{display:inline-block;min-height:24px}.pz .sp-pasteh{font-size:12px;color:var(--sp-ink2);line-height:1.5}.pz .sp-wt .sp-x{background:#F3F3F3}.pz .sp-note{font-size:12px;color:var(--sp-mute);line-height:1.5;padding:6px 2px 0}.pz .sp-row .sp-qty a{display:inline-block;padding:4px 0;min-height:24px}.pz .sp-split{font-size:13px;color:var(--sp-ink2)}.pz .sp-errx{background:#F3F3F3}@media(max-width:999px){.pz .sp-wt .sp-x{min-width:30px;min-height:30px;width:30px;height:30px}}.pz .sp-sumrow{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:0 2px 6px}.pz .sp-sumrow .sp-sub{padding:0;flex:1;min-width:0}.pz .sp-btn.sp-small{height:30px;padding:0 12px;font-size:13px;flex:0 0 auto}.pz .sp-rec{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:0}.pz .sp-rb{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border:1px solid var(--sp-wedge);border-radius:2px;background:#fff;color:#1A2B44;font-size:12px;font-weight:700;cursor:pointer;font-variant-numeric:tabular-nums}.pz .sp-rb:hover{border-color:var(--sp-navy);background:#EEF3F8}.pz .sp-rb .sp-coin{width:10px;height:10px}.pz .sp-few{font-size:12px;color:var(--sp-mute)}.pz .sp-flag{display:block;width:100%;font-size:12px;font-weight:700;margin-top:1px}.pz .sp-flag.sp-hi{color:#8A1F1F}.pz .sp-flag.sp-lo{color:#0B5E2B}.pz .sp-row.sp-sel .sp-flag.sp-hi,.pz .sp-row.sp-sel .sp-flag.sp-lo{color:#2B1A00}.pz .sp-bad{color:#9A1B1B;font-weight:700}@media(min-width:1000px){.pz .sp-edit{grid-template-columns:150px 90px 1fr}.pz .sp-edit .sp-memo{grid-column:3}}.pz .sp-fmt{margin:0 0 8px}.pz .sp-fmts{display:flex;flex-wrap:wrap;gap:6px}.pz .sp-fb{height:30px;padding:0 11px;border-radius:3px;border:1px solid #9A9A9A;background:#E6E6E6;color:#333;font:800 12.5px var(--sp-gf);cursor:pointer}.pz .sp-fb[aria-pressed=true]{background:var(--sp-blue);border-color:var(--sp-blue2);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.pz .sp-fb:focus-visible{outline:2px solid #1C5FB8;outline-offset:2px}.pz .sp-pp{position:relative;padding:6px 0 8px}.pz .sp-pp+.sp-pp{border-top:1px dashed var(--sp-wedge);margin-top:4px}.pz .sp-pp small{display:block;font:800 11px var(--sp-gf);color:var(--sp-mute);margin-bottom:2px}.pz .sp-pp.sp-cur small{color:var(--sp-blue)}