:root{--bg:#101014;--raised:#18181e;--panel:#ffffff0b;--line:#ffffff1a;--text:#eeeef2;--dim:#9b9ba7;--gold:#e8b64c;--danger:#ef7777;--success:#7fc994;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100dvh;color:var(--text);background:radial-gradient(65rem 32rem at 50% -15rem, #e8b64c24, transparent 70%), var(--bg);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{color:inherit}a{color:inherit;text-underline-offset:.2em}h1,h2,p{margin-top:0}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app-shell{min-height:100dvh}.page{width:min(100% - 32px,920px);margin:0 auto;padding:48px 0 100px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:18px}.muted{color:var(--dim)}.skip-link{z-index:100;background:var(--gold);color:#1d1402;border-radius:8px;padding:9px 12px;font-weight:800;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.topbar{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:#101014c7;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px max(20px,50vw - 460px);display:flex;position:sticky;top:0}.brand{color:var(--gold);letter-spacing:.14em;cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:950}.topbar nav{gap:4px;display:flex}.topbar nav button{color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 13px;font-weight:700}.topbar nav button:hover,.topbar nav button.active{color:var(--text);background:#ffffff12}.hero{text-align:center;padding:50px 0 30px}.hero h1,.signin-panel h1{color:var(--gold);letter-spacing:.17em;text-indent:.17em;margin-bottom:8px;font-size:clamp(2rem,8vw,4rem)}.hero>p:last-child{color:var(--dim)}.status{padding:22px}.who{color:var(--dim);justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;font-size:.9rem;display:flex}.who span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.who a{flex:none}.stats{grid-template-columns:repeat(3,1fr);margin:0;display:grid}.stats>div{padding:0 16px}.stats>div:first-child{padding-left:0}.stats>div+div{border-left:1px solid var(--line)}.stats dt{color:var(--dim);font-size:.75rem}.stats dd{margin:4px 0 0;font-size:clamp(1.15rem,4vw,1.65rem);font-weight:850}.stats dd.ok{color:var(--gold)}.stats small{color:var(--dim);font-size:.72rem}.progress{background:#ffffff12;border-radius:10px;height:5px;margin-top:22px;overflow:hidden}.progress span{border-radius:inherit;background:var(--gold);transform-origin:0;width:100%;height:100%;transition:transform .3s;display:block}.actions{grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:18px;display:grid}.btn{border:1px solid var(--line);min-height:48px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:12px;padding:12px 20px;font-weight:800;text-decoration:none;transition:transform .1s,background .15s}.btn:hover:not(:disabled){background:#ffffff1c}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gold);color:#201603;border-color:#0000}.btn-primary:hover:not(:disabled){background:#f2c45d}.pull-view,.coupon-view{text-align:center;margin:0 auto}.pull-view{max-width:920px}.coupon-view{max-width:620px}.pull-view h1,.coupon-view h1,.section-head h1{margin-bottom:8px;font-size:clamp(1.9rem,7vw,3rem)}.pack{aspect-ratio:.68;background:linear-gradient(145deg,#28242a,#111116 50%,#24201b);border:1px solid #e8b64c73;border-radius:18px;place-items:center;width:min(70vw,280px);margin:38px auto 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 65px #00000080,inset 0 0 0 8px #ffffff06}.pack:before,.pack:after{content:"";border:1px solid #e8b64c40;border-radius:12px;position:absolute;inset:14px}.pack:after{background:linear-gradient(90deg,#0000,#e8b64c29,#0000);border:0;inset:-20% 45%;transform:rotate(22deg)}.pack span{z-index:1;border:2px solid var(--gold);width:92px;height:92px;color:var(--gold);border-radius:50%;place-items:center;font-size:3.5rem;font-weight:950;display:grid}.pack b,.pack small{z-index:1;letter-spacing:.16em;position:absolute}.pack b{color:var(--gold);bottom:62px}.pack small{color:var(--dim);font-size:.62rem;bottom:39px}.pull-results{margin:38px auto 0}.pull-results.single{width:min(70vw,280px)}.pull-results.multi{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.pull-results .card.featured{width:100%;margin:0}.reveal-frame{isolation:isolate;animation:card-materialize .62s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay) both;position:relative}.reveal-frame:before,.reveal-frame:after{content:"";z-index:-1;pointer-events:none;opacity:0;position:absolute}.reveal-frame[class*=high-]:before{background:radial-gradient(circle, color-mix(in srgb, var(--rarity) 38%, transparent), transparent 68%);animation:rarity-bloom .85s ease-out var(--reveal-delay) both;border-radius:50%;inset:-24%}.reveal-frame.high-SSR:after,.reveal-frame.high-UR:after{border:2px solid var(--rarity);animation:rarity-ring .9s ease-out var(--reveal-delay) both;border-radius:18px;inset:-7%}.reveal-frame.high-UR:before{background:conic-gradient(from 15deg, transparent 0 7%, color-mix(in srgb, var(--rarity) 52%, transparent) 8% 10%, transparent 11% 24%, #ffffff6b 25% 27%, transparent 28% 48%, color-mix(in srgb, var(--rarity) 46%, transparent) 49% 52%, transparent 53% 100%);filter:blur(2px);inset:-38%}.reveal-frame.high-UR .card{animation:ur-flare 1s ease-out var(--reveal-delay) both}.pull-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,520px);margin:0 auto;display:grid}.pull-button{width:100%;min-width:0}.result-copy{color:var(--gold);margin:18px 0 12px;font-weight:800}.notice{margin:18px auto 0;font-size:.92rem}.notice.error{color:var(--danger)}.notice.success{color:var(--success)}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.section-head p{color:var(--dim);margin:0;font-size:.82rem}.section-head strong{color:var(--gold);font-size:1.2rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:16px;display:grid}.card{aspect-ratio:.69;border:2px solid var(--rarity,#888);cursor:pointer;text-align:left;background:#18181e;border-radius:13px;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000047}.card img{object-fit:cover;width:100%;height:100%}.card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#040407f5);position:absolute;inset:45% 0 0}.card .rarity,.card-name,.quantity{z-index:1;position:absolute}.card .rarity{color:var(--rarity);background:#08080cc7;border-radius:7px;padding:4px 7px;font-size:.7rem;font-weight:950;top:9px;left:9px}.card-name{font-size:.8rem;font-weight:800;line-height:1.25;bottom:10px;left:10px;right:10px}.quantity{background:var(--gold);color:#1c1302;border-radius:8px;padding:4px 7px;font-size:.72rem;top:9px;right:9px}.card.featured{cursor:zoom-in;width:min(70vw,280px);margin:34px auto 0}.rarity-N{--rarity:#aaaab5}.rarity-R{--rarity:#6fb1e0}.rarity-SR{--rarity:#b17fe0}.rarity-SSR{--rarity:#e8b64c}.rarity-UR{--rarity:#ff7a45}.card.locked{border:1px solid var(--line);color:#555560;cursor:default;background:linear-gradient(145deg,#1b1b21,#121217);place-items:center;display:grid}.card.locked:after{display:none}.card.locked span{font-size:2.4rem;font-weight:900}.card.locked small{color:#686873;letter-spacing:.08em;position:absolute;bottom:12px}.coupon-view{padding-top:32px}.coupon-form{text-align:left;gap:12px;margin-top:30px;padding:24px;display:grid}.coupon-form label{color:var(--dim);font-size:.82rem;font-weight:750}.field{border:1px solid var(--line);width:100%;min-height:50px;color:var(--text);text-transform:uppercase;background:#0000004d;border-radius:11px;padding:13px 14px}.field:focus{border-color:var(--gold);outline:3px solid #e8b64c21}.signin-shell{place-items:center;min-height:100dvh;padding:24px;display:grid}.signin-panel{text-align:center;width:min(100%,560px);padding:clamp(28px,7vw,56px)}.signin-panel p{color:var(--dim);margin-bottom:28px}.signin-panel .btn{justify-content:center;align-items:center;display:inline-flex}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border-color:var(--rarity);background:#18181e;grid-template-columns:minmax(220px,330px) minmax(260px,1fr);width:min(100%,760px);max-height:calc(100dvh - 40px);display:grid;position:relative;overflow:auto}.modal>img{object-fit:cover;border-radius:17px 0 0 17px;width:100%;height:100%;min-height:420px}.modal-copy{padding:34px}.modal-copy .rarity{color:var(--rarity);font-weight:950}.modal-copy h2{margin:8px 0 24px}.skill{line-height:1.6}.skill strong{color:var(--rarity)}.flavor{color:var(--dim);font-style:italic}.card-stats{grid-template-columns:repeat(3,1fr);margin:26px 0;display:grid}.card-stats div+div{border-left:1px solid var(--line)}.card-stats dt{color:var(--dim);font-size:.68rem}.card-stats dd{margin:2px 0 0;font-weight:900}.modal-close{z-index:1;border:1px solid var(--line);cursor:pointer;background:#0a0a0ec2;border-radius:50%;width:40px;height:40px;font-size:1.5rem;position:absolute;top:10px;right:10px}@keyframes card-materialize{0%{opacity:0;filter:blur(8px)brightness(1.5);transform:translateY(26px)scale(.84)}70%{opacity:1;filter:blur()brightness(1.08);transform:translateY(-4px)scale(1.025)}to{opacity:1;filter:none;transform:none}}@keyframes rarity-bloom{0%{opacity:0;transform:scale(.25)rotate(-18deg)}35%{opacity:.95}to{opacity:0;transform:scale(1.25)rotate(10deg)}}@keyframes rarity-ring{0%{opacity:0;transform:scale(.65)}35%{opacity:.9}to{opacity:0;transform:scale(1.35)}}@keyframes ur-flare{0%,to{box-shadow:0 12px 28px #00000047}35%{box-shadow:0 0 42px color-mix(in srgb, var(--rarity) 78%, transparent), 0 0 90px color-mix(in srgb, var(--rarity) 36%, transparent)}}@media (max-width:700px){.page{padding-top:28px}.topbar{justify-content:center}.topbar nav{z-index:60;right:max(9px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));left:max(9px, env(safe-area-inset-left));border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#16161ceb;border-radius:15px;grid-template-columns:repeat(4,1fr);padding:5px;display:grid;position:fixed;box-shadow:0 16px 45px #0000008c}.topbar nav button{min-height:42px;padding:7px 5px;font-size:.8rem}.hero{padding-top:25px}.actions{grid-template-columns:1fr 1fr}.actions .btn:first-child{grid-column:1/-1}.stats>div{padding-inline:10px}.pull-results.multi{grid-template-columns:repeat(2,minmax(0,1fr))}.pull-results.multi .reveal-frame:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.pull-controls{grid-template-columns:1fr}.modal{width:min(100%,380px);display:block}.modal>img{aspect-ratio:.9;border-radius:17px 17px 0 0;height:auto;min-height:0}.modal-copy{padding:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal-frame,.reveal-frame:before,.reveal-frame:after,.reveal-frame .card{filter:none!important;animation:none!important;transform:none!important}}