.list{position:relative;max-width:1160px;margin:0 auto;padding:48px 24px 64px}.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}.head h1{margin:0;font-family:"Noto Serif KR",serif;font-size:28px;font-weight:600;display:flex;align-items:baseline;gap:12px}.head h1 small{font-family:Noto Sans KR,sans-serif;font-size:14px;font-weight:400;color:var(--fg3);font-variant-numeric:tabular-nums}.search{width:280px;max-width:100%;height:40px;box-sizing:border-box;padding:0 12px;background:var(--panel);border:1px solid var(--line-soft);color:var(--fg);font:inherit;font-size:14px}.sbox.off{visibility:hidden}.sbox{position:relative;width:280px;max-width:100%}.search:focus{outline:none;border-color:var(--fg4)}.kind{display:flex;gap:0;margin-top:24px;border-bottom:1px solid var(--line-soft)}.kind button{flex:0 0 128px;justify-content:center;height:44px;padding:0 4px 2px;border:0;background:none;color:var(--fg3);font:inherit;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}.kind button[aria-selected=true]{color:var(--fg-hi);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent)}.big{cursor:pointer}.big .tg{display:flex;align-items:baseline;gap:10px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.big>svg{align-self:center;margin-left:auto;transition:transform .15s}.big .tg[aria-expanded=true]~svg{transform:rotate(180deg)}.rw{position:relative;top:4px;align-self:center;width:24px;height:24px;padding:0;border:0;background:none;color:var(--fg3);cursor:pointer;display:flex;align-items:center;justify-content:center}.rw:before{content:"";position:absolute;inset:-10px}.rw:hover,.rw[aria-expanded=true]{color:var(--fg-hi)}.pop .rl{margin:12px 0 0;padding:0;list-style:none;font-size:13px}.pop .rl li{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.pop .rl li:last-child{border-bottom:0}.pop .rl b{width:44px;flex:none;font-weight:400;color:var(--fg3);font-variant-numeric:tabular-nums}.pop.sm{width:320px}.pop .rl li{align-items:center}.pop .rl .rn{display:flex;flex-direction:column;gap:2px;min-width:0}.pop .rl .rn small{font-size:11px;color:var(--fg3)}.pop .av{position:relative;flex:none;width:64px;aspect-ratio:1;margin:0 16px}.pop .av>img{position:absolute;left:1.43%;top:1.43%;width:97.14%;height:97.14%;border-radius:50%}.pop .av video{position:absolute;max-width:none;height:auto;mix-blend-mode:lighten;pointer-events:none;opacity:0;transition:opacity .2s}.pop .av.playing video{opacity:1}.pop .av.playing>img{visibility:hidden}.pop .bgp{flex:none;width:96px;aspect-ratio:2436 / 1125;overflow:hidden;background:var(--well)}.pop .bgp img{width:100%;height:100%;object-fit:cover;display:block}.sh{scroll-margin-top:16px}.card.hl{outline:2px solid var(--accent);outline-offset:2px}.big{margin:40px 0 0;padding-bottom:10px;border-bottom:1px solid var(--line-soft);font-family:"Noto Serif KR",serif;font-size:22px;font-weight:600;display:flex;align-items:baseline;gap:10px}.big small{font-family:Noto Sans KR,sans-serif;font-size:13px;font-weight:400;color:var(--fg3)}.sh{margin-top:24px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:15px;font-weight:600}.sh small{font-size:12px;font-weight:400;color:var(--fg3);font-variant-numeric:tabular-nums}.info{position:relative;width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.info:before{content:"";position:absolute;inset:-10px}.info span{width:18px;height:18px;box-sizing:border-box;border-radius:50%;border:1px solid var(--fg4);color:var(--fg3);font:600 11px/16px Noto Sans KR,sans-serif;text-align:center}.info:hover span,.info[aria-expanded=true] span{border-color:var(--fg);color:var(--fg-hi)}.card .un{align-self:flex-start;margin-top:4px}.un{font-size:11px;font-weight:600;padding:1px 6px 2px;border:1px solid var(--fg4);color:var(--fg2)}.grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px 12px;margin-top:12px}.card{display:flex;flex-direction:column;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.card .pic{position:relative;aspect-ratio:1;background:var(--pop);overflow:hidden}.card .pic>img:first-child{width:100%;height:100%;object-fit:cover;display:block}.card .st{position:absolute;right:2px;top:2px;height:22px;width:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.card .fm{position:absolute;left:4px;bottom:4px;width:36%;aspect-ratio:1;object-fit:cover;border:1px solid var(--panel)}.card b{margin-top:6px;font-size:13px;font-weight:600;line-height:1.35}.card small{font-size:12px;color:var(--fg3);line-height:1.35}.card:hover .pic{outline:1px solid var(--fg4);outline-offset:-1px}.card:hover b{text-decoration:underline}.empty{margin-top:32px;padding:48px 0;text-align:center;color:var(--fg3);font-size:14px;border:1px solid var(--line-faint)}.pop{position:absolute;z-index:50;width:400px;box-sizing:border-box;padding:16px;background:var(--pop);border:1px solid var(--line-strong);box-shadow:0 12px 32px #0009}.pop[hidden]{display:none}.pop .top{display:flex;gap:16px;align-items:center}.pop .art{flex:none;width:110px;height:130px;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;background:var(--pop);border:1px solid var(--line)}.pop .art img{max-width:100%;max-height:100%;object-fit:contain}.pop h3{margin:0;font-size:18px;font-weight:600}.pop .bg{margin-top:4px;font-size:12px;color:var(--fg3)}.pop p{margin:14px 0 0;font-size:13px;line-height:1.7;color:var(--fg2);white-space:pre-line}.bub{margin-top:14px;padding:12px 14px;background:var(--hover2);border-radius:10px;font-size:13px;line-height:1.6}.bub b{display:block;margin-bottom:4px;font-size:12px;font-weight:500;color:var(--fg3)}.pop .grab{display:none}@media(max-width:1279px){.list{padding:16px 16px 48px}.head h1{font-size:24px}.search,.sbox{width:100%}.grid{grid-template-columns:repeat(6,minmax(0,1fr))}.big{font-size:19px;margin-top:28px}}@media(max-width:767px){.kind button{flex:1 1 0;min-width:0;font-size:14px;padding:0 2px 2px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.card b{font-size:12px}.card .st{height:17px}.pop{position:fixed;left:0!important;right:0;top:auto!important;bottom:0;width:auto;max-height:72vh;overflow:auto;overscroll-behavior:contain;border-radius:12px 12px 0 0;padding:24px 16px calc(32px + env(safe-area-inset-bottom,0px))}.pop.sm{width:auto}.rw{top:3px}.pop .grab{display:block;position:absolute;left:50%;top:8px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--line-strong)}}.fl{position:relative;margin-top:24px}.fl .lc-fil[hidden]{display:none}.fl .lc-fil .chips{gap:4px}.fl .lc-res:not(:has(.lc-rs.on)){display:none}.fl[hidden]{display:none}.fr-row{display:flex;align-items:flex-start;gap:16px}.fr-row[hidden]{display:none}.fr-row>span{flex:0 0 40px;padding-top:7px;white-space:nowrap;font-size:13px;color:var(--fg3)}.chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.chip{height:32px;padding:0 12px 2px;border:1px solid var(--line-soft);background:var(--well);color:var(--fg3);font:inherit;font-size:13px;cursor:pointer}.chip[aria-pressed=true]{border-color:var(--fg);background:rgba(var(--fg-rgb),.1);color:var(--fg-hi);font-weight:600}.fl:not([hidden])+#out>.big:first-child{margin-top:24px}@media(max-width:767px){.fl .chip{padding:0 2px 2px;white-space:nowrap}.fl .lc-fil>[aria-label=등급]{flex:none}.fl .lc-fil>[aria-label=등급]>button{flex:none;width:40px}.fl .lc-fil>[aria-label=획득처]>button{flex:1 1 auto}}@media(max-width:767px){.head h1 small,.search{font-size:13px}.big{font-size:16px}.sh,.empty{font-size:13px}.pop h3{font-size:15px}}