:root{--bg: #0B0B0C;--well: #0E0E10;--panel: #121214;--panel-in: #141415;--pop: #18181B;--hover: #1A1A1D;--hover2: #1C1C1F;--hero-glow: #19141A;--ph: #262628;--past: #2E2E32;--seg-on: #303035;--line-faint: #1E1E21;--border: #222225;--line: #26262A;--line-soft: #2A2A2D;--line-dash: #3A3A3D;--line-strong: #45454A;--fg-hi: #FFFFFF;--fg: #ECEAE6;--fg2: #B5B2AD;--fg3: #9C9A97;--fg-mute: #8A8885;--fg4: #6E6C69;--fg-dis: #4A4A4E;--term: #E3C9A8;--accent: #D9262E;--link: #F26B6B;--bg-rgb: 11, 11, 12;--panel-rgb: 18, 18, 20;--fg-rgb: 236, 234, 230;--fg-hi-rgb: 255, 255, 255;--accent-rgb: 217, 38, 46;--grade-s: #E0AE4A;--grade-a: #A56BDA;--grade-b: #5B8BE8;--rare-1: #8A8884;--rare-2: #6FA37A;--stigma-4: #B07CE0;--stigma-3: #6E9BF0;--game-cyan: #63B4C3;--game-orange: #C47D20}html{scrollbar-gutter:stable}.fq{position:relative;display:inline-flex;align-items:center;flex:none;width:200px;max-width:100%;height:32px;box-sizing:border-box;border:1px solid var(--line-soft);background:var(--well)}.fq:focus-within{border-color:var(--fg4)}.fq svg{position:absolute;left:9px;color:var(--fg3);pointer-events:none}.fq input{width:100%;height:100%;box-sizing:border-box;padding:0 8px 2px 29px;border:0;background:none;color:var(--fg);font:inherit;font-size:13px}.fq input:focus{outline:none}.fq input::placeholder{color:var(--fg3)}@media(max-width:767px){.fq{width:100%}}.lc-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.lc-fil{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;min-width:0}.lc-bar>.fq{margin-left:auto}.lc-res>.lc-fun{margin-left:-6px}.lc-res{display:flex;align-items:center;gap:12px;min-height:28px;margin-top:16px}.lc-rs{height:28px;padding:0 0 1px;border:0;background:none;color:var(--link);font:inherit;font-size:13px;cursor:pointer}.lc-rs:hover{text-decoration:underline}.lc-rs:not(.on){display:none}.lc-res>.lc-sort{margin-left:auto}.lc-fun{height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 8px 2px 6px;border:0;background:none;color:var(--fg);font:inherit;font-size:14px;cursor:pointer}.lc-fun[aria-expanded=true]{font-weight:600;color:var(--fg-hi)}.lc-fun b{color:var(--link);font-weight:600}.lc-panel{display:flex;flex-direction:column;gap:14px;margin-top:12px;padding:16px 20px;background:var(--panel);border:1px solid var(--border)}.lc-panel[hidden]{display:none}.lc-row{display:flex;align-items:flex-start;gap:16px}.lc-row>span{flex:0 0 64px;padding-top:7px;font-size:13px;color:var(--fg3)}.lc .lc-res:not(:has(.lc-rs.on)){display:none}.lc-sort{position:relative}.lc-sort>button{height:28px;display:flex;align-items:center;gap:6px;padding:0 0 1px;border:0;background:none;color:var(--fg2);font:inherit;font-size:13px;cursor:pointer}.lc-sort>button:hover,.lc-sort>button[aria-expanded=true]{color:var(--fg-hi)}.lc-sort>button svg{color:var(--fg3);transition:transform .15s}.lc-sort>button[aria-expanded=true] svg{transform:rotate(180deg)}.lc-sort ul{position:absolute;right:0;top:32px;z-index:20;min-width:160px;margin:0;padding:4px;list-style:none;background:var(--panel);border:1px solid var(--line-strong);border-radius:3px;box-shadow:0 8px 24px #00000080}.lc-sort ul[hidden]{display:none}.lc-sort li button{width:100%;height:32px;display:flex;align-items:center;padding:0 8px 2px;border:0;border-radius:2px;background:none;color:var(--fg2);font:inherit;font-size:14px;white-space:nowrap;text-align:left;cursor:pointer}.lc-sort li button:hover{background:var(--hover);color:var(--fg-hi)}.lc-sort li button[aria-selected=true]{color:var(--fg-hi);font-weight:600;background:var(--line)}@media(max-width:767px){.lc-bar{gap:8px}.lc-fil{width:100%;flex-wrap:nowrap;gap:8px}.lc-fil>*{flex:var(--n, 1) 1 0;display:flex;gap:3px}.lc-fil>*>button{flex:1 1 0;min-width:0;width:auto;padding-left:2px;padding-right:2px;justify-content:center}.lc-fil>.grades{flex:none}.lc-fil>.grades>button{flex:none;width:36px}.lc-bar>.fq{order:2;flex:1 1 0;width:auto;margin-left:0}.lc-bar>.lc-fun{order:3;flex:none}.lc-bar:not(:has(.fq))>.lc-fil{width:auto;flex:1 1 0}.lc-res{margin-top:12px}.lc-fil.lc-wrap{flex-wrap:wrap}.lc-fil.lc-wrap>*{flex:1 1 100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.lc-fil.lc-wrap>*>button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-panel{padding:16px}.lc-row{flex-direction:column;gap:6px}.lc-row>span{flex:none;padding-top:0;font-size:12px}}body{margin:0;background:var(--bg);color:var(--fg);font-family:Noto Sans KR,sans-serif}.site{display:flex;max-width:1440px;margin:0 auto}.main{flex:1 1 auto;min-width:0}#pc,#m{display:none}#pc[data-center]>*{margin:0 auto}#pc [data-v2root]{width:100%!important;max-width:1240px;padding-left:min(40px,max(16px,calc((100% - 1160px)/2)))!important;padding-right:min(40px,max(16px,calc((100% - 1160px)/2)))!important}#pc div[style*="width: 1240px; margin: 0 auto"]{width:auto!important;max-width:1240px}.rail{flex:0 0 68px;position:sticky;top:0;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:2px;padding-top:18px;border-right:1px solid var(--line-faint)}.rail .brand{margin:0 auto 14px;width:32px;height:32px;display:block}.rail .brand img{display:block}.rail .item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;color:var(--fg3);font-size:10px;text-decoration:none}.rail .item:hover{color:var(--fg)}.rail .item[aria-current=page]{color:var(--fg);box-shadow:inset 2px 0 0 var(--accent)}.rail .find{border:0;background:none;font:inherit;font-size:10px;cursor:pointer;margin-bottom:6px}.sheet .sfind{width:100%;display:flex;align-items:center;gap:10px;height:48px;margin-bottom:12px;padding:0 14px;border:1px solid var(--line-soft);background:var(--well);color:var(--fg3);font:inherit;font-size:14px;text-align:left;cursor:pointer}html.sf-open{overflow:hidden}.sf-dim{position:fixed;inset:0;z-index:300;background:#0009;display:flex;justify-content:center;align-items:flex-start;padding:10vh 16px 16px}.sf-dim[hidden]{display:none}.sf{width:640px;max-width:100%;max-height:76vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line-soft);box-shadow:0 12px 32px #0009}.sf-bar{display:flex;align-items:center;gap:10px;padding:0 8px 0 16px;border-bottom:1px solid var(--line-soft);color:var(--fg3)}.sf-bar input{flex:1;min-width:0;height:52px;border:0;background:none;color:var(--fg);font:inherit;font-size:16px;outline:none}.sf-x{flex:none;height:36px;padding:0 10px;border:0;background:none;color:var(--fg3);font:inherit;font-size:13px;cursor:pointer}.sf-x:hover{color:var(--fg-hi)}.sf-out{overflow-y:auto;overscroll-behavior:contain;padding:4px 0 8px}.sf-out section{padding:8px 0 4px}.sf-out section+section{border-top:1px solid var(--line-faint)}.sf-out h3{margin:0;padding:4px 16px;font-size:12px;font-weight:500;color:var(--fg3)}.sf-out h3 small{margin-left:6px;color:var(--fg-mute)}.sf-i{display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 16px;color:var(--fg);text-decoration:none}.sf-i:hover,.sf-i.on{background:var(--hover2)}.sf-i img,.sf-i>i{flex:none;width:36px;height:36px;object-fit:cover;background:var(--pop)}.sf-i span{min-width:0;display:flex;flex-direction:column}.sf-i b{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-i small{font-size:12px;color:var(--fg3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-more{margin:2px 16px 4px;height:32px;padding:0 10px;border:1px solid var(--line-soft);background:none;color:var(--fg2);font:inherit;font-size:12px;cursor:pointer}.sf-more:hover{border-color:var(--fg4)}.sf-msg{margin:0;padding:24px 16px;font-size:13px;color:var(--fg3)}.sf .grab{display:none}@media(min-width:768px){.sf-out:empty{display:none}.sf-bar:has(+.sf-out:empty){border-bottom:0}}@media(max-width:767px){.sf-dim{padding:24px 0 0;align-items:stretch}.sf{position:relative;width:100%;max-height:none;border:0;border-radius:12px 12px 0 0;padding-top:16px}.sf .grab{display:block;position:absolute;left:50%;top:8px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--line-strong)}}.mbar{display:none;height:52px;align-items:center;justify-content:space-between;padding:0 4px 0 16px;border-bottom:1px solid var(--line-faint)}.mbrand{display:flex;align-items:center;gap:10px;color:var(--fg);text-decoration:none;font-family:"Noto Serif KR",serif;font-size:16px;font-weight:600}.mbrand img{display:block;width:22px;height:22px}.menu-btn{width:44px;height:44px;border:0;background:none;color:var(--fg2);cursor:pointer}.sheet{position:fixed;inset:0;z-index:100;background:#0009}.sheet[hidden]{display:none}.sheet{overscroll-behavior:contain}html{-webkit-tap-highlight-color:transparent}html.menu-open{overflow:hidden}.sheet nav{position:relative;max-width:600px;margin:0 auto;background:var(--panel);border-top:1px solid var(--line-soft);border-radius:12px 12px 0 0;padding:24px 16px calc(88px + env(safe-area-inset-bottom,0px))}.sheet .grab{position:absolute;left:50%;top:8px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--line-strong)}.sheet .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sheet .row{width:auto;min-height:0;min-width:0;overflow:hidden;white-space:nowrap;display:flex;align-items:center;gap:12px;height:56px;padding:0 14px;background:var(--pop);border:1px solid var(--line);color:var(--fg);font-size:15px;text-decoration:none}.sheet .home{position:absolute;right:80px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);background:var(--pop);color:var(--fg2);display:flex;align-items:center;justify-content:center}.sheet .home[aria-current=page]{display:none}html.hand-l .sheet .home{right:auto;left:80px}.sheet .hand{position:absolute;left:16px;bottom:calc(22px + env(safe-area-inset-bottom,0px));height:40px;display:flex;align-items:center;gap:16px;font-size:12px;color:var(--fg-mute)}html.hand-l .sheet .hand{left:auto;right:16px}.sheet .hand div{display:flex;gap:14px}.sheet .hand button{position:relative;height:40px;padding:0 2px;border:0;background:none;color:var(--fg3);font:inherit;font-size:13px;cursor:pointer}.sheet .hand button[aria-pressed=true]{color:var(--fg-hi);font-weight:600}.sheet .hand button[aria-pressed=true]:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:var(--fg)}.fab{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html.fab-drag .fab{transition:none;transform:scale(1.08);box-shadow:0 10px 28px #0009}.sheet .row svg{color:var(--fg3);flex:none}.sheet a.row[aria-current=page]{border-color:var(--fg4);font-weight:600;box-shadow:inset 2px 0 0 var(--accent)}.sheet a.row[aria-current=page] svg{color:var(--fg)}.sheet .row.soon{color:var(--fg-mute);background:none;border-style:dashed}.sheet .row.soon svg{color:var(--line-strong)}.sheet .row.soon small{margin-left:auto;font-size:11px;flex:none}html.menu-open .fab{z-index:101;transform:none;opacity:1}.fab{display:none}.fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:90;width:52px;height:52px;border-radius:50%;border:1px solid var(--fg-mute);background:var(--hover2);color:var(--fg-hi);flex-direction:column;gap:1px;font:600 10px/1 Noto Sans KR,sans-serif;align-items:center;justify-content:center;box-shadow:0 6px 18px #00000080;cursor:pointer;transition:transform .25s,opacity .25s}html.nav-hide .fab{transform:translateY(80px);opacity:0}html.hand-l .fab{right:auto;left:16px}.totop{position:fixed;right:24px;bottom:24px;z-index:90;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);background:#18181be6;color:var(--fg);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #00000080;cursor:pointer;transition:opacity .2s,transform .2s}.totop:hover{background:var(--line)}html:not(.far) .totop{opacity:0;transform:translateY(12px);pointer-events:none}.foot{max-width:1160px;margin:48px auto 0;padding:20px 0 32px;border-top:1px solid var(--line-faint);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;font-size:11px;line-height:1.7;color:var(--fg3);word-break:keep-all}.foot b{font-family:"Noto Serif KR",serif;font-size:13px;font-weight:600;color:var(--fg2)}.foot .r{display:flex;flex-wrap:wrap;gap:4px 16px}@media(min-width:1280px){#pc{display:block}}@media(max-width:1279px){#m{display:block}.site{display:block;max-width:600px}.rail,.mbar{display:none}.foot{margin:32px 16px 0;padding:16px 0 28px;flex-direction:column;align-items:flex-start}.mbar .menu-btn,#m button[aria-label="사이트 메뉴"]{display:none}.fab{display:flex}.totop{right:80px;bottom:calc(20px + env(safe-area-inset-bottom,0px))}html.hand-l .totop{right:auto;left:80px}html.nav-hide .totop{transform:translateY(150px);opacity:0;pointer-events:none}html.menu-open .totop{opacity:0;pointer-events:none}.foot{padding-bottom:72px}.sheet nav{position:absolute;left:0;right:0;bottom:0}}@media(max-width:767px){.sheet .sfind{font-size:13px}.mbrand{font-size:14px}.sheet .row{font-size:13px}}
