@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;800&display=swap";
:root{--bg:#0a0c12;--fg:#eef1f8;--fg-soft:#a6adc4;--fg-dim:#646b82;--line:#eef1f81f;--line-strong:#eef1f847;--card-bg:#eef1f8;--card-ink:#0a0c12;--serif:"Noto Sans KR",sans-serif;--disp:"Noto Sans KR",sans-serif;--sans:"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Segoe UI",sans-serif;--gold:#d75daf;--green:#68bc47;--shadow:0 18px 36px -16px #000000b3,0 4px 10px -3px #00000080;--grade-normal:#a6adc4;--grade-rare:#fff;--grade-rare-2:#eef1f8;--grade-epic:#d75daf;--grade-epic-2:#f0a6d8;--bd-normal:#9a9a9a;--bd-rare:#27718c;--bd-epic:#b39200;--frame-normal:linear-gradient(135deg,#fff 0%,#dfe6ee 14%,#9aa7b6 28%,#5f6b7a 40%,#f2f5f9 52%,#8b97a6 64%,#475160 78%,#cdd6e0 90%,#fff 100%);--frame-rare:linear-gradient(135deg,#eaf6ff 0%,#a9d4f5 14%,#4f9bd9 28%,#2767a0 40%,#d4ecff 52%,#3d84c4 64%,#173f66 78%,#8fc2ec 90%,#eaf6ff 100%);--frame-epic:linear-gradient(135deg,#fff7d6 0%,#f3d271 14%,#caa12e 28%,#8a6a1c 40%,#fbe6a8 52%,#caa12e 64%,#7c5e16 78%,#e8c977 90%,#fff7d6 100%)}.collection-root *{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0}.collection-root{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;letter-spacing:.01em;min-height:100vh;position:relative}.collection-root ::selection{background:var(--fg);color:var(--bg)}.starfield{pointer-events:none;z-index:0;position:fixed;inset:0}.starfield:before,.starfield:after{content:"";background-image:radial-gradient(1px 1px at 20% 30%,#dce4f899,#0000),radial-gradient(1px 1px at 80% 70%,#dce4f880,#0000),radial-gradient(1.5px 1.5px,#dce4f866,#0000),radial-gradient(1px 1px at 30% 80%,#dce4f880,#0000),radial-gradient(1px 1px at 70% 20%,#dce4f899,#0000),radial-gradient(1px 1px at 90% 90%,#dce4f866,#0000),radial-gradient(1px 1px at 15% 60%,#dce4f880,#0000),radial-gradient(1px 1px at 45% 15%,#dce4f880,#0000);background-size:100% 100%;animation:8s ease-in-out infinite tw;position:absolute;inset:0}.starfield:after{opacity:.5;background-size:50% 50%;animation-duration:12s;animation-delay:2s}@keyframes tw{0%,to{opacity:.6}50%{opacity:1}}.topbar{z-index:50;align-items:center;gap:12px;padding:20px 32px;display:flex;position:fixed;top:0;left:0;right:0}.brand{font-family:var(--disp);letter-spacing:.3em;text-transform:uppercase;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.brand svg{width:22px;height:22px;display:block}.wrap{z-index:2;width:100%;max-width:1400px;margin:0 auto;padding:60px 32px 160px;position:relative}.header{text-align:center;margin-bottom:32px}.eyebrow{font-family:var(--disp);letter-spacing:.5em;color:var(--fg-dim);text-transform:uppercase;margin-bottom:16px;font-size:11px}.title{font-family:var(--disp);margin-bottom:12px;font-size:clamp(32px,5vw,44px);font-weight:400}.sub{color:var(--fg-soft);font-size:14px}.grade-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 8px;display:flex}.grade-tab{border:1px solid var(--line);color:var(--gold);font-family:var(--disp);letter-spacing:.25em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;padding:10px 26px;font-size:12px;transition:all .3s;position:relative;overflow:hidden}.grade-tab .gt-ko{font-family:var(--sans);letter-spacing:.1em;color:var(--fg-dim);margin-top:3px;font-size:10px;display:block}.grade-tab:hover{border-color:var(--gold)}.grade-tab[data-g=normal].active,.grade-tab[data-g=rare].active,.grade-tab[data-g=epic].active{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.grade-tab .gt-count{font-family:var(--sans);color:var(--fg-dim);letter-spacing:.05em;margin-left:8px;font-size:10px}.filters{flex-wrap:wrap;justify-content:center;gap:4px;margin:18px 0 8px;display:flex}.filter{border:1px solid var(--line);color:var(--fg-soft);font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:7px 16px;font-size:11px;transition:all .25s}.filter:hover{color:var(--fg);border-color:var(--fg-soft)}.filter.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.col-guide{text-align:center;color:var(--fg);letter-spacing:.01em;background:0 0;border:none;border-radius:0;align-self:center;width:100%;max-width:560px;margin:8px auto 2px;padding:0 16px;font-size:14.5px;font-weight:400;line-height:1.5}.collection-root.embed .col-guide{max-width:520px;margin:0 auto;padding:0 12px;font-size:13px}@media (max-width:760px){.col-guide{margin:8px auto 2px;padding:0 12px;font-size:13px}}.progress{text-align:center;color:var(--fg-dim);letter-spacing:.15em;font-size:11px;font-family:var(--disp);margin:6px 0 26px}.grid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:10.5px 10px;display:grid}.cell{flex-direction:column;align-items:stretch;gap:4px;display:flex}.card-wrap{width:100%;position:relative}.card{aspect-ratio:1023/1537;width:100%;color:var(--card-ink);box-sizing:border-box;box-shadow:var(--shadow);font-family:var(--serif);cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:0;padding:0;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.card:hover{transform:translateY(-4px)}.card-frame{box-sizing:border-box;border:1px solid var(--card-ink);z-index:2;flex-direction:column;flex:1;min-height:0;padding:8px 6px;display:flex;position:relative}.card-num{text-align:center;letter-spacing:.2em;font-size:12px;font-style:italic}.card-mid{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.card-art{opacity:.45;width:46px;height:46px}.card-name{text-align:center;letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-family:var(--disp);padding-top:2px}.cell-kr{font-family:var(--serif);text-align:center;font-size:15px}.cell-en{display:none}.card:after{content:"";pointer-events:none;z-index:1;border-radius:0;transition:opacity .3s;position:absolute;inset:-2px}.cell[data-g=rare] .card,.cell[data-g=epic] .card{box-shadow:var(--shadow)}.cell.isnew .card:before{content:"";mix-blend-mode:screen;pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 0%,#fff0 38%,#ffffffc7 50%,#fff0 62%,#0000 100%);width:66px;height:220%;animation:5s linear infinite cardShine;position:absolute;top:-60%;left:-50%;transform:rotate(14deg)}@keyframes cardShine{0%{left:-50%}to{left:150%}}@media (prefers-reduced-motion:reduce){.cell.isnew .card:before{animation:none;display:none}}.cell.locked .card{-webkit-backdrop-filter:blur(6px);cursor:default;box-shadow:none;background:#dce4f80f;border:1px solid #dce4f824}.cell.locked .card:hover{transform:none}.cell.locked .card-frame{opacity:.5;border-color:#dce4f81f}.cell.locked .card-num,.cell.locked .card-name{color:var(--fg-dim)}.cell.locked .card-art{stroke:var(--fg-dim);opacity:.25}.cell.locked .cell-kr{color:var(--fg-dim)}.cell.locked .cell-en{color:var(--fg-dim);opacity:.6}.cell.locked .lock-mark{z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cell.locked .lock-mark svg{width:24px;height:24px;stroke:var(--fg-soft);opacity:.5}.count-badge{z-index:4;color:var(--gold);font-family:var(--sans);letter-spacing:0;text-shadow:0 1px 3px #000000b3;background:0 0;font-size:13px;font-weight:800;position:absolute;top:5px;right:7px}.pick-box{z-index:6;border:1px solid var(--line-strong);cursor:pointer;color:#0000;background:#0a0a0ab3;border-radius:6px;place-items:center;width:22px;height:22px;font-size:13px;line-height:1;transition:all .2s;display:grid;position:absolute;bottom:8px;right:8px}.pick-box:hover{border-color:#f5c51c}.cell.picked .pick-box{color:#1a1606;background:#f5c51c;border-color:#f5c51c}.cell.picked .card{box-shadow:var(--shadow),0 0 0 2px #f5c51c;transform:translateY(-4px)}.cell.picked[data-g=rare] .card,.cell.picked[data-g=epic] .card{box-shadow:var(--shadow),0 0 0 2px #f5c51c}.fx-canvas{z-index:90;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.collection-root.is-busy .grade-tabs,.collection-root.is-busy .filters,.collection-root.is-busy .progress,.collection-root.is-busy .cell-kr,.collection-root.is-busy .cell-en{opacity:.1;transition:opacity .5s}.collection-root.is-busy .synth-bar{opacity:0;pointer-events:none}.grid{transition:opacity .5s}.grid.is-gone{opacity:0;pointer-events:none}.synth-bar{z-index:70;flex-direction:column;align-items:center;gap:8px;transition:opacity .4s,transform .4s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.synth-bar.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(20px)}.sb-inner{-webkit-backdrop-filter:blur(18px)saturate(140%);background:#ffffff1f;border:1px solid #ffffff8c;border-radius:999px;align-items:center;gap:18px;padding:11px 14px 11px 22px;display:flex;box-shadow:0 14px 44px -12px #00000080}.sb-clear{font-family:var(--sans);color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff24;border:1px solid #ffffff80;border-radius:999px;padding:9px 16px;font-size:12px;transition:all .2s}.sb-clear:hover{color:#fff;background:#ffffff3d;border-color:#fff}.sb-segwrap{background:#ffffff24;border:1px solid #ffffff6b;border-radius:999px;gap:4px;padding:4px;display:flex}.sb-seg{font-family:var(--sans);color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;transition:background .18s,color .18s}.sb-seg.on{color:#1a1606;background:#f5c51c}.sb-counter{min-width:92px;font-family:var(--disp);white-space:nowrap;justify-content:center;align-items:baseline;gap:6px;display:flex}.sb-count{color:#fff;text-shadow:0 1px 4px #0006;font-size:26px;font-weight:700;transition:color .25s}.sb-count.full{color:var(--gold)}.sb-need{color:#ffffffd9;letter-spacing:.05em;font-size:14px}.sb-go{font-family:var(--disp);letter-spacing:.1em;cursor:pointer;border:1px solid var(--green);background:var(--green);color:#06210a;white-space:nowrap;border-radius:999px;padding:11px 24px;font-size:14px;font-weight:700;transition:all .24s}.sb-go.ready{background:var(--green);color:#06210a;border-color:var(--green);box-shadow:0 0 22px -4px var(--green)}.sb-go.ready:hover{box-shadow:0 0 30px -2px var(--green);transform:translateY(-2px)}.sb-go:disabled{cursor:not-allowed;opacity:.85}.sb-hint{color:var(--fg-dim);letter-spacing:.08em;font-size:11px;font-family:var(--sans)}.result-layer{z-index:100;pointer-events:none;place-items:center;display:none;position:fixed;inset:0}.result-layer.show{display:grid}.result-halo{aspect-ratio:1;opacity:0;filter:blur(6px);background:radial-gradient(circle,#ffffff42 0%,#ffffff29 24%,#ffffff0f 48%,#0000 66%);border-radius:50%;width:min(120vw,760px);transition:opacity 1s,transform 1.2s;position:absolute;transform:scale(.6)}.result-layer.show .result-halo{opacity:1;animation:4s ease-in-out 1.3s infinite haloPulse;transform:scale(1)}@keyframes haloPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.result-stage{pointer-events:auto;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}@media (max-width:768px){.result-stage{padding-bottom:90px}}.result-card{aspect-ratio:1023/1537;height:min(62vh,580px);color:var(--card-ink);font-family:var(--serif);opacity:0;filter:blur(6px);background:0 0;border-radius:0;padding:0;transition:opacity .7s,transform 1s cubic-bezier(.2,.8,.25,1),filter .7s;display:flex;position:relative;transform:scale(.35)rotate(-5deg);box-shadow:0 0 42px #ffffff8c,0 0 110px -6px #fff6}.result-card .card-num{font-size:20px}.result-card .card-art{width:104px;height:104px}.result-card .card-name{font-size:14px}.result-layer[data-g=rare] .result-card{box-shadow:0 0 0 2px var(--grade-rare),0 0 42px #ffffff8c,0 0 110px -6px #fff6}.result-layer.show .result-card{opacity:1;filter:blur();animation:6s ease-in-out 1.2s infinite cardFloat;transform:scale(1)rotate(0)}@keyframes cardFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(.4deg)}}.result-grade{font-family:var(--disp);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 18px #f5b51c66;opacity:0;font-size:22px;font-weight:700;transition:opacity .6s .8s}.result-layer[data-g=rare] .result-grade{color:var(--gold)}.result-layer.show .result-grade{opacity:1}.result-name{font-family:var(--serif);color:#f2ede3;opacity:0;font-size:32px;transition:opacity .6s 1s}.result-layer.show .result-name{opacity:1}.result-close{font-family:var(--disp);letter-spacing:.1em;color:#fff;background:var(--gold);border:1px solid var(--gold);cursor:pointer;opacity:0;box-shadow:0 0 22px -6px var(--gold);border-radius:999px;margin-top:6px;padding:11px 30px;font-size:13px;font-weight:700;transition:all .24s,opacity .6s 1.3s}.result-layer.show .result-close{opacity:1}.result-close:hover{box-shadow:0 0 30px -2px var(--gold);transform:translateY(-2px)}.res-sparkle{color:#fff;opacity:0;text-shadow:0 0 8px #fffc;pointer-events:none;z-index:5;animation:2.4s ease-in-out infinite resspark;position:absolute}@keyframes resspark{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1)rotate(40deg)}}.modal-bg{z-index:100;-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;cursor:zoom-out;width:100%;max-width:900px;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;margin:0 auto;padding:24px;transition:opacity .35s,visibility .35s;display:flex;position:fixed;inset:0}.modal-bg.open{opacity:1;visibility:visible}.modal{opacity:0;background:#1e2026cc;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;width:min(900px,94vw);max-height:92%;padding:32px 20px;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s;display:flex;overflow:hidden auto;transform:scale(.9)translateY(14px);box-shadow:0 30px 80px -20px #000000d9}.modal-bg.open .modal{opacity:1;transform:scale(1)translateY(0)}.modal-card{aspect-ratio:1023/1537;height:min(64vh,560px);color:var(--card-ink);cursor:default;font-family:var(--serif);background:0 0;border-radius:0;flex:none;padding:0;display:flex;position:relative;box-shadow:0 30px 60px -20px #000c}.modal-card .card-frame{padding:18px 14px}.modal-card .card-num{font-size:20px}.modal-card .card-art{width:110px;height:110px}.modal-card .card-name{font-size:15px}.modal-card[data-g=rare]{box-shadow:0 30px 60px -20px #000c,0 0 32px -6px #ffffff80}.modal-card[data-g=rare]:after{content:"";box-shadow:0 0 0 1.5px var(--grade-rare) inset;border-radius:15px;position:absolute;inset:-2px}.modal-card[data-g=epic]{box-shadow:0 30px 60px -20px #000c,0 0 38px -8px var(--bd-epic)}.modal-card[data-g=epic]:after{content:"";box-shadow:0 0 0 2px var(--bd-epic) inset;border-radius:15px;position:absolute;inset:-2px}.modal-info{text-align:center;cursor:default;flex-direction:column;flex:none;align-items:center;gap:8px;width:100%;max-width:760px;display:flex}.mi-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.mi-grade{font-family:var(--disp);letter-spacing:.28em;text-transform:uppercase;border:1px solid var(--line-strong);border-radius:999px;padding:3px 10px;font-size:9px;display:inline-block}.mi-grade[data-g=normal]{color:var(--gold);border-color:var(--gold)}.mi-grade[data-g=rare]{color:var(--gold);border-color:var(--gold);box-shadow:0 0 11px -4px var(--grade-rare)}.mi-grade[data-g=epic]{color:var(--gold);border-color:var(--gold);box-shadow:0 0 13px -4px var(--grade-epic)}.mi-kr{font-family:var(--serif);font-size:22px;line-height:1.1}.mi-en{font-family:var(--disp);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-soft);font-size:10px}.mi-desc{color:var(--fg-soft);max-width:460px;margin:6px 0 2px;font-size:12.5px;line-height:1.6}.mi-kw{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:2px;display:flex}.kw-row{align-items:center;gap:8px;display:flex}.kw-label{font-family:var(--disp);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim);font-size:9px}.kw-chips{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.chip{letter-spacing:.04em;border:1px solid var(--line);color:var(--fg-soft);border-radius:999px;padding:3px 9px;font-size:10px}.kw-row.up .chip{border-color:var(--line-strong);color:var(--fg)}.modal-close{z-index:110;border:1px solid var(--line);color:var(--fg-soft);cursor:pointer;background:0 0;border-radius:999px;width:40px;height:40px;font-size:18px;transition:all .25s;position:fixed;top:24px;right:28px}.modal-close:hover{color:var(--fg);border-color:var(--fg-soft)}@media (max-width:760px){.topbar{padding:16px 20px}.brand{letter-spacing:.18em;font-size:11px}.wrap{padding:84px 16px 140px}.grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:5px 6px}.grade-tab{padding:9px 18px}.filters{flex-wrap:nowrap;gap:3px}.filter{letter-spacing:.06em;padding:6px 9px;font-size:10px}.modal-card{height:min(54vh,440px)}.mi-kr{font-size:19px}.mi-desc{font-size:12px}.mi-kw{gap:12px}}.collection-root.embed{background:0 0;height:100vh;min-height:auto;overflow:hidden}.collection-root.embed .wrap{flex-direction:column;gap:4px;height:100%;max-height:100%;padding:14px 0;display:flex;overflow:hidden}.collection-root.embed .col-head{-webkit-backdrop-filter:blur(8px);background:#ffffff21;border:1px solid #ffffff47;border-radius:16px;flex:none;padding:12px 20px 10px}.collection-root.embed .grade-tabs{margin:0 0 8px}.collection-root.embed .filters{margin:0}.collection-root.embed .grid{gap:3px 6px}.collection-root.embed .cell{gap:1px}.collection-root.embed .cell-kr{font-size:12px}.collection-root.embed .cell-en{font-size:8px}.collection-root.embed .col-scroll{background:0 0;border:0;border-radius:0;flex:auto;min-height:0;padding:6px 2px 150px;overflow-y:auto}.collection-root.embed .starfield{opacity:.35;position:absolute}.synth-burst-layer{z-index:95;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.synth-burst{width:0;height:0;position:relative}.sb-p{opacity:0;will-change:transform,opacity;animation-name:sbfly;animation-timing-function:cubic-bezier(.18,.7,.3,1);animation-fill-mode:forwards;display:block;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(0)}.sb-p-dot{background:radial-gradient(circle,#fff 0%,#fff3 60%,#0000 70%);border-radius:50%}.sb-p-star{background:var(--gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);box-shadow:0 0 6px #f5b51c99}@keyframes sbfly{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}18%{opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1) rotate(var(--rot));opacity:0}}.card-frame:has(>.card-img){background:0 0;border:none;border-radius:4px;padding:0}.modal-card .card-frame:has(>.card-img){border-radius:4px;padding:0}.result-card .card-frame:has(>.card-img){border-radius:4px;padding:0}.card-img{object-fit:cover;z-index:2;border:none;border-radius:4px;width:100%;height:100%;display:block;position:relative}.result-card .card-img,.modal-card .card-img{border-radius:4px}.card-frame-fallback{flex-direction:column;flex:1;width:100%;height:100%;display:flex}.cell:not(.locked) .card{border:none;border-radius:6px;padding:3.5%;overflow:hidden}.cell:not(.locked)[data-g=normal] .card{background:var(--frame-normal)}.cell:not(.locked)[data-g=rare] .card{background:var(--frame-rare)}.cell:not(.locked)[data-g=epic] .card{background:var(--frame-epic)}.result-card{border-radius:14px;padding:10px;overflow:hidden}.result-layer[data-g=normal] .result-card{background:var(--frame-normal)}.result-layer[data-g=rare] .result-card{background:var(--frame-rare)}.result-layer[data-g=epic] .result-card{background:var(--frame-epic)}.modal-card{border-radius:14px;padding:10px;overflow:hidden}.modal-card[data-g=normal]{background:var(--frame-normal)}.modal-card[data-g=rare]{background:var(--frame-rare)}.modal-card[data-g=epic]{background:var(--frame-epic)}.modal-card[data-g=rare]:after,.modal-card[data-g=epic]:after{display:none}.card-grade-label{z-index:3;letter-spacing:.12em;color:#fff;pointer-events:none;background:#00000073;border-radius:999px;padding:1px 7px;font-size:8px;font-weight:800;line-height:1.4;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.card-grade-label[data-g=normal]{box-shadow:0 0 0 1px var(--bd-normal) inset}.card-grade-label[data-g=rare]{box-shadow:0 0 0 1px var(--bd-rare) inset}.card-grade-label[data-g=epic]{box-shadow:0 0 0 1px var(--bd-epic) inset}.result-card .card-grade-label,.modal-card .card-grade-label{padding:2px 11px;font-size:11px;bottom:9px}