.chip{background:var(--chip);height:22px;color:var(--ink);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:400;line-height:1;display:inline-flex}.chip-label{align-items:center;display:inline-flex}.chip .k,.chip .l{white-space:pre;display:inline-block}.chip .k{transform:translateY(var(--ko-shift))}.chip .l{transform:translateY(var(--lat-shift))}.chip{--ko-shift:.042em;--lat-shift:.031em}.chip--md{--ko-shift:-.01em;--lat-shift:.031em}.chip--lg{--ko-shift:-.029em;--lat-shift:0em}.chip--count{--lat-shift:.036em}.chip .chip-count{color:var(--sub);font-size:12px}.chip svg{flex:none}.chip i.dot{background:currentColor;border-radius:999px;flex:none;width:6px;height:6px}.chip--md{gap:6px;height:30px;padding:0 12px;font-size:13px}.chip--lg{gap:6px;height:32px;padding:0 14px;font-size:13px}.chip--count{min-width:20px;height:20px;color:var(--sub);justify-content:center;padding:0 6px}.chip--green{background:var(--green-tint);color:var(--green)}.chip--amber{background:var(--amber-tint);color:var(--amber)}.chip--indigo{background:var(--indigo-tint);color:var(--indigo)}.chip--red{background:var(--coral-tint);color:var(--red)}.chip--gray{background:var(--chip);color:var(--sub)}.chip--soft{background:var(--soft);color:var(--sub)}.chip--plain{background:var(--panel);color:var(--ink)}.chip--outline{color:var(--ink);background:0 0;border:1px solid #d5d4df}a.chip:hover,button.chip:hover{filter:brightness(.97)}.chip[aria-pressed=true],.chip[aria-current=true]{background:var(--ink);color:#fff}.chip[aria-pressed=true] .chip-count,.chip[aria-current=true] .chip-count{color:#ffffffb8}.btn{white-space:nowrap;background:var(--chip);height:36px;color:var(--ink);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:#dfdee6}.btn--sm{height:32px;padding:0 14px;font-size:13px}.btn--primary{background:var(--indigo);color:#fff}.btn--primary:hover{background:#5b5ac4}.btn--tint{background:var(--indigo-tint);color:var(--indigo)}.btn--tint:hover{background:#c6c5e6}.btn--outline{background:var(--panel);border:1px solid var(--pop-border)}.btn--outline:hover{background:var(--hover)}.btn--ghost{color:var(--sub);background:0 0}.btn--ghost:hover{background:var(--hover);color:var(--ink)}.btn:disabled{opacity:.5;cursor:default}.link{color:var(--indigo-ink);text-underline-offset:3px;text-decoration:underline}.toast-wrap{z-index:80;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:28px;left:0;right:0}.toast{background:var(--ink);color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100vw - 32px);height:40px;animation:toast-in .22s var(--ease);border-radius:999px;align-items:center;padding:0 18px;font-size:14px;display:flex;overflow:hidden}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ad-card{border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:10px;padding:14px 24px 24px;display:flex}.ad-label{border:1px solid var(--pop-border);height:18px;color:var(--mute-text);letter-spacing:.02em;border-radius:5px;align-self:flex-start;align-items:center;padding:0 6px;font-size:11px;line-height:16px;display:inline-flex}.ad-box{border-radius:12px;flex:none;align-self:center;width:300px;height:250px;overflow:hidden}.ad-band{flex-direction:column;gap:8px;margin:32px 0;display:flex}.ad-band .ad-box{align-self:stretch;width:100%;height:90px}@media (max-width:767px){.ad-band .ad-box{height:100px}}:is(.ad-card:has(ins[data-ad-status=unfilled]),.ad-band:has(ins[data-ad-status=unfilled])){display:none}@media (max-width:767px){.ad-band .ad-box{align-self:center;width:320px;max-width:100%}.ad-band--rect .ad-box{align-self:center;width:300px;height:250px}[data-ad-only=pc]{display:none!important}}@media (min-width:768px){[data-ad-only=mobile]{display:none!important}}[data-ad-wrap]:has(ins[data-ad-status=unfilled]){display:none}html[data-ads=off] [data-ad-mode=mock]{display:none!important}.hub:has([data-no-ad]) [data-ad-mode=mock]{display:none!important}.ad-box--mock{max-width:100%;color:var(--mute-text);letter-spacing:.02em;font-variant-numeric:tabular-nums;background:repeating-linear-gradient(135deg,#ececf1 0 12px,#f4f4f8 12px 24px);justify-content:center;align-items:center;font-size:12px;display:flex}.ad-box--mock:after{content:var(--ad-size,"")}.ad-card .ad-box--mock{--ad-size:"300 × 250"}.ad-band .ad-box--mock{--ad-size:"가로 띠 · 높이 90"}html[data-ads=off] .hub{--ad-card-h:0px}.hub:has([data-no-ad]){--ad-card-h:0px}html[data-ads=off] .hub .hub-right-top{display:none}.hub:has([data-no-ad]) .hub-right-top{display:none}@media (min-width:1440px){html[data-ads=off] .hub .pane{top:var(--top-h)}.hub:has([data-no-ad]) .pane{top:var(--top-h)}}@media (max-width:767px){.ad-band .ad-box--mock{--ad-size:"320 × 100";align-self:center;width:320px;height:100px}.ad-band--rect .ad-box--mock{--ad-size:"300 × 250";width:300px;height:250px}}.ad-anchor{z-index:35;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--panel);box-shadow:0 -1px 0 var(--hair), 0 -8px 24px #28273514;justify-content:center;align-items:center;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.ad-anchor .ad-label{background:var(--panel);position:absolute;top:-9px;left:6px}.ad-anchor .ad-box--mock{--ad-size:"320 × 50";border-radius:8px;flex:0 320px;align-self:center;width:320px;height:50px}.ad-anchor-close{width:28px;height:28px;color:var(--sub);box-shadow:inset 0 0 0 1px var(--pop-border);background:var(--panel);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:-14px;right:6px}html[data-ad-anchor=closed] .ad-anchor,html[data-lock] .ad-anchor{display:none!important}.hub:has(.pane[data-open=true],.cb-pk) .ad-anchor{display:none!important}@media (max-width:767px){html[data-ads=on]:not([data-ad-anchor=closed]) .hub:not(:has([data-no-ad])):has(.ad-anchor) .hub-stage{padding-bottom:72px}html[data-ads=on]:not([data-ad-anchor=closed]) .hub:not(:has([data-no-ad])):has(.ad-anchor) .ads-switch{bottom:calc(74px + env(safe-area-inset-bottom))}html[data-ads=on]:not([data-ad-anchor=closed]) body:has(.hub:not(:has([data-no-ad])) .ad-anchor) .toast-wrap{bottom:calc(80px + env(safe-area-inset-bottom))}}.ads-switch{z-index:45;color:#fff;background:#282735;border-radius:999px;align-items:center;gap:2px;padding:3px 3px 3px 10px;font-size:12px;display:inline-flex;position:fixed;bottom:12px;right:12px;box-shadow:0 6px 20px #2827353d}.ads-switch span{opacity:.8;margin-right:4px}.ads-switch button{color:#fff;opacity:.78;-webkit-tap-highlight-color:transparent;border-radius:999px;height:26px;padding:0 10px;font-size:12px}.ads-switch button[aria-pressed=true]{color:#282735;opacity:1;background:#fff;font-weight:700}@media print{.ads-switch,.ad-anchor{display:none}}.empty{text-align:center;color:var(--sub);padding:28px 0;font-size:14px;line-height:22px}.empty strong{color:var(--ink);margin-bottom:2px;font-size:15px;font-weight:600;display:block}.skel{padding:30px 36px 56px}.skel-inner{max-width:var(--column-wide);margin:0 auto}.skel-line{background:var(--chip);border-radius:7px;height:14px;margin-top:12px;animation:1.2s ease-in-out infinite alternate skel;display:block}@keyframes skel{0%{opacity:1}to{opacity:.45}}@media (prefers-reduced-motion:reduce){.skel-line{animation:none}}@media (max-width:767px){.skel{padding:18px 16px 40px}}.nav-progress,.nav-skel{z-index:31;height:0;position:sticky;top:0}.nav-progress:after{content:"";background:var(--indigo);border-radius:0 3px 3px 0;height:3px;animation:2.4s cubic-bezier(.1,.7,.2,1) forwards nav-progress;position:absolute;top:0;left:0}@keyframes nav-progress{0%{width:0}to{width:88%}}.nav-skel{z-index:30}.nav-skel>.skel{height:calc(100dvh - var(--top-h) - var(--gutter));background:var(--panel);position:absolute;top:0;left:0;right:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.nav-progress:after{width:88%;animation:none}}@media (max-width:767px){.nav-progress,.nav-skel{top:var(--top-h)}.nav-skel>.skel{height:calc(100dvh - var(--top-h))}}@media (min-width:768px){.m-only{display:none!important}}@media (max-width:767px){.d-only,.crumbs{display:none!important}}@media (max-width:1099px){html[data-lock],html[data-lock] body{overflow:hidden}}.x-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.x-scroll::-webkit-scrollbar{display:none}.hl{background:color-mix(in srgb, var(--accent) 18%, transparent);color:inherit;border-radius:3px;padding:0 1px}.game-mark--img{object-fit:cover;box-shadow:none;outline-offset:-1px;background:0 0;border-radius:28%;outline:1px solid #2827351a;flex:none;padding:0;display:block}