:root{--bg:#0d0b1a;--bg2:#151226;--panel:#1b1731;--panel2:#231e3f;--line:#322b55;--text:#ecebf5;--sub:#a49fc2;--dim:#6f6a8e;--primary:#ffb020;--glow:#ffd34d;--ok:#42e08a;--bad:#ff5468;--warn:#ffb020;--g-common:#b8bccb;--g-rare:#4aa8ff;--g-epic:#b46bff;--g-unique:#fc3;--g-legend:#5dff9e;--g-myth:#ff5a7a;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);margin:0}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,h4{letter-spacing:-.02em;margin:0}p{margin:0}table{border-collapse:collapse;width:100%}.wrap{max-width:1160px;margin:0 auto;padding:0 16px}.hdr{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#0d0b1adb;position:sticky;top:0}.hdr .wrap{align-items:center;gap:18px;height:58px;display:flex}.logo{white-space:nowrap;align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.logo b{background:linear-gradient(90deg,#ffe27a,#ff8a00);color:#0000;-webkit-background-clip:text;background-clip:text}.nav{scrollbar-width:none;flex:1;gap:4px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--sub);white-space:nowrap;border-radius:9px;padding:7px 11px;font-size:14px;font-weight:600}.nav a:hover,.nav a.on{color:var(--text);background:var(--panel2)}.spendchip{color:var(--sub);background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:99px;padding:5px 10px;font-size:12px}.spendchip b{color:var(--primary)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.grid{gap:14px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}}.sec{margin:44px 0}.sec-h{justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px;display:flex}.sec-h h2{font-size:22px}.sec-h p{color:var(--sub);font-size:14px}.muted{color:var(--sub)}.dim{color:var(--dim)}.small{font-size:13px}.tag{background:var(--panel2);color:var(--sub);border:1px solid var(--line);border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.tag.ok{color:var(--ok);border-color:#42e08a59}.tag.warn{color:var(--warn);border-color:#ffb02059}.tag.bad{color:var(--bad);border-color:#ff546859}.btn{border:1px solid var(--line);background:var(--panel2);border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:700;transition:transform 80ms,background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:#4a4180}.btn:active{transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg, var(--glow), var(--primary));color:#1a1100;box-shadow:0 6px 22px -6px var(--primary);border:0}.btn.big{border-radius:14px;padding:15px 26px;font-size:17px}.btn.ghost{background:0 0}.btns{flex-wrap:wrap;gap:8px;display:flex}.toggle{max-width:100%;color:var(--sub);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.toggle input{accent-color:var(--primary);width:16px;height:16px}select,input[type=number]{background:var(--bg2);min-width:0;max-width:100%;color:var(--text);border:1px solid var(--line);font:inherit;border-radius:9px;padding:8px 10px;font-size:14px}.tbl th,.tbl td{border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums;padding:8px 10px;font-size:13px}.tbl th{color:var(--sub);background:var(--bg2);font-weight:600;position:sticky;top:0}.tbl td:first-child,.tbl th:first-child{text-align:left}.tbl tr.cur td{color:var(--glow);background:#ffb0201a;font-weight:700}.tblwrap{border:1px solid var(--line);border-radius:10px;max-height:420px;overflow:auto}.hero{padding:64px 0 40px;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(10px);z-index:-1;background:radial-gradient(closest-side,#ffa01e38,#0000),radial-gradient(closest-side at 70% 40%,#a05aff40,#0000);height:520px;position:absolute;inset:-40% -10% auto}.hero h1{font-size:clamp(32px,6vw,58px);font-weight:900;line-height:1.12}.hero h1 em{background:linear-gradient(90deg,#ffe27a,#ff8a00 60%,#ff4d6d);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero p.lead{color:var(--sub);max-width:640px;margin-top:16px;font-size:18px;line-height:1.6}.hero .btns{margin-top:26px}.stats-row{flex-wrap:wrap;gap:26px;margin-top:34px;display:flex}.stats-row div b{font-size:26px;font-weight:900;display:block}.stats-row div span{color:var(--sub);font-size:13px}.gcard{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);min-height:170px;padding:20px;transition:transform .15s,border-color .15s;display:block;position:relative;overflow:hidden}.gcard:before{content:"";background:var(--gbg);opacity:.9;z-index:0;position:absolute;inset:0}.gcard>*{z-index:1;position:relative}.gcard:hover{border-color:var(--gc);transform:translateY(-3px)}.gcard h3{margin:6px 0;font-size:20px}.gcard p{color:#ffffffb8;font-size:13px;line-height:1.5}.gcard .gc-meta{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.gcard .gc-icon{opacity:.55;z-index:0;position:absolute;bottom:-14px;right:-10px}.simrow{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:14px;padding:16px;transition:border-color .15s,transform .1s;display:flex}.simrow:hover{border-color:var(--primary);transform:translateY(-1px)}.simrow .ico{background:var(--panel2);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.simrow h4{font-size:16px}.simrow p{color:var(--sub);margin-top:2px;font-size:13px}.stage{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--glow) 18%, transparent), transparent 60%), linear-gradient(180deg, #120f24, #0a0816);border:1px solid var(--line);border-radius:18px;place-items:center;min-height:420px;display:grid;position:relative;overflow:hidden}.stage .grid-bg{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 75%);mask-image:radial-gradient(circle,#000 30%,#0000 75%)}.stage .center{place-items:center;width:260px;height:260px;display:grid;position:relative}.stage .rune{border:2px dashed color-mix(in srgb, var(--glow) 55%, transparent);opacity:.35;border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:0}.stage .rune2{border:1px solid color-mix(in srgb, var(--glow) 40%, transparent);opacity:.3;border-radius:50%;animation:12s linear infinite reverse spin;position:absolute;inset:22px}.stage .item{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--glow) 60%, transparent));transition:transform .2s;position:relative}.stage.charging .rune{opacity:1;box-shadow:0 0 30px var(--glow), inset 0 0 30px var(--glow);border-style:solid;animation-duration:.7s}.stage.charging .rune2{opacity:.9;animation-duration:.5s}.stage.charging .item{animation:.9s ease-in infinite charge}.stage.r-success .item{animation:.6s cubic-bezier(.2,1.6,.4,1) pop}.stage.r-keep .item,.stage.r-down .item{animation:.45s shake}.stage.r-destroy .item{animation:.7s forwards shatter}.stage .flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.stage.r-success .flash{animation:.5s flash}.stage.r-destroy .flash{background:#ff2a3c;animation:.7s flash}.stage .lvl{text-align:center;position:absolute;top:18px;left:0;right:0}.stage .lvl .plus{text-shadow:0 0 24px var(--glow);font-variant-numeric:tabular-nums;font-size:44px;font-weight:900}.stage .result-text{text-align:center;letter-spacing:-.02em;opacity:0;pointer-events:none;font-size:30px;font-weight:900;position:absolute;bottom:74px;left:0;right:0;transform:translateY(10px)scale(.9)}.stage .result-text.show{animation:1.3s forwards rtext}.stage .result-text.success{color:#fff3b0;text-shadow:0 0 20px #ffb020,0 0 40px #ff8a00}.stage .result-text.keep{color:#c9c5e0;text-shadow:0 0 14px #5b5490}.stage .result-text.down{color:#ffb3b3;text-shadow:0 0 14px #c03}.stage .result-text.destroy{color:#ff5468;text-shadow:0 0 22px red;font-size:34px}.stage .chance{flex-wrap:wrap;justify-content:center;gap:8px;padding:0 10px;display:flex;position:absolute;bottom:18px;left:0;right:0}.chip{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#00000073;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:700}.chip.s{color:var(--ok)}.chip.k{color:var(--sub)}.chip.d{color:#ffb36b}.chip.x{color:var(--bad)}.stars{flex-wrap:wrap;justify-content:center;gap:2px;max-width:420px;margin:0 auto;display:flex}.stars span{color:#3a3460;font-size:17px;line-height:1}.stars span.on{color:#ffd34d;text-shadow:0 0 8px #ffb020}.stars span.gap{width:8px}.artisan{background:#2a2448;border-radius:99px;width:220px;height:8px;margin:8px auto 0;overflow:hidden}.artisan i{background:linear-gradient(90deg,#6bd5ff,#b46bff);height:100%;transition:width .4s;display:block}.statgrid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.stat{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.stat span{color:var(--sub);font-size:12px;display:block}.stat b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.log{font-variant-numeric:tabular-nums;max-height:240px;font-size:13px;overflow:auto}.log div{border-bottom:1px dashed var(--line);justify-content:space-between;gap:10px;padding:5px 2px;display:flex}.box{place-items:center;width:150px;height:150px;display:grid;position:relative}.box .lid,.box .body{border:2px solid #1b1630;border-radius:10px;position:absolute;left:15px;right:15px}.box .body{background:linear-gradient(180deg, var(--primary), color-mix(in srgb, var(--primary) 50%, #000));height:80px;bottom:15px}.box .lid{background:linear-gradient(180deg, var(--glow), var(--primary));transform-origin:0 100%;height:30px;transition:transform .4s cubic-bezier(.3,1.6,.5,1);top:30px}.box .ribbon{background:#ffffff8c;border-radius:3px;width:14px;position:absolute;top:30px;bottom:15px;left:68px}.stage.charging .box{animation:.18s infinite boxshake}.stage.opened .box .lid{transform:translateY(-40px)rotate(-35deg)}.stage.opened .box:after{content:"";background:radial-gradient(circle, var(--rc,#fff) 0%, transparent 60%);animation:1s flash;position:absolute;inset:-60px}.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}@media (width<=600px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.gcell{perspective:800px;height:138px}.gcell .inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,1.3,.5,1);position:relative}.gcell.flip .inner{transform:rotateY(180deg)}.gcell .face{backface-visibility:hidden;text-align:center;border:2px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.gcell .back{background:repeating-linear-gradient(45deg,#231e3f,#231e3f 8px,#1b1731 8px 16px)}.gcell .front{background:linear-gradient(180deg, color-mix(in srgb, var(--gc) 26%, #1b1731), #14112a);border-color:var(--gc);box-shadow:0 0 22px -6px var(--gc);transform:rotateY(180deg)}.gcell .front .gname{word-break:keep-all;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:11.5px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.gcell .front .grade{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--gc);margin-bottom:4px;font-size:11px;font-weight:800;overflow:hidden}.gcell .front .rate{color:var(--dim);margin-top:4px;font-size:10px}.gcell.top .front{animation:1.2s ease-in-out infinite toppulse}.bar{background:#2a2448;border-radius:99px;height:8px;overflow:hidden}.bar i{border-radius:99px;height:100%;display:block}.hist{align-items:flex-end;gap:2px;height:140px;display:flex}.hist i{background:linear-gradient(180deg, var(--glow), var(--primary));opacity:.85;border-radius:3px 3px 0 0;flex:1;min-height:1px}.hist i.me{opacity:1;background:linear-gradient(#8ff,#3af)}.src{color:var(--dim);font-size:12px;line-height:1.6}.src a{color:var(--sub);text-underline-offset:2px;text-decoration:underline}.note{color:var(--sub);background:var(--bg2);border-left:3px solid var(--primary);border-radius:0 10px 10px 0;padding:12px 14px;font-size:13px;line-height:1.65}.prose{color:#d4d1e6;font-size:15px;line-height:1.8}.prose h2{color:var(--text);margin:32px 0 12px;font-size:22px}.prose h3{color:var(--text);margin:22px 0 8px;font-size:17px}.prose p,.prose ul{margin:10px 0}.prose a{color:var(--glow);text-decoration:underline}.foot{border-top:1px solid var(--line);color:var(--dim);margin-top:60px;padding:30px 0 50px;font-size:12px;line-height:1.8}.foot a{color:var(--sub)}.toast{z-index:99;background:#2b2450;border:1px solid #5a4fa0;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:700;animation:2.6s forwards toast;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.crumb{color:var(--dim);margin:22px 0 10px;font-size:13px}.crumb a:hover{color:var(--text)}.pagehead h1{font-size:clamp(24px,4vw,34px);font-weight:900}.pagehead p{color:var(--sub);margin-top:6px;line-height:1.6}.sim-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;margin-top:18px;display:grid}@media (width<=900px){.sim-layout{grid-template-columns:minmax(0,1fr)}}.controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes charge{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.06)translateY(-4px)}}@keyframes pop{0%{transform:scale(.85)}50%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-12px)rotate(-3deg)}40%{transform:translate(10px)rotate(3deg)}60%{transform:translate(-7px)}80%{transform:translate(5px)}}@keyframes shatter{0%{filter:none;transform:scale(1)}30%{filter:brightness(3)saturate(0);transform:scale(1.15)rotate(4deg)}to{opacity:0;transform:scale(.4)rotate(-20deg)}}@keyframes flash{0%{opacity:.85}to{opacity:0}}@keyframes rtext{0%{opacity:0;transform:translateY(14px)scale(.85)}15%{opacity:1;transform:translateY(0)scale(1.08)}25%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-6px)}}@keyframes boxshake{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)translateY(-2px)}75%{transform:rotate(4deg)}}@keyframes toppulse{0%,to{box-shadow:0 0 18px -4px var(--gc)}50%{box-shadow:0 0 34px 4px var(--gc)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.simrow>div{min-width:0}.stage .center{width:min(260px,78vw);height:min(260px,78vw)}@media (width<=480px){.simrow{gap:10px;padding:12px}.simrow .ico{width:36px;height:36px;font-size:18px}}